refactor(tables): TableView is a canonical resource view

Step 7. The table implementation moves out of the route tree and into
`components/resources/table-view/`, joining the layout the unit already had:
`table-view.tsx`, `index.ts`, `components/<child>/`, `hooks/`, `utils/`,
`types.ts`. What stays behind is four route files — `page.tsx`, `loading.tsx`,
`error.tsx`, and the ~50-line client shell that resolves the axes.

`Table` becomes `TableView` and takes `source: ResourceSource<'table'>` instead
of `workspaceId` + `tableId`. Both are banned prop names, and registering the
view in `CANONICAL_UNITS` turns R4a/R4b on to say so — the gate found them
immediately. The subtree below still takes plain ids, so the source is narrowed
once at the top through `tableWorkspaceId`/`tableResourceId`, which is the
helper deleted earlier for having no caller, restored now that it has one.

The four preceding steps are what made this a move rather than a rewrite: with
the router, the params and the permission context already severed, R6 was
already 0 before a single file changed directory. 61 files, ~160 lines of
non-import churn.

One edge stays and is annotated: the workflow-column sidebar renders the
editor's read-only canvas, which reads `useParams` and pulls in the editor's
node and edge components. Safe for the same reason the log view's frozen canvas
is — `ResourceSeedMap['table']` is `never`, so no anonymous surface can mount
this unit — and `CROSS_TREE_ALLOWLIST` now names two files pointing at one
component, which is the signal that `Preview` itself wants to move to
`components/`. That is a separate change.

Every rule back at baseline with the view registered: R2 0, R3c 0, R4a 0, R4b 0,
R6 0.

Author: waleedlatif1

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

@@ -27,6 +27,7 @@ import { useRouter } from 'next/navigation'
 import { FileView, type PreviewMode, resolveFileCategory } from '@/components/resources/file-view'
 import { LogView } from '@/components/resources/log-view'
 import { ResourceEmptyState } from '@/components/resources/resource-empty-state'
+import { TableView } from '@/components/resources/table-view'
 import { isApiClientError } from '@/lib/api/client/errors'
 import { useSession } from '@/lib/auth/auth-client'
 import { getWorkspaceUsageLimitAction } from '@/lib/billing/workspace-permissions'
@@ -59,7 +60,6 @@ import {
   useUserPermissionsContext,
   useWorkspacePermissionsContext,
 } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
-import { Table } from '@/app/workspace/[workspaceId]/tables/[tableId]/table'
 import { useUsageLimits } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/hooks'
 import { useWorkflowExecution } from '@/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-workflow-execution'
 import { useFolders } from '@/hooks/queries/folders'
@@ -270,6 +270,11 @@ export const ResourceContent = memo(function ResourceContent({
     error: logError,
   } = useLogDetail(resource.id, workspaceId, { enabled: isLogResource })
 
+  const tableSource = useMemo(
+    () => workspaceSource({ kind: 'table' as const, workspaceId, resourceId: resource.id }),
+    [workspaceId, resource.id]
+  )
+
   const logSource = useMemo(
     () => workspaceSource({ kind: 'log' as const, workspaceId, resourceId: resource.id }),
     [workspaceId, resource.id]
@@ -311,14 +316,13 @@ export const ResourceContent = memo(function ResourceContent({
   switch (resource.type) {
     case 'table':
       return (
-        <Table
+        <TableView
           key={resource.id}
           host='panel'
           grants={grants}
           onNavigate={navigate}
           showExecutionInternals={!permissionConfig.hideTraceSpans}
-          workspaceId={workspaceId}
-          tableId={resource.id}
+          source={tableSource}
           viewsEnabled={tableViewsEnabled}
         />
       )

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/table-route.tsx

@@ -2,10 +2,10 @@
 
 import { useCallback, useMemo } from 'react'
 import { useParams, useRouter } from 'next/navigation'
+import { TableView } from '@/components/resources/table-view'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
-import { Table } from '@/app/workspace/[workspaceId]/tables/[tableId]/table'
 import { usePermissionConfig } from '@/hooks/use-permission-config'
-import { grantsFromPermissions } from '@/resources'
+import { grantsFromPermissions, workspaceSource } from '@/resources'
 
 interface TableRouteProps {
   /** `table-locks` — resolved server-side; AppConfig has no client counterpart. */
@@ -33,17 +33,20 @@ export function TableRoute({ tableLocksEnabled, viewsEnabled }: TableRouteProps)
   const router = useRouter()
   const { config: permissionConfig } = usePermissionConfig()
 
+  const source = useMemo(
+    () => workspaceSource({ kind: 'table' as const, workspaceId, resourceId: tableId }),
+    [workspaceId, tableId]
+  )
   const grants = useMemo(() => grantsFromPermissions(permissions), [permissions])
   const navigate = useCallback((path: string) => router.push(path), [router])
 
   return (
-    <Table
+    <TableView
       host='page'
       grants={grants}
       onNavigate={navigate}
       showExecutionInternals={!permissionConfig.hideTraceSpans}
-      workspaceId={workspaceId}
-      tableId={tableId}
+      source={source}
       tableLocksEnabled={tableLocksEnabled}
       viewsEnabled={viewsEnabled}
     />

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/types.ts

@@ -4,17 +4,17 @@ import { useState } from 'react'
 import { Button, ChipCombobox, ChipInput, cn, FieldDivider, Label, Switch, toast } from '@sim/emcn'
 import { X } from '@sim/emcn/icons'
 import { toError } from '@sim/utils/errors'
+import {
+  FieldError,
+  RequiredLabel,
+} from '@/components/resources/table-view/components/sidebar-fields'
 import { findValidationIssue, isValidationError } from '@/lib/api/client/errors'
 import type { ColumnDefinition, SelectOption } from '@/lib/table'
 import {
   DEFAULT_CURRENCY_CODE,
   getCurrencyOptions,
   resolveCurrencyCode,
 } from '@/lib/table/currency'
-import {
-  FieldError,
-  RequiredLabel,
-} from '@/app/workspace/[workspaceId]/tables/[tableId]/components/sidebar-fields'
 import { useAddTableColumn, useUpdateColumn } from '@/hooks/queries/tables'
 import { SelectOptionsEditor } from '../select-field'
 import { PLAIN_COLUMN_TYPE_OPTIONS } from './column-types'