feat(tables): enable saved views in the embedded mothership table

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx

@@ -82,6 +82,9 @@ interface ResourceContentProps {
   isAgentResponding?: boolean
   genericResourceData?: GenericResourceData
   previewContextKey?: string
+  /** Resolved server-side by the home page — the embedded table can't read
+   *  AppConfig itself, so the flag is threaded down rather than looked up. */
+  tableViewsEnabled?: boolean
   onNotFound?: (resourceId: string) => void
 }
 
@@ -144,6 +147,7 @@ export const ResourceContent = memo(function ResourceContent({
   isAgentResponding,
   genericResourceData,
   previewContextKey,
+  tableViewsEnabled,
   onNotFound,
 }: ResourceContentProps) {
   const streamFileName = previewSession?.fileName || 'file.md'
@@ -213,7 +217,15 @@ export const ResourceContent = memo(function ResourceContent({
 
   switch (resource.type) {
     case 'table':
-      return <Table key={resource.id} workspaceId={workspaceId} tableId={resource.id} embedded />
+      return (
+        <Table
+          key={resource.id}
+          workspaceId={workspaceId}
+          tableId={resource.id}
+          embedded
+          viewsEnabled={tableViewsEnabled}
+        />
+      )
 
     case 'file':
       return (

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/mothership-view.tsx

@@ -54,6 +54,8 @@ interface MothershipViewProps {
   previewSession?: FilePreviewSession | null
   isAgentResponding?: boolean
   genericResourceData?: GenericResourceData
+  /** Resolved server-side by the home page; forwarded to the embedded table. */
+  tableViewsEnabled?: boolean
 }
 
 export const MothershipView = memo(
@@ -68,6 +70,7 @@ export const MothershipView = memo(
       previewSession,
       isAgentResponding,
       genericResourceData,
+      tableViewsEnabled,
     }: MothershipViewProps,
     ref
   ) {
@@ -141,6 +144,7 @@ export const MothershipView = memo(
                 isAgentResponding={isAgentResponding}
                 genericResourceData={active.type === 'generic' ? genericResourceData : undefined}
                 previewContextKey={chatId}
+                tableViewsEnabled={tableViewsEnabled}
                 onNotFound={(resourceId) => removeResource('log', resourceId)}
               />
             ) : (

apps/sim/app/workspace/[workspaceId]/home/home.tsx

@@ -76,9 +76,11 @@ interface HomeProps {
   chatId?: string
   userName?: string
   userId?: string
+  /** Resolved server-side by the page — the embedded table can't reach AppConfig. */
+  tableViewsEnabled?: boolean
 }
 
-export function Home({ chatId, userName, userId }: HomeProps) {
+export function Home({ chatId, userName, userId, tableViewsEnabled }: HomeProps) {
   useOAuthReturnRouter()
   const { workspaceId } = useParams<{ workspaceId: string }>()
   const router = useRouter()
@@ -539,6 +541,7 @@ export function Home({ chatId, userName, userId }: HomeProps) {
             previewSession={previewSession}
             isAgentResponding={isSending}
             genericResourceData={genericResourceData ?? undefined}
+            tableViewsEnabled={tableViewsEnabled}
             className={skipResourceTransition ? '!transition-none' : undefined}
           />
         </Suspense>

apps/sim/app/workspace/[workspaceId]/home/page.tsx

@@ -2,6 +2,8 @@ import { Suspense } from 'react'
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query'
 import type { Metadata } from 'next'
 import { getSession } from '@/lib/auth'
+import { isFeatureEnabled } from '@/lib/core/config/feature-flags'
+import { getWorkspaceHostContextForViewer } from '@/lib/workspaces/host-context'
 import { getQueryClient } from '@/app/_shell/providers/get-query-client'
 import { prefetchHomeLists } from '@/app/workspace/[workspaceId]/home/prefetch'
 import { Home } from './home'
@@ -18,12 +20,26 @@ export default async function HomePage({ params }: { params: Promise<{ workspace
   const listsPrefetch = prefetchHomeLists(queryClient, workspaceId)
 
   const session = await getSession()
+  const userId = session?.user?.id
+  // Resolved here for the same reason the table page does it: the flag's gating
+  // lives in AppConfig, which has no client counterpart, and the embedded table is
+  // a client component. Keyed on the workspace's host organization, matching the
+  // table page so both surfaces gate identically. Both reads are request-memoized.
+  const host = userId ? await getWorkspaceHostContextForViewer(workspaceId, userId) : null
+  const tableViewsEnabled = await isFeatureEnabled('table-views', {
+    userId,
+    orgId: host?.hostOrganizationId ?? undefined,
+  })
   await listsPrefetch
 
   return (
     <HydrationBoundary state={dehydrate(queryClient)}>
       <Suspense fallback={<HomeFallback />}>
-        <Home userName={session?.user?.name} userId={session?.user?.id} />
+        <Home
+          userName={session?.user?.name}
+          userId={userId}
+          tableViewsEnabled={tableViewsEnabled}
+        />
       </Suspense>
     </HydrationBoundary>
   )