feat(projects): checkpoint project UI and environment settings redesign

Author: mzxchandra

apps/sim/app/api/organizations/[id]/projects/route.ts

@@ -0,0 +1,25 @@
+import { listOrganizationProjectsContract } from '@/lib/api/contracts/projects'
+import {
+  defineInternalJsonRoute,
+  internalRateLimits,
+  internalSessionAuth,
+} from '@/lib/api/server/routes'
+import { internalPermissionGroupErrorPolicy } from '@/lib/api/server/routes/permission-groups'
+import {
+  listOrganizationProjects,
+  listOrganizationProjectsOperation,
+} from '@/lib/projects/application/organization-projects'
+
+export const GET = defineInternalJsonRoute({
+  contract: listOrganizationProjectsContract,
+  auth: internalSessionAuth,
+  operation: listOrganizationProjectsOperation,
+  rateLimit: internalRateLimits.none({
+    reason:
+      'Read-only organization settings inventory follows existing workspace inventory admission',
+  }),
+  errorPolicy: internalPermissionGroupErrorPolicy,
+  mapInput: ({ params }) => ({ organizationId: params.id }),
+  useCase: listOrganizationProjects,
+  present: (result) => result,
+})

apps/sim/app/api/v1/admin/organizations/[id]/data-retention/route.ts

@@ -9,7 +9,7 @@
  * `DATA_RETENTION_ENABLED` (or `ENTERPRISE_ENABLED`) when billing is off.
  *
  * Body: any subset of `logRetentionHours`, `softDeleteRetentionHours`,
- * `taskCleanupHours`, `fileVersionRetentionHours`, `piiRedaction`, `retentionOverrides`.
+ * `taskCleanupHours`, `fileVersionRetentionHours`, `piiRedaction`, `retentionOverrides`, `projectOverrides`.
  * Omitted keys keep their current value; `null` means "forever" for an hours field.
  *
  * Response: AdminSingleResponse<{ success, organizationId }>
@@ -85,6 +85,7 @@ export const PATCH = withRouteHandler(
         merged.piiRedaction = body.piiRedaction
       }
 
+      if (body.projectOverrides !== undefined) merged.projectOverrides = body.projectOverrides
       if (body.retentionOverrides !== undefined) {
         merged.retentionOverrides = body.retentionOverrides
       }
@@ -97,6 +98,7 @@ export const PATCH = withRouteHandler(
       const foreignTargetsReason = await getForeignWorkspaceTargetsReason({
         organizationId,
         retentionOverrides: body.retentionOverrides,
+        projectOverrides: body.projectOverrides,
         piiRedaction: body.piiRedaction,
       })
       if (foreignTargetsReason) {

apps/sim/app/api/workspaces/[id]/dashboard/route.ts

@@ -0,0 +1,19 @@
+import { readWorkspaceDashboardContract } from '@/lib/api/contracts/dashboards'
+import {
+  defineInternalJsonRoute,
+  internalOrchestrationErrorPolicy,
+  internalRateLimits,
+  internalSessionAuth,
+} from '@/lib/api/server/routes'
+import { readWorkspaceDashboard } from '@/lib/dashboards/application/dashboards'
+import { dashboardOperations } from '@/lib/dashboards/application/operations'
+
+export const GET = defineInternalJsonRoute({
+  contract: readWorkspaceDashboardContract,
+  auth: internalSessionAuth,
+  operation: dashboardOperations.read,
+  rateLimit: internalRateLimits.user({ bucketName: 'dashboards' }),
+  errorPolicy: internalOrchestrationErrorPolicy,
+  mapInput: ({ params }) => ({ workspaceId: params.id }),
+  useCase: readWorkspaceDashboard,
+})

apps/sim/app/api/workspaces/[id]/fork/mapping/route.ts

@@ -1,4 +1,5 @@
 import {
+  createForkSecretMappingContract,
   getForkMappingContract,
   updateForkMappingContract,
 } from '@/lib/api/contracts/workspace-fork'
@@ -8,6 +9,7 @@ import {
   internalSessionAuth,
 } from '@/lib/api/server/routes'
 import { internalForkErrorPolicy } from '@/ee/workspace-forking/api/route-policies'
+import { createWorkspaceForkSecretMapping } from '@/ee/workspace-forking/application/create-secret-mapping'
 import { getWorkspaceForkMappingDetails } from '@/ee/workspace-forking/application/mapping-details'
 import { forkOperations } from '@/ee/workspace-forking/application/operations'
 import { updateWorkspaceForkMappings } from '@/ee/workspace-forking/application/recovery-and-mappings'
@@ -38,3 +40,14 @@ export const PUT = defineInternalJsonRoute({
   useCase: updateWorkspaceForkMappings,
   present: (result) => ({ success: true as const, ...result }),
 })
+
+export const POST = defineInternalJsonRoute({
+  contract: createForkSecretMappingContract,
+  auth: internalSessionAuth,
+  operation: forkOperations.createSecretMapping,
+  rateLimit: internalRateLimits.none({ reason: 'Preserve existing internal fork request policy' }),
+  errorPolicy: internalForkErrorPolicy,
+  mapInput: ({ params, body }) => ({ workspaceId: params.id, ...body }),
+  useCase: createWorkspaceForkSecretMapping,
+  present: ({ name }) => ({ name }),
+})

apps/sim/app/api/workspaces/[id]/settings-navigation/route.ts

@@ -0,0 +1,24 @@
+import { getWorkspaceSettingsNavigationContract } from '@/lib/api/contracts/workspace-settings'
+import {
+  defineInternalJsonRoute,
+  internalOrchestrationErrorPolicy,
+  internalRateLimits,
+  internalSessionAuth,
+} from '@/lib/api/server/routes'
+import {
+  readWorkspaceSettingsNavigation,
+  readWorkspaceSettingsNavigationOperation,
+} from '@/lib/settings/application/workspace-navigation'
+
+export const GET = defineInternalJsonRoute({
+  contract: getWorkspaceSettingsNavigationContract,
+  auth: internalSessionAuth,
+  operation: readWorkspaceSettingsNavigationOperation,
+  rateLimit: internalRateLimits.none({
+    reason: 'Read-only settings navigation, matching existing settings-page admission',
+  }),
+  errorPolicy: internalOrchestrationErrorPolicy,
+  mapInput: ({ params }) => ({ workspaceId: params.id }),
+  useCase: readWorkspaceSettingsNavigation,
+  staticResponseHeaders: { 'Cache-Control': 'private, no-store' },
+})

apps/sim/app/o/[organizationId]/components/organization-sidebar/components/chats-section/chats-section.tsx

@@ -144,7 +144,7 @@ export function ChatsSection({
                   <CollapsedChatFlyoutItem
                     key={chat.id}
                     chat={chat}
-                    isCurrentRoute={pathname === chat.href}
+                    isCurrentRoute={pathname === chat.href.split('?')[0]}
                     isMenuOpen={menuOpenChatId === chat.id}
                     isEditing={rename.editingId === chat.id}
                     editValue={rename.value}
@@ -187,7 +187,7 @@ export function ChatsSection({
                       key={chat.id}
                       chat={chat}
                       leading={leadingFor?.(chat)}
-                      isCurrentRoute={pathname === chat.href}
+                      isCurrentRoute={pathname === chat.href.split('?')[0]}
                       isMenuOpen={menuOpenChatId === chat.id}
                       onContextMenu={actions.onContextMenu}
                       onMorePointerDown={actions.onMorePointerDown}

apps/sim/app/o/[organizationId]/components/organization-sidebar/components/projects-section/index.ts

@@ -1,4 +1,3 @@
-export { ProjectMarks } from './project-marks'
 export { ProjectRow } from './project-row'
 export { ProjectsSection } from './projects-section'
 export { useProjectActions } from './use-project-actions'

apps/sim/app/o/[organizationId]/components/organization-sidebar/components/projects-section/project-marks.tsx

@@ -23,8 +23,8 @@ import {
   SquareArrowUpRight,
   Trash,
 } from '@sim/emcn/icons'
-import Link from 'next/link'
 import { IdentityTile } from '@/components/identity-tile/identity-tile'
+import { SettingsGuardedLink as Link } from '@/components/settings/settings-guarded-link'
 import { useProjectActions } from '@/app/o/[organizationId]/components/organization-sidebar/components/projects-section/use-project-actions'
 import type { ProjectDragProps } from '@/app/o/[organizationId]/components/organization-sidebar/components/projects-section/use-project-order'
 import type { Project } from '@/app/o/[organizationId]/p/hooks/use-projects'

apps/sim/app/o/[organizationId]/components/organization-sidebar/components/projects-section/project-row.tsx

@@ -1,26 +1,26 @@
 'use client'
 
 import { cn } from '@sim/emcn'
+import { useSearchParams } from 'next/navigation'
+import { useQueryStates } from 'nuqs'
 import { organizationRoutes } from '@/lib/navigation/paths'
 import { ProjectRow } from '@/app/o/[organizationId]/components/organization-sidebar/components/projects-section/project-row'
 import {
   type ProjectDragProps,
   useProjectOrder,
 } from '@/app/o/[organizationId]/components/organization-sidebar/components/projects-section/use-project-order'
+import { projectPaneParsers } from '@/app/o/[organizationId]/home/components/project-pane/search-params'
 import { type Project, useProjects } from '@/app/o/[organizationId]/p/hooks/use-projects'
 import { SidebarSection } from '@/app/workspace/[workspaceId]/w/components/sidebar/components'
 import { SIDEBAR_ITEM_GAP_CLASS } from '@/app/workspace/[workspaceId]/w/components/sidebar/constants'
 
-/** Chats listed under an open project before "Show more". */
-const CHAT_PREVIEW = 3
-
 interface ProjectsSectionProps {
   organizationId: string
   isCollapsed: boolean
   pathname: string | null
 }
 
-/** The organization's projects, one per fork lineage, each with its chats underneath. */
+/** Projects select the pinned pane; chats remain independent organization conversations. */
 export function ProjectsSection({ organizationId, isCollapsed, pathname }: ProjectsSectionProps) {
   const { roots } = useProjects(organizationId)
   const { projects, dragProps, isAnyDragActive } = useProjectOrder(roots)
@@ -52,10 +52,6 @@ interface ProjectTreeProps {
   isAnyDragActive: boolean
 }
 
-/**
- * A project row. Chats are organization-wide and can touch several projects, so they live in
- * the Chats section, each marked with the projects it worked in, rather than under one project.
- */
 function ProjectTree({
   organizationId,
   project,
@@ -65,15 +61,23 @@ function ProjectTree({
   isAnyDragActive,
 }: ProjectTreeProps) {
   const routes = organizationRoutes(organizationId)
-  const inProject = project.environments.some((environment) => {
-    const base = `${routes.root}/p/${environment.workspaceId}`
-    return pathname === base || pathname?.startsWith(`${base}/`)
-  })
+  const searchParams = useSearchParams()
+  const [{ project: selectedWorkspace }] = useQueryStates(projectPaneParsers)
+  const inProject = project.environments.some(
+    (environment) => environment.workspaceId === selectedWorkspace
+  )
+  const query = new URLSearchParams(searchParams.toString())
+  if (inProject) query.delete('project')
+  else query.set('project', project.id)
+  query.delete('section')
+  query.set('pane', 'project')
+  const chatPath = pathname?.startsWith(`/o/${organizationId}/chat/`) ? pathname : routes.home
+  const href = `${chatPath}?${query}`
   return (
     <ProjectRow
       project={project}
-      href={routes.project(project.id)}
-      newChatHref={`${inProject && pathname ? pathname : routes.project(project.id)}?chat=new`}
+      href={href}
+      newChatHref={`${routes.home}?project=${encodeURIComponent(project.id)}&pane=project`}
       active={inProject}
       railCollapsed={railCollapsed}
       drag={drag}