refactor(dashboards): store dashboards in their own table

A dashboard is now a row in a dashboard table with its own id, keyed to its
workspace by a unique index (dropping it later allows several). Reads and
saves go through a small repository with a revision check, so the file-side
guards, exclusions, fixed file name, and dashboard file previews are gone.
Chat contexts reference dashboards by dashboardId, and saves are audited as
dashboard events.

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/file-category.ts

@@ -24,7 +24,6 @@ const TEXT_EDITABLE_MIME_TYPES = new Set([
   'text/x-mermaid',
   // Chart documents: declarative ECharts specs rendered live (chart-preview.tsx).
   'text/x-sim-chart',
-  'text/x-sim-dashboard',
 ])
 
 const TEXT_EDITABLE_EXTENSIONS = new Set([

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-panel.tsx

@@ -4,8 +4,6 @@ import { memo, useEffect, useMemo, useRef, useState } from 'react'
 import { useRouter } from 'next/navigation'
 import { useTheme } from 'next-themes'
 import '@sim/emcn/components/code/code.css'
-import { DashboardFeatureGate } from '@/components/dashboards/dashboard-feature-gate'
-import { DashboardPreview } from '@/components/dashboards/dashboard-preview'
 import { CSV_PREVIEW_MAX_ROWS } from '@/lib/api/contracts/workspace-file-table'
 import { getFileExtension } from '@/lib/uploads/utils/file-utils'
 import {
@@ -23,7 +21,7 @@ import { DataTable } from './data-table'
 import { MermaidDiagram } from './mermaid-diagram'
 import { ZoomablePreview } from './zoomable-preview'
 
-type PreviewType = 'markdown' | 'html' | 'csv' | 'svg' | 'mermaid' | 'chart' | 'dashboard' | null
+type PreviewType = 'markdown' | 'html' | 'csv' | 'svg' | 'mermaid' | 'chart' | null
 
 const PREVIEWABLE_MIME_TYPES: Record<string, PreviewType> = {
   // Sim pages store an EXTENSIONLESS name — without this mapping the record
@@ -36,7 +34,6 @@ const PREVIEWABLE_MIME_TYPES: Record<string, PreviewType> = {
   'image/svg+xml': 'svg',
   'text/x-mermaid': 'mermaid',
   'text/x-sim-chart': 'chart',
-  'text/x-sim-dashboard': 'dashboard',
 }
 
 const PREVIEWABLE_EXTENSIONS: Record<string, PreviewType> = {
@@ -47,7 +44,6 @@ const PREVIEWABLE_EXTENSIONS: Record<string, PreviewType> = {
   svg: 'svg',
   mmd: 'mermaid',
   chart: 'chart',
-  dashboard: 'dashboard',
 }
 
 /** All extensions that have a rich preview renderer. */
@@ -87,27 +83,6 @@ export const PreviewPanel = memo(function PreviewPanel({
 }: PreviewPanelProps) {
   const previewType = resolvePreviewType(mimeType, filename)
 
-  if (previewType === 'dashboard')
-    return readOnly ? (
-      <DashboardPreview
-        content={content}
-        workspaceId={workspaceId}
-        fileId={fileId}
-        isStreaming={isStreaming}
-        readOnly
-      />
-    ) : (
-      <DashboardFeatureGate>
-        <DashboardPreview
-          content={content}
-          workspaceId={workspaceId}
-          fileId={fileId}
-          isStreaming={isStreaming}
-          readOnly={readOnly}
-        />
-      </DashboardFeatureGate>
-    )
-
   if (previewType === 'html')
     return (
       <HtmlPreview

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/text-editor.tsx

@@ -332,7 +332,6 @@ const MONACO_LANGUAGE_BY_EXTENSION: Partial<Record<string, string>> = {
    */
   jsonl: 'plaintext',
   yaml: 'yaml',
-  dashboard: 'yaml',
   yml: 'yaml',
   toml: 'toml',
   html: 'html',
@@ -370,7 +369,6 @@ const MONACO_LANGUAGE_BY_MIME: Partial<Record<string, string>> = {
   'image/svg+xml': 'xml',
   'text/x-sql': 'sql',
   'application/x-yaml': 'yaml',
-  'text/x-sim-dashboard': 'yaml',
   'text/markdown': 'markdown',
   'text/x-mermaid': 'markdown',
   'text/plain': 'plaintext',

apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx

@@ -38,7 +38,6 @@ import { isBrowserAgentAvailable, sendBrowserPanelAction } from '@/lib/browser-a
 import { useDeploymentShape } from '@/lib/core/config/deployment-shape'
 import { isSafeHttpUrl } from '@/lib/core/utils/urls'
 import { readLatestOAuthChatAttempt } from '@/lib/credentials/oauth-chat-attempt'
-import { dashboardDisplayName } from '@/lib/dashboards/resource'
 import { getDesktopBridge } from '@/lib/desktop'
 import { desktopChatScopeId } from '@/lib/desktop/chat-scope'
 import { resolveCredentialDisplay } from '@/lib/integrations/credential-display'
@@ -1951,7 +1950,7 @@ function toChatMessageContext(data: WorkspaceResourceTagData, label: string): Ch
     case 'table':
       return { kind: 'table', label, tableId: data.id ?? '' }
     case 'dashboard':
-      return { kind: 'dashboard', label, fileId: data.id ?? '' }
+      return { kind: 'dashboard', label, dashboardId: data.id ?? '' }
     case 'file':
       return { kind: 'file', label, fileId: data.id ?? data.path ?? '' }
   }
@@ -2030,7 +2029,7 @@ function WorkspaceResourceDisplayContent({
       type: toMothershipResourceType(data.type),
       ...(addressed ? { workspaceId } : {}),
       ...(id ? { id } : {}),
-      title: data.type === 'dashboard' ? dashboardDisplayName(title) : title,
+      title,
       ...(data.type === 'file' && data.path ? { path: data.path } : {}),
     }
   }, [

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

@@ -30,7 +30,6 @@ import {
   reorderBrowserTab,
   sendBrowserPanelAction,
 } from '@/lib/browser-agent/transport'
-import { dashboardDisplayName } from '@/lib/dashboards/resource'
 import { SIM_RESOURCE_DRAG_TYPE, SIM_RESOURCES_DRAG_TYPE } from '@/lib/mothership/resource-types'
 import { getChatResourceSelectionId } from '@/lib/mothership/resources/types'
 import { requestTerminalFocus } from '@/lib/terminal/focus'
@@ -327,9 +326,7 @@ export function ResourceTabs({
               ? terminalTabTitle(terminal, settledCommands)
               : nameLookup.get(`${resource.type}:${resource.id}`)
           )?.trim() ||
-          (resource.type === 'dashboard'
-            ? dashboardDisplayName(resource.title).trim()
-            : resource.title.trim()) ||
+          resource.title.trim() ||
           getResourceConfig(resource.type).label,
         // A shell's label is a basename, and it may be running something it is
         // not naming yet, so hovering identifies the directory and program.

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/chip-clipboard-codec.ts

@@ -26,7 +26,7 @@ const CHIP_LINK_SCHEME = 'sim'
 const PORTABLE_KIND_TO_ID_FIELD = {
   table: 'tableId',
   file: 'fileId',
-  dashboard: 'fileId',
+  dashboard: 'dashboardId',
   folder: 'folderId',
   filefolder: 'fileFolderId',
   workspace: 'workspaceId',
@@ -285,7 +285,7 @@ function chipLinkBaseContext(link: ParsedChipLink): ChatContext {
     case 'table':
       return { kind: 'table', tableId: link.id, label: link.label }
     case 'dashboard':
-      return { kind: 'dashboard', fileId: link.id, label: link.label }
+      return { kind: 'dashboard', dashboardId: link.id, label: link.label }
     case 'file':
       return { kind: 'file', fileId: link.id, label: link.label }
     case 'folder':

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts

@@ -132,7 +132,7 @@ const RESOURCE_TO_CONTEXT: Record<
     label: r.title,
     ...(r.viewId ? { viewId: r.viewId } : {}),
   }),
-  dashboard: (r) => ({ kind: 'dashboard', fileId: r.id, label: r.title }),
+  dashboard: (r) => ({ kind: 'dashboard', dashboardId: r.id, label: r.title }),
   file: (r) => ({ kind: 'file', fileId: r.id, label: r.title }),
   folder: (r) => ({ kind: 'folder', folderId: r.id, label: r.title }),
   filefolder: (r) => ({ kind: 'filefolder', fileFolderId: r.id, label: r.title }),

apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx

@@ -260,8 +260,9 @@ const UserInputImpl = forwardRef<UserInputHandle, UserInputProps>(function UserI
         case 'table':
           return `table:${ctx.tableId}`
         case 'dashboard':
+          return `dashboard:${ctx.dashboardId}`
         case 'file':
-          return `${ctx.kind}:${ctx.fileId}`
+          return `file:${ctx.fileId}`
         case 'folder':
           return `folder:${ctx.folderId}`
         case 'past_chat':

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

@@ -315,7 +315,7 @@ function HomeContent({ chatId, userName, userId }: HomeProps) {
       case 'file_selection':
         return context.fileId ? { type: 'file', id: context.fileId } : null
       case 'dashboard':
-        return { type: 'dashboard', id: context.fileId }
+        return { type: 'dashboard', id: context.dashboardId }
       default:
         return null
     }

apps/sim/app/workspace/[workspaceId]/home/types.ts

@@ -166,6 +166,7 @@ export interface ChatMessageContext {
   tableId?: string
   viewId?: string
   fileId?: string
+  dashboardId?: string
   folderId?: string
   chatId?: string
   blockType?: string