Share what the lanes each wrote for themselves

Pass-through seam domains become barrels, so no module re-exports from a
non-barrel. Prefetches share one naming scheme, one timeout and one failure
path, and every server read now has a deadline. One failure notice, one credits
modal, one plural helper and one set of role labels replace the copies. Saved
preferences show loading and failure rather than a guessed value, Home stops
reading the review queue for members the route refuses, and sign out reports
a failure rather than bouncing off login.

Author: waleedlatif1

apps/sim/platform/app/(shell)/_components/chat/cards/assistant-review.tsx

@@ -7,7 +7,7 @@ import type {
   AssistantReviewAction,
 } from '@/platform/app/(shell)/_components/chat/model'
 import { useChatRuntime } from '@/platform/app/(shell)/_components/session/chat-runtime'
-import { Button, InlineNotice, StatusTag } from '@/platform/design-system/components'
+import { Button, FailureNotice, InlineNotice, StatusTag } from '@/platform/design-system/components'
 import { Input, TextArea } from '@/platform/design-system/components/field/inputs'
 
 type Edits = Record<string, Record<string, string>>
@@ -150,17 +150,7 @@ export function AssistantReview({ turnId }: { turnId: string }) {
     }
   }
   if (status === 'error')
-    return (
-      <InlineNotice
-        intent='danger'
-        message='Could not load action review'
-        action={
-          <Button variant='muted' size='compact' onClick={retry}>
-            Retry
-          </Button>
-        }
-      />
-    )
+    return <FailureNotice message='Could not load action review' onRetry={retry} />
   if (!actions.length && !receipts.length) return null
   const allowDisabled = pending || actions.some((action) => action.account?.active === false)
   return (

apps/sim/platform/app/(shell)/_components/chat/message/markdown-content.tsx

@@ -4,7 +4,7 @@ import { memo, type ReactNode } from 'react'
 import { Streamdown } from 'streamdown'
 import styles from '@/platform/app/(shell)/_components/chat/message/markdown.module.css'
 import { CopyButton } from '@/platform/design-system/components'
-import { extractTextContent } from '@/platform/lib/data/node-text'
+import { nodeText } from '@/platform/lib/data/node-text'
 
 const COMPONENTS = {
   p: ({ children }: { children?: ReactNode }) => <p data-type='T048'>{children}</p>,
@@ -21,7 +21,7 @@ const COMPONENTS = {
   pre: ({ children }: { children?: ReactNode }) => (
     <div className={styles.code}>
       <span className={styles.copy}>
-        <CopyButton label='Copy code' text={extractTextContent(children)} />
+        <CopyButton label='Copy code' text={nodeText(children)} />
       </span>
       <pre>{children}</pre>
     </div>

apps/sim/platform/app/(shell)/_components/invite-modal/invite-modal.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react'
 import { Modal, RecipientField, SelectField } from '@/platform/design-system/components'
-import { useInviteMembers } from '@/platform/lib/data/members'
+import { ORGANIZATION_ROLE_OPTIONS, useInviteMembers } from '@/platform/lib/data/members'
 import { useOrganization } from '@/platform/lib/data/organization'
 
 interface InviteModalProps {
@@ -15,12 +15,7 @@ interface Recipient {
   invalid?: boolean
 }
 
-const ROLE_OPTIONS = [
-  { value: 'member', label: 'Member' },
-  { value: 'admin', label: 'Admin' },
-] as const
-
-type InviteRole = (typeof ROLE_OPTIONS)[number]['value']
+type InviteRole = (typeof ORGANIZATION_ROLE_OPTIONS)[number]['value']
 
 /**
  * Invites people to the organization. Workspace grants belong to the workspace entry points, which
@@ -76,7 +71,7 @@ export function InviteModal({ open, onOpenChange }: InviteModalProps) {
       />
       <SelectField
         label='Role'
-        options={viewer.isAdmin ? ROLE_OPTIONS : ROLE_OPTIONS.slice(0, 1)}
+        options={viewer.isAdmin ? ORGANIZATION_ROLE_OPTIONS : ORGANIZATION_ROLE_OPTIONS.slice(0, 1)}
         value={role}
         onValueChange={(next) => setRole(next === 'admin' ? 'admin' : 'member')}
         disabled={!invite.canInvite}

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

@@ -8,7 +8,7 @@ import { ProductSession } from '@/platform/app/(shell)/_components/product-sessi
 import { SessionState } from '@/platform/app/(shell)/_components/session-state/session-state'
 import { resolveSettingsNavigation } from '@/platform/app/(shell)/_components/settings-navigation/destinations'
 import { hasOrganizationSurface, legacyRoutes } from '@/platform/lib/data/organization-model'
-import { prefetchShell } from '@/platform/lib/data/prefetch'
+import { prefetchShell } from '@/platform/lib/data/prefetch-shell'
 import { LiveProviders } from '@/platform/lib/data/providers'
 import { legacyUrl, loginUrl, readOrganizationSurface } from '@/platform/lib/data/surface'
 

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

@@ -30,7 +30,6 @@ export interface ShellWorkspace {
   name: string
   /** Absolute: a workspace opens on the legacy surface. */
   href?: string
-  logoUrl?: string | null
   permissions?: 'admin' | 'write' | 'read' | null
   isPinned?: boolean
 }
@@ -75,7 +74,6 @@ export interface ShellData {
     name: string
     memberCount: number
     id?: string
-    slug?: string
     logo?: string | null
   }
   user: { name: string; id?: string; email?: string; image?: string | null }

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

@@ -15,6 +15,7 @@ import {
 } from '@/platform/design-system/components'
 import { IdentityButton } from '@/platform/design-system/components/identity-button/identity-button'
 import { AnchoredPopover } from '@/platform/design-system/components/menu/anchored-popover'
+import { plural } from '@/platform/lib/plural'
 
 /** Lazy because its form reads real data, which a fixture session never loads. */
 const InviteModal = dynamic(
@@ -164,9 +165,7 @@ export function OrganizationMenu({
                 </span>
               )}
               {organization && (
-                <span data-type='T050'>
-                  {organization.memberCount} {organization.memberCount === 1 ? 'member' : 'members'}
-                </span>
+                <span data-type='T050'>{plural(organization.memberCount, 'member')}</span>
               )}
             </div>
             {(!actions || actions.canInvite) && (

apps/sim/platform/app/(shell)/_components/search/search-results.tsx

@@ -9,6 +9,7 @@ import {
   Button,
   DateRangePicker,
   EmptyState,
+  FailureNotice,
   InlineNotice,
   Select,
 } from '@/platform/design-system/components'
@@ -41,15 +42,7 @@ export function SearchResults({ results }: { results: SearchResultsData }) {
       )}
       {status === 'needs-range' && <p data-type='T052'>Choose the days to search.</p>}
       {status === 'error' && (
-        <InlineNotice
-          intent='danger'
-          message='Search couldn’t run.'
-          action={
-            <Button variant='muted' size='compact' onClick={results.retry}>
-              Try again
-            </Button>
-          }
-        />
+        <FailureNotice message='Search couldn’t run.' onRetry={results.retry} />
       )}
       {filters && (
         <div className={styles.filters} role='group' aria-label='Search filters'>

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

@@ -7,6 +7,7 @@ import { SETTINGS_DESTINATIONS } from '@/platform/app/(shell)/_components/settin
 import styles from '@/platform/app/(shell)/_components/settings-navigation/settings-navigation.module.css'
 import { Chip, SearchField } from '@/platform/design-system/components'
 import { platformHref } from '@/platform/design-system/navigation'
+import { plural } from '@/platform/lib/plural'
 
 interface SettingsNavigationProps {
   section?: string
@@ -83,7 +84,7 @@ export function SettingsNavigation({
       />
       {filter ? (
         matches.length ? (
-          group(`${matches.length} ${matches.length === 1 ? 'result' : 'results'}`, matches)
+          group(plural(matches.length, 'result'), matches)
         ) : (
           <div className={styles.result} role='status'>
             <strong data-type='T043'>No matching settings</strong>

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

@@ -1,7 +1,8 @@
 import { HydrationBoundary } from '@tanstack/react-query'
 import { redirect } from 'next/navigation'
 import { LiveHome } from '@/platform/app/(shell)/home/_components/live-home/live-home'
-import { prefetchHome, resolveHomeRedirect } from '@/platform/lib/data/home-server'
+import { resolveHomeRedirect } from '@/platform/lib/data/organization-model'
+import { prefetchHome } from '@/platform/lib/data/prefetch-home'
 import { readOrganizationSurface } from '@/platform/lib/data/surface'
 
 /** The live Home entry: the legacy page's gate, then its cheap reads for first paint. */

apps/sim/platform/app/(shell)/people/_components/directory/directory.tsx

@@ -8,6 +8,7 @@ import {
   Button,
   DataTable,
   EmptyState,
+  FailureNotice,
   InlineNotice,
   PersonRow,
   RecipientTag,
@@ -97,15 +98,10 @@ export function PeopleDirectory({ organizationId }: PeopleDirectoryProps) {
       {directory.loading ? (
         <PeopleStatus>Loading people…</PeopleStatus>
       ) : directory.error ? (
-        <InlineNotice
-          intent='danger'
+        <FailureNotice
           title='Could not load people'
           message={directory.error.message}
-          action={
-            <Button size='compact' onClick={directory.retry}>
-              Retry
-            </Button>
-          }
+          onRetry={directory.retry}
         />
       ) : rows.length === 0 ? (
         !directory.query && !directory.hasDepartment ? (