@scalar/api-client 3.3.0 → 3.4.0

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

@@ -0,0 +1,376 @@
+import "../app-state.js";
+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";
+import "@scalar/workspace-store/persistence";
+//#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"
+};
+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
+			});
+		};
+		/**
+		* Routes to the get-started page for a workspace, identified by the
+		* combobox option id. We resolve the underlying `WorkspaceOption` from
+		* `workspaceList` so the team-slug and slug pair is sourced from the same
+		* place the picker built its options - that sidesteps any ambiguity if a
+		* teamSlug or slug were ever to contain a slash.
+		*
+		* When team workspaces are enabled and the active team has no real
+		* workspace yet, the picker may surface a synthetic placeholder option
+		* (id: `getWorkspaceId(teamSlug, DEFAULT_TEAM_WORKSPACE_SLUG)`). We route
+		* that through the normal navigation flow so the route handler can create
+		* the workspace on demand.
+		*/
+		const navigateToWorkspaceGetStarted = (workspaceId) => {
+			const emitNavigation = (teamSlug, slug) => {
+				__props.app.eventBus.emit("ui:navigate", {
+					page: "workspace",
+					path: "get-started",
+					teamSlug,
+					workspaceSlug: slug
+				});
+			};
+			const workspace = __props.app.workspace.workspaceList.value?.find((w) => w.id === workspaceId);
+			if (workspace) {
+				emitNavigation(workspace.teamSlug, workspace.slug);
+				return;
+			}
+		};
+		/**
+		* 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;
+			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;
+			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,
+				commitHash: version.registryCommitHash
+			}));
+			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

@@ -0,0 +1 @@
+{"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 { getWorkspaceId } from '@scalar/workspace-store/persistence'\nimport { computed, ref } from 'vue'\n\nimport {\n  DEFAULT_TEAM_WORKSPACE_SLUG,\n  TEAM_WORKSPACES_ENABLED,\n  type AppState,\n} 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 type { RegistryDocumentsState } from '@/v2/features/app/hooks/use-sidebar-documents'\nimport { useVersionConflictCheck } from '@/v2/features/app/hooks/use-version-conflict-check'\nimport { safeRun } from '@/v2/helpers/safe-run'\nimport type { ImportDocumentFromRegistry } 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 * Routes to the get-started page for a workspace, identified by the\n * combobox option id. We resolve the underlying `WorkspaceOption` from\n * `workspaceList` so the team-slug and slug pair is sourced from the same\n * place the picker built its options - that sidesteps any ambiguity if a\n * teamSlug or slug were ever to contain a slash.\n *\n * When team workspaces are enabled and the active team has no real\n * workspace yet, the picker may surface a synthetic placeholder option\n * (id: `getWorkspaceId(teamSlug, DEFAULT_TEAM_WORKSPACE_SLUG)`). We route\n * that through the normal navigation flow so the route handler can create\n * the workspace on demand.\n */\nconst navigateToWorkspaceGetStarted = (workspaceId: string) => {\n  const emitNavigation = (teamSlug: string, slug: string) => {\n    app.eventBus.emit('ui:navigate', {\n      page: 'workspace',\n      path: 'get-started',\n      teamSlug,\n      workspaceSlug: slug,\n    })\n  }\n\n  const workspace = app.workspace.workspaceList.value?.find(\n    (w) => w.id === workspaceId,\n  )\n  if (workspace) {\n    emitNavigation(workspace.teamSlug, workspace.slug)\n    return\n  }\n\n  if (!TEAM_WORKSPACES_ENABLED) {\n    return\n  }\n\n  const activeTeamSlug = app.activeEntities.teamSlug?.value\n  if (\n    activeTeamSlug &&\n    activeTeamSlug !== 'local' &&\n    workspaceId === getWorkspaceId(activeTeamSlug, DEFAULT_TEAM_WORKSPACE_SLUG)\n  ) {\n    emitNavigation(activeTeamSlug, DEFAULT_TEAM_WORKSPACE_SLUG)\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  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  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      // Forward the registry-advertised hash from the picker row. Storing it\n      // on the document lets us later detect when the registry has moved on\n      // and surface upstream changes.\n      commitHash: version.registryCommitHash,\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\">\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

@@ -0,0 +1,16 @@
+import type { AppState } from '../../../../v2/features/app/app-state.js';
+import type { RegistryDocumentsState } from '../../../../v2/features/app/hooks/use-sidebar-documents.js';
+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

@@ -0,0 +1 @@
+{"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,+CAA+C,CAAA;AAE3F,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/DocumentSyncIndicator.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentSyncIndicator.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/DocumentSyncIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport type { AppState } from '@/v2/features/app/app-state'\nimport { VERSION_STATUS_PRESENTATION } from '@/v2/features/app/helpers/version-status-presentation'\nimport { useActiveDocumentVersion } from '@/v2/features/app/hooks/use-active-document-version'\nimport type { RegistryDocumentsState } from '@/v2/features/app/hooks/use-sidebar-documents'\n\nconst { app, registryDocuments = { status: 'success', documents: [] } } =\n  defineProps<{\n    /** App state used to read the active document and registry meta. */\n    app: AppState\n    /**\n     * Registry documents state. Mirrors the prop accepted by\n     * `DocumentBreadcrumb` so both header surfaces resolve the same active\n     * document group.\n     */\n    registryDocuments?: RegistryDocumentsState\n  }>()\n\n/**\n * Resolve the currently active version through the shared composable. The\n * indicator never renders a picker — it only mirrors the status icon — so\n * the composable's `activeVersion` is the only field we need.\n *\n * The composable does not run any network checks; the breadcrumb owns\n * `useVersionConflictCheck` and the indicator simply reads back the cached\n * status that flows through `useSidebarDocuments`.\n */\nconst { activeVersion } = useActiveDocumentVersion({\n  app,\n  registryDocuments: () => registryDocuments,\n})\n\n/** Presentation block (icon, colour, label) for the active version's status. */\nconst presentation = computed(() => {\n  const status = activeVersion.value?.status\n  if (!status) {\n    return undefined\n  }\n  return VERSION_STATUS_PRESENTATION[status]\n})\n</script>\n\n<template>\n  <component\n    :is=\"presentation.icon\"\n    v-if=\"presentation\"\n    :aria-label=\"presentation.label\"\n    class=\"size-4 shrink-0\"\n    :class=\"presentation.class\"\n    :title=\"presentation.label\" />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,51 @@
+import { VERSION_STATUS_PRESENTATION } from "../helpers/version-status-presentation.js";
+import { useActiveDocumentVersion } from "../hooks/use-active-document-version.js";
+import { computed, createBlock, createCommentVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent } from "vue";
+//#region src/v2/features/app/components/DocumentSyncIndicator.vue?vue&type=script&setup=true&lang.ts
+var DocumentSyncIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DocumentSyncIndicator",
+	props: {
+		app: {},
+		registryDocuments: { default: () => ({
+			status: "success",
+			documents: []
+		}) }
+	},
+	setup(__props) {
+		/**
+		* Resolve the currently active version through the shared composable. The
+		* indicator never renders a picker — it only mirrors the status icon — so
+		* the composable's `activeVersion` is the only field we need.
+		*
+		* The composable does not run any network checks; the breadcrumb owns
+		* `useVersionConflictCheck` and the indicator simply reads back the cached
+		* status that flows through `useSidebarDocuments`.
+		*/
+		const { activeVersion } = useActiveDocumentVersion({
+			app: __props.app,
+			registryDocuments: () => __props.registryDocuments
+		});
+		/** Presentation block (icon, colour, label) for the active version's status. */
+		const presentation = computed(() => {
+			const status = activeVersion.value?.status;
+			if (!status) return;
+			return VERSION_STATUS_PRESENTATION[status];
+		});
+		return (_ctx, _cache) => {
+			return presentation.value ? (openBlock(), createBlock(resolveDynamicComponent(presentation.value.icon), {
+				key: 0,
+				"aria-label": presentation.value.label,
+				class: normalizeClass(["size-4 shrink-0", presentation.value.class]),
+				title: presentation.value.label
+			}, null, 8, [
+				"aria-label",
+				"class",
+				"title"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { DocumentSyncIndicator_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DocumentSyncIndicator.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentSyncIndicator.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/DocumentSyncIndicator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport type { AppState } from '@/v2/features/app/app-state'\nimport { VERSION_STATUS_PRESENTATION } from '@/v2/features/app/helpers/version-status-presentation'\nimport { useActiveDocumentVersion } from '@/v2/features/app/hooks/use-active-document-version'\nimport type { RegistryDocumentsState } from '@/v2/features/app/hooks/use-sidebar-documents'\n\nconst { app, registryDocuments = { status: 'success', documents: [] } } =\n  defineProps<{\n    /** App state used to read the active document and registry meta. */\n    app: AppState\n    /**\n     * Registry documents state. Mirrors the prop accepted by\n     * `DocumentBreadcrumb` so both header surfaces resolve the same active\n     * document group.\n     */\n    registryDocuments?: RegistryDocumentsState\n  }>()\n\n/**\n * Resolve the currently active version through the shared composable. The\n * indicator never renders a picker — it only mirrors the status icon — so\n * the composable's `activeVersion` is the only field we need.\n *\n * The composable does not run any network checks; the breadcrumb owns\n * `useVersionConflictCheck` and the indicator simply reads back the cached\n * status that flows through `useSidebarDocuments`.\n */\nconst { activeVersion } = useActiveDocumentVersion({\n  app,\n  registryDocuments: () => registryDocuments,\n})\n\n/** Presentation block (icon, colour, label) for the active version's status. */\nconst presentation = computed(() => {\n  const status = activeVersion.value?.status\n  if (!status) {\n    return undefined\n  }\n  return VERSION_STATUS_PRESENTATION[status]\n})\n</script>\n\n<template>\n  <component\n    :is=\"presentation.icon\"\n    v-if=\"presentation\"\n    :aria-label=\"presentation.label\"\n    class=\"size-4 shrink-0\"\n    :class=\"presentation.class\"\n    :title=\"presentation.label\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,EAAE,kBAAkB,yBAAyB;GACjD,KAAE,QAAA;GACF,yBAAyB,QAAA;GAC1B,CAAA;;EAGD,MAAM,eAAe,eAAe;GAClC,MAAM,SAAS,cAAc,OAAO;AACpC,OAAI,CAAC,OACH;AAEF,UAAO,4BAA4B;IACpC;;UAMS,aAAA,SAAA,WAAA,EAFR,YAMgC,wBALzB,aAAA,MAAa,KAAI,EAAA;;IAErB,cAAY,aAAA,MAAa;IAC1B,OAAK,eAAA,CAAC,mBACE,aAAA,MAAa,MAAK,CAAA;IACzB,OAAO,aAAA,MAAa"}

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

@@ -0,0 +1,45 @@
+import { type DraggingItem, type HoveredItem } from '@scalar/sidebar';
+import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
+import type { SidebarDocumentItem } from '../../../../v2/features/app/hooks/use-sidebar-documents.js';
+type __VLS_Props = {
+    /** The document row to render. */
+    item: SidebarDocumentItem;
+    /** Whether the document row is the currently active sidebar entry. */
+    active: boolean;
+    /** Whether the document is drilled-in (its children are shown). */
+    open: boolean;
+    /** Whether the document is currently being fetched from the registry. */
+    loading?: boolean;
+    /** Predicate to check whether a child entry can be dropped on a target. */
+    isDroppable: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean;
+    /** Predicate to check whether a child entry is currently expanded. */
+    isExpanded: (id: string) => boolean;
+    /** Predicate to check whether a child entry is currently selected. */
+    isSelected: (id: string) => boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    search: () => any;
+    click: (item: SidebarDocumentItem) => any;
+    selectItem: (id: string) => any;
+    toggleGroup: (id: string) => any;
+    back: () => any;
+    openSettings: () => any;
+    createOperation: (item: SidebarDocumentItem) => any;
+    addEmptyFolder: (item: TraversedEntry) => any;
+    openMenu: (nativeEvent: MouseEvent | KeyboardEvent, entry: TraversedEntry) => any;
+    dragEnd: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: (() => any) | undefined;
+    onClick?: ((item: SidebarDocumentItem) => any) | undefined;
+    onSelectItem?: ((id: string) => any) | undefined;
+    onToggleGroup?: ((id: string) => any) | undefined;
+    onBack?: (() => any) | undefined;
+    onOpenSettings?: (() => any) | undefined;
+    onCreateOperation?: ((item: SidebarDocumentItem) => any) | undefined;
+    onAddEmptyFolder?: ((item: TraversedEntry) => any) | undefined;
+    onOpenMenu?: ((nativeEvent: MouseEvent | KeyboardEvent, entry: TraversedEntry) => any) | undefined;
+    onDragEnd?: ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SidebarDocument.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDocument.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/SidebarDocument.vue"],"names":[],"mappings":"AA+MA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAEhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAExF,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,EAAE,mBAAmB,CAAA;IACzB,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAA;IACf,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAA;IACb,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,WAAW,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAA;IAC9E,sEAAsE;IACtE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,sEAAsE;IACtE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;CACpC,CAAC;AAkcF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDocument.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/SidebarDocument.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarSidebarButton,\n  ScalarSidebarItem,\n  ScalarSidebarNestedItems,\n} from '@scalar/components'\nimport {\n  ScalarIconCaretLeft,\n  ScalarIconDotsThree,\n  ScalarIconGearSix,\n  ScalarIconMagnifyingGlass,\n  ScalarIconPlus,\n} from '@scalar/icons'\nimport {\n  filterItems,\n  SidebarItem,\n  type DraggingItem,\n  type HoveredItem,\n} from '@scalar/sidebar'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\n\nimport type { SidebarDocumentItem } from '@/v2/features/app/hooks/use-sidebar-documents'\n\nconst { item, active, open, loading } = defineProps<{\n  /** The document row to render. */\n  item: SidebarDocumentItem\n  /** Whether the document row is the currently active sidebar entry. */\n  active: boolean\n  /** Whether the document is drilled-in (its children are shown). */\n  open: boolean\n  /** Whether the document is currently being fetched from the registry. */\n  loading?: boolean\n  /** Predicate to check whether a child entry can be dropped on a target. */\n  isDroppable: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean\n  /** Predicate to check whether a child entry is currently expanded. */\n  isExpanded: (id: string) => boolean\n  /** Predicate to check whether a child entry is currently selected. */\n  isSelected: (id: string) => boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Navigate back from the drilled-in document view. */\n  (event: 'back'): void\n  /** The document row was clicked. */\n  (event: 'click', item: SidebarDocumentItem): void\n  /** Open the document (collection) settings. */\n  (event: 'openSettings'): void\n  /** Open the per-document search modal. */\n  (event: 'search'): void\n  /** Create a new operation in this document. */\n  (event: 'createOperation', item: SidebarDocumentItem): void\n  /** Add an operation inside an empty tag/folder. */\n  (event: 'addEmptyFolder', item: TraversedEntry): void\n  /** Open the contextual \"more\" menu for a child entry. */\n  (\n    event: 'openMenu',\n    nativeEvent: MouseEvent | KeyboardEvent,\n    entry: TraversedEntry,\n  ): void\n  /** A child entry was selected. */\n  (event: 'selectItem', id: string): void\n  /** A child group was toggled. */\n  (event: 'toggleGroup', id: string): void\n  /** A drag-and-drop operation has completed. */\n  (\n    event: 'dragEnd',\n    draggingItem: DraggingItem,\n    hoveredItem: HoveredItem,\n  ): boolean\n}>()\n\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => emit('dragEnd', draggingItem, hoveredItem)\n</script>\n\n<template>\n  <ScalarSidebarNestedItems\n    :active=\"active\"\n    controlled\n    :open=\"open\"\n    @back=\"emit('back')\"\n    @click=\"emit('click', item)\">\n    <span>{{ item.title }}</span>\n    <template\n      v-if=\"loading\"\n      #aside>\n      <span class=\"text-c-3 text-xs\">Loading…</span>\n    </template>\n    <!-- Document back row -->\n    <template #back>\n      <div class=\"flex items-center gap-1\">\n        <ScalarSidebarButton\n          is=\"button\"\n          class=\"text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1 flex-1\"\n          @click=\"emit('back')\">\n          <template #icon>\n            <ScalarIconCaretLeft class=\"text-sidebar-c-2 -m-px size-4\" />\n          </template>\n          Back\n        </ScalarSidebarButton>\n        <ScalarIconButton\n          :icon=\"ScalarIconGearSix\"\n          label=\"Collection settings\"\n          size=\"sm\"\n          @click=\"emit('openSettings')\" />\n        <ScalarIconButton\n          :icon=\"ScalarIconMagnifyingGlass\"\n          label=\"Search collection\"\n          size=\"sm\"\n          @click=\"emit('search')\" />\n        <ScalarIconButton\n          class=\"rounded-full border\"\n          :icon=\"ScalarIconPlus\"\n          label=\"Add operation\"\n          size=\"sm\"\n          @click=\"emit('createOperation', item)\" />\n      </div>\n    </template>\n    <!-- Document items (operations, tags, examples) -->\n    <template #items>\n      <template v-if=\"item.navigation?.children?.length\">\n        <SidebarItem\n          v-for=\"child in filterItems('client', item.navigation.children)\"\n          :key=\"child.id\"\n          :isDroppable=\"isDroppable\"\n          :isExpanded=\"isExpanded\"\n          :isSelected=\"isSelected\"\n          :item=\"child\"\n          layout=\"client\"\n          @onDragEnd=\"handleDragEnd\"\n          @selectItem=\"(id: string) => emit('selectItem', id)\"\n          @toggleGroup=\"(id: string) => emit('toggleGroup', id)\">\n          <!--\n            Per-item \"more\" dropdown for tags, operations and examples\n            (add / edit / delete…). The dropdown is rendered once at the\n            sidebar root and anchors itself to whichever icon button opened\n            it. Operation settings live on the operation header (next to the\n            environment selector), not here.\n          -->\n          <template #decorator=\"{ item: entry }\">\n            <ScalarIconButton\n              aria-expanded=\"false\"\n              aria-haspopup=\"menu\"\n              class=\"bg-b-2\"\n              :icon=\"ScalarIconDotsThree\"\n              label=\"More options\"\n              size=\"sm\"\n              variant=\"ghost\"\n              weight=\"bold\"\n              @click.stop=\"(e: MouseEvent) => emit('openMenu', e, entry)\"\n              @keydown.down.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.enter.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.space.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.up.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \" />\n          </template>\n          <!--\n            Empty tag / folder slot. Matches the \"Add operation\" affordance\n            from the old sidebar so users can create an operation directly\n            inside the hovered tag.\n          -->\n          <template #empty=\"{ item: emptyItem }\">\n            <ScalarSidebarItem\n              is=\"button\"\n              @click=\"emit('addEmptyFolder', emptyItem)\">\n              <template #icon>\n                <ScalarIconPlus />\n              </template>\n              <template #default>Add operation</template>\n            </ScalarSidebarItem>\n          </template>\n        </SidebarItem>\n      </template>\n      <li\n        v-else\n        class=\"text-c-3 px-3 py-1 text-xs\">\n        Empty document\n      </li>\n    </template>\n  </ScalarSidebarNestedItems>\n</template>\n"],"mappings":""}