Add a Settings section registry with one lazy folder per section

Each proposed section has its own folder with a placeholder, loaded on demand in
live mode, so a section's owner never edits shared files. Fixture rendering keeps
the static list; the live page's gates come from data computed on the server.

Author: waleedlatif1

apps/sim/platform/app/(shell)/settings/[[...section]]/page.tsx

@@ -3,12 +3,19 @@ import { SETTINGS_DESTINATIONS } from '@/platform/app/(shell)/_components/settin
 import { SettingsScreen } from '@/platform/app/(shell)/settings/_components/settings-screen/settings-screen'
 import { readScenario } from '@/platform/design-system/navigation'
 import { loadSettingsData, loadShellData } from '@/platform/fixtures'
+import { resolvePlatformMode } from '@/platform/lib/data/mode'
 
 export default async function Page({
   searchParams,
   params,
 }: PageProps<'/settings/[[...section]]'>) {
   const [query, { section: path }] = await Promise.all([searchParams, params])
+  if (resolvePlatformMode() === 'live') {
+    const { LiveSettings } = await import(
+      '@/platform/app/(shell)/settings/_components/live-settings/live-settings'
+    )
+    return <LiveSettings path={path ?? []} query={query} />
+  }
   const section = path?.[0] ?? 'preferences'
   const destination = SETTINGS_DESTINATIONS.find((item) => item.key === section)
   if ((path && path.length !== 1) || !destination) notFound()

apps/sim/platform/app/(shell)/settings/_components/live-settings/live-settings.tsx

@@ -0,0 +1,28 @@
+import { notFound } from 'next/navigation'
+import { resolveLiveSetting } from '@/platform/app/(shell)/_components/settings-navigation/destinations'
+import { SETTINGS_SECTIONS } from '@/platform/app/(shell)/settings/_components/section-registry'
+import { SettingsScreen } from '@/platform/app/(shell)/settings/_components/settings-screen/settings-screen'
+import { readOrganizationSurface } from '@/platform/lib/data/surface'
+
+interface LiveSettingsProps {
+  path: readonly string[]
+  query: Record<string, string | string[] | undefined>
+}
+
+/** A live Settings section. The shell layout has already answered any surface failure. */
+export async function LiveSettings({ path, query }: LiveSettingsProps) {
+  const surface = await readOrganizationSurface()
+  if (surface.status !== 'ok') return null
+  const { organization } = surface
+  const [key = 'preferences', ...subpath] = path
+  const setting = resolveLiveSetting(key, organization)
+  if (!setting) notFound()
+  const entry = SETTINGS_SECTIONS[setting.key]
+  if (subpath.length && !entry.subpaths?.includes(subpath.join('/'))) notFound()
+  const { default: Section } = await entry.load()
+  return (
+    <SettingsScreen section={setting.key} title={setting.title} data={null}>
+      <Section organization={organization} subpath={subpath} query={query} />
+    </SettingsScreen>
+  )
+}

apps/sim/platform/app/(shell)/settings/_components/section-registry.ts

@@ -0,0 +1,116 @@
+import type { ComponentType } from 'react'
+import type { LiveSettingsKey } from '@/platform/app/(shell)/_components/settings-navigation/destinations'
+import type { PlatformOrganization } from '@/platform/lib/data/organization-model'
+
+/** What a section receives. Its gate has already passed; its own API calls enforce the same rule. */
+export interface SettingsSectionProps {
+  organization: PlatformOrganization
+  /** Segments after the section's key, limited to its declared `subpaths`. */
+  subpath: readonly string[]
+  query: Record<string, string | string[] | undefined>
+}
+
+interface SettingsSectionEntry {
+  load: () => Promise<{ default: ComponentType<SettingsSectionProps> }>
+  subpaths?: readonly string[]
+}
+
+/**
+ * One lazily loaded folder per live section, so a section's owner edits only that folder. The
+ * `Record` makes a section missing from either side of this map and its navigation entry a
+ * compile error. Navigation and gates live in `settings-navigation/destinations.ts`.
+ */
+export const SETTINGS_SECTIONS: Record<LiveSettingsKey, SettingsSectionEntry> = {
+  preferences: {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/preferences/preferences-section'
+      ),
+  },
+  notifications: {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/notifications/notifications-section'
+      ),
+  },
+  'keyboard-shortcuts': {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/keyboard-shortcuts/keyboard-shortcuts-section'
+      ),
+  },
+  privacy: {
+    load: () =>
+      import('@/platform/app/(shell)/settings/_components/sections/privacy/privacy-section'),
+  },
+  account: {
+    load: () =>
+      import('@/platform/app/(shell)/settings/_components/sections/account/account-section'),
+  },
+  'knowledge-graphs': {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/knowledge-graphs/knowledge-graphs-section'
+      ),
+  },
+  'recently-deleted': {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/recently-deleted/recently-deleted-section'
+      ),
+  },
+  members: {
+    load: () =>
+      import('@/platform/app/(shell)/settings/_components/sections/members/members-section'),
+  },
+  billing: {
+    load: () =>
+      import('@/platform/app/(shell)/settings/_components/sections/billing/billing-section'),
+  },
+  usage: {
+    load: () => import('@/platform/app/(shell)/settings/_components/sections/usage/usage-section'),
+    subpaths: ['events'],
+  },
+  whitelabeling: {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/whitelabeling/whitelabeling-section'
+      ),
+  },
+  requests: {
+    load: () =>
+      import('@/platform/app/(shell)/settings/_components/sections/requests/requests-section'),
+  },
+  links: {
+    load: () => import('@/platform/app/(shell)/settings/_components/sections/links/links-section'),
+  },
+  'audit-logs': {
+    load: () =>
+      import('@/platform/app/(shell)/settings/_components/sections/audit-logs/audit-logs-section'),
+  },
+  'access-control': {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/access-control/access-control-section'
+      ),
+  },
+  sso: {
+    load: () => import('@/platform/app/(shell)/settings/_components/sections/sso/sso-section'),
+  },
+  security: {
+    load: () =>
+      import('@/platform/app/(shell)/settings/_components/sections/security/security-section'),
+  },
+  'data-retention': {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/data-retention/data-retention-section'
+      ),
+  },
+  'data-drains': {
+    load: () =>
+      import(
+        '@/platform/app/(shell)/settings/_components/sections/data-drains/data-drains-section'
+      ),
+  },
+}

apps/sim/platform/app/(shell)/settings/_components/sections/access-control/access-control-section.tsx

@@ -0,0 +1,3 @@
+export default function AccessControlSection() {
+  return null
+}

apps/sim/platform/app/(shell)/settings/_components/sections/account/account-section.tsx

@@ -0,0 +1,3 @@
+export default function AccountSection() {
+  return null
+}

apps/sim/platform/app/(shell)/settings/_components/sections/audit-logs/audit-logs-section.tsx

@@ -0,0 +1,3 @@
+export default function AuditLogsSection() {
+  return null
+}

apps/sim/platform/app/(shell)/settings/_components/sections/billing/billing-section.tsx

@@ -0,0 +1,3 @@
+export default function BillingSection() {
+  return null
+}

apps/sim/platform/app/(shell)/settings/_components/sections/data-drains/data-drains-section.tsx

@@ -0,0 +1,3 @@
+export default function DataDrainsSection() {
+  return null
+}

apps/sim/platform/app/(shell)/settings/_components/sections/data-retention/data-retention-section.tsx

@@ -0,0 +1,3 @@
+export default function DataRetentionSection() {
+  return null
+}

apps/sim/platform/app/(shell)/settings/_components/sections/keyboard-shortcuts/keyboard-shortcuts-section.tsx

@@ -0,0 +1,3 @@
+export default function KeyboardShortcutsSection() {
+  return null
+}