Feed PlatformShell live data through its existing prop

platform/lib/data/shell.ts maps workspaces, chats and the profile onto ShellData
with pure adapters over the existing hooks, plus the fields only real data has.
Fixtures leave those fields out and render as before. Inbox and Sort workspaces
hide where nothing backs them, tray history stays empty, and hooks' toasts reach
the tray as notices, which may now carry no action.

Author: waleedlatif1

apps/sim/hooks/queries/mothership-chats.ts

@@ -350,7 +350,8 @@ export function useMothershipChats(
 /** Private organization conversations use their own cache scope and current membership. */
 export function useOrganizationMothershipChats(
   organizationId: string,
-  scope: MothershipChatScope = 'active'
+  scope: MothershipChatScope = 'active',
+  options?: { enabled?: boolean }
 ) {
   return useQuery({
     queryKey: mothershipChatKeys.organizationList(organizationId, scope),
@@ -361,6 +362,7 @@ export function useOrganizationMothershipChats(
       })
       return data.data.map(mapChat)
     },
+    enabled: options?.enabled ?? true,
     staleTime: MOTHERSHIP_CHAT_LIST_STALE_TIME,
   })
 }

apps/sim/platform/app/(shell)/_components/command-menu/command-menu.tsx

@@ -1,5 +1,9 @@
 import { PLATFORM_DESTINATIONS } from '@/platform/app/(shell)/_components/destinations'
-import type { ShellData, ShellItem } from '@/platform/app/(shell)/_components/model'
+import type {
+  ShellData,
+  ShellDestination,
+  ShellItem,
+} from '@/platform/app/(shell)/_components/model'
 import { CommandPalette } from '@/platform/design-system/components/command-palette/command-palette'
 import { OverlayDialog } from '@/platform/design-system/components/modal/overlay-dialog'
 
@@ -9,16 +13,24 @@ interface CommandMenuProps {
   navigate: (href: string) => void
   chats: readonly ShellItem[]
   workspaces: ShellData['workspaces']
+  destinations?: readonly ShellDestination[]
 }
 
-export function CommandMenu({ open, onClose, navigate, chats, workspaces }: CommandMenuProps) {
+export function CommandMenu({
+  open,
+  onClose,
+  navigate,
+  chats,
+  workspaces,
+  destinations = PLATFORM_DESTINATIONS,
+}: CommandMenuProps) {
   return (
     <OverlayDialog label='Search' presentation='command' open={open} onClose={onClose}>
       <CommandPalette
         label='Search the platform'
         onSelect={navigate}
         groups={[
-          { items: PLATFORM_DESTINATIONS },
+          { items: destinations },
           {
             label: 'Workspaces',
             items: workspaces.map((item) => ({

apps/sim/platform/app/(shell)/_components/destinations.ts

@@ -1,5 +1,39 @@
+import type { ShellDestination } from '@/platform/app/(shell)/_components/model'
+import { legacyRoutes, type PlatformOrganization } from '@/platform/lib/data/organization-model'
+
 export const PLATFORM_DESTINATIONS = [
   { id: 'home', label: 'Home', icon: 'I104', value: '/home' },
   { id: 'settings', label: 'Settings', icon: 'I116', value: '/settings' },
   { id: 'integrations', label: 'Integrations', icon: 'I070', value: '/integrations' },
 ] as const
+
+/** The legacy navigation's gates and order. Search and Benchmark stay on the legacy surface. */
+export function resolveLiveDestinations(organization: PlatformOrganization): ShellDestination[] {
+  const { access, navFlags } = organization
+  const routes = legacyRoutes(organization)
+  return [
+    ...(access.mothershipAvailable && access.canBuild
+      ? [{ id: 'home', label: 'Home', icon: 'I104' as const, value: '/home' }]
+      : []),
+    ...(access.searchAccess.memberScoped
+      ? [{ id: 'search', label: 'Search', icon: 'I089' as const, value: routes.search }]
+      : []),
+    ...(navFlags.people
+      ? [{ id: 'people', label: 'People', icon: 'I104' as const, value: '/people' }]
+      : []),
+    ...(access.searchAccess.memberScoped
+      ? [
+          {
+            id: 'integrations',
+            label: 'Integrations',
+            icon: 'I070' as const,
+            value: '/integrations',
+          },
+        ]
+      : []),
+    ...(navFlags.benchmark
+      ? [{ id: 'benchmark', label: 'Benchmark', icon: 'I046' as const, value: routes.benchmark }]
+      : []),
+    { id: 'settings', label: 'Settings', icon: 'I116', value: '/settings' },
+  ]
+}

apps/sim/platform/app/(shell)/_components/model.ts

@@ -1,4 +1,5 @@
 import type { IconName } from '@/platform/design-system/catalog/icon-geometry'
+import type { PlatformOrganization } from '@/platform/lib/data/organization-model'
 
 export type HomeMode = 'Build' | 'Search'
 export type HomeWidget = 'Activity' | 'Email' | 'Calendar'
@@ -18,15 +19,73 @@ export interface InboxItem extends ShellItem {
 export interface ShellNotice extends ShellItem {
   description?: string
   icon: IconName
-  action: string
+  action?: string
   href?: string
 }
 
+/** The optional fields are the ones only real data carries; fixtures leave them out. */
+export interface ShellWorkspace {
+  id: string
+  name: string
+  logoUrl?: string | null
+  permissions?: 'admin' | 'write' | 'read' | null
+  isPinned?: boolean
+}
+
+export interface ShellChat extends ShellItem {
+  mode?: string
+  /** Absolute when the chat opens on the legacy surface. */
+  href?: string
+  isActive?: boolean
+  isUnread?: boolean
+  isPinned?: boolean
+  updatedAt?: string
+}
+
+/** `value` is absolute when the destination stays on the legacy surface. */
+export interface ShellDestination {
+  id: string
+  label: string
+  icon: IconName
+  value: string
+}
+
+export interface SettingsNavItem {
+  key: string
+  title: string
+  icon: IconName
+  /** Absolute when the section stays on the legacy surface. */
+  href?: string
+}
+
+export interface SettingsNavGroup {
+  label: string
+  items: readonly SettingsNavItem[]
+}
+
+type ShellQueryStatus = 'pending' | 'error' | 'success'
+
 export interface ShellData {
-  organization: { name: string; memberCount: number }
-  user: { name: string }
-  workspaces: { id: string; name: string }[]
-  chats: ShellItem[]
+  organization: {
+    name: string
+    memberCount: number
+    id?: string
+    slug?: string
+    logo?: string | null
+  }
+  user: { name: string; id?: string; email?: string; image?: string | null }
+  workspaces: ShellWorkspace[]
+  chats: ShellChat[]
   inbox: InboxItem[]
   notifications: ShellNotice[]
+  /** Shell features with no backend in this data source. Hidden, because empty would misinform. */
+  unbacked?: readonly ('inbox' | 'sortWorkspaces')[]
+  /** So a list can tell loading and failure from empty. Absent means the data is simply there. */
+  status?: { workspaces: ShellQueryStatus; chats: ShellQueryStatus; profile: ShellQueryStatus }
+  workspaceCreation?: { canCreate: boolean; organizationId: string | null; reason: string | null }
+  /** Viewer standing, access, deployment and flags. Absent outside a live session. */
+  surface?: PlatformOrganization
+  /** The viewer's gated navigation. Absent means the static destination lists. */
+  destinations?: readonly ShellDestination[]
+  settingsNavigation?: readonly SettingsNavGroup[]
 }

apps/sim/platform/app/(shell)/_components/notification-tray/notification-tray.tsx

@@ -1,15 +1,17 @@
 'use client'
 
-import { createContext, type ReactNode, useContext, useState } from 'react'
+import { createContext, type ReactNode, useContext, useEffect, useState } from 'react'
+import { generateId } from '@sim/utils/id'
 import type { ShellNotice } from '@/platform/app/(shell)/_components/model'
 import styles from '@/platform/app/(shell)/_components/notification-tray/notification-tray.module.css'
 import { ActivityBody } from '@/platform/design-system/components/activity-row/activity-body'
 import { Button, IconButton } from '@/platform/design-system/components/button/button'
 import { useFeedbackExpiry } from '@/platform/design-system/components/feedback/use-feedback-expiry'
 import { Icon } from '@/platform/design-system/components/icon/icon'
 import { useScrollEdges } from '@/platform/design-system/components/scroll-area/use-scroll-edges'
+import { connectToastSink } from '@/platform/lib/data/toast'
 
-type Notice = Omit<ShellNotice, 'href'> & { onAction: () => void }
+type Notice = Omit<ShellNotice, 'href'> & { onAction?: () => void }
 function useNoticeState() {
   const [edits, setEdits] = useState(() => new Map<string, Notice | null>())
   const [display, setDisplay] = useState<'hidden' | 'latest' | 'expanded' | 'minimized'>('hidden')
@@ -41,11 +43,37 @@ export function NotificationSession({ children }: { children: ReactNode }) {
   return <Notices.Provider value={state}>{children}</Notices.Provider>
 }
 
+/** Delivers the toasts existing query hooks raise, as action-free notices unless they carry one. */
+function useToastNotices() {
+  const { notify, dismiss } = usePlatformNotices()
+  useEffect(
+    () =>
+      connectToastSink({
+        show({ message, description, variant, action }) {
+          const id = generateId()
+          notify({
+            id,
+            title: message,
+            description,
+            icon: variant === 'error' || variant === 'warning' ? 'I047' : 'I106',
+            action: action?.label,
+            onAction: action?.onClick,
+          })
+          return id
+        },
+        dismiss,
+      }),
+    // notify and dismiss only write state, so the first render's pair stays correct.
+    []
+  )
+}
+
 interface NotificationTrayProps {
   history: readonly ShellNotice[]
   navigate: (href: string) => void
 }
 export function NotificationTray({ history, navigate }: NotificationTrayProps) {
+  useToastNotices()
   const scrollEdges = useScrollEdges<HTMLDivElement>()
   const { edits, display, setDisplay, dismiss } = usePlatformNotices()
   const items = [
@@ -119,16 +147,18 @@ export function NotificationTray({ history, navigate }: NotificationTrayProps) {
                   )}
                 </ActivityBody>
                 <div className={styles.actions}>
-                  <Button
-                    size='compact'
-                    onClick={() => {
-                      dismiss(item.id)
-                      if ('onAction' in item) item.onAction()
-                      else if (item.href) navigate(item.href)
-                    }}
-                  >
-                    {item.action}
-                  </Button>
+                  {item.action && (
+                    <Button
+                      size='compact'
+                      onClick={() => {
+                        dismiss(item.id)
+                        if ('onAction' in item) item.onAction?.()
+                        else if (item.href) navigate(item.href)
+                      }}
+                    >
+                      {item.action}
+                    </Button>
+                  )}
                   <IconButton
                     size='compact'
                     label={`Dismiss ${item.title}`}