fix(dashboards): named heading sizes and no redundant dashboard name lookups

The dashboard name is fixed, so resource tabs and chat chips no longer fetch
the dashboard to title it; dashboard headings use named text sizes.

Author: TheodoreSpeaks

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

@@ -95,7 +95,6 @@ import type {
 // ConnectServiceAccountModal, and that edge would pull the modal into this
 // chunk and defeat the lazy() split below.
 import { useServiceAccountConnectTarget } from '@/app/workspace/[workspaceId]/integrations/components/connect-service-account-modal/use-service-account-connect'
-import { useFeatureFlag } from '@/app/workspace/[workspaceId]/providers/feature-flags-provider'
 import { useOptionalWorkspaceHostContext } from '@/app/workspace/[workspaceId]/providers/workspace-host-provider'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import { BrandIcon } from '@/blocks/brand-icon'
@@ -105,7 +104,6 @@ import {
   useWorkspaceCredential,
   useWorkspaceCredentials,
 } from '@/hooks/queries/credentials'
-import { useWorkspaceDashboard } from '@/hooks/queries/dashboards'
 import {
   usePersonalEnvironment,
   useSavePersonalEnvironment,
@@ -1995,10 +1993,6 @@ function WorkspaceResourceDisplayContent({
   const { data: tables = [] } = useTablesList(workspaceId)
   const { data: files = [] } = useWorkspaceFiles(workspaceId)
   const { data: knowledgeBases = [] } = useKnowledgeBasesQuery(workspaceId)
-  const dashboardsEnabled = useFeatureFlag('dashboards')
-  const { data: dashboardData } = useWorkspaceDashboard(workspaceId, {
-    enabled: dashboardsEnabled && data.type === 'dashboard',
-  })
 
   const resource = useMemo<WorkspaceResourceRef>(() => {
     const fileFromPath =
@@ -2011,11 +2005,7 @@ function WorkspaceResourceDisplayContent({
           ? (tables.find((table) => table.id === data.id)?.name ??
             fallbackWorkspaceResourceTitle(data.type))
           : data.type === 'dashboard'
-            ? ((dashboardData?.dashboard?.id === data.id
-                ? dashboardData?.dashboard?.name
-                : undefined) ??
-              data.title ??
-              fallbackWorkspaceResourceTitle(data.type))
+            ? (data.title ?? fallbackWorkspaceResourceTitle(data.type))
             : data.type === 'file'
               ? (files.find((file) => file.id === data.id)?.name ??
                 fileFromPath?.name ??
@@ -2037,7 +2027,6 @@ function WorkspaceResourceDisplayContent({
     data.path,
     data.title,
     data.type,
-    dashboardData,
     files,
     knowledgeBases,
     tables,

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

@@ -49,8 +49,6 @@ import type {
   MothershipResource,
   MothershipResourceType,
 } from '@/app/workspace/[workspaceId]/home/types'
-import { useFeatureFlag } from '@/app/workspace/[workspaceId]/providers/feature-flags-provider'
-import { useWorkspaceDashboard } from '@/hooks/queries/dashboards'
 import { useFolders } from '@/hooks/queries/folders'
 import { useKnowledgeBasesQuery } from '@/hooks/queries/kb/knowledge'
 import { useTablesList } from '@/hooks/queries/tables'
@@ -163,11 +161,7 @@ function useResourceNameLookup(
   workspaceId: string | undefined,
   resources: MothershipResource[]
 ): Map<string, string> {
-  const dashboardsEnabled = useFeatureFlag('dashboards')
   const enabled = resources.length > 0
-  const { data: dashboardData } = useWorkspaceDashboard(workspaceId ?? '', {
-    enabled: dashboardsEnabled && resources.some((resource) => resource.type === 'dashboard'),
-  })
   const owners = [
     ...new Set(
       resources
@@ -210,22 +204,10 @@ function useResourceNameLookup(
     }
     for (const t of tables ?? []) map.set(`table:${t.id}`, t.name)
     for (const file of files ?? []) map.set(`file:${file.id}`, file.name)
-    if (dashboardData?.dashboard)
-      map.set(`dashboard:${dashboardData.dashboard.id}`, dashboardData.dashboard.name)
     for (const kb of knowledgeBases ?? []) map.set(`knowledgebase:${kb.id}`, kb.name)
     for (const folder of folders ?? []) map.set(`folder:${folder.id}`, folder.name)
     return map
-  }, [
-    enabled,
-    workflows,
-    tables,
-    files,
-    dashboardData,
-    knowledgeBases,
-    folders,
-    ownedWorkflows,
-    owners,
-  ])
+  }, [enabled, workflows, tables, files, knowledgeBases, folders, ownedWorkflows, owners])
 }
 
 interface ResourceTabsProps {

apps/sim/components/dashboards/dashboard-panel.tsx

@@ -147,7 +147,7 @@ export function DashboardPanel({ block, defaults, workspaceId, range, now }: Das
       ) : (
         <h2
           className={cn(
-            '@min-[1000px]/dashboard:text-[24px] text-[20px] text-[var(--text-primary)] leading-tight tracking-[-0.02em]',
+            '@min-[1000px]/dashboard:text-2xl text-[var(--text-primary)] text-xl leading-tight tracking-[-0.02em]',
             timeSeries ? 'mb-3' : 'mb-5'
           )}
         >

apps/sim/components/dashboards/dashboard-preview.tsx

@@ -100,7 +100,7 @@ function DashboardView({ spec, workspaceId, dashboardId }: DashboardViewProps) {
     <div className='mx-auto flex w-full max-w-[1120px] flex-col gap-6'>
       <header className='grid @min-[1000px]/dashboard:grid-cols-[minmax(0,1fr)_auto] grid-cols-1 items-start gap-4'>
         <div className='flex min-w-0 flex-col gap-1'>
-          <h1 className='@min-[1000px]/dashboard:text-[32px] text-[28px] text-[var(--text-primary)] leading-tight tracking-[-0.02em]'>
+          <h1 className='@min-[1000px]/dashboard:text-3xl text-2xl text-[var(--text-primary)] leading-tight tracking-[-0.02em]'>
             {spec.title}
           </h1>
           {description && (