@scalar/api-client 3.5.1 → 3.6.0

package/dist/v2/features/app/App.vue.script.js

@@ -2,17 +2,20 @@ import TheCommandPalette_default from "../command-palette/TheCommandPalette.vue.
 import SidebarToggle_default from "../../components/sidebar/SidebarToggle.vue.js";
 import CreateWorkspaceModal_default from "./components/CreateWorkspaceModal.vue.js";
 import AppHeader_default from "./components/AppHeader.vue.js";
+import AppHeaderActions_default from "./components/AppHeaderActions.vue.js";
 import AppSidebar_default from "./components/AppSidebar.vue.js";
 import DocumentBreadcrumb_default from "./components/DocumentBreadcrumb.vue.js";
-import DocumentSyncIndicator_default from "./components/DocumentSyncIndicator.vue.js";
+import PublishDocumentModal_default from "./components/PublishDocumentModal.vue.js";
 import SplashScreen_default from "./components/SplashScreen.vue.js";
-import { useDocumentWatcher } from "./hooks/use-document-watcher.js";
 import { useMonacoEditorConfiguration } from "../editor/config.js";
+import SyncConflictResolutionEditor_default from "./components/SyncConflictResolutionEditor.vue.js";
+import { useDocumentSync } from "./hooks/use-document-sync.js";
+import { useDocumentWatcher } from "./hooks/use-document-watcher.js";
 import { useColorMode } from "../../hooks/use-color-mode.js";
 import { useGlobalHotKeys } from "../../hooks/use-global-hot-keys.js";
 import DesktopTabs_default from "./components/DesktopTabs.vue.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, onBeforeUnmount, openBlock, renderSlot, toValue, unref, watch, withCtx } from "vue";
-import { ScalarTeleportRoot, useModal } from "@scalar/components";
+import { ScalarModal, ScalarTeleportRoot, useModal } from "@scalar/components";
 import { ScalarToasts } from "@scalar/use-toasts";
 import { RouterView } from "vue-router";
 import { extensions } from "@scalar/workspace-store/schemas/extensions";
@@ -22,14 +25,15 @@ var _hoisted_2 = { key: 0 };
 var _hoisted_3 = { class: "relative flex h-dvh w-dvw flex-col" };
 var _hoisted_4 = { class: "flex items-center gap-2" };
 var _hoisted_5 = {
-	key: 2,
+	key: 0,
 	"aria-hidden": "true",
 	class: "bg-border h-4 w-px shrink-0"
 };
 var _hoisted_6 = { class: "flex min-h-0 flex-1 flex-row" };
 var _hoisted_7 = { class: "flex min-h-0 flex-1 flex-col" };
 var _hoisted_8 = { class: "bg-b-1 relative min-h-0 flex-1" };
-var _hoisted_9 = { key: 1 };
+var _hoisted_9 = { class: "flex h-full w-full flex-col gap-4 overflow-hidden" };
+var _hoisted_10 = { key: 1 };
 var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "App",
 	props: {
@@ -37,13 +41,19 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 		plugins: { default: () => [] },
 		getAppState: { type: Function },
 		getCommandPaletteState: { type: Function },
-		fetchRegistryDocument: { type: Function },
-		registryDocuments: { default: () => ({
-			status: "success",
-			documents: []
-		}) }
+		registry: {}
 	},
 	setup(__props, { expose: __expose }) {
+		/**
+		* Reactive view of the registry documents list with a sane default for
+		* setups that did not wire an adapter up. The sidebar and breadcrumb
+		* read this getter so they keep rendering skeletons / empty states even
+		* when the host application has not provided a `registry` prop.
+		*/
+		const registryDocuments = computed(() => __props.registry?.documents ?? {
+			status: "success",
+			documents: []
+		});
 		__expose({ openCreateWorkspace: () => createWorkspaceModalState.show() });
 		const app = __props.getAppState();
 		const paletteState = __props.getCommandPaletteState();
@@ -82,6 +92,16 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 			darkMode: computed(() => app.isDarkMode.value)
 		});
 		const createWorkspaceModalState = useModal();
+		/**
+		* Owns the document-level Save / Revert / Pull / Push / Publish flow.
+		* Keeping it in a dedicated hook leaves this component focused on
+		* routing, layout, and slot composition.
+		*/
+		const { showLocalSaveActions, showTeamSyncActions, showTeamPublishAction, hasHeaderActionCluster, isActiveDocumentDirty, isOffline, canPullActiveDocument, canPushActiveDocument, publishDocumentModalState, syncConflictModalState, pendingPullState, publishDefaultSlug, publishDefaultVersion, registryNamespaces, handleSaveDocument, handleRevertDocument, handlePullDocument, handlePushDocument, handlePublishDocument, handlePublishDocumentSubmit, handleSyncConflictApplyChanges, handleSyncConflictModalClose } = useDocumentSync({
+			app,
+			registry: __props.registry,
+			registryDocuments: () => registryDocuments.value
+		});
 		/** Props to pass to the RouterView component. */
 		const routerViewProps = computed(() => {
 			return {
@@ -90,7 +110,7 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 				environment: app.environment.value,
 				eventBus: app.eventBus,
 				exampleName: app.activeEntities.exampleName.value,
-				fetchRegistryDocument: __props.fetchRegistryDocument,
+				fetchRegistryDocument: __props.registry?.fetchDocument,
 				layout: __props.layout,
 				method: app.activeEntities.method.value,
 				path: app.activeEntities.path.value,
@@ -130,34 +150,58 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 								menuItems: withCtx(() => [renderSlot(_ctx.$slots, "header-menu-items")]),
 								breadcrumb: withCtx(() => [createVNode(DocumentBreadcrumb_default, {
 									app: unref(app),
-									fetchRegistryDocument: __props.fetchRegistryDocument,
-									registryDocuments: __props.registryDocuments,
+									fetchRegistryDocument: __props.registry?.fetchDocument,
+									registryDocuments: registryDocuments.value,
 									onCreateWorkspace: _cache[1] || (_cache[1] = ($event) => unref(createWorkspaceModalState).show())
 								}, null, 8, [
 									"app",
 									"fetchRegistryDocument",
 									"registryDocuments"
 								])]),
-								end: withCtx(() => [createElementVNode("div", _hoisted_4, [
-									unref(app).activeEntities.documentSlug.value ? (openBlock(), createBlock(DocumentSyncIndicator_default, {
-										key: 0,
-										app: unref(app),
-										registryDocuments: __props.registryDocuments
-									}, null, 8, ["app", "registryDocuments"])) : createCommentVNode("", true),
-									_ctx.$slots["header-actions"] ? renderSlot(_ctx.$slots, "header-actions", { key: 1 }) : createCommentVNode("", true),
-									_ctx.$slots["header-actions"] && _ctx.$slots["header-end"] ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("", true),
-									_ctx.$slots["header-end"] ? renderSlot(_ctx.$slots, "header-end", { key: 3 }) : createCommentVNode("", true)
-								])]),
 								_: 2
 							}, [_ctx.$slots["header-logo"] && unref(app).workspace.isTeamWorkspace.value ? {
 								name: "logo",
 								fn: withCtx(() => [renderSlot(_ctx.$slots, "header-logo", { isTeamWorkspace: unref(app).workspace.isTeamWorkspace.value })]),
 								key: "0"
+							} : void 0, unref(hasHeaderActionCluster) || _ctx.$slots["header-actions"] || _ctx.$slots["header-end"] ? {
+								name: "end",
+								fn: withCtx(() => [createElementVNode("div", _hoisted_4, [
+									createVNode(AppHeaderActions_default, {
+										canPullActiveDocument: unref(canPullActiveDocument),
+										canPushActiveDocument: unref(canPushActiveDocument),
+										isActiveDocumentDirty: unref(isActiveDocumentDirty),
+										isOffline: unref(isOffline),
+										showLocalSaveActions: unref(showLocalSaveActions),
+										showTeamPublishAction: unref(showTeamPublishAction),
+										showTeamSyncActions: unref(showTeamSyncActions),
+										onPublish: unref(handlePublishDocument),
+										onPull: unref(handlePullDocument),
+										onPush: unref(handlePushDocument),
+										onRevert: unref(handleRevertDocument),
+										onSave: unref(handleSaveDocument)
+									}, null, 8, [
+										"canPullActiveDocument",
+										"canPushActiveDocument",
+										"isActiveDocumentDirty",
+										"isOffline",
+										"showLocalSaveActions",
+										"showTeamPublishAction",
+										"showTeamSyncActions",
+										"onPublish",
+										"onPull",
+										"onPush",
+										"onRevert",
+										"onSave"
+									]),
+									_ctx.$slots["header-end"] ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("", true),
+									_ctx.$slots["header-end"] ? renderSlot(_ctx.$slots, "header-end", { key: 1 }) : createCommentVNode("", true)
+								])]),
+								key: "1"
 							} : void 0]), 1032, ["menuTitle"]),
 							createElementVNode("div", _hoisted_6, [createVNode(AppSidebar_default, {
 								app: unref(app),
-								fetchRegistryDocument: __props.fetchRegistryDocument,
-								registryDocuments: __props.registryDocuments,
+								fetchRegistryDocument: __props.registry?.fetchDocument,
+								registryDocuments: registryDocuments.value,
 								sidebarWidth: unref(app).sidebar.width.value,
 								"onUpdate:sidebarWidth": unref(app).sidebar.handleSidebarWidthUpdate
 							}, null, 8, [
@@ -177,10 +221,45 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 								"tabs"
 							])) : createCommentVNode("", true), createElementVNode("div", _hoisted_8, [createVNode(unref(RouterView), normalizeProps(guardReactiveProps(routerViewProps.value)), null, 16)])])])
 						]),
-						renderSlot(_ctx.$slots, "create-workspace", { state: unref(createWorkspaceModalState) }, () => [createVNode(CreateWorkspaceModal_default, {
+						createVNode(CreateWorkspaceModal_default, {
 							state: unref(createWorkspaceModalState),
 							"onCreate:workspace": _cache[3] || (_cache[3] = (payload) => unref(app).workspace.create(payload))
-						}, null, 8, ["state"])]),
+						}, null, 8, ["state"]),
+						__props.registry ? (openBlock(), createBlock(PublishDocumentModal_default, {
+							key: 0,
+							defaultSlug: unref(publishDefaultSlug),
+							defaultVersion: unref(publishDefaultVersion),
+							namespaces: unref(registryNamespaces),
+							state: unref(publishDocumentModalState),
+							onSubmit: unref(handlePublishDocumentSubmit)
+						}, null, 8, [
+							"defaultSlug",
+							"defaultVersion",
+							"namespaces",
+							"state",
+							"onSubmit"
+						])) : createCommentVNode("", true),
+						unref(pendingPullState) ? (openBlock(), createBlock(unref(ScalarModal), {
+							key: 1,
+							bodyClass: "sync-conflict-modal-root flex h-dvh flex-col p-4",
+							maxWidth: "calc(100dvw - 32px)",
+							size: "full",
+							state: unref(syncConflictModalState),
+							onClose: unref(handleSyncConflictModalClose)
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_9, [createVNode(SyncConflictResolutionEditor_default, {
+								baseDocument: unref(pendingPullState).rebaseResult.originalDocument,
+								conflicts: unref(pendingPullState).rebaseResult.conflicts,
+								resolvedDocument: unref(pendingPullState).rebaseResult.resolvedDocument,
+								onApplyChanges: unref(handleSyncConflictApplyChanges)
+							}, null, 8, [
+								"baseDocument",
+								"conflicts",
+								"resolvedDocument",
+								"onApplyChanges"
+							])])]),
+							_: 1
+						}, 8, ["state", "onClose"])) : createCommentVNode("", true),
 						createVNode(TheCommandPalette_default, {
 							eventBus: unref(app).eventBus,
 							paletteState: unref(paletteState),
@@ -190,7 +269,7 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 							"paletteState",
 							"workspaceStore"
 						])
-					])) : (openBlock(), createElementBlock("main", _hoisted_9, [createVNode(SplashScreen_default)]))
+					])) : (openBlock(), createElementBlock("main", _hoisted_10, [createVNode(SplashScreen_default)]))
 				]),
 				_: 3
 			});

package/dist/v2/features/app/App.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.vue.script.js","names":["$slots"],"sources":["../../../../src/v2/features/app/App.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Main entry point for the API client for electron and web.\n *\n * This component handles all events and store business logic for the application.\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarTeleportRoot,\n  useModal,\n  type ModalState,\n} from '@scalar/components'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport { extensions } from '@scalar/workspace-store/schemas/extensions'\nimport { computed, onBeforeUnmount, toValue, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport { SidebarToggle } from '@/v2/components/sidebar'\nimport AppHeader from '@/v2/features/app/components/AppHeader.vue'\nimport AppSidebar from '@/v2/features/app/components/AppSidebar.vue'\nimport CreateWorkspaceModal from '@/v2/features/app/components/CreateWorkspaceModal.vue'\nimport DocumentBreadcrumb from '@/v2/features/app/components/DocumentBreadcrumb.vue'\nimport DocumentSyncIndicator from '@/v2/features/app/components/DocumentSyncIndicator.vue'\nimport SplashScreen from '@/v2/features/app/components/SplashScreen.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { useDocumentWatcher } from '@/v2/features/app/hooks/use-document-watcher'\nimport type { RegistryDocumentsState } from '@/v2/features/app/hooks/use-sidebar-documents'\nimport type { CommandPaletteState } from '@/v2/features/command-palette/hooks/use-command-palette-state'\nimport TheCommandPalette from '@/v2/features/command-palette/TheCommandPalette.vue'\nimport { useMonacoEditorConfiguration } from '@/v2/features/editor'\nimport { useColorMode } from '@/v2/hooks/use-color-mode'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport type { AppState } from './app-state'\nimport DesktopTabs from './components/DesktopTabs.vue'\n\nconst {\n  layout,\n  plugins = [],\n  getAppState,\n  getCommandPaletteState,\n  fetchRegistryDocument,\n  registryDocuments = { status: 'success', documents: [] },\n} = defineProps<{\n  layout: Exclude<ClientLayout, 'modal'>\n  plugins?: ClientPlugin[]\n  getAppState: () => AppState\n  getCommandPaletteState: () => CommandPaletteState\n  /** Fetches the full document from registry by meta. Passed through to route props for sync. */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n  /**\n   * The list of all available registry documents, with a loading status so the\n   * sidebar can render skeleton placeholders until the real list is ready.\n   */\n  registryDocuments?: RegistryDocumentsState\n}>()\n\ndefineSlots<{\n  /**\n   * Slot for customizing the create workspace modal.\n   * This slot is used to render custom actions or components within the create workspace modal.\n   */\n  'create-workspace'?: (payload: { state: ModalState }) => unknown\n  /**\n   * Replaces the Scalar logo inside the header menu button. Typically used by\n   * team-aware consumers (e.g. Scalar Cloud) to render a team avatar so the\n   * left-most chrome reads as \"this team's workspace\" rather than the\n   * generic Scalar wordmark.\n   *\n   * Receives `isTeamWorkspace` so consumers can opt into rendering a team\n   * image only when the active workspace actually belongs to a team, while\n   * keeping the default Scalar logo for local workspaces.\n   */\n  'header-logo'?: (payload: { isTeamWorkspace: boolean }) => unknown\n  /**\n   * Slot for customizing the menu items section of the app header.\n   * Defaults to a workspace picker bound to the current app state. Overriding this slot\n   * replaces the default picker entirely, so the consumer is responsible for rendering\n   * any workspace switcher (or other menu content) they need.\n   */\n  'header-menu-items'?: () => unknown\n  /**\n   * Slot rendered at the trailing edge of the header, immediately before the\n   * `header-end` slot. Use this for context-specific action buttons (for\n   * example a \"Save\" button) so they sit next to the document chrome rather\n   * than getting mixed in with the user / account controls in `header-end`.\n   *\n   * When both this slot and `header-end` are provided, a vertical divider is\n   * inserted between them so the two groups read as visually distinct\n   * clusters.\n   */\n  'header-actions'?: () => unknown\n  /**\n   * Slot for customizing the end section of the app header.\n   * Typically used for user menus, action buttons, or other trailing controls.\n   */\n  'header-end'?: () => unknown\n}>()\n\ndefineExpose({\n  openCreateWorkspace: () => createWorkspaceModalState.show(),\n})\n\nconst app = getAppState()\nconst paletteState = getCommandPaletteState()\n\n/** Expose workspace store to window for debugging purposes. */\nif (typeof window !== 'undefined') {\n  window.dataDumpWorkspace = () => app.store.value\n  window.dumpAppState = () => app\n}\n\n/** Call lifecycle hooks on plugins and subscribe to event bus events */\nconst pluginUnsubscribes: (() => void)[] = []\n\nfor (const plugin of plugins) {\n  plugin.lifecycle?.onInit?.({ config: { telemetry: app.telemetry.value } })\n\n  if (plugin.on) {\n    for (const [event, handler] of Object.entries(plugin.on)) {\n      pluginUnsubscribes.push(app.eventBus.on(event as any, handler as any))\n    }\n  }\n}\n\n/** Notify plugins when telemetry config changes */\nwatch(app.telemetry, () => {\n  for (const plugin of plugins) {\n    plugin.lifecycle?.onConfigChange?.({\n      config: { telemetry: app.telemetry.value },\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  for (const unsub of pluginUnsubscribes) {\n    unsub()\n  }\n  for (const plugin of plugins) {\n    plugin.lifecycle?.onDestroy?.()\n  }\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(app.eventBus, layout)\n\nconst DEFAULT_DOCUMENT_WATCH_TIMEOUT = 5000\n\n/** Watch the active document for changes and rebase it with its remote source */\nuseDocumentWatcher({\n  documentName: () =>\n    app.store.value?.workspace[extensions.workspace.activeDocument],\n  store: app.store,\n  initialTimeout: DEFAULT_DOCUMENT_WATCH_TIMEOUT,\n})\n\n/** Color mode */\nuseColorMode({ workspaceStore: app.store })\n\nconst currentTheme = computed(() => app.theme.styles.value.themeStyles)\nconst isDarkMode = computed(() => app.isDarkMode.value)\n\n/** Setup monaco editor configuration */\nuseMonacoEditorConfiguration({\n  theme: currentTheme,\n  darkMode: isDarkMode,\n})\n\nconst createWorkspaceModalState = useModal()\n\n/** Props to pass to the RouterView component. */\nconst routerViewProps = computed<RouteProps>(() => {\n  return {\n    documentSlug: app.activeEntities.documentSlug.value ?? '',\n    document: app.store.value?.workspace.activeDocument ?? null,\n    environment: app.environment.value,\n    eventBus: app.eventBus,\n    exampleName: app.activeEntities.exampleName.value,\n    fetchRegistryDocument,\n    layout,\n    method: app.activeEntities.method.value,\n    path: app.activeEntities.path.value,\n    workspaceStore: app.store.value!,\n    activeWorkspace: app.workspace.activeWorkspace.value!,\n    isTeamWorkspace: app.workspace.isTeamWorkspace.value,\n    plugins,\n    isDarkMode: app.isDarkMode.value,\n    currentTheme: app.theme.styles.value.themeStyles,\n    customThemes: toValue(app.theme.customThemes),\n    telemetry: app.telemetry.value,\n    onUpdateTelemetry: (value: boolean) => {\n      app.telemetry.value = value\n    },\n    options: app.options,\n  }\n})\n</script>\n\n<template>\n  <ScalarTeleportRoot>\n    <!-- Theme style tag -->\n    <div v-html=\"app.theme.themeStyleTag.value\" />\n\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- Main content -->\n    <main\n      v-if=\"\n        app.store.value !== null &&\n        app.workspace.activeWorkspace.value !== null &&\n        !app.loading.value\n      \">\n      <div class=\"relative flex h-dvh w-dvw flex-col\">\n        <SidebarToggle\n          v-model=\"app.sidebar.isOpen.value\"\n          class=\"absolute z-60 md:hidden\"\n          :class=\"layout === 'desktop' ? 'top-14 left-4' : 'top-4 left-4'\" />\n        <AppHeader\n          :menuTitle=\"app.workspace.isTeamWorkspace.value ? 'Team' : 'Local'\"\n          @navigate:to:settings=\"\n            app.eventBus.emit('ui:navigate', {\n              page: 'workspace',\n              path: 'settings',\n            })\n          \">\n          <!--\n            Only forward the consumer-provided logo (typically a team\n            avatar from Scalar Cloud) while the user is actually inside a\n            team workspace. Outside of a team context the avatar would be\n            misleading, so we omit the `#logo` template entirely and let\n            `ScalarMenuButton` fall back to its default Scalar wordmark.\n          -->\n          <template\n            v-if=\"$slots['header-logo'] && app.workspace.isTeamWorkspace.value\"\n            #logo>\n            <slot\n              :isTeamWorkspace=\"app.workspace.isTeamWorkspace.value\"\n              name=\"header-logo\" />\n          </template>\n          <template #menuItems>\n            <!--\n              The workspace picker used to live here as a submenu. It is now\n              surfaced inline in the breadcrumb so the user reaches it in a\n              single click. Consumers that want extra menu rows can still\n              inject them through the `header-menu-items` slot.\n            -->\n            <slot name=\"header-menu-items\" />\n          </template>\n          <template #breadcrumb>\n            <DocumentBreadcrumb\n              :app=\"app\"\n              :fetchRegistryDocument=\"fetchRegistryDocument\"\n              :registryDocuments=\"registryDocuments\"\n              @createWorkspace=\"createWorkspaceModalState.show()\" />\n          </template>\n          <template #end>\n            <div class=\"flex items-center gap-2\">\n              <!--\n                Sync status mirrors the icon in the version picker so the\n                user can see at a glance whether the active registry-backed\n                document is synced / pending push / pending pull / in\n                conflict, even when the picker dropdown is closed. We only\n                mount it while a document is actually active on the route -\n                on workspace-level pages (settings, get-started, etc.)\n                there is nothing to sync, and an indicator there would just\n                be noise.\n              -->\n              <DocumentSyncIndicator\n                v-if=\"app.activeEntities.documentSlug.value\"\n                :app=\"app\"\n                :registryDocuments=\"registryDocuments\" />\n              <slot\n                v-if=\"$slots['header-actions']\"\n                name=\"header-actions\" />\n              <!--\n                Vertical divider between the two trailing slot clusters.\n                Only rendered when both `header-actions` and `header-end`\n                are provided, so consumers using just one of the slots do\n                not get an orphaned separator.\n              -->\n              <span\n                v-if=\"$slots['header-actions'] && $slots['header-end']\"\n                aria-hidden=\"true\"\n                class=\"bg-border h-4 w-px shrink-0\" />\n              <slot\n                v-if=\"$slots['header-end']\"\n                name=\"header-end\" />\n            </div>\n          </template>\n        </AppHeader>\n        <div class=\"flex min-h-0 flex-1 flex-row\">\n          <!-- App sidebar -->\n          <AppSidebar\n            :app=\"app\"\n            :fetchRegistryDocument=\"fetchRegistryDocument\"\n            :registryDocuments=\"registryDocuments\"\n            :sidebarWidth=\"app.sidebar.width.value\"\n            @update:sidebarWidth=\"app.sidebar.handleSidebarWidthUpdate\" />\n\n          <div class=\"flex min-h-0 flex-1 flex-col\">\n            <!-- App Tabs -->\n            <DesktopTabs\n              v-if=\"layout === 'desktop'\"\n              :activeTabIndex=\"app.tabs.activeTabIndex.value\"\n              :eventBus=\"app.eventBus\"\n              :tabs=\"app.tabs.state.value\" />\n\n            <!-- Router view min-h-0 is required for scrolling, do not remove it -->\n            <div class=\"bg-b-1 relative min-h-0 flex-1\">\n              <RouterView v-bind=\"routerViewProps\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <slot\n        name=\"create-workspace\"\n        :state=\"createWorkspaceModalState\">\n        <!-- Create workspace modal -->\n        <CreateWorkspaceModal\n          :state=\"createWorkspaceModalState\"\n          @create:workspace=\"(payload) => app.workspace.create(payload)\" />\n      </slot>\n      <!-- Popup command palette to add resources from anywhere -->\n      <TheCommandPalette\n        :eventBus=\"app.eventBus\"\n        :paletteState=\"paletteState\"\n        :workspaceStore=\"app.store.value!\" />\n    </main>\n    <!-- Splash screen -->\n    <main v-else>\n      <SplashScreen />\n    </main>\n  </ScalarTeleportRoot>\n</template>\n\n<style>\n#scalar-client {\n  position: relative;\n  background-color: var(--scalar-background-2);\n}\n.dark-mode #scalar-client {\n  background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"App.vue.script.js","names":["$slots"],"sources":["../../../../src/v2/features/app/App.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Main entry point for the API client for electron and web.\n *\n * This component handles all events and store business logic for the application.\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarModal, ScalarTeleportRoot, useModal } from '@scalar/components'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport { extensions } from '@scalar/workspace-store/schemas/extensions'\nimport { computed, onBeforeUnmount, toValue, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport { SidebarToggle } from '@/v2/components/sidebar'\nimport AppHeader from '@/v2/features/app/components/AppHeader.vue'\nimport AppHeaderActions from '@/v2/features/app/components/AppHeaderActions.vue'\nimport AppSidebar from '@/v2/features/app/components/AppSidebar.vue'\nimport CreateWorkspaceModal from '@/v2/features/app/components/CreateWorkspaceModal.vue'\nimport DocumentBreadcrumb from '@/v2/features/app/components/DocumentBreadcrumb.vue'\nimport PublishDocumentModal from '@/v2/features/app/components/PublishDocumentModal.vue'\nimport SplashScreen from '@/v2/features/app/components/SplashScreen.vue'\nimport SyncConflictResolutionEditor from '@/v2/features/app/components/SyncConflictResolutionEditor.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { useDocumentSync } from '@/v2/features/app/hooks/use-document-sync'\nimport { useDocumentWatcher } from '@/v2/features/app/hooks/use-document-watcher'\nimport type { CommandPaletteState } from '@/v2/features/command-palette/hooks/use-command-palette-state'\nimport TheCommandPalette from '@/v2/features/command-palette/TheCommandPalette.vue'\nimport { useMonacoEditorConfiguration } from '@/v2/features/editor'\nimport { useColorMode } from '@/v2/hooks/use-color-mode'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport type {\n  RegistryAdapter,\n  RegistryDocumentsState,\n} from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport type { AppState } from './app-state'\nimport DesktopTabs from './components/DesktopTabs.vue'\n\nconst {\n  layout,\n  plugins = [],\n  getAppState,\n  getCommandPaletteState,\n  registry,\n} = defineProps<{\n  layout: Exclude<ClientLayout, 'modal'>\n  plugins?: ClientPlugin[]\n  getAppState: () => AppState\n  getCommandPaletteState: () => CommandPaletteState\n  /**\n   * Adapter wiring the API client up to an external registry (Scalar\n   * Cloud or a custom self-hosted setup). The adapter itself is optional\n   * - omit it to opt out of registry features entirely - but every\n   * field on it (`documents`, `namespaces`, `fetchDocument`,\n   * `publishDocument`, `publishVersion`) is required when provided so\n   * the client can rely on the full surface.\n   */\n  registry?: RegistryAdapter\n}>()\n\n/**\n * Reactive view of the registry documents list with a sane default for\n * setups that did not wire an adapter up. The sidebar and breadcrumb\n * read this getter so they keep rendering skeletons / empty states even\n * when the host application has not provided a `registry` prop.\n */\nconst registryDocuments = computed<RegistryDocumentsState>(\n  () => registry?.documents ?? { status: 'success', documents: [] },\n)\n\ndefineSlots<{\n  /**\n   * Replaces the Scalar logo inside the header menu button. Typically used by\n   * team-aware consumers (e.g. Scalar Cloud) to render a team avatar so the\n   * left-most chrome reads as \"this team's workspace\" rather than the\n   * generic Scalar wordmark.\n   *\n   * Receives `isTeamWorkspace` so consumers can opt into rendering a team\n   * image only when the active workspace actually belongs to a team, while\n   * keeping the default Scalar logo for local workspaces.\n   */\n  'header-logo'?: (payload: { isTeamWorkspace: boolean }) => unknown\n  /**\n   * Slot for customizing the menu items section of the app header.\n   * Defaults to a workspace picker bound to the current app state. Overriding this slot\n   * replaces the default picker entirely, so the consumer is responsible for rendering\n   * any workspace switcher (or other menu content) they need.\n   */\n  'header-menu-items'?: () => unknown\n  /**\n   * Slot for customizing the end section of the app header.\n   * Typically used for user menus, action buttons, or other trailing controls.\n   */\n  'header-end'?: () => unknown\n}>()\n\ndefineExpose({\n  openCreateWorkspace: () => createWorkspaceModalState.show(),\n})\n\nconst app = getAppState()\nconst paletteState = getCommandPaletteState()\n\n/** Expose workspace store to window for debugging purposes. */\nif (typeof window !== 'undefined') {\n  window.dataDumpWorkspace = () => app.store.value\n  window.dumpAppState = () => app\n}\n\n/** Call lifecycle hooks on plugins and subscribe to event bus events */\nconst pluginUnsubscribes: (() => void)[] = []\n\nfor (const plugin of plugins) {\n  plugin.lifecycle?.onInit?.({ config: { telemetry: app.telemetry.value } })\n\n  if (plugin.on) {\n    for (const [event, handler] of Object.entries(plugin.on)) {\n      pluginUnsubscribes.push(app.eventBus.on(event as any, handler as any))\n    }\n  }\n}\n\n/** Notify plugins when telemetry config changes */\nwatch(app.telemetry, () => {\n  for (const plugin of plugins) {\n    plugin.lifecycle?.onConfigChange?.({\n      config: { telemetry: app.telemetry.value },\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  for (const unsub of pluginUnsubscribes) {\n    unsub()\n  }\n  for (const plugin of plugins) {\n    plugin.lifecycle?.onDestroy?.()\n  }\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(app.eventBus, layout)\n\nconst DEFAULT_DOCUMENT_WATCH_TIMEOUT = 5000\n\n/** Watch the active document for changes and rebase it with its remote source */\nuseDocumentWatcher({\n  documentName: () =>\n    app.store.value?.workspace[extensions.workspace.activeDocument],\n  store: app.store,\n  initialTimeout: DEFAULT_DOCUMENT_WATCH_TIMEOUT,\n})\n\n/** Color mode */\nuseColorMode({ workspaceStore: app.store })\n\nconst currentTheme = computed(() => app.theme.styles.value.themeStyles)\nconst isDarkMode = computed(() => app.isDarkMode.value)\n\n/** Setup monaco editor configuration */\nuseMonacoEditorConfiguration({\n  theme: currentTheme,\n  darkMode: isDarkMode,\n})\n\nconst createWorkspaceModalState = useModal()\n\n/**\n * Owns the document-level Save / Revert / Pull / Push / Publish flow.\n * Keeping it in a dedicated hook leaves this component focused on\n * routing, layout, and slot composition.\n */\nconst {\n  showLocalSaveActions,\n  showTeamSyncActions,\n  showTeamPublishAction,\n  hasHeaderActionCluster,\n  isActiveDocumentDirty,\n  isOffline,\n  canPullActiveDocument,\n  canPushActiveDocument,\n  publishDocumentModalState,\n  syncConflictModalState,\n  pendingPullState,\n  publishDefaultSlug,\n  publishDefaultVersion,\n  registryNamespaces,\n  handleSaveDocument,\n  handleRevertDocument,\n  handlePullDocument,\n  handlePushDocument,\n  handlePublishDocument,\n  handlePublishDocumentSubmit,\n  handleSyncConflictApplyChanges,\n  handleSyncConflictModalClose,\n} = useDocumentSync({\n  app,\n  registry,\n  registryDocuments: () => registryDocuments.value,\n})\n\n/** Props to pass to the RouterView component. */\nconst routerViewProps = computed<RouteProps>(() => {\n  return {\n    documentSlug: app.activeEntities.documentSlug.value ?? '',\n    document: app.store.value?.workspace.activeDocument ?? null,\n    environment: app.environment.value,\n    eventBus: app.eventBus,\n    exampleName: app.activeEntities.exampleName.value,\n    fetchRegistryDocument: registry?.fetchDocument,\n    layout,\n    method: app.activeEntities.method.value,\n    path: app.activeEntities.path.value,\n    workspaceStore: app.store.value!,\n    activeWorkspace: app.workspace.activeWorkspace.value!,\n    isTeamWorkspace: app.workspace.isTeamWorkspace.value,\n    plugins,\n    isDarkMode: app.isDarkMode.value,\n    currentTheme: app.theme.styles.value.themeStyles,\n    customThemes: toValue(app.theme.customThemes),\n    telemetry: app.telemetry.value,\n    onUpdateTelemetry: (value: boolean) => {\n      app.telemetry.value = value\n    },\n    options: app.options,\n  }\n})\n</script>\n\n<template>\n  <ScalarTeleportRoot>\n    <!-- Theme style tag -->\n    <div v-html=\"app.theme.themeStyleTag.value\" />\n\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- Main content -->\n    <main\n      v-if=\"\n        app.store.value !== null &&\n        app.workspace.activeWorkspace.value !== null &&\n        !app.loading.value\n      \">\n      <div class=\"relative flex h-dvh w-dvw flex-col\">\n        <SidebarToggle\n          v-model=\"app.sidebar.isOpen.value\"\n          class=\"absolute z-60 md:hidden\"\n          :class=\"layout === 'desktop' ? 'top-14 left-4' : 'top-4 left-4'\" />\n        <AppHeader\n          :menuTitle=\"app.workspace.isTeamWorkspace.value ? 'Team' : 'Local'\"\n          @navigate:to:settings=\"\n            app.eventBus.emit('ui:navigate', {\n              page: 'workspace',\n              path: 'settings',\n            })\n          \">\n          <!--\n            Only forward the consumer-provided logo (typically a team\n            avatar from Scalar Cloud) while the user is actually inside a\n            team workspace. Outside of a team context the avatar would be\n            misleading, so we omit the `#logo` template entirely and let\n            `ScalarMenuButton` fall back to its default Scalar wordmark.\n          -->\n          <template\n            v-if=\"$slots['header-logo'] && app.workspace.isTeamWorkspace.value\"\n            #logo>\n            <slot\n              :isTeamWorkspace=\"app.workspace.isTeamWorkspace.value\"\n              name=\"header-logo\" />\n          </template>\n          <template #menuItems>\n            <!--\n              The workspace picker used to live here as a submenu. It is now\n              surfaced inline in the breadcrumb so the user reaches it in a\n              single click. Consumers that want extra menu rows can still\n              inject them through the `header-menu-items` slot.\n            -->\n            <slot name=\"header-menu-items\" />\n          </template>\n          <template #breadcrumb>\n            <DocumentBreadcrumb\n              :app=\"app\"\n              :fetchRegistryDocument=\"registry?.fetchDocument\"\n              :registryDocuments=\"registryDocuments\"\n              @createWorkspace=\"createWorkspaceModalState.show()\" />\n          </template>\n          <!--\n            Only forward the trailing `#end` cluster when it has actual\n            content. The action clusters and the consumer slots all gate\n            independently, so we mirror those conditions on the wrapper to\n            avoid mounting an empty cluster that would otherwise leak a\n            stray divider.\n          -->\n          <template\n            v-if=\"\n              hasHeaderActionCluster ||\n              $slots['header-actions'] ||\n              $slots['header-end']\n            \"\n            #end>\n            <div class=\"flex items-center gap-2\">\n              <AppHeaderActions\n                :canPullActiveDocument=\"canPullActiveDocument\"\n                :canPushActiveDocument=\"canPushActiveDocument\"\n                :isActiveDocumentDirty=\"isActiveDocumentDirty\"\n                :isOffline=\"isOffline\"\n                :showLocalSaveActions=\"showLocalSaveActions\"\n                :showTeamPublishAction=\"showTeamPublishAction\"\n                :showTeamSyncActions=\"showTeamSyncActions\"\n                @publish=\"handlePublishDocument\"\n                @pull=\"handlePullDocument\"\n                @push=\"handlePushDocument\"\n                @revert=\"handleRevertDocument\"\n                @save=\"handleSaveDocument\" />\n              <!--\n                Vertical divider between the document-scoped action cluster\n                (workspace-mode buttons + `header-actions`) and the trailing\n                `header-end` cluster. Only rendered when both sides have\n                content so single-cluster headers do not get an orphaned\n                separator.\n              -->\n              <span\n                v-if=\"$slots['header-end']\"\n                aria-hidden=\"true\"\n                class=\"bg-border h-4 w-px shrink-0\" />\n              <slot\n                v-if=\"$slots['header-end']\"\n                name=\"header-end\" />\n            </div>\n          </template>\n        </AppHeader>\n        <div class=\"flex min-h-0 flex-1 flex-row\">\n          <!-- App sidebar -->\n          <AppSidebar\n            :app=\"app\"\n            :fetchRegistryDocument=\"registry?.fetchDocument\"\n            :registryDocuments=\"registryDocuments\"\n            :sidebarWidth=\"app.sidebar.width.value\"\n            @update:sidebarWidth=\"app.sidebar.handleSidebarWidthUpdate\" />\n\n          <div class=\"flex min-h-0 flex-1 flex-col\">\n            <!-- App Tabs -->\n            <DesktopTabs\n              v-if=\"layout === 'desktop'\"\n              :activeTabIndex=\"app.tabs.activeTabIndex.value\"\n              :eventBus=\"app.eventBus\"\n              :tabs=\"app.tabs.state.value\" />\n\n            <!-- Router view min-h-0 is required for scrolling, do not remove it -->\n            <div class=\"bg-b-1 relative min-h-0 flex-1\">\n              <RouterView v-bind=\"routerViewProps\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- Create workspace modal -->\n      <CreateWorkspaceModal\n        :state=\"createWorkspaceModalState\"\n        @create:workspace=\"(payload) => app.workspace.create(payload)\" />\n\n      <!--\n        First-time publish modal. Only mounted when a registry adapter\n        is wired up - without one there is nothing meaningful to send,\n        and the modal would never be opened anyway.\n      -->\n      <PublishDocumentModal\n        v-if=\"registry\"\n        :defaultSlug=\"publishDefaultSlug\"\n        :defaultVersion=\"publishDefaultVersion\"\n        :namespaces=\"registryNamespaces\"\n        :state=\"publishDocumentModalState\"\n        @submit=\"handlePublishDocumentSubmit\" />\n      <!--\n        Three-way merge editor for the Pull flow. We mount it lazily on\n        `pendingPullState` so the heavy Monaco editors only spin up when\n        a pull actually has conflicts to walk through. The full-size\n        layout mirrors `DocumentCollection.vue`'s sync modal so the\n        editor has enough room to render the local / remote / result\n        panes side-by-side.\n      -->\n      <ScalarModal\n        v-if=\"pendingPullState\"\n        bodyClass=\"sync-conflict-modal-root flex h-dvh flex-col p-4\"\n        maxWidth=\"calc(100dvw - 32px)\"\n        size=\"full\"\n        :state=\"syncConflictModalState\"\n        @close=\"handleSyncConflictModalClose\">\n        <div class=\"flex h-full w-full flex-col gap-4 overflow-hidden\">\n          <SyncConflictResolutionEditor\n            :baseDocument=\"pendingPullState.rebaseResult.originalDocument\"\n            :conflicts=\"pendingPullState.rebaseResult.conflicts\"\n            :resolvedDocument=\"pendingPullState.rebaseResult.resolvedDocument\"\n            @applyChanges=\"handleSyncConflictApplyChanges\" />\n        </div>\n      </ScalarModal>\n      <!-- Popup command palette to add resources from anywhere -->\n      <TheCommandPalette\n        :eventBus=\"app.eventBus\"\n        :paletteState=\"paletteState\"\n        :workspaceStore=\"app.store.value!\" />\n    </main>\n    <!-- Splash screen -->\n    <main v-else>\n      <SplashScreen />\n    </main>\n  </ScalarTeleportRoot>\n</template>\n\n<style>\n#scalar-client {\n  position: relative;\n  background-color: var(--scalar-background-2);\n}\n.dark-mode #scalar-client {\n  background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);\n}\n\n/*\n * The three-way merge editor needs the full viewport to fit its three\n * Monaco panes. `DocumentCollection.vue` ships the same override for\n * its in-page Sync modal, but the pull flow can run without that view\n * being mounted, so we duplicate the rule here to keep the modal\n * full-bleed.\n */\n.full-size-styles:has(.sync-conflict-modal-root) {\n  width: 100dvw !important;\n  max-width: 100dvw !important;\n  border-right: none !important;\n}\n\n.full-size-styles:has(.sync-conflict-modal-root)::after {\n  display: none;\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/app/app-state.d.ts

@@ -1,6 +1,7 @@
 import type { ScalarListboxOption, WorkspaceGroup } from '@scalar/components';
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 import type { LoaderPlugin } from '@scalar/json-magic/bundle';
+import type { Team } from '@scalar/sdk/models/components';
 import { createSidebarState } from '@scalar/sidebar';
 import type { Theme } from '@scalar/themes';
 import { type WorkspaceStore } from '@scalar/workspace-store/client';
@@ -80,6 +81,12 @@ export type AppState = {
         } | null>;
         /** Navigates to the specified workspace */
         navigateToWorkspace: (teamSlug?: string, slug?: string) => Promise<void>;
+        /**
+         * Routes to the get-started page of a workspace identified by id.
+         * Mirrors the picker affordances in the breadcrumb and header menu
+         * so both surfaces stay in sync when the user switches workspaces.
+         */
+        navigateToWorkspaceGetStarted: (workspaceId: string) => void;
         /** Whether the workspace page is open */
         isOpen: ComputedRef<boolean>;
         /**
@@ -113,8 +120,6 @@ export type AppState = {
         exampleName: Ref<string | undefined>;
         /** The slug of the selected team context (read-only; use setTeamSlug to change) */
         teamSlug: Readonly<Ref<string>>;
-        /** Sets the current team context by team slug */
-        setTeamSlug: (value: string) => void;
     };
     /** The currently active environment */
     environment: ComputedRef<XScalarEnvironment>;
@@ -136,20 +141,11 @@ export type AppState = {
     };
     telemetry: Ref<boolean>;
 };
-/** Default slug used when auto-creating a team workspace on demand. */
-export declare const DEFAULT_TEAM_WORKSPACE_SLUG = "default";
-/**
- * Temporary kill switch for team workspace functionality.
- *
- * While the team workspace experience is still being polished we hide the
- * "Team Workspaces" group from the picker and refuse to create new team
- * workspaces. Existing team workspaces remain in storage and can be restored
- * by flipping this flag back to `true`.
- */
-export declare const TEAM_WORKSPACES_ENABLED = false;
-export declare const createAppState: ({ router, fileLoader, fallbackThemeSlug, customThemes, telemetryDefault, options, }: {
+export declare const createAppState: ({ router, fileLoader, currentTeam, fallbackThemeSlug, customThemes, telemetryDefault, options, }: {
     router: Router;
     fileLoader?: LoaderPlugin;
+    /** The currently active team */
+    currentTeam?: MaybeRefOrGetter<Team | undefined>;
     customThemes?: MaybeRefOrGetter<Theme[]>;
     fallbackThemeSlug?: MaybeRefOrGetter<string>;
     telemetryDefault?: boolean;

package/dist/v2/features/app/app-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-state.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/app-state.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"app-state.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/app-state.ts"],"names":[],"mappings":"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"}

package/dist/v2/features/app/app-state.js

@@ -5,7 +5,7 @@ import { getTabDetails } from "../../helpers/get-tab-details.js";
 import { workspaceStorage } from "../../helpers/storage.js";
 import { initializeAppEventHandlers } from "./app-events.js";
 import { canLoadWorkspace, filterWorkspacesByTeam } from "./helpers/filter-workspaces.js";
-import { computed, readonly, ref, shallowRef, watch } from "vue";
+import { computed, readonly, ref, shallowRef, toValue, watch } from "vue";
 import { getActiveEnvironment } from "@scalar/workspace-store/request-example";
 import { isDefined } from "@scalar/helpers/array/is-defined";
 import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
@@ -24,11 +24,9 @@ import { extensions } from "@scalar/workspace-store/schemas/extensions";
 var DEFAULT_DEBOUNCE_DELAY = 1e3;
 /** Default sidebar width in pixels. */
 var DEFAULT_SIDEBAR_WIDTH = 288;
-/** Default slug used when auto-creating a team workspace on demand. */
-var DEFAULT_TEAM_WORKSPACE_SLUG = "default";
 /** Default display name used when auto-creating a team workspace on demand. */
 var DEFAULT_TEAM_WORKSPACE_NAME = "Workspace";
-var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "default", customThemes = () => [], telemetryDefault, options }) => {
+var createAppState = async ({ router, fileLoader, currentTeam, fallbackThemeSlug = () => "default", customThemes = () => [], telemetryDefault, options }) => {
 	/** Workspace event bus for handling workspace-level events. */
 	const eventBus = createWorkspaceEventBus({ debug: false });
 	const { workspace: persistence } = await createWorkspaceStorePersistence();
@@ -37,7 +35,7 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 	* This happens once per user and transforms old data structure to new workspace format
 	*/
 	await migrateLocalStorageToIndexDb();
-	const teamSlug = ref("local");
+	const teamSlug = computed(() => toValue(currentTeam)?.slug ?? "local");
 	const routeTeamSlug = ref(void 0);
 	const workspaceSlug = ref(void 0);
 	const documentSlug = ref(void 0);
@@ -151,12 +149,16 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 		};
 	};
 	/**
-	* Creates and persists the default workspace with a blank draft document.
-	* Used when no workspaces exist yet.
+	* Creates and persists a new workspace.
+	*
+	* Local workspaces are seeded with a blank "drafts" document so the user
+	* lands on a usable starting point. Team workspaces start empty - their
+	* documents come from the registry, so seeding a local-only draft would
+	* just create dead state that is never synced.
 	*/
 	const createAndPersistWorkspace = async ({ name, teamSlug, slug }) => {
 		const draftStore = createWorkspaceStore();
-		await draftStore.addDocument({
+		if (!Boolean(teamSlug && teamSlug !== "local")) await draftStore.addDocument({
 			name: "drafts",
 			document: {
 				openapi: "3.1.0",
@@ -195,6 +197,16 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 			await router.push("/");
 			return;
 		}
+		if (teamSlug !== "local") {
+			await router.push({
+				name: "workspace.get-started",
+				params: {
+					teamSlug,
+					workspaceSlug: slug
+				}
+			});
+			return;
+		}
 		await router.push({
 			name: "example",
 			params: {
@@ -208,6 +220,36 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 		});
 	};
 	/**
+	* Routes to the get-started page of a workspace identified by id.
+	*
+	* Get-started is the right landing surface on a workspace switch
+	* because the user has effectively arrived at a fresh workspace and
+	* may not have any documents loaded yet. We look the workspace up
+	* against the unfiltered `workspaces` list so callers can switch into
+	* a workspace that is not visible under the current team filter.
+	*
+	* When team workspaces are enabled and the active team has no real
+	* workspace yet, the picker may surface a synthetic placeholder option
+	* (id: `getWorkspaceId(teamSlug, DEFAULT_TEAM_WORKSPACE_SLUG)`). We
+	* route that through the normal navigation flow so the route handler
+	* can create the workspace on demand.
+	*/
+	const navigateToWorkspaceGetStarted = (workspaceId) => {
+		const emitNavigation = (target, slug) => {
+			eventBus.emit("ui:navigate", {
+				page: "workspace",
+				path: "get-started",
+				teamSlug: target,
+				workspaceSlug: slug
+			});
+		};
+		const workspace = workspaces.value?.find((w) => w.id === workspaceId);
+		if (workspace) {
+			emitNavigation(workspace.teamSlug, workspace.slug);
+			return;
+		}
+	};
+	/**
 	* Creates a new workspace with the provided name.
 	* - Generates a unique slug for the workspace (uses the provided slug if it is unique, otherwise generates a unique slug).
 	* - Adds a default blank document ("drafts") to the workspace.
@@ -307,16 +349,6 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 		if (!createResult) return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
 		sidebarState.reset();
 	};
-	/**
-	* Sets the current team context. If the active workspace is not accessible
-	* with the new team, navigates to the default workspace for that team.
-	*/
-	const setTeamSlug = (value) => {
-		teamSlug.value = value;
-		const workspace = filteredWorkspaces.value.find((w) => w.teamSlug === routeTeamSlug.value && w.slug === workspaceSlug.value);
-		if (workspace && canLoadWorkspace(workspace.teamSlug, value)) return;
-		return navigateToWorkspace("local", "default");
-	};
 	const entries = computed(() => {
 		const activeStore = store.value;
 		if (!activeStore) return [];
@@ -651,6 +683,7 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 			workspaceGroups,
 			activeWorkspace,
 			navigateToWorkspace,
+			navigateToWorkspaceGetStarted,
 			isOpen: computed(() => Boolean(workspaceSlug.value && !documentSlug.value)),
 			isTeamWorkspace
 		},
@@ -664,8 +697,7 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 			path,
 			method,
 			exampleName,
-			teamSlug: readonly(teamSlug),
-			setTeamSlug
+			teamSlug: readonly(teamSlug)
 		},
 		environment,
 		document: activeDocument,
@@ -680,6 +712,6 @@ var createAppState = async ({ router, fileLoader, fallbackThemeSlug = () => "def
 	};
 };
 //#endregion
-export { DEFAULT_TEAM_WORKSPACE_SLUG, createAppState };
+export { createAppState };
 
 //# sourceMappingURL=app-state.js.map