@scalar/api-client 3.6.1 → 3.8.0

package/dist/v2/features/app/components/DocumentBreadcrumb.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentBreadcrumb.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/DocumentBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarCombobox,\n  useModal,\n  type ScalarComboboxOption,\n  type ScalarComboboxOptionGroup,\n} from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref } from 'vue'\n\nimport { type AppState } from '@/v2/features/app/app-state'\nimport type { VersionStatus } from '@/v2/features/app/helpers/compute-version-status'\nimport { createDraftRegistryDocument } from '@/v2/features/app/helpers/create-draft-registry-document'\nimport { loadRegistryDocument } from '@/v2/features/app/helpers/load-registry-document'\nimport { VERSION_STATUS_PRESENTATION } from '@/v2/features/app/helpers/version-status-presentation'\nimport { useActiveDocumentVersion } from '@/v2/features/app/hooks/use-active-document-version'\nimport { useVersionConflictCheck } from '@/v2/features/app/hooks/use-version-conflict-check'\nimport { safeRun } from '@/v2/helpers/safe-run'\nimport type {\n  ImportDocumentFromRegistry,\n  RegistryDocumentsState,\n} from '@/v2/types/configuration'\n\nimport CreateVersionModal from './CreateVersionModal.vue'\n\nconst {\n  app,\n  registryDocuments = { status: 'success', documents: [] },\n  fetchRegistryDocument,\n} = defineProps<{\n  /** The app state used to read the active document and emit navigation events. */\n  app: AppState\n  /**\n   * The list of all available registry documents. Used to merge advertised\n   * versions with loaded workspace documents so the picker can offer every\n   * known version of the active document.\n   */\n  registryDocuments?: RegistryDocumentsState\n  /**\n   * Fetcher used to import a version from the registry when the user picks\n   * one that has not been loaded into the local workspace store yet.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the user clicks the \"+\" affordance inside the workspace\n   * picker dropdown. The parent owns the create-workspace modal so the\n   * breadcrumb stays free of workspace lifecycle concerns.\n   */\n  (event: 'createWorkspace'): void\n}>()\n\nconst { toast } = useToasts()\n\n/**\n * Resolve the active document group, its versions, and the currently\n * selected version once. The right-side sync indicator consumes the same\n * composable so the two surfaces always agree on what \"active\" means.\n */\nconst { activeRegistryMeta, activeItem, versions, activeVersion } =\n  useActiveDocumentVersion({\n    app,\n    registryDocuments: () => registryDocuments,\n  })\n\n/** Workspace label rendered as the first segment of the breadcrumb. */\nconst workspaceTitle = computed(\n  () => app.workspace.activeWorkspace.value?.label ?? '',\n)\n\n/** Identifier for the active workspace - used as the combobox selection. */\nconst activeWorkspaceId = computed(\n  () => app.workspace.activeWorkspace.value?.id,\n)\n\n/**\n * Workspaces grouped by team, mapped into the shape `ScalarCombobox`\n * expects. We always render this as a grouped combobox - even when there\n * is only one group - so the dropdown layout stays consistent and the\n * group label clearly separates `Team Workspaces` from `Local Workspaces`.\n */\nconst workspaceGroups = computed<ScalarComboboxOptionGroup[]>(() =>\n  app.workspace.workspaceGroups.value.map((group) => ({\n    // `WorkspaceGroup.label` is optional, but the combobox requires a\n    // string. Falling back to an empty string lets the option group still\n    // render its rows; the `group` slot below renders nothing for empty\n    // labels so we do not surface an awkward blank header.\n    label: group.label ?? '',\n    options: group.options.map((option) => ({\n      id: option.id,\n      label: option.label,\n    })),\n  })),\n)\n\n/**\n * Currently selected option object. The combobox compares by reference, so\n * we have to look the option up inside `workspaceGroups` rather than build\n * a fresh `{ id, label }` here.\n */\nconst selectedWorkspaceOption = computed<ScalarComboboxOption | undefined>(\n  () => {\n    const id = activeWorkspaceId.value\n    if (!id) {\n      return undefined\n    }\n    for (const group of workspaceGroups.value) {\n      const match = group.options.find((option) => option.id === id)\n      if (match) {\n        return match\n      }\n    }\n    return undefined\n  },\n)\n\n/** Title rendered for the document segment of the breadcrumb. */\nconst documentTitle = computed(() => {\n  const item = activeItem.value\n  if (item) {\n    return item.title\n  }\n  const doc = app.store.value?.workspace.activeDocument\n  return doc?.info?.title ?? ''\n})\n\n/**\n * Options passed to the combobox. We extend the base option shape with the\n * extra metadata the row template needs:\n *  - `isLatest` toggles the \"Latest\" badge on the most recent version.\n *  - `status` drives the row icon (synced / push / pull / conflict).\n *\n * `id` must match `SidebarDocumentVersion.key` so emitted updates can\n * resolve back to the underlying version.\n */\ntype VersionOption = ScalarComboboxOption & {\n  isLatest: boolean\n  status: VersionStatus\n}\n\nconst versionOptions = computed<VersionOption[]>(() =>\n  versions.value.map((v) => ({\n    id: v.key,\n    label: v.version,\n    // `isLatest` is precomputed by the sidebar layer and tracks the latest\n    // *registry-advertised* version, not just the first row in the list —\n    // drafts surface ahead of registry rows but never claim the badge.\n    isLatest: v.isLatest,\n    status: v.status,\n  })),\n)\n\n/**\n * The combobox compares `modelValue` to options by reference, so we must\n * return the exact option object from `versionOptions` rather than a freshly\n * constructed one — otherwise the active row would never render as selected.\n */\nconst selectedOption = computed<VersionOption | undefined>(() => {\n  const active = activeVersion.value\n  if (!active) {\n    return undefined\n  }\n  return versionOptions.value.find((option) => option.id === active.key)\n})\n\n/**\n * True when the current route actually resolves to a document. The workspace\n * store's `activeDocument` getter falls back to the first document in the\n * workspace even while the user is on a settings or environment page, so we\n * key off `activeEntities.documentSlug` instead — it is only populated when\n * the route actually carries a `:documentSlug` segment.\n */\nconst hasActiveDocument = computed(() =>\n  Boolean(app.activeEntities.documentSlug.value),\n)\n\n/**\n * True only for registry-backed documents, which are the only ones that can\n * advertise multiple versions and therefore the only ones that get a picker.\n */\nconst hasVersionPicker = computed(() =>\n  Boolean(activeItem.value && activeRegistryMeta.value),\n)\n\n/** Hide the entire breadcrumb when there is nothing meaningful to show. */\nconst isVisible = computed(() =>\n  Boolean(workspaceTitle.value || hasActiveDocument.value),\n)\n\n/** Guards against double-firing the loader when the user clicks repeatedly. */\nconst isLoading = ref(false)\n\n// Run the three-way conflict check for every loaded version of the active\n// document group. We deliberately do not check versions of *other*\n// documents — the breadcrumb only renders the picker for the active one —\n// but every row inside that picker carries a status icon, so we want a\n// fresh result for each of them up front rather than on demand.\nuseVersionConflictCheck({\n  store: () => app.store.value,\n  fetcher: () => fetchRegistryDocument,\n  registry: () => activeItem.value?.registry,\n  versions,\n})\n\nconst navigateToDocument = (documentSlug: string) => {\n  app.eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug,\n  })\n}\n\n/**\n * Click handler for the workspace label when it renders as a plain link\n * (i.e. the user is NOT yet on the get-started page). Navigating there\n * is what flips the same segment into a dropdown on the next render.\n */\nconst handleWorkspaceLinkClick = () => {\n  const id = activeWorkspaceId.value\n  if (!id) {\n    return\n  }\n  app.workspace.navigateToWorkspaceGetStarted(id)\n}\n\n/**\n * Click handler for the document title segment. Routes back to the\n * document overview - useful when the user is deep inside an operation\n * page and wants to jump back to the top-level doc view without losing\n * the workspace / document context the breadcrumb already encodes.\n */\nconst handleDocumentTitleClick = () => {\n  const documentSlug = app.activeEntities.documentSlug.value\n  if (!documentSlug) {\n    return\n  }\n  navigateToDocument(documentSlug)\n}\n\n/**\n * Selecting a workspace from the combobox routes to that workspace's\n * get-started page. We deliberately go to get-started rather than the\n * environment overview because the workspace switch is the natural moment\n * to surface onboarding guidance - the user has effectively arrived at a\n * fresh workspace and may not yet have any documents loaded.\n */\nconst handleWorkspaceSelect = (option: ScalarComboboxOption | undefined) => {\n  if (!option) {\n    return\n  }\n  if (option.id === activeWorkspaceId.value) {\n    return\n  }\n  app.workspace.navigateToWorkspaceGetStarted(option.id)\n}\n\nconst handleVersionSelect = async (option: VersionOption | undefined) => {\n  if (!option) {\n    return\n  }\n  const version = versions.value.find((v) => v.key === option.id)\n  if (!version || version.key === activeVersion.value?.key) {\n    return\n  }\n\n  // Already imported into the workspace store — just route to it. The sidebar\n  // active-version selection follows from `activeDocumentSlug` so switching\n  // the route is enough to keep both surfaces in sync.\n  if (version.documentName) {\n    navigateToDocument(version.documentName)\n    return\n  }\n\n  // Capture `app.store.value` into a local so the closure passed to\n  // `safeRun` keeps the non-nullable type without needing an assertion,\n  // and so a later store swap cannot redirect the in-flight load.\n  const registry = activeItem.value?.registry\n  const workspaceStore = app.store.value\n  if (!registry || !fetchRegistryDocument || !workspaceStore) {\n    toast('Cannot load this version without a registry fetcher.', 'error')\n    return\n  }\n\n  if (isLoading.value) {\n    return\n  }\n\n  isLoading.value = true\n\n  // The loader's helpers (fetcher, coercion, slug generation) can throw on\n  // network failures or unexpected payloads. `safeRun` swallows the\n  // exception and surfaces it as an `{ ok: false, error }` result so a\n  // single rejection cannot leave the picker permanently disabled.\n  const outcome = await safeRun(() =>\n    loadRegistryDocument({\n      fetcher: fetchRegistryDocument,\n      workspaceStore,\n      namespace: registry.namespace,\n      slug: registry.slug,\n      version: version.version,\n    }),\n  )\n\n  isLoading.value = false\n\n  if (!outcome.ok) {\n    toast(outcome.error, 'error')\n    return\n  }\n\n  const result = outcome.data\n  if (!result.ok) {\n    toast(result.error, 'error')\n    return\n  }\n\n  navigateToDocument(result.documentName)\n}\n\n/** Modal lifecycle for the create-new-version flow. */\nconst createVersionModal = useModal()\n\n/**\n * Versions already loaded into the workspace store for the active group.\n * Used to keep the modal from accepting duplicates that would silently\n * collide with an existing local document. Versions advertised only by the\n * registry are intentionally NOT included - submitting one of those is the\n * conflict-resolution path the create-draft flow opts into.\n */\nconst loadedVersionStrings = computed(() =>\n  versions.value.filter((v) => Boolean(v.documentName)).map((v) => v.version),\n)\n\nconst handleCreateVersion = async (version: string) => {\n  const registry = activeItem.value?.registry\n  const seedDocumentName = app.activeEntities.documentSlug.value\n  const store = app.store.value\n\n  if (!registry || !seedDocumentName || !store) {\n    toast(\n      'Cannot create a new version without an active registry document.',\n      'error',\n    )\n    return\n  }\n\n  if (isLoading.value) {\n    return\n  }\n\n  isLoading.value = true\n\n  const result = await createDraftRegistryDocument({\n    workspaceStore: store,\n    namespace: registry.namespace,\n    slug: registry.slug,\n    version,\n    seedDocumentName,\n  })\n\n  isLoading.value = false\n\n  if (!result.ok) {\n    toast(result.error, 'error')\n    return\n  }\n\n  navigateToDocument(result.documentName)\n}\n</script>\n\n<template>\n  <nav\n    v-if=\"isVisible\"\n    aria-label=\"Document breadcrumb\"\n    class=\"flex min-w-0 items-center gap-2 text-sm font-medium max-md:gap-0 max-md:text-xs\">\n    <!--\n      The breadcrumb leads with a vertical bar to visually divide it from\n      the menu trigger to its left. The menu trigger itself surfaces the\n      active scope (\"Team\" / \"Local\") so it doubles as the leading\n      breadcrumb segment - the bar separates that scope label from the\n      workspace selector.\n    -->\n    <span\n      aria-hidden=\"true\"\n      class=\"bg-border h-4 w-px shrink-0\" />\n\n    <!--\n      Workspace segment. Two-step affordance keyed off whether a document\n      is active on the route:\n        1. While viewing a document: a plain link that navigates to the\n           workspace's get-started page. A single click cannot accidentally\n           switch workspaces while the user is mid-task.\n        2. On any workspace-level page (no active document, e.g. the\n           get-started or environment pages): the same label expands into\n           a `ScalarCombobox` so switching workspaces is one extra click\n           from the workspace home, which is the natural moment for that\n           decision.\n    -->\n    <template v-if=\"workspaceTitle\">\n      <ScalarCombobox\n        v-if=\"!hasActiveDocument\"\n        class=\"workspace-picker w-72\"\n        :modelValue=\"selectedWorkspaceOption\"\n        :options=\"workspaceGroups\"\n        placeholder=\"Search workspaces\"\n        @add=\"emit('createWorkspace')\"\n        @update:modelValue=\"handleWorkspaceSelect\">\n        <button\n          aria-label=\"Workspace\"\n          class=\"hover:bg-b-2 flex min-w-0 items-center gap-1 rounded px-1.5 py-0.5\"\n          type=\"button\">\n          <span class=\"truncate\">{{ workspaceTitle }}</span>\n          <ScalarIconCaretDown\n            class=\"text-c-3 size-3 shrink-0\"\n            weight=\"bold\" />\n        </button>\n        <template #add>\n          <span class=\"text-c-1\">Create local workspace</span>\n        </template>\n      </ScalarCombobox>\n      <button\n        v-else\n        aria-label=\"Open workspace home\"\n        class=\"hover:bg-b-2 truncate rounded px-1.5 py-0.5\"\n        type=\"button\"\n        @click=\"handleWorkspaceLinkClick\">\n        {{ workspaceTitle }}\n      </button>\n    </template>\n\n    <template v-if=\"hasActiveDocument\">\n      <!--\n        Forward slashes separate the inner breadcrumb segments because\n        they read as a path-like hierarchy (\"Workspace / Document /\n        Version\"), in contrast to the leading bar that separates the\n        breadcrumb from the menu trigger.\n      -->\n      <span\n        aria-hidden=\"true\"\n        class=\"text-c-3\">\n        /\n      </span>\n      <button\n        class=\"hover:bg-b-2 truncate rounded px-1.5 py-0.5\"\n        type=\"button\"\n        @click=\"handleDocumentTitleClick\">\n        {{ documentTitle }}\n      </button>\n      <template v-if=\"hasVersionPicker\">\n        <span\n          aria-hidden=\"true\"\n          class=\"text-c-3\">\n          /\n        </span>\n        <ScalarCombobox\n          class=\"version-picker w-64\"\n          :modelValue=\"selectedOption\"\n          :options=\"versionOptions\"\n          placeholder=\"Search versions\"\n          @add=\"createVersionModal.show()\"\n          @update:modelValue=\"handleVersionSelect\">\n          <button\n            aria-label=\"Document version\"\n            class=\"hover:bg-b-2 flex items-center gap-1 rounded px-1.5 py-0.5 disabled:opacity-50\"\n            :disabled=\"isLoading\"\n            type=\"button\">\n            <span>{{ activeVersion?.version ?? '' }}</span>\n            <ScalarIconCaretDown\n              class=\"text-c-3 size-3\"\n              weight=\"bold\" />\n          </button>\n          <template #option=\"{ option, selected }\">\n            <component\n              :is=\"VERSION_STATUS_PRESENTATION[option.status].icon\"\n              :aria-label=\"VERSION_STATUS_PRESENTATION[option.status].label\"\n              class=\"size-4 shrink-0\"\n              :class=\"VERSION_STATUS_PRESENTATION[option.status].class\"\n              :title=\"VERSION_STATUS_PRESENTATION[option.status].label\" />\n            <span\n              class=\"text-c-1 min-w-0 flex-1 truncate\"\n              :class=\"{ 'font-medium': selected }\">\n              {{ option.label }}\n            </span>\n            <span\n              v-if=\"option.isLatest\"\n              class=\"text-c-3 ml-2 shrink-0 text-xs\">\n              Latest\n            </span>\n          </template>\n          <!--\n            The combobox's built-in `add` slot renders a `+` icon row below\n            the version list. Wiring it up here keeps the create-draft\n            affordance discoverable inside the same surface where the user\n            picks versions, instead of as a separate button next to it.\n          -->\n          <template #add>\n            <span class=\"text-c-1 font-medium\">New Version</span>\n          </template>\n        </ScalarCombobox>\n        <span\n          v-if=\"isLoading\"\n          class=\"text-c-3 ml-1 text-xs\">\n          Loading…\n        </span>\n      </template>\n    </template>\n    <CreateVersionModal\n      :existingVersions=\"loadedVersionStrings\"\n      :sourceVersion=\"activeVersion?.version\"\n      :state=\"createVersionModal\"\n      @create=\"handleCreateVersion\" />\n  </nav>\n</template>\n\n<style scoped>\n/*\n * The combobox option only marks the *active* (hovered / keyboard-focused)\n * row with a background. We also want a persistent highlight on the\n * currently *selected* version so the user can spot it at a glance, even\n * after moving the cursor or arrowing to another row.\n */\n.version-picker :deep([role='option'][aria-selected='true']) {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/app/components/DocumentBreadcrumb.vue.script.js

@@ -1,345 +0,0 @@
-import { loadRegistryDocument } from "../helpers/load-registry-document.js";
-import { safeRun } from "../../../helpers/safe-run.js";
-import { createDraftRegistryDocument } from "../helpers/create-draft-registry-document.js";
-import { VERSION_STATUS_PRESENTATION } from "../helpers/version-status-presentation.js";
-import { useActiveDocumentVersion } from "../hooks/use-active-document-version.js";
-import { useVersionConflictCheck } from "../hooks/use-version-conflict-check.js";
-import CreateVersionModal_default from "./CreateVersionModal.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
-import { ScalarCombobox, useModal } from "@scalar/components";
-import { ScalarIconCaretDown } from "@scalar/icons";
-import { useToasts } from "@scalar/use-toasts";
-//#region src/v2/features/app/components/DocumentBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	"aria-label": "Document breadcrumb",
-	class: "flex min-w-0 items-center gap-2 text-sm font-medium max-md:gap-0 max-md:text-xs"
-};
-var _hoisted_2 = {
-	"aria-label": "Workspace",
-	class: "hover:bg-b-2 flex min-w-0 items-center gap-1 rounded px-1.5 py-0.5",
-	type: "button"
-};
-var _hoisted_3 = { class: "truncate" };
-var _hoisted_4 = ["disabled"];
-var _hoisted_5 = {
-	key: 0,
-	class: "text-c-3 ml-2 shrink-0 text-xs"
-};
-var _hoisted_6 = {
-	key: 0,
-	class: "text-c-3 ml-1 text-xs"
-};
-var DocumentBreadcrumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DocumentBreadcrumb",
-	props: {
-		app: {},
-		registryDocuments: { default: () => ({
-			status: "success",
-			documents: []
-		}) },
-		fetchRegistryDocument: { type: Function }
-	},
-	emits: ["createWorkspace"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const { toast } = useToasts();
-		/**
-		* Resolve the active document group, its versions, and the currently
-		* selected version once. The right-side sync indicator consumes the same
-		* composable so the two surfaces always agree on what "active" means.
-		*/
-		const { activeRegistryMeta, activeItem, versions, activeVersion } = useActiveDocumentVersion({
-			app: __props.app,
-			registryDocuments: () => __props.registryDocuments
-		});
-		/** Workspace label rendered as the first segment of the breadcrumb. */
-		const workspaceTitle = computed(() => __props.app.workspace.activeWorkspace.value?.label ?? "");
-		/** Identifier for the active workspace - used as the combobox selection. */
-		const activeWorkspaceId = computed(() => __props.app.workspace.activeWorkspace.value?.id);
-		/**
-		* Workspaces grouped by team, mapped into the shape `ScalarCombobox`
-		* expects. We always render this as a grouped combobox - even when there
-		* is only one group - so the dropdown layout stays consistent and the
-		* group label clearly separates `Team Workspaces` from `Local Workspaces`.
-		*/
-		const workspaceGroups = computed(() => __props.app.workspace.workspaceGroups.value.map((group) => ({
-			label: group.label ?? "",
-			options: group.options.map((option) => ({
-				id: option.id,
-				label: option.label
-			}))
-		})));
-		/**
-		* Currently selected option object. The combobox compares by reference, so
-		* we have to look the option up inside `workspaceGroups` rather than build
-		* a fresh `{ id, label }` here.
-		*/
-		const selectedWorkspaceOption = computed(() => {
-			const id = activeWorkspaceId.value;
-			if (!id) return;
-			for (const group of workspaceGroups.value) {
-				const match = group.options.find((option) => option.id === id);
-				if (match) return match;
-			}
-		});
-		/** Title rendered for the document segment of the breadcrumb. */
-		const documentTitle = computed(() => {
-			const item = activeItem.value;
-			if (item) return item.title;
-			return (__props.app.store.value?.workspace.activeDocument)?.info?.title ?? "";
-		});
-		/**
-		* Options passed to the combobox. We extend the base option shape with the
-		* extra metadata the row template needs:
-		*  - `isLatest` toggles the "Latest" badge on the most recent version.
-		*  - `status` drives the row icon (synced / push / pull / conflict).
-		*
-		* `id` must match `SidebarDocumentVersion.key` so emitted updates can
-		* resolve back to the underlying version.
-		*/
-		const versionOptions = computed(() => versions.value.map((v) => ({
-			id: v.key,
-			label: v.version,
-			isLatest: v.isLatest,
-			status: v.status
-		})));
-		/**
-		* The combobox compares `modelValue` to options by reference, so we must
-		* return the exact option object from `versionOptions` rather than a freshly
-		* constructed one — otherwise the active row would never render as selected.
-		*/
-		const selectedOption = computed(() => {
-			const active = activeVersion.value;
-			if (!active) return;
-			return versionOptions.value.find((option) => option.id === active.key);
-		});
-		/**
-		* True when the current route actually resolves to a document. The workspace
-		* store's `activeDocument` getter falls back to the first document in the
-		* workspace even while the user is on a settings or environment page, so we
-		* key off `activeEntities.documentSlug` instead — it is only populated when
-		* the route actually carries a `:documentSlug` segment.
-		*/
-		const hasActiveDocument = computed(() => Boolean(__props.app.activeEntities.documentSlug.value));
-		/**
-		* True only for registry-backed documents, which are the only ones that can
-		* advertise multiple versions and therefore the only ones that get a picker.
-		*/
-		const hasVersionPicker = computed(() => Boolean(activeItem.value && activeRegistryMeta.value));
-		/** Hide the entire breadcrumb when there is nothing meaningful to show. */
-		const isVisible = computed(() => Boolean(workspaceTitle.value || hasActiveDocument.value));
-		/** Guards against double-firing the loader when the user clicks repeatedly. */
-		const isLoading = ref(false);
-		useVersionConflictCheck({
-			store: () => __props.app.store.value,
-			fetcher: () => __props.fetchRegistryDocument,
-			registry: () => activeItem.value?.registry,
-			versions
-		});
-		const navigateToDocument = (documentSlug) => {
-			__props.app.eventBus.emit("ui:navigate", {
-				page: "document",
-				path: "overview",
-				documentSlug
-			});
-		};
-		/**
-		* Click handler for the workspace label when it renders as a plain link
-		* (i.e. the user is NOT yet on the get-started page). Navigating there
-		* is what flips the same segment into a dropdown on the next render.
-		*/
-		const handleWorkspaceLinkClick = () => {
-			const id = activeWorkspaceId.value;
-			if (!id) return;
-			__props.app.workspace.navigateToWorkspaceGetStarted(id);
-		};
-		/**
-		* Click handler for the document title segment. Routes back to the
-		* document overview - useful when the user is deep inside an operation
-		* page and wants to jump back to the top-level doc view without losing
-		* the workspace / document context the breadcrumb already encodes.
-		*/
-		const handleDocumentTitleClick = () => {
-			const documentSlug = __props.app.activeEntities.documentSlug.value;
-			if (!documentSlug) return;
-			navigateToDocument(documentSlug);
-		};
-		/**
-		* Selecting a workspace from the combobox routes to that workspace's
-		* get-started page. We deliberately go to get-started rather than the
-		* environment overview because the workspace switch is the natural moment
-		* to surface onboarding guidance - the user has effectively arrived at a
-		* fresh workspace and may not yet have any documents loaded.
-		*/
-		const handleWorkspaceSelect = (option) => {
-			if (!option) return;
-			if (option.id === activeWorkspaceId.value) return;
-			__props.app.workspace.navigateToWorkspaceGetStarted(option.id);
-		};
-		const handleVersionSelect = async (option) => {
-			if (!option) return;
-			const version = versions.value.find((v) => v.key === option.id);
-			if (!version || version.key === activeVersion.value?.key) return;
-			if (version.documentName) {
-				navigateToDocument(version.documentName);
-				return;
-			}
-			const registry = activeItem.value?.registry;
-			const workspaceStore = __props.app.store.value;
-			if (!registry || !__props.fetchRegistryDocument || !workspaceStore) {
-				toast("Cannot load this version without a registry fetcher.", "error");
-				return;
-			}
-			if (isLoading.value) return;
-			isLoading.value = true;
-			const outcome = await safeRun(() => loadRegistryDocument({
-				fetcher: __props.fetchRegistryDocument,
-				workspaceStore,
-				namespace: registry.namespace,
-				slug: registry.slug,
-				version: version.version
-			}));
-			isLoading.value = false;
-			if (!outcome.ok) {
-				toast(outcome.error, "error");
-				return;
-			}
-			const result = outcome.data;
-			if (!result.ok) {
-				toast(result.error, "error");
-				return;
-			}
-			navigateToDocument(result.documentName);
-		};
-		/** Modal lifecycle for the create-new-version flow. */
-		const createVersionModal = useModal();
-		/**
-		* Versions already loaded into the workspace store for the active group.
-		* Used to keep the modal from accepting duplicates that would silently
-		* collide with an existing local document. Versions advertised only by the
-		* registry are intentionally NOT included - submitting one of those is the
-		* conflict-resolution path the create-draft flow opts into.
-		*/
-		const loadedVersionStrings = computed(() => versions.value.filter((v) => Boolean(v.documentName)).map((v) => v.version));
-		const handleCreateVersion = async (version) => {
-			const registry = activeItem.value?.registry;
-			const seedDocumentName = __props.app.activeEntities.documentSlug.value;
-			const store = __props.app.store.value;
-			if (!registry || !seedDocumentName || !store) {
-				toast("Cannot create a new version without an active registry document.", "error");
-				return;
-			}
-			if (isLoading.value) return;
-			isLoading.value = true;
-			const result = await createDraftRegistryDocument({
-				workspaceStore: store,
-				namespace: registry.namespace,
-				slug: registry.slug,
-				version,
-				seedDocumentName
-			});
-			isLoading.value = false;
-			if (!result.ok) {
-				toast(result.error, "error");
-				return;
-			}
-			navigateToDocument(result.documentName);
-		};
-		return (_ctx, _cache) => {
-			return isVisible.value ? (openBlock(), createElementBlock("nav", _hoisted_1, [
-				_cache[6] || (_cache[6] = createElementVNode("span", {
-					"aria-hidden": "true",
-					class: "bg-border h-4 w-px shrink-0"
-				}, null, -1)),
-				workspaceTitle.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!hasActiveDocument.value ? (openBlock(), createBlock(unref(ScalarCombobox), {
-					key: 0,
-					class: "workspace-picker w-72",
-					modelValue: selectedWorkspaceOption.value,
-					options: workspaceGroups.value,
-					placeholder: "Search workspaces",
-					onAdd: _cache[0] || (_cache[0] = ($event) => emit("createWorkspace")),
-					"onUpdate:modelValue": handleWorkspaceSelect
-				}, {
-					add: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "text-c-1" }, "Create local workspace", -1)])]),
-					default: withCtx(() => [createElementVNode("button", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(workspaceTitle.value), 1), createVNode(unref(ScalarIconCaretDown), {
-						class: "text-c-3 size-3 shrink-0",
-						weight: "bold"
-					})])]),
-					_: 1
-				}, 8, ["modelValue", "options"])) : (openBlock(), createElementBlock("button", {
-					key: 1,
-					"aria-label": "Open workspace home",
-					class: "hover:bg-b-2 truncate rounded px-1.5 py-0.5",
-					type: "button",
-					onClick: handleWorkspaceLinkClick
-				}, toDisplayString(workspaceTitle.value), 1))], 64)) : createCommentVNode("", true),
-				hasActiveDocument.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-					_cache[5] || (_cache[5] = createElementVNode("span", {
-						"aria-hidden": "true",
-						class: "text-c-3"
-					}, " / ", -1)),
-					createElementVNode("button", {
-						class: "hover:bg-b-2 truncate rounded px-1.5 py-0.5",
-						type: "button",
-						onClick: handleDocumentTitleClick
-					}, toDisplayString(documentTitle.value), 1),
-					hasVersionPicker.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-						_cache[4] || (_cache[4] = createElementVNode("span", {
-							"aria-hidden": "true",
-							class: "text-c-3"
-						}, " / ", -1)),
-						createVNode(unref(ScalarCombobox), {
-							class: "version-picker w-64",
-							modelValue: selectedOption.value,
-							options: versionOptions.value,
-							placeholder: "Search versions",
-							onAdd: _cache[1] || (_cache[1] = ($event) => unref(createVersionModal).show()),
-							"onUpdate:modelValue": handleVersionSelect
-						}, {
-							option: withCtx(({ option, selected }) => [
-								(openBlock(), createBlock(resolveDynamicComponent(unref(VERSION_STATUS_PRESENTATION)[option.status].icon), {
-									"aria-label": unref(VERSION_STATUS_PRESENTATION)[option.status].label,
-									class: normalizeClass(["size-4 shrink-0", unref(VERSION_STATUS_PRESENTATION)[option.status].class]),
-									title: unref(VERSION_STATUS_PRESENTATION)[option.status].label
-								}, null, 8, [
-									"aria-label",
-									"class",
-									"title"
-								])),
-								createElementVNode("span", { class: normalizeClass(["text-c-1 min-w-0 flex-1 truncate", { "font-medium": selected }]) }, toDisplayString(option.label), 3),
-								option.isLatest ? (openBlock(), createElementBlock("span", _hoisted_5, " Latest ")) : createCommentVNode("", true)
-							]),
-							add: withCtx(() => [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "text-c-1 font-medium" }, "New Version", -1)])]),
-							default: withCtx(() => [createElementVNode("button", {
-								"aria-label": "Document version",
-								class: "hover:bg-b-2 flex items-center gap-1 rounded px-1.5 py-0.5 disabled:opacity-50",
-								disabled: isLoading.value,
-								type: "button"
-							}, [createElementVNode("span", null, toDisplayString(unref(activeVersion)?.version ?? ""), 1), createVNode(unref(ScalarIconCaretDown), {
-								class: "text-c-3 size-3",
-								weight: "bold"
-							})], 8, _hoisted_4)]),
-							_: 1
-						}, 8, ["modelValue", "options"]),
-						isLoading.value ? (openBlock(), createElementBlock("span", _hoisted_6, " Loading… ")) : createCommentVNode("", true)
-					], 64)) : createCommentVNode("", true)
-				], 64)) : createCommentVNode("", true),
-				createVNode(CreateVersionModal_default, {
-					existingVersions: loadedVersionStrings.value,
-					sourceVersion: unref(activeVersion)?.version,
-					state: unref(createVersionModal),
-					onCreate: handleCreateVersion
-				}, null, 8, [
-					"existingVersions",
-					"sourceVersion",
-					"state"
-				])
-			])) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { DocumentBreadcrumb_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DocumentBreadcrumb.vue.script.js.map

package/dist/v2/features/app/components/DocumentBreadcrumb.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentBreadcrumb.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/DocumentBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarCombobox,\n  useModal,\n  type ScalarComboboxOption,\n  type ScalarComboboxOptionGroup,\n} from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref } from 'vue'\n\nimport { type AppState } from '@/v2/features/app/app-state'\nimport type { VersionStatus } from '@/v2/features/app/helpers/compute-version-status'\nimport { createDraftRegistryDocument } from '@/v2/features/app/helpers/create-draft-registry-document'\nimport { loadRegistryDocument } from '@/v2/features/app/helpers/load-registry-document'\nimport { VERSION_STATUS_PRESENTATION } from '@/v2/features/app/helpers/version-status-presentation'\nimport { useActiveDocumentVersion } from '@/v2/features/app/hooks/use-active-document-version'\nimport { useVersionConflictCheck } from '@/v2/features/app/hooks/use-version-conflict-check'\nimport { safeRun } from '@/v2/helpers/safe-run'\nimport type {\n  ImportDocumentFromRegistry,\n  RegistryDocumentsState,\n} from '@/v2/types/configuration'\n\nimport CreateVersionModal from './CreateVersionModal.vue'\n\nconst {\n  app,\n  registryDocuments = { status: 'success', documents: [] },\n  fetchRegistryDocument,\n} = defineProps<{\n  /** The app state used to read the active document and emit navigation events. */\n  app: AppState\n  /**\n   * The list of all available registry documents. Used to merge advertised\n   * versions with loaded workspace documents so the picker can offer every\n   * known version of the active document.\n   */\n  registryDocuments?: RegistryDocumentsState\n  /**\n   * Fetcher used to import a version from the registry when the user picks\n   * one that has not been loaded into the local workspace store yet.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the user clicks the \"+\" affordance inside the workspace\n   * picker dropdown. The parent owns the create-workspace modal so the\n   * breadcrumb stays free of workspace lifecycle concerns.\n   */\n  (event: 'createWorkspace'): void\n}>()\n\nconst { toast } = useToasts()\n\n/**\n * Resolve the active document group, its versions, and the currently\n * selected version once. The right-side sync indicator consumes the same\n * composable so the two surfaces always agree on what \"active\" means.\n */\nconst { activeRegistryMeta, activeItem, versions, activeVersion } =\n  useActiveDocumentVersion({\n    app,\n    registryDocuments: () => registryDocuments,\n  })\n\n/** Workspace label rendered as the first segment of the breadcrumb. */\nconst workspaceTitle = computed(\n  () => app.workspace.activeWorkspace.value?.label ?? '',\n)\n\n/** Identifier for the active workspace - used as the combobox selection. */\nconst activeWorkspaceId = computed(\n  () => app.workspace.activeWorkspace.value?.id,\n)\n\n/**\n * Workspaces grouped by team, mapped into the shape `ScalarCombobox`\n * expects. We always render this as a grouped combobox - even when there\n * is only one group - so the dropdown layout stays consistent and the\n * group label clearly separates `Team Workspaces` from `Local Workspaces`.\n */\nconst workspaceGroups = computed<ScalarComboboxOptionGroup[]>(() =>\n  app.workspace.workspaceGroups.value.map((group) => ({\n    // `WorkspaceGroup.label` is optional, but the combobox requires a\n    // string. Falling back to an empty string lets the option group still\n    // render its rows; the `group` slot below renders nothing for empty\n    // labels so we do not surface an awkward blank header.\n    label: group.label ?? '',\n    options: group.options.map((option) => ({\n      id: option.id,\n      label: option.label,\n    })),\n  })),\n)\n\n/**\n * Currently selected option object. The combobox compares by reference, so\n * we have to look the option up inside `workspaceGroups` rather than build\n * a fresh `{ id, label }` here.\n */\nconst selectedWorkspaceOption = computed<ScalarComboboxOption | undefined>(\n  () => {\n    const id = activeWorkspaceId.value\n    if (!id) {\n      return undefined\n    }\n    for (const group of workspaceGroups.value) {\n      const match = group.options.find((option) => option.id === id)\n      if (match) {\n        return match\n      }\n    }\n    return undefined\n  },\n)\n\n/** Title rendered for the document segment of the breadcrumb. */\nconst documentTitle = computed(() => {\n  const item = activeItem.value\n  if (item) {\n    return item.title\n  }\n  const doc = app.store.value?.workspace.activeDocument\n  return doc?.info?.title ?? ''\n})\n\n/**\n * Options passed to the combobox. We extend the base option shape with the\n * extra metadata the row template needs:\n *  - `isLatest` toggles the \"Latest\" badge on the most recent version.\n *  - `status` drives the row icon (synced / push / pull / conflict).\n *\n * `id` must match `SidebarDocumentVersion.key` so emitted updates can\n * resolve back to the underlying version.\n */\ntype VersionOption = ScalarComboboxOption & {\n  isLatest: boolean\n  status: VersionStatus\n}\n\nconst versionOptions = computed<VersionOption[]>(() =>\n  versions.value.map((v) => ({\n    id: v.key,\n    label: v.version,\n    // `isLatest` is precomputed by the sidebar layer and tracks the latest\n    // *registry-advertised* version, not just the first row in the list —\n    // drafts surface ahead of registry rows but never claim the badge.\n    isLatest: v.isLatest,\n    status: v.status,\n  })),\n)\n\n/**\n * The combobox compares `modelValue` to options by reference, so we must\n * return the exact option object from `versionOptions` rather than a freshly\n * constructed one — otherwise the active row would never render as selected.\n */\nconst selectedOption = computed<VersionOption | undefined>(() => {\n  const active = activeVersion.value\n  if (!active) {\n    return undefined\n  }\n  return versionOptions.value.find((option) => option.id === active.key)\n})\n\n/**\n * True when the current route actually resolves to a document. The workspace\n * store's `activeDocument` getter falls back to the first document in the\n * workspace even while the user is on a settings or environment page, so we\n * key off `activeEntities.documentSlug` instead — it is only populated when\n * the route actually carries a `:documentSlug` segment.\n */\nconst hasActiveDocument = computed(() =>\n  Boolean(app.activeEntities.documentSlug.value),\n)\n\n/**\n * True only for registry-backed documents, which are the only ones that can\n * advertise multiple versions and therefore the only ones that get a picker.\n */\nconst hasVersionPicker = computed(() =>\n  Boolean(activeItem.value && activeRegistryMeta.value),\n)\n\n/** Hide the entire breadcrumb when there is nothing meaningful to show. */\nconst isVisible = computed(() =>\n  Boolean(workspaceTitle.value || hasActiveDocument.value),\n)\n\n/** Guards against double-firing the loader when the user clicks repeatedly. */\nconst isLoading = ref(false)\n\n// Run the three-way conflict check for every loaded version of the active\n// document group. We deliberately do not check versions of *other*\n// documents — the breadcrumb only renders the picker for the active one —\n// but every row inside that picker carries a status icon, so we want a\n// fresh result for each of them up front rather than on demand.\nuseVersionConflictCheck({\n  store: () => app.store.value,\n  fetcher: () => fetchRegistryDocument,\n  registry: () => activeItem.value?.registry,\n  versions,\n})\n\nconst navigateToDocument = (documentSlug: string) => {\n  app.eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug,\n  })\n}\n\n/**\n * Click handler for the workspace label when it renders as a plain link\n * (i.e. the user is NOT yet on the get-started page). Navigating there\n * is what flips the same segment into a dropdown on the next render.\n */\nconst handleWorkspaceLinkClick = () => {\n  const id = activeWorkspaceId.value\n  if (!id) {\n    return\n  }\n  app.workspace.navigateToWorkspaceGetStarted(id)\n}\n\n/**\n * Click handler for the document title segment. Routes back to the\n * document overview - useful when the user is deep inside an operation\n * page and wants to jump back to the top-level doc view without losing\n * the workspace / document context the breadcrumb already encodes.\n */\nconst handleDocumentTitleClick = () => {\n  const documentSlug = app.activeEntities.documentSlug.value\n  if (!documentSlug) {\n    return\n  }\n  navigateToDocument(documentSlug)\n}\n\n/**\n * Selecting a workspace from the combobox routes to that workspace's\n * get-started page. We deliberately go to get-started rather than the\n * environment overview because the workspace switch is the natural moment\n * to surface onboarding guidance - the user has effectively arrived at a\n * fresh workspace and may not yet have any documents loaded.\n */\nconst handleWorkspaceSelect = (option: ScalarComboboxOption | undefined) => {\n  if (!option) {\n    return\n  }\n  if (option.id === activeWorkspaceId.value) {\n    return\n  }\n  app.workspace.navigateToWorkspaceGetStarted(option.id)\n}\n\nconst handleVersionSelect = async (option: VersionOption | undefined) => {\n  if (!option) {\n    return\n  }\n  const version = versions.value.find((v) => v.key === option.id)\n  if (!version || version.key === activeVersion.value?.key) {\n    return\n  }\n\n  // Already imported into the workspace store — just route to it. The sidebar\n  // active-version selection follows from `activeDocumentSlug` so switching\n  // the route is enough to keep both surfaces in sync.\n  if (version.documentName) {\n    navigateToDocument(version.documentName)\n    return\n  }\n\n  // Capture `app.store.value` into a local so the closure passed to\n  // `safeRun` keeps the non-nullable type without needing an assertion,\n  // and so a later store swap cannot redirect the in-flight load.\n  const registry = activeItem.value?.registry\n  const workspaceStore = app.store.value\n  if (!registry || !fetchRegistryDocument || !workspaceStore) {\n    toast('Cannot load this version without a registry fetcher.', 'error')\n    return\n  }\n\n  if (isLoading.value) {\n    return\n  }\n\n  isLoading.value = true\n\n  // The loader's helpers (fetcher, coercion, slug generation) can throw on\n  // network failures or unexpected payloads. `safeRun` swallows the\n  // exception and surfaces it as an `{ ok: false, error }` result so a\n  // single rejection cannot leave the picker permanently disabled.\n  const outcome = await safeRun(() =>\n    loadRegistryDocument({\n      fetcher: fetchRegistryDocument,\n      workspaceStore,\n      namespace: registry.namespace,\n      slug: registry.slug,\n      version: version.version,\n    }),\n  )\n\n  isLoading.value = false\n\n  if (!outcome.ok) {\n    toast(outcome.error, 'error')\n    return\n  }\n\n  const result = outcome.data\n  if (!result.ok) {\n    toast(result.error, 'error')\n    return\n  }\n\n  navigateToDocument(result.documentName)\n}\n\n/** Modal lifecycle for the create-new-version flow. */\nconst createVersionModal = useModal()\n\n/**\n * Versions already loaded into the workspace store for the active group.\n * Used to keep the modal from accepting duplicates that would silently\n * collide with an existing local document. Versions advertised only by the\n * registry are intentionally NOT included - submitting one of those is the\n * conflict-resolution path the create-draft flow opts into.\n */\nconst loadedVersionStrings = computed(() =>\n  versions.value.filter((v) => Boolean(v.documentName)).map((v) => v.version),\n)\n\nconst handleCreateVersion = async (version: string) => {\n  const registry = activeItem.value?.registry\n  const seedDocumentName = app.activeEntities.documentSlug.value\n  const store = app.store.value\n\n  if (!registry || !seedDocumentName || !store) {\n    toast(\n      'Cannot create a new version without an active registry document.',\n      'error',\n    )\n    return\n  }\n\n  if (isLoading.value) {\n    return\n  }\n\n  isLoading.value = true\n\n  const result = await createDraftRegistryDocument({\n    workspaceStore: store,\n    namespace: registry.namespace,\n    slug: registry.slug,\n    version,\n    seedDocumentName,\n  })\n\n  isLoading.value = false\n\n  if (!result.ok) {\n    toast(result.error, 'error')\n    return\n  }\n\n  navigateToDocument(result.documentName)\n}\n</script>\n\n<template>\n  <nav\n    v-if=\"isVisible\"\n    aria-label=\"Document breadcrumb\"\n    class=\"flex min-w-0 items-center gap-2 text-sm font-medium max-md:gap-0 max-md:text-xs\">\n    <!--\n      The breadcrumb leads with a vertical bar to visually divide it from\n      the menu trigger to its left. The menu trigger itself surfaces the\n      active scope (\"Team\" / \"Local\") so it doubles as the leading\n      breadcrumb segment - the bar separates that scope label from the\n      workspace selector.\n    -->\n    <span\n      aria-hidden=\"true\"\n      class=\"bg-border h-4 w-px shrink-0\" />\n\n    <!--\n      Workspace segment. Two-step affordance keyed off whether a document\n      is active on the route:\n        1. While viewing a document: a plain link that navigates to the\n           workspace's get-started page. A single click cannot accidentally\n           switch workspaces while the user is mid-task.\n        2. On any workspace-level page (no active document, e.g. the\n           get-started or environment pages): the same label expands into\n           a `ScalarCombobox` so switching workspaces is one extra click\n           from the workspace home, which is the natural moment for that\n           decision.\n    -->\n    <template v-if=\"workspaceTitle\">\n      <ScalarCombobox\n        v-if=\"!hasActiveDocument\"\n        class=\"workspace-picker w-72\"\n        :modelValue=\"selectedWorkspaceOption\"\n        :options=\"workspaceGroups\"\n        placeholder=\"Search workspaces\"\n        @add=\"emit('createWorkspace')\"\n        @update:modelValue=\"handleWorkspaceSelect\">\n        <button\n          aria-label=\"Workspace\"\n          class=\"hover:bg-b-2 flex min-w-0 items-center gap-1 rounded px-1.5 py-0.5\"\n          type=\"button\">\n          <span class=\"truncate\">{{ workspaceTitle }}</span>\n          <ScalarIconCaretDown\n            class=\"text-c-3 size-3 shrink-0\"\n            weight=\"bold\" />\n        </button>\n        <template #add>\n          <span class=\"text-c-1\">Create local workspace</span>\n        </template>\n      </ScalarCombobox>\n      <button\n        v-else\n        aria-label=\"Open workspace home\"\n        class=\"hover:bg-b-2 truncate rounded px-1.5 py-0.5\"\n        type=\"button\"\n        @click=\"handleWorkspaceLinkClick\">\n        {{ workspaceTitle }}\n      </button>\n    </template>\n\n    <template v-if=\"hasActiveDocument\">\n      <!--\n        Forward slashes separate the inner breadcrumb segments because\n        they read as a path-like hierarchy (\"Workspace / Document /\n        Version\"), in contrast to the leading bar that separates the\n        breadcrumb from the menu trigger.\n      -->\n      <span\n        aria-hidden=\"true\"\n        class=\"text-c-3\">\n        /\n      </span>\n      <button\n        class=\"hover:bg-b-2 truncate rounded px-1.5 py-0.5\"\n        type=\"button\"\n        @click=\"handleDocumentTitleClick\">\n        {{ documentTitle }}\n      </button>\n      <template v-if=\"hasVersionPicker\">\n        <span\n          aria-hidden=\"true\"\n          class=\"text-c-3\">\n          /\n        </span>\n        <ScalarCombobox\n          class=\"version-picker w-64\"\n          :modelValue=\"selectedOption\"\n          :options=\"versionOptions\"\n          placeholder=\"Search versions\"\n          @add=\"createVersionModal.show()\"\n          @update:modelValue=\"handleVersionSelect\">\n          <button\n            aria-label=\"Document version\"\n            class=\"hover:bg-b-2 flex items-center gap-1 rounded px-1.5 py-0.5 disabled:opacity-50\"\n            :disabled=\"isLoading\"\n            type=\"button\">\n            <span>{{ activeVersion?.version ?? '' }}</span>\n            <ScalarIconCaretDown\n              class=\"text-c-3 size-3\"\n              weight=\"bold\" />\n          </button>\n          <template #option=\"{ option, selected }\">\n            <component\n              :is=\"VERSION_STATUS_PRESENTATION[option.status].icon\"\n              :aria-label=\"VERSION_STATUS_PRESENTATION[option.status].label\"\n              class=\"size-4 shrink-0\"\n              :class=\"VERSION_STATUS_PRESENTATION[option.status].class\"\n              :title=\"VERSION_STATUS_PRESENTATION[option.status].label\" />\n            <span\n              class=\"text-c-1 min-w-0 flex-1 truncate\"\n              :class=\"{ 'font-medium': selected }\">\n              {{ option.label }}\n            </span>\n            <span\n              v-if=\"option.isLatest\"\n              class=\"text-c-3 ml-2 shrink-0 text-xs\">\n              Latest\n            </span>\n          </template>\n          <!--\n            The combobox's built-in `add` slot renders a `+` icon row below\n            the version list. Wiring it up here keeps the create-draft\n            affordance discoverable inside the same surface where the user\n            picks versions, instead of as a separate button next to it.\n          -->\n          <template #add>\n            <span class=\"text-c-1 font-medium\">New Version</span>\n          </template>\n        </ScalarCombobox>\n        <span\n          v-if=\"isLoading\"\n          class=\"text-c-3 ml-1 text-xs\">\n          Loading…\n        </span>\n      </template>\n    </template>\n    <CreateVersionModal\n      :existingVersions=\"loadedVersionStrings\"\n      :sourceVersion=\"activeVersion?.version\"\n      :state=\"createVersionModal\"\n      @create=\"handleCreateVersion\" />\n  </nav>\n</template>\n\n<style scoped>\n/*\n * The combobox option only marks the *active* (hovered / keyboard-focused)\n * row with a background. We also want a persistent highlight on the\n * currently *selected* version so the user can spot it at a glance, even\n * after moving the cursor or arrowing to another row.\n */\n.version-picker :deep([role='option'][aria-selected='true']) {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/app/components/DocumentSyncIndicator.vue.d.ts

@@ -1,16 +0,0 @@
-import type { AppState } from '../../../../v2/features/app/app-state.js';
-import type { RegistryDocumentsState } from '../../../../v2/types/configuration';
-type __VLS_Props = {
-    /** App state used to read the active document and registry meta. */
-    app: AppState;
-    /**
-     * Registry documents state. Mirrors the prop accepted by
-     * `DocumentBreadcrumb` so both header surfaces resolve the same active
-     * document group.
-     */
-    registryDocuments?: RegistryDocumentsState;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=DocumentSyncIndicator.vue.d.ts.map

package/dist/v2/features/app/components/DocumentSyncIndicator.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentSyncIndicator.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DocumentSyncIndicator.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAG3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEtE,KAAK,WAAW,GAAG;IACf,oEAAoE;IACpE,GAAG,EAAE,QAAQ,CAAA;IACb;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CAC3C,CAAC;AAqEJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/app/components/PublishDocumentModal.vue.d.ts

@@ -1,77 +0,0 @@
-import { type ModalState } from '@scalar/components';
-import type { RegistryNamespacesState } from '../../../../v2/types/configuration';
-/**
- * Modal that walks the user through publishing a brand-new document to
- * the registry.
- *
- * The component is purely presentational: it owns the form state, the
- * loading / error indicator and the validation rules, and delegates the
- * actual publish call to the parent through `submit`. The parent
- * resolves `submit` with `{ ok: true }` to close the modal or
- * `{ ok: false, message }` to surface the error inline so the user can
- * fix the input and retry without losing what they typed.
- */
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    /** Modal control returned by `useModal()`. */
-    state: ModalState;
-    /** Namespaces the user can publish into, with loading status. */
-    namespaces: RegistryNamespacesState;
-    /**
-     * Initial slug to seed the slug input with. The parent typically
-     * computes this from the active document's title. Falls back to an
-     * empty string so the placeholder is visible.
-     */
-    defaultSlug?: string;
-    /**
-     * Initial version. Defaults to `1.0.0` when the active document does
-     * not advertise an `info.version` yet.
-     */
-    defaultVersion?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    submit: (payload: {
-        input: {
-            namespace: string;
-            slug: string;
-            version: string;
-        };
-        done: (outcome: {
-            ok: true;
-        } | {
-            ok: false;
-            message: string;
-        }) => void;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** Modal control returned by `useModal()`. */
-    state: ModalState;
-    /** Namespaces the user can publish into, with loading status. */
-    namespaces: RegistryNamespacesState;
-    /**
-     * Initial slug to seed the slug input with. The parent typically
-     * computes this from the active document's title. Falls back to an
-     * empty string so the placeholder is visible.
-     */
-    defaultSlug?: string;
-    /**
-     * Initial version. Defaults to `1.0.0` when the active document does
-     * not advertise an `info.version` yet.
-     */
-    defaultVersion?: string;
-}> & Readonly<{
-    onSubmit?: ((payload: {
-        input: {
-            namespace: string;
-            slug: string;
-            version: string;
-        };
-        done: (outcome: {
-            ok: true;
-        } | {
-            ok: false;
-            message: string;
-        }) => void;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=PublishDocumentModal.vue.d.ts.map

package/dist/v2/features/app/components/PublishDocumentModal.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PublishDocumentModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/PublishDocumentModal.vue"],"names":[],"mappings":"AAsVA,OAAO,EAKL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAA;AAK3B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAGvE;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,8CAA8C;WACvC,UAAU;IACjB,iEAAiE;gBACrD,uBAAuB;IACnC;;;;OAIG;kBACW,MAAM;IACpB;;;OAGG;qBACc,MAAM;;;eAoBZ;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,MAAM,CAAA;SAAE;cACrD,CAAC,OAAO,EAAE;YAAE,EAAE,EAAE,IAAI,CAAA;SAAE,GAAG;YAAE,EAAE,EAAE,KAAK,CAAC;YAAC,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI;;;IAnC1E,8CAA8C;WACvC,UAAU;IACjB,iEAAiE;gBACrD,uBAAuB;IACnC;;;;OAIG;kBACW,MAAM;IACpB;;;OAGG;qBACc,MAAM;;;eAoBZ;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,MAAM,CAAA;SAAE;cACrD,CAAC,OAAO,EAAE;YAAE,EAAE,EAAE,IAAI,CAAA;SAAE,GAAG;YAAE,EAAE,EAAE,KAAK,CAAC;YAAC,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI;;kFAwgBxE,CAAC"}

package/dist/v2/features/app/components/PublishDocumentModal.vue.js

@@ -1,7 +0,0 @@
-import PublishDocumentModal_vue_vue_type_script_setup_true_lang_default from "./PublishDocumentModal.vue.script.js";
-//#region src/v2/features/app/components/PublishDocumentModal.vue
-var PublishDocumentModal_default = PublishDocumentModal_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { PublishDocumentModal_default as default };
-
-//# sourceMappingURL=PublishDocumentModal.vue.js.map

package/dist/v2/features/app/components/PublishDocumentModal.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PublishDocumentModal.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/PublishDocumentModal.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Modal that walks the user through publishing a brand-new document to\n * the registry.\n *\n * The component is purely presentational: it owns the form state, the\n * loading / error indicator and the validation rules, and delegates the\n * actual publish call to the parent through `submit`. The parent\n * resolves `submit` with `{ ok: true }` to close the modal or\n * `{ ok: false, message }` to surface the error inline so the user can\n * fix the input and retry without losing what they typed.\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarListbox,\n  ScalarModal,\n  useLoadingState,\n  type ModalState,\n  type ScalarListboxOption,\n} from '@scalar/components'\nimport { slugify } from '@scalar/helpers/string/slugify'\nimport { ScalarIconBuildings, ScalarIconCaretDown } from '@scalar/icons'\nimport { computed, ref, watch } from 'vue'\n\nimport type { RegistryNamespacesState } from '@/v2/types/configuration'\n\nconst {\n  state,\n  namespaces,\n  defaultSlug = '',\n  defaultVersion = '1.0.0',\n} = defineProps<{\n  /** Modal control returned by `useModal()`. */\n  state: ModalState\n  /** Namespaces the user can publish into, with loading status. */\n  namespaces: RegistryNamespacesState\n  /**\n   * Initial slug to seed the slug input with. The parent typically\n   * computes this from the active document's title. Falls back to an\n   * empty string so the placeholder is visible.\n   */\n  defaultSlug?: string\n  /**\n   * Initial version. Defaults to `1.0.0` when the active document does\n   * not advertise an `info.version` yet.\n   */\n  defaultVersion?: string\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Fired when the user submits a valid form. The parent must resolve\n   * the returned promise with either `{ ok: true }` (modal closes) or\n   * `{ ok: false, message }` (message is rendered inline so the user\n   * can retry).\n   */\n  (\n    event: 'submit',\n    payload: {\n      input: { namespace: string; slug: string; version: string }\n      done: (outcome: { ok: true } | { ok: false; message: string }) => void\n    },\n  ): void\n}>()\n\nconst namespaceOptions = computed<ScalarListboxOption[]>(() =>\n  (namespaces.status === 'success'\n    ? namespaces.namespaces\n    : (namespaces.namespaces ?? [])\n  ).map((entry) => ({\n    id: entry.namespace,\n    label: entry.title?.trim() || entry.namespace,\n  })),\n)\n\nconst isNamespacesLoading = computed(() => namespaces.status === 'loading')\n\n/**\n * The picker component is only rendered when there is more than one\n * namespace to choose between. Single-namespace setups read as a static\n * label so the user does not have to interact with a one-item dropdown.\n */\nconst hasMultipleNamespaces = computed(() => namespaceOptions.value.length > 1)\n\nconst selectedNamespace = ref<ScalarListboxOption | undefined>(undefined)\nconst slug = ref('')\nconst version = ref('')\nconst errorMessage = ref<string | null>(null)\nconst loader = useLoadingState()\n\n/**\n * Resets the form whenever the modal opens. Keeping this scoped to the\n * `open` flag (and not to every prop change) preserves user input\n * across reactive updates while the modal is already on screen.\n */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (!isOpen) {\n      return\n    }\n    slug.value = slugify(defaultSlug)\n    version.value = defaultVersion\n    errorMessage.value = null\n    selectedNamespace.value = namespaceOptions.value[0]\n    void loader.clear()\n  },\n)\n\n/** Keep the listbox selection in sync when the namespace list arrives. */\nwatch(namespaceOptions, (options) => {\n  if (selectedNamespace.value) {\n    return\n  }\n  selectedNamespace.value = options[0]\n})\n\nconst trimmedSlug = computed(() => slug.value.trim())\nconst trimmedVersion = computed(() => version.value.trim())\n\n/**\n * Human-friendly preview of the resulting registry coordinate\n * (`namespace/slug@version`). Returns `null` while any of the three\n * pieces is still missing so we never show a half-rendered path.\n * Mirrors the same fields submitted to the publish call so the user\n * sees exactly what will land on the registry.\n */\nconst publishPreview = computed<string | null>(() => {\n  const namespace = selectedNamespace.value?.id\n  if (!namespace || !trimmedSlug.value || !trimmedVersion.value) {\n    return null\n  }\n  return `${namespace}/${trimmedSlug.value}@${trimmedVersion.value}`\n})\n\nconst isSubmitDisabled = computed(\n  () =>\n    !selectedNamespace.value ||\n    trimmedSlug.value.length === 0 ||\n    trimmedVersion.value.length === 0 ||\n    loader.isLoading,\n)\n\nconst handleSubmit = (): void => {\n  errorMessage.value = null\n\n  const namespace = selectedNamespace.value?.id\n  if (!namespace || !trimmedSlug.value || !trimmedVersion.value) {\n    return\n  }\n\n  loader.start()\n\n  emit('submit', {\n    input: {\n      namespace: String(namespace),\n      slug: trimmedSlug.value,\n      version: trimmedVersion.value,\n    },\n    done: (outcome) => {\n      if (outcome.ok) {\n        void loader.clear()\n        state.hide()\n        return\n      }\n      errorMessage.value = outcome.message\n      void loader.invalidate()\n    },\n  })\n}\n</script>\n\n<template>\n  <ScalarModal\n    size=\"sm\"\n    :state=\"state\"\n    title=\"Publish to registry\"\n    variant=\"form\">\n    <form\n      class=\"flex flex-col gap-4\"\n      @submit.prevent=\"handleSubmit\">\n      <!--\n        Namespace picker.\n\n        All three states (single namespace, multiple namespaces, loading)\n        render into a bordered field of the same height as the inputs\n        below so the modal reads as one cohesive form. A leading\n        `Buildings` icon anchors the namespace context visually so the\n        single-value state does not look like loose plain text.\n\n        - One namespace -> read-only field with the namespace label and\n          a \"fixed\" hint, so the user understands there is nothing to\n          pick without staring at a one-item dropdown.\n        - Multiple namespaces -> dropdown listbox.\n        - Loading -> the same field shape with a skeleton-style label\n          so layout does not shift once the list arrives.\n      -->\n      <div class=\"flex flex-col gap-1.5\">\n        <label class=\"text-c-1 text-xs font-medium\">Namespace</label>\n        <template v-if=\"isNamespacesLoading && namespaceOptions.length === 0\">\n          <div\n            class=\"border-border bg-b-2 flex h-8 items-center gap-2 rounded border px-3 text-sm\">\n            <ScalarIconBuildings\n              class=\"text-c-3 size-3.5 shrink-0\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span class=\"text-c-3\">Loading namespaces…</span>\n          </div>\n        </template>\n        <template v-else-if=\"hasMultipleNamespaces\">\n          <ScalarListbox\n            v-model=\"selectedNamespace\"\n            :options=\"namespaceOptions\"\n            teleport>\n            <ScalarButton\n              class=\"border-border text-c-1 hover:bg-b-2 flex h-8 w-full items-center justify-between gap-2 rounded border px-3 font-normal\"\n              fullWidth\n              type=\"button\"\n              variant=\"outlined\">\n              <span class=\"flex min-w-0 items-center gap-2\">\n                <ScalarIconBuildings\n                  class=\"text-c-2 size-3.5 shrink-0\"\n                  size=\"sm\"\n                  thickness=\"1.5\" />\n                <span class=\"truncate\">{{\n                  selectedNamespace?.label ?? 'Select a namespace'\n                }}</span>\n              </span>\n              <ScalarIconCaretDown\n                class=\"text-c-2 size-3.5 shrink-0\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n            </ScalarButton>\n          </ScalarListbox>\n        </template>\n        <template v-else>\n          <div\n            class=\"border-border bg-b-2 text-c-1 flex h-8 items-center gap-2 rounded border px-3 text-sm\"\n            :title=\"\n              selectedNamespace\n                ? `Publishing to ${selectedNamespace.label}`\n                : undefined\n            \">\n            <ScalarIconBuildings\n              class=\"text-c-2 size-3.5 shrink-0\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span class=\"truncate\">\n              {{ selectedNamespace?.label ?? '—' }}\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <!-- Slug input. Pre-filled with a slugified version of the document title. -->\n      <div class=\"flex flex-col gap-1.5\">\n        <label\n          class=\"text-c-1 text-xs font-medium\"\n          for=\"publish-document-slug\">\n          Slug\n        </label>\n        <input\n          id=\"publish-document-slug\"\n          v-model=\"slug\"\n          autocomplete=\"off\"\n          class=\"border-border bg-b-1 text-c-1 placeholder:text-c-3 focus:border-c-accent h-8 rounded border px-3 text-sm outline-none\"\n          placeholder=\"pets-api\"\n          type=\"text\" />\n      </div>\n\n      <!--\n        Version input. The string lives on `info.version` after a\n        successful publish so the local document and the registry stay\n        in sync without an extra edit.\n      -->\n      <div class=\"flex flex-col gap-1.5\">\n        <label\n          class=\"text-c-1 text-xs font-medium\"\n          for=\"publish-document-version\">\n          Version\n        </label>\n        <input\n          id=\"publish-document-version\"\n          v-model=\"version\"\n          autocomplete=\"off\"\n          class=\"border-border bg-b-1 text-c-1 placeholder:text-c-3 focus:border-c-accent h-8 rounded border px-3 text-sm outline-none\"\n          placeholder=\"1.0.0\"\n          type=\"text\" />\n      </div>\n\n      <!--\n        Live preview of the published identity. Reading the modal\n        top-down the user types a slug + version and sees the resulting\n        coordinate update in place, which is more reassuring than\n        decoding three separate fields. Hidden until enough fields\n        resolve so we never render half a path.\n      -->\n      <div\n        v-if=\"publishPreview\"\n        class=\"text-c-2 -mt-1 text-xs\">\n        Publishing as\n        <span class=\"text-c-1 font-mono\">{{ publishPreview }}</span>\n      </div>\n\n      <!--\n        Inline error region. Stays mounted when present so the user can\n        read the message while they are correcting the form rather than\n        having it disappear after a toast timeout.\n      -->\n      <p\n        v-if=\"errorMessage\"\n        class=\"text-red bg-b-2 rounded p-2 text-xs\"\n        role=\"alert\">\n        {{ errorMessage }}\n      </p>\n\n      <div class=\"flex justify-end gap-2 pt-1\">\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"ghost\"\n          @click=\"state.hide()\">\n          Cancel\n        </ScalarButton>\n        <ScalarButton\n          :disabled=\"isSubmitDisabled\"\n          :loader=\"loader\"\n          size=\"sm\"\n          type=\"submit\">\n          Publish\n        </ScalarButton>\n      </div>\n    </form>\n  </ScalarModal>\n</template>\n"],"mappings":""}