@scalar/api-client 3.5.0 → 3.6.0

package/dist/v2/features/app/App.vue.d.ts

@@ -1,8 +1,6 @@
-import { type ModalState } from '@scalar/components';
 import type { ClientPlugin } from '@scalar/oas-utils/helpers';
-import type { RegistryDocumentsState } from '../../../v2/features/app/hooks/use-sidebar-documents.js';
 import type { CommandPaletteState } from '../../../v2/features/command-palette/hooks/use-command-palette-state.js';
-import type { ImportDocumentFromRegistry } from '../../../v2/types/configuration';
+import type { RegistryAdapter } from '../../../v2/types/configuration';
 import type { ClientLayout } from '../../../v2/types/layout';
 import type { AppState } from './app-state.js';
 /**
@@ -17,13 +15,15 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     plugins?: ClientPlugin[];
     getAppState: () => AppState;
     getCommandPaletteState: () => CommandPaletteState;
-    /** Fetches the full document from registry by meta. Passed through to route props for sync. */
-    fetchRegistryDocument?: ImportDocumentFromRegistry;
     /**
-     * The list of all available registry documents, with a loading status so the
-     * sidebar can render skeleton placeholders until the real list is ready.
+     * Adapter wiring the API client up to an external registry (Scalar
+     * Cloud or a custom self-hosted setup). The adapter itself is optional
+     * - omit it to opt out of registry features entirely - but every
+     * field on it (`documents`, `namespaces`, `fetchDocument`,
+     * `publishDocument`, `publishVersion`) is required when provided so
+     * the client can rely on the full surface.
      */
-    registryDocuments?: RegistryDocumentsState;
+    registry?: RegistryAdapter;
 }, {
     openCreateWorkspace: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
@@ -31,21 +31,16 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     plugins?: ClientPlugin[];
     getAppState: () => AppState;
     getCommandPaletteState: () => CommandPaletteState;
-    /** Fetches the full document from registry by meta. Passed through to route props for sync. */
-    fetchRegistryDocument?: ImportDocumentFromRegistry;
     /**
-     * The list of all available registry documents, with a loading status so the
-     * sidebar can render skeleton placeholders until the real list is ready.
+     * Adapter wiring the API client up to an external registry (Scalar
+     * Cloud or a custom self-hosted setup). The adapter itself is optional
+     * - omit it to opt out of registry features entirely - but every
+     * field on it (`documents`, `namespaces`, `fetchDocument`,
+     * `publishDocument`, `publishVersion`) is required when provided so
+     * the client can rely on the full surface.
      */
-    registryDocuments?: RegistryDocumentsState;
+    registry?: RegistryAdapter;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    /**
-     * Slot for customizing the create workspace modal.
-     * This slot is used to render custom actions or components within the create workspace modal.
-     */
-    'create-workspace'?: (payload: {
-        state: ModalState;
-    }) => unknown;
     /**
      * Replaces the Scalar logo inside the header menu button. Typically used by
      * team-aware consumers (e.g. Scalar Cloud) to render a team avatar so the
@@ -66,17 +61,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * any workspace switcher (or other menu content) they need.
      */
     'header-menu-items'?: () => unknown;
-    /**
-     * Slot rendered at the trailing edge of the header, immediately before the
-     * `header-end` slot. Use this for context-specific action buttons (for
-     * example a "Save" button) so they sit next to the document chrome rather
-     * than getting mixed in with the user / account controls in `header-end`.
-     *
-     * When both this slot and `header-end` are provided, a vertical divider is
-     * inserted between them so the two groups read as visually distinct
-     * clusters.
-     */
-    'header-actions'?: () => unknown;
     /**
      * Slot for customizing the end section of the app header.
      * Typically used for user menus, action buttons, or other trailing controls.

package/dist/v2/features/app/App.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AAmWA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAe7D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AAC3F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAA;AAKxG,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAI3C;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;YAER,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;IACjD,+FAA+F;4BACvE,0BAA0B;IAClD;;;OAGG;wBACiB,sBAAsB;;;;YAVlC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;IACjD,+FAA+F;4BACvE,0BAA0B;IAClD;;;OAGG;wBACiB,sBAAsB;;IAa1C;;;OAGG;yBACkB,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,OAAO;IAChE;;;;;;;;;OASG;oBACa,CAAC,OAAO,EAAE;QAAE,eAAe,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO;IAClE;;;;;OAKG;0BACmB,MAAM,OAAO;IACnC;;;;;;;;;OASG;uBACgB,MAAM,OAAO;IAChC;;;OAGG;mBACY,MAAM,OAAO;EA0a1B,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AA4bA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAkB7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAA;AAKxG,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAI3C;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;YAER,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;IACjD;;;;;;;OAOG;eACQ,eAAe;;;;YAZlB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;IACjD;;;;;;;OAOG;eACQ,eAAe;;IAsB1B;;;;;;;;;OASG;oBACa,CAAC,OAAO,EAAE;QAAE,eAAe,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO;IAClE;;;;;OAKG;0BACmB,MAAM,OAAO;IACnC;;;OAGG;mBACY,MAAM,OAAO;EAylB1B,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"App.vue.js","names":[],"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":""}
+{"version":3,"file":"App.vue.js","names":[],"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":""}

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-events.js

@@ -22,7 +22,7 @@ function initializeAppEventHandlers({ eventBus, store, router, rebuildSidebar, n
 		store,
 		hooks: {
 			"document:delete:document": { onAfterExecute: async (payload) => {
-				if (currentRoute?.value?.params.documentSlug === payload.name) await router.push({ name: "workspace.environment" });
+				if (currentRoute?.value?.params.documentSlug === payload.name) await router.push({ name: "workspace.get-started" });
 			} },
 			"operation:update:pathMethod": { onBeforeExecute: (payload) => ({
 				...payload,

package/dist/v2/features/app/app-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-events.js","names":[],"sources":["../../../../src/v2/features/app/app-events.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { OperationExampleMeta, WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { type ShallowRef, computed } from 'vue'\nimport { type NavigationFailure, NavigationFailureType, type Router } from 'vue-router'\n\nimport type { ScalarClientAppRouteParams } from '@/v2/features/app/helpers/routes'\nimport { initializeWorkspaceEventHandlers } from '@/v2/workspace-events'\n\nexport function initializeAppEventHandlers({\n  eventBus,\n  store,\n  router,\n  rebuildSidebar,\n  navigateToCurrentTab,\n  onSelectSidebarItem,\n  onAfterExampleCreation,\n  onCopyTabUrl,\n  onToggleSidebar,\n  closeSidebar,\n  renameWorkspace,\n}: {\n  eventBus: WorkspaceEventBus\n  store: ShallowRef<WorkspaceStore | null>\n  router: Router\n  rebuildSidebar: (documentName?: string) => void\n  navigateToCurrentTab: () => Promise<void>\n  onSelectSidebarItem: (id: string) => void\n  onAfterExampleCreation: (o: OperationExampleMeta & { documentName?: string }) => void\n  onCopyTabUrl: (tabIndex: number) => void\n  onToggleSidebar: () => void\n  closeSidebar: () => void\n  renameWorkspace: (name: string) => Promise<void>\n}) {\n  const currentRoute = computed(() => router.currentRoute?.value)\n\n  /**\n   * Checks if the current route params match the specified operation meta.\n   * Useful for determining if the sidebar or UI needs to be updated after changes to operations/examples.\n   *\n   * NOTE: It may be beneficial to compare to the active state instead of the router\n   */\n  const isRouteParamsMatch = ({\n    documentName,\n    path,\n    method,\n    exampleName,\n  }: {\n    documentName: string\n    path?: string\n    method?: HttpMethod\n    exampleName?: string\n  }) => {\n    if (documentName !== undefined && documentName !== currentRoute.value?.params.documentSlug) {\n      return false\n    }\n    if (path !== undefined && encodeURIComponent(path) !== currentRoute.value?.params.pathEncoded) {\n      return false\n    }\n    if (method !== undefined && method !== currentRoute.value?.params.method) {\n      return false\n    }\n    if (exampleName !== undefined && exampleName !== currentRoute.value?.params.exampleName) {\n      return false\n    }\n    return true\n  }\n\n  initializeWorkspaceEventHandlers({\n    eventBus,\n    store,\n    hooks: {\n      //------------------------------------------------------------------------------------\n      // Document Related Hooks\n      //------------------------------------------------------------------------------------\n      'document:delete:document': {\n        onAfterExecute: async (payload) => {\n          // Redirect to the workspace environment page if the document was deleted\n          if (currentRoute?.value?.params.documentSlug === payload.name) {\n            await router.push({\n              name: 'workspace.environment',\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:pathMethod': {\n        onBeforeExecute: (payload) => ({\n          ...payload,\n          callback: async (status) => {\n            // Redirect to the new example if the mutation was successful\n            if (status === 'success') {\n              // Rebuild the sidebar with the updated order\n              rebuildSidebar(store.value?.workspace.activeDocument?.['x-scalar-navigation']?.name)\n\n              // Now this redirect works for any example\n              await router.replace({\n                name: 'example',\n                params: {\n                  method: payload.payload.method,\n                  pathEncoded: encodeURIComponent(payload.payload.path),\n                  exampleName: currentRoute.value?.params.exampleName,\n                },\n              })\n            }\n\n            payload.callback(status, payload.blurTargetSelector)\n          },\n        }),\n      },\n      'operation:create:operation': {\n        onAfterExecute: (payload) => {\n          onAfterExampleCreation({\n            path: payload.path,\n            method: payload.method,\n            exampleKey: 'default',\n            documentName: payload.documentName,\n          })\n        },\n      },\n      'operation:upsert:parameter': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:extra-parameters': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:reload:history': {\n        onAfterExecute: (payload) => onAfterExampleCreation({ ...payload.meta, exampleKey: 'draft' }),\n      },\n      'operation:delete:operation': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n          const {\n            documentName,\n            meta: { path, method },\n          } = payload\n          // Navigate to the document overview page if the operation was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n            })\n          ) {\n            await router.replace({\n              name: 'document.overview',\n              params: {\n                documentSlug: documentName,\n              },\n            })\n          }\n        },\n      },\n      'operation:create:draft-example': {\n        onAfterExecute: async (payload) => {\n          onAfterExampleCreation({ ...payload.meta, exampleKey: payload.exampleName })\n          await router.push({\n            name: 'example',\n            params: {\n              documentSlug: payload.documentName,\n              pathEncoded: encodeURIComponent(payload.meta.path),\n              method: payload.meta.method,\n              exampleName: payload.exampleName,\n            },\n          })\n        },\n      },\n      'operation:delete:example': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          const {\n            documentName,\n            meta: { path, method, exampleKey },\n          } = payload\n          // Navigate to the default example if the example was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n              exampleName: exampleKey,\n            })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                pathEncoded: encodeURIComponent(path),\n                method,\n                documentSlug: documentName,\n                exampleName: 'default',\n              },\n            })\n          }\n        },\n      },\n      'operation:rename:example': {\n        onAfterExecute: async ({ meta, payload, documentName }) => {\n          // Refresh sidebar\n          onAfterExampleCreation({ ...meta, exampleKey: payload.name, documentName })\n\n          // Redirect to the new example if the mutation was successful and we are currently on the example\n          if (\n            isRouteParamsMatch({ documentName, path: meta.path, method: meta.method, exampleName: meta.exampleKey })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                documentSlug: documentName,\n                pathEncoded: encodeURIComponent(meta.path),\n                method: meta.method,\n                exampleName: payload.name,\n              },\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Request Body Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:requestBody:value': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:requestBody:formValue': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      //------------------------------------------------------------------------------------\n      // Tag Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tag:create:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      'tag:edit:tag': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          /**\n           * If the currently viewed operation is a child of the renamed tag, redirect to\n           * the same route so the sidebar and breadcrumbs reflect the new tag name\n           */\n          const isNestedUnderTag = payload.tag.children?.some(\n            (child) =>\n              child.type === 'operation' &&\n              isRouteParamsMatch({\n                documentName: payload.documentName,\n                path: child.path,\n                method: child.method,\n              }),\n          )\n\n          if (isNestedUnderTag) {\n            await router.replace({ ...currentRoute.value })\n          }\n        },\n      },\n      'tag:delete:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      //------------------------------------------------------------------------------------\n      // Tabs Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tabs:add:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:close:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab-last': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:previous': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:next': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:update:tabs': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n    },\n  })\n\n  // Worksapce rename event handler\n  eventBus.on('workspace:update:name', (payload) => renameWorkspace(payload))\n\n  //------------------------------------------------------------------------------------\n  // Navigation Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('scroll-to:nav-item', ({ id }) => onSelectSidebarItem(id))\n\n  //------------------------------------------------------------------------------------\n  // UI Related Event Handlers\n  //------------------------------------------------------------------------------------\n  // Note: Command palette handler is colocated with the command palette component\n\n  eventBus.on('ui:toggle:sidebar', onToggleSidebar)\n\n  /**\n   * Bind the inernal navigation to a public api\n   */\n  eventBus.on('ui:navigate', async (payload) => {\n    const { replace = false } = payload\n    const fn = replace ? router.replace : router.push\n\n    const execCallback = (result: NavigationFailure | void | undefined) => {\n      if (!result) {\n        // Close the sidebar if it is open\n        closeSidebar()\n        return payload.callback?.('success')\n      }\n\n      const navigationFailure: 16 = NavigationFailureType.duplicated\n\n      if (result.type !== navigationFailure) {\n        return payload.callback?.('error')\n      }\n\n      return payload.callback?.('success')\n    }\n\n    type ValidParams = Partial<Record<ScalarClientAppRouteParams, string>>\n\n    if (payload.page === 'document') {\n      const params = {\n        documentSlug: payload.documentSlug,\n        workspaceSlug: payload.workspaceSlug,\n        teamSlug: payload.teamSlug,\n      } satisfies ValidParams\n\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'document.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'document.servers', params }))\n      }\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'document.environment', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'document.authentication', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'document.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'document.settings', params }))\n      }\n    }\n\n    if (payload.page === 'workspace') {\n      const params = { workspaceSlug: payload.workspaceSlug, teamSlug: payload.teamSlug } satisfies ValidParams\n      if (payload.path === 'get-started') {\n        return execCallback(await fn({ name: 'workspace.get-started', params }))\n      }\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'workspace.environment', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'workspace.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'workspace.settings', params }))\n      }\n    }\n\n    if (payload.page === 'example') {\n      const params = {\n        teamSlug: payload.teamSlug,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.path),\n        method: payload.method,\n        exampleName: payload.exampleName,\n      } satisfies ValidParams\n      return execCallback(await fn({ name: 'example', params }))\n    }\n\n    if (payload.page === 'operation') {\n      const params = {\n        teamSlug: payload.teamSlug,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.operationPath),\n        method: payload.method,\n      } satisfies ValidParams\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'operation.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'operation.servers', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'operation.authentication', params }))\n      }\n    }\n  })\n\n  //------------------------------------------------------------------------------------\n  // Tabs Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('tabs:copy:url', (payload) => onCopyTabUrl(payload.index))\n}\n"],"mappings":"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"}
+{"version":3,"file":"app-events.js","names":[],"sources":["../../../../src/v2/features/app/app-events.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { OperationExampleMeta, WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { type ShallowRef, computed } from 'vue'\nimport { type NavigationFailure, NavigationFailureType, type Router } from 'vue-router'\n\nimport type { ScalarClientAppRouteParams } from '@/v2/features/app/helpers/routes'\nimport { initializeWorkspaceEventHandlers } from '@/v2/workspace-events'\n\nexport function initializeAppEventHandlers({\n  eventBus,\n  store,\n  router,\n  rebuildSidebar,\n  navigateToCurrentTab,\n  onSelectSidebarItem,\n  onAfterExampleCreation,\n  onCopyTabUrl,\n  onToggleSidebar,\n  closeSidebar,\n  renameWorkspace,\n}: {\n  eventBus: WorkspaceEventBus\n  store: ShallowRef<WorkspaceStore | null>\n  router: Router\n  rebuildSidebar: (documentName?: string) => void\n  navigateToCurrentTab: () => Promise<void>\n  onSelectSidebarItem: (id: string) => void\n  onAfterExampleCreation: (o: OperationExampleMeta & { documentName?: string }) => void\n  onCopyTabUrl: (tabIndex: number) => void\n  onToggleSidebar: () => void\n  closeSidebar: () => void\n  renameWorkspace: (name: string) => Promise<void>\n}) {\n  const currentRoute = computed(() => router.currentRoute?.value)\n\n  /**\n   * Checks if the current route params match the specified operation meta.\n   * Useful for determining if the sidebar or UI needs to be updated after changes to operations/examples.\n   *\n   * NOTE: It may be beneficial to compare to the active state instead of the router\n   */\n  const isRouteParamsMatch = ({\n    documentName,\n    path,\n    method,\n    exampleName,\n  }: {\n    documentName: string\n    path?: string\n    method?: HttpMethod\n    exampleName?: string\n  }) => {\n    if (documentName !== undefined && documentName !== currentRoute.value?.params.documentSlug) {\n      return false\n    }\n    if (path !== undefined && encodeURIComponent(path) !== currentRoute.value?.params.pathEncoded) {\n      return false\n    }\n    if (method !== undefined && method !== currentRoute.value?.params.method) {\n      return false\n    }\n    if (exampleName !== undefined && exampleName !== currentRoute.value?.params.exampleName) {\n      return false\n    }\n    return true\n  }\n\n  initializeWorkspaceEventHandlers({\n    eventBus,\n    store,\n    hooks: {\n      //------------------------------------------------------------------------------------\n      // Document Related Hooks\n      //------------------------------------------------------------------------------------\n      'document:delete:document': {\n        onAfterExecute: async (payload) => {\n          // Redirect to the workspace get started page if the document was deleted\n          if (currentRoute?.value?.params.documentSlug === payload.name) {\n            await router.push({\n              name: 'workspace.get-started',\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:pathMethod': {\n        onBeforeExecute: (payload) => ({\n          ...payload,\n          callback: async (status) => {\n            // Redirect to the new example if the mutation was successful\n            if (status === 'success') {\n              // Rebuild the sidebar with the updated order\n              rebuildSidebar(store.value?.workspace.activeDocument?.['x-scalar-navigation']?.name)\n\n              // Now this redirect works for any example\n              await router.replace({\n                name: 'example',\n                params: {\n                  method: payload.payload.method,\n                  pathEncoded: encodeURIComponent(payload.payload.path),\n                  exampleName: currentRoute.value?.params.exampleName,\n                },\n              })\n            }\n\n            payload.callback(status, payload.blurTargetSelector)\n          },\n        }),\n      },\n      'operation:create:operation': {\n        onAfterExecute: (payload) => {\n          onAfterExampleCreation({\n            path: payload.path,\n            method: payload.method,\n            exampleKey: 'default',\n            documentName: payload.documentName,\n          })\n        },\n      },\n      'operation:upsert:parameter': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:extra-parameters': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:reload:history': {\n        onAfterExecute: (payload) => onAfterExampleCreation({ ...payload.meta, exampleKey: 'draft' }),\n      },\n      'operation:delete:operation': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n          const {\n            documentName,\n            meta: { path, method },\n          } = payload\n          // Navigate to the document overview page if the operation was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n            })\n          ) {\n            await router.replace({\n              name: 'document.overview',\n              params: {\n                documentSlug: documentName,\n              },\n            })\n          }\n        },\n      },\n      'operation:create:draft-example': {\n        onAfterExecute: async (payload) => {\n          onAfterExampleCreation({ ...payload.meta, exampleKey: payload.exampleName })\n          await router.push({\n            name: 'example',\n            params: {\n              documentSlug: payload.documentName,\n              pathEncoded: encodeURIComponent(payload.meta.path),\n              method: payload.meta.method,\n              exampleName: payload.exampleName,\n            },\n          })\n        },\n      },\n      'operation:delete:example': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          const {\n            documentName,\n            meta: { path, method, exampleKey },\n          } = payload\n          // Navigate to the default example if the example was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n              exampleName: exampleKey,\n            })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                pathEncoded: encodeURIComponent(path),\n                method,\n                documentSlug: documentName,\n                exampleName: 'default',\n              },\n            })\n          }\n        },\n      },\n      'operation:rename:example': {\n        onAfterExecute: async ({ meta, payload, documentName }) => {\n          // Refresh sidebar\n          onAfterExampleCreation({ ...meta, exampleKey: payload.name, documentName })\n\n          // Redirect to the new example if the mutation was successful and we are currently on the example\n          if (\n            isRouteParamsMatch({ documentName, path: meta.path, method: meta.method, exampleName: meta.exampleKey })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                documentSlug: documentName,\n                pathEncoded: encodeURIComponent(meta.path),\n                method: meta.method,\n                exampleName: payload.name,\n              },\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Request Body Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:requestBody:value': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:requestBody:formValue': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      //------------------------------------------------------------------------------------\n      // Tag Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tag:create:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      'tag:edit:tag': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          /**\n           * If the currently viewed operation is a child of the renamed tag, redirect to\n           * the same route so the sidebar and breadcrumbs reflect the new tag name\n           */\n          const isNestedUnderTag = payload.tag.children?.some(\n            (child) =>\n              child.type === 'operation' &&\n              isRouteParamsMatch({\n                documentName: payload.documentName,\n                path: child.path,\n                method: child.method,\n              }),\n          )\n\n          if (isNestedUnderTag) {\n            await router.replace({ ...currentRoute.value })\n          }\n        },\n      },\n      'tag:delete:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      //------------------------------------------------------------------------------------\n      // Tabs Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tabs:add:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:close:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab-last': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:previous': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:next': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:update:tabs': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n    },\n  })\n\n  // Worksapce rename event handler\n  eventBus.on('workspace:update:name', (payload) => renameWorkspace(payload))\n\n  //------------------------------------------------------------------------------------\n  // Navigation Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('scroll-to:nav-item', ({ id }) => onSelectSidebarItem(id))\n\n  //------------------------------------------------------------------------------------\n  // UI Related Event Handlers\n  //------------------------------------------------------------------------------------\n  // Note: Command palette handler is colocated with the command palette component\n\n  eventBus.on('ui:toggle:sidebar', onToggleSidebar)\n\n  /**\n   * Bind the inernal navigation to a public api\n   */\n  eventBus.on('ui:navigate', async (payload) => {\n    const { replace = false } = payload\n    const fn = replace ? router.replace : router.push\n\n    const execCallback = (result: NavigationFailure | void | undefined) => {\n      if (!result) {\n        // Close the sidebar if it is open\n        closeSidebar()\n        return payload.callback?.('success')\n      }\n\n      const navigationFailure: 16 = NavigationFailureType.duplicated\n\n      if (result.type !== navigationFailure) {\n        return payload.callback?.('error')\n      }\n\n      return payload.callback?.('success')\n    }\n\n    type ValidParams = Partial<Record<ScalarClientAppRouteParams, string>>\n\n    if (payload.page === 'document') {\n      const params = {\n        documentSlug: payload.documentSlug,\n        workspaceSlug: payload.workspaceSlug,\n        teamSlug: payload.teamSlug,\n      } satisfies ValidParams\n\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'document.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'document.servers', params }))\n      }\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'document.environment', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'document.authentication', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'document.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'document.settings', params }))\n      }\n    }\n\n    if (payload.page === 'workspace') {\n      const params = { workspaceSlug: payload.workspaceSlug, teamSlug: payload.teamSlug } satisfies ValidParams\n      if (payload.path === 'get-started') {\n        return execCallback(await fn({ name: 'workspace.get-started', params }))\n      }\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'workspace.environment', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'workspace.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'workspace.settings', params }))\n      }\n    }\n\n    if (payload.page === 'example') {\n      const params = {\n        teamSlug: payload.teamSlug,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.path),\n        method: payload.method,\n        exampleName: payload.exampleName,\n      } satisfies ValidParams\n      return execCallback(await fn({ name: 'example', params }))\n    }\n\n    if (payload.page === 'operation') {\n      const params = {\n        teamSlug: payload.teamSlug,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.operationPath),\n        method: payload.method,\n      } satisfies ValidParams\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'operation.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'operation.servers', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'operation.authentication', params }))\n      }\n    }\n  })\n\n  //------------------------------------------------------------------------------------\n  // Tabs Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('tabs:copy:url', (payload) => onCopyTabUrl(payload.index))\n}\n"],"mappings":"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"}