feat(platform): hold design-pending workspace tabs behind a platform-preview flag

Dashboard, Issues, Changelog and Tests were held back by a hard-coded
`hidden` in WORKSPACE_TABS. They are now `preview` tabs behind one runtime
feature flag, `platform-preview` (global, off by default, PLATFORM_PREVIEW
off AppConfig), resolved with the organization surface so server pages and
client code read the same answer.

isWorkspaceTabShown is the one question every entry point asks: the tab
bar, each held page (which now answers not found while its tab is not
shown, not only when its rollout flag is off), the chat panel's + picker,
@ mentions and dashboard resource links, and the run and version snapshots'
return into Tests, which decide on the client from the workspace layout's
tab flags so those pages stay light.

Author: emir-karabeg

apps/sim/app/(product)/_components/destinations.test.ts

@@ -83,6 +83,7 @@ function organization({
       'mothership-plan-mode': false,
       'mothership-memory-spaces': false,
       projects: false,
+      'platform-preview': false,
     },
     settingsSections: [],
   }

apps/sim/app/(product)/o/[organizationId]/search/_components/search-surface/live-search-route.dom.test.tsx

@@ -101,6 +101,7 @@ const NARROW_MEMBER_SURFACE = {
     'mothership-plan-mode': false,
     'mothership-memory-spaces': false,
     projects: false,
+    'platform-preview': false,
   },
   settingsSections: [],
 } satisfies PlatformOrganization

apps/sim/app/(product)/workspace/[workspaceId]/changelog/[entryId]/page.tsx

@@ -29,12 +29,12 @@ export default async function Page({
     if (!entry) notFound()
     return <ChangelogDetails entry={entry} back={back} />
   }
-  const [{ readWorkspaceTabFlag }, { LiveRelease }] = await Promise.all([
+  const [{ readWorkspaceTabShown }, { LiveRelease }] = await Promise.all([
     import('@/platform/lib/data/workspace-tab-flags'),
     import(
       '@/app/(product)/workspace/[workspaceId]/changelog/_components/live-release/live-release'
     ),
   ])
-  if (!(await readWorkspaceTabFlag('changelog'))) notFound()
+  if (!(await readWorkspaceTabShown('changelog'))) notFound()
   return <LiveRelease workspaceId={workspaceId} releaseId={id} back={back} />
 }

apps/sim/app/(product)/workspace/[workspaceId]/changelog/page.tsx

@@ -25,12 +25,12 @@ export default async function Page({
     if (!data) notFound()
     return <ChangelogRoute data={data} />
   }
-  const [{ readWorkspaceTabFlag }, { LiveChangelog }] = await Promise.all([
+  const [{ readWorkspaceTabShown }, { LiveChangelog }] = await Promise.all([
     import('@/platform/lib/data/workspace-tab-flags'),
     import(
       '@/app/(product)/workspace/[workspaceId]/changelog/_components/live-changelog/live-changelog'
     ),
   ])
-  if (!(await readWorkspaceTabFlag('changelog'))) notFound()
+  if (!(await readWorkspaceTabShown('changelog'))) notFound()
   return <LiveChangelog workspaceId={workspaceId} />
 }

apps/sim/app/(product)/workspace/[workspaceId]/dashboards/page.tsx

@@ -25,10 +25,10 @@ export default async function Page({
     if (!data) notFound()
     return <DashboardRoute data={data} />
   }
-  const [{ readWorkspaceTabFlag }, { LiveDashboard }] = await Promise.all([
+  const [{ readWorkspaceTabShown }, { LiveDashboard }] = await Promise.all([
     import('@/platform/lib/data/workspace-tab-flags'),
     import('@/app/(product)/_components/workspace/dashboards/live-dashboard/live-dashboard'),
   ])
-  if (!(await readWorkspaceTabFlag('dashboards'))) notFound()
+  if (!(await readWorkspaceTabShown('dashboards'))) notFound()
   return <LiveDashboard workspaceId={workspaceId} />
 }

apps/sim/app/(product)/workspace/[workspaceId]/tests/[name]/page.tsx

@@ -13,11 +13,11 @@ export default async function Page({
   params: Promise<{ workspaceId: string; name: string }>
 }) {
   if (resolvePlatformMode() !== 'live') notFound()
-  const [{ workspaceId, name }, { readWorkspaceTabFlag }, { TestDetails }] = await Promise.all([
+  const [{ workspaceId, name }, { readWorkspaceTabShown }, { TestDetails }] = await Promise.all([
     params,
     import('@/platform/lib/data/workspace-tab-flags'),
     import('@/app/(product)/workspace/[workspaceId]/tests/_components/test-details/test-details'),
   ])
-  if (!(await readWorkspaceTabFlag('workflow-tests'))) notFound()
+  if (!(await readWorkspaceTabShown('tests'))) notFound()
   return <TestDetails key={name} workspaceId={workspaceId} name={decodeURIComponent(name)} />
 }

apps/sim/app/(product)/workspace/[workspaceId]/tests/page.tsx

@@ -9,11 +9,11 @@ export const dynamic = 'force-dynamic'
 
 export default async function Page({ params }: { params: Promise<{ workspaceId: string }> }) {
   if (resolvePlatformMode() !== 'live') notFound()
-  const [{ workspaceId }, { readWorkspaceTabFlag }, { TestList }] = await Promise.all([
+  const [{ workspaceId }, { readWorkspaceTabShown }, { TestList }] = await Promise.all([
     params,
     import('@/platform/lib/data/workspace-tab-flags'),
     import('@/app/(product)/workspace/[workspaceId]/tests/_components/test-list/test-list'),
   ])
-  if (!(await readWorkspaceTabFlag('workflow-tests'))) notFound()
+  if (!(await readWorkspaceTabShown('tests'))) notFound()
   return <TestList workspaceId={workspaceId} />
 }

apps/sim/app/(product)/workspace/[workspaceId]/workflows/[workflowId]/versions/[version]/page.tsx

@@ -4,7 +4,6 @@ import { workspacePath } from '@/lib/navigation/paths'
 import { resolvePlatformMode } from '@/platform/lib/data/mode'
 import { platformHref } from '@/platform/lib/navigation'
 import type { ProductPageProps } from '@/platform/lib/route-props'
-import { isWorkspaceTabHidden } from '@/platform/lib/workspace-navigation'
 import { readTestReturn } from '@/platform/shared/test-return'
 
 export const metadata: Metadata = { title: 'Workflow version' }
@@ -31,14 +30,13 @@ export default async function Page({
   ])
   if (!/^[1-9]\d*$/.test(version)) notFound()
   const search = { get: (key: string) => (typeof query[key] === 'string' ? query[key] : null) }
-  // The Tests tab is held back by design, so a run never returns into it.
-  const test = isWorkspaceTabHidden('tests') ? null : readTestReturn(query)
+  const test = readTestReturn(query)
   return (
     <VersionSnapshot
       workspaceId={workspaceId}
       workflowId={workflowId}
       version={Number(version)}
-      back={
+      testBack={
         test
           ? {
               href: platformHref(
@@ -47,14 +45,15 @@ export default async function Page({
               ),
               label: test,
             }
-          : {
-              href: platformHref(
-                workspacePath(workspaceId, `workflows/${encodeURIComponent(workflowId)}`),
-                search
-              ),
-              label: 'Workflow',
-            }
+          : undefined
       }
+      back={{
+        href: platformHref(
+          workspacePath(workspaceId, `workflows/${encodeURIComponent(workflowId)}`),
+          search
+        ),
+        label: 'Workflow',
+      }}
     />
   )
 }

apps/sim/app/(product)/workspace/[workspaceId]/workflows/_components/run-snapshot/run-snapshot.tsx

@@ -10,9 +10,11 @@ import { useQueryStates } from 'nuqs'
 import { DirectoryHeading } from '@/app/(product)/_components/resource-directory/resource-directory'
 import { DetailSplit } from '@/app/(product)/_components/workspace/detail-split/detail-split'
 import { WorkflowPreview } from '@/app/(product)/_components/workspace/workflows/canvas/workflow-preview/workflow-preview'
+import { useWorkspaceTabFlags } from '@/app/(product)/_components/workspace/workspace-session/workspace-session'
 import styles from '@/app/(product)/workspace/[workspaceId]/workflows/_components/run-snapshot/run-snapshot.module.css'
 import { SnapshotBlock } from '@/app/(product)/workspace/[workspaceId]/workflows/_components/snapshot-block/snapshot-block'
 import { useRunSnapshot } from '@/platform/lib/data/logs'
+import { isWorkspaceTabShown } from '@/platform/lib/workspace-navigation'
 import { runSnapshotParams, serializeRunSnapshot } from '@/platform/lib/workspace-views'
 
 /** The block types that run another workflow, whose child run legacy's snapshot opens. */
@@ -32,6 +34,8 @@ interface RunSnapshotProps {
   workspaceId: string
   executionId: string
   back: { href: string; label: string }
+  /** Where a run a test opened returns instead, while the Tests tab is shown. */
+  testBack?: { href: string; label: string }
 }
 
 /**
@@ -41,7 +45,8 @@ interface RunSnapshotProps {
  * opens the child workflow it ran, frozen as this run ran it, with a trail back to its parents; the
  * drill path lives in the URL.
  */
-export function RunSnapshot({ workspaceId, executionId, back }: RunSnapshotProps) {
+export function RunSnapshot({ workspaceId, executionId, back, testBack }: RunSnapshotProps) {
+  const testsShown = isWorkspaceTabShown('tests', useWorkspaceTabFlags())
   const snapshot = useRunSnapshot(workspaceId, executionId)
   const pathname = usePathname()
   const search = useSearchParams()
@@ -82,7 +87,7 @@ export function RunSnapshot({ workspaceId, executionId, back }: RunSnapshotProps
   return (
     <DetailSplit
       read={snapshot.read}
-      back={back}
+      back={testBack && testsShown ? testBack : back}
       actions={
         childHref && (
           <Button variant='secondary' size='compact' render={<Link href={childHref} />}>

apps/sim/app/(product)/workspace/[workspaceId]/workflows/_components/run-snapshot/version-snapshot.tsx

@@ -5,24 +5,35 @@ import { DirectoryHeading } from '@/app/(product)/_components/resource-directory
 import { DetailSplit } from '@/app/(product)/_components/workspace/detail-split/detail-split'
 import { WorkflowPreview } from '@/app/(product)/_components/workspace/workflows/canvas/workflow-preview/workflow-preview'
 import type { WorkspaceRead } from '@/app/(product)/_components/workspace/workspace-session/model'
+import { useWorkspaceTabFlags } from '@/app/(product)/_components/workspace/workspace-session/workspace-session'
 import styles from '@/app/(product)/workspace/[workspaceId]/workflows/_components/run-snapshot/run-snapshot.module.css'
 import { SnapshotBlock } from '@/app/(product)/workspace/[workspaceId]/workflows/_components/snapshot-block/snapshot-block'
 import { useDeploymentVersionState } from '@/platform/lib/data/workflow-deploy'
 import { useWorkflowMap } from '@/platform/lib/data/workflows'
+import { isWorkspaceTabShown } from '@/platform/lib/workspace-navigation'
 
 interface VersionSnapshotProps {
   workspaceId: string
   workflowId: string
   version: number
   back: { href: string; label: string }
+  /** Where a version a test ran against returns instead, while the Tests tab is shown. */
+  testBack?: { href: string; label: string }
 }
 
 /**
  * One deployed version of a workflow on a read-only canvas, as legacy's version preview shows it:
  * the version a test ran against, however the workflow has changed since. Choosing a block shows
  * the fields this version saved for it beside the canvas.
  */
-export function VersionSnapshot({ workspaceId, workflowId, version, back }: VersionSnapshotProps) {
+export function VersionSnapshot({
+  workspaceId,
+  workflowId,
+  version,
+  back,
+  testBack,
+}: VersionSnapshotProps) {
+  const testsShown = isWorkspaceTabShown('tests', useWorkspaceTabFlags())
   const state = useDeploymentVersionState(workflowId, version)
   const workflows = useWorkflowMap(workspaceId)
   const [selectedBlockId, setSelectedBlockId] = useState<string | null>(null)
@@ -40,7 +51,7 @@ export function VersionSnapshot({ workspaceId, workflowId, version, back }: Vers
   return (
     <DetailSplit
       read={read}
-      back={back}
+      back={testBack && testsShown ? testBack : back}
       label={title}
       railKind='inspector'
       railLabel='Selected block'