@scalar/api-client 3.5.1 → 3.6.0

package/dist/v2/features/app/hooks/use-sidebar-documents.d.ts

@@ -2,6 +2,7 @@ import type { AppState } from '@scalar/api-client/v2/features/app';
 import type { TraversedDocument } from '@scalar/workspace-store/schemas/navigation';
 import { type MaybeRefOrGetter } from 'vue';
 import { type VersionStatus } from '../../../../v2/features/app/helpers/compute-version-status.js';
+import type { RegistryDocument } from '../../../../v2/types/configuration';
 export type { VersionStatus };
 /**
  * A single version of a registry-backed document.
@@ -93,31 +94,6 @@ export type SidebarDocumentItem = {
     /** Key of the version currently surfaced at the parent level (matches a `versions[].key`). */
     activeVersionKey?: string;
 };
-type RegistryDocumentVersion = {
-    version: string;
-    commitHash?: string;
-};
-export type RegistryDocument = {
-    namespace: string;
-    slug: string;
-    title: string;
-    versions: RegistryDocumentVersion[];
-};
-/**
- * Loading-aware wrapper for the registry documents prop.
- *
- * The sidebar uses the `status` to decide whether to render skeleton
- * placeholders while the registry is being fetched. `documents` is optional
- * during loading so callers can either render nothing or stream in cached
- * results while a refresh is still in flight.
- */
-export type RegistryDocumentsState = {
-    status: 'loading';
-    documents?: RegistryDocument[];
-} | {
-    status: 'success';
-    documents: RegistryDocument[];
-};
 /**
  * Builds a unified list of sidebar documents.
  *

package/dist/v2/features/app/hooks/use-sidebar-documents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar-documents.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-sidebar-documents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAA;AACnF,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,KAAK,CAAA;AAE9D,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,kDAAkD,CAAA;AAE3G,YAAY,EAAE,aAAa,EAAE,CAAA;AAE7B;;;;;;;GAOG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,qGAAqG;IACrG,GAAG,EAAE,MAAM,CAAA;IACX,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;;OAKG;IACH,MAAM,EAAE,aAAa,CAAA;IACrB;;;;;OAKG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB,2GAA2G;IAC3G,UAAU,CAAC,EAAE,iBAAiB,CAAA;CAC/B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,iHAAiH;IACjH,GAAG,EAAE,MAAM,CAAA;IACX;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,+GAA+G;IAC/G,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sGAAsG;IACtG,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,0FAA0F;IAC1F,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACnC,8FAA8F;IAC9F,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAsBD,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,sBAAsB,GAC9B;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAAE,GACrD;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAA;AAMxD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,WAAW,GACZ,EAAE;IACD,GAAG,EAAE,QAAQ,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAA;CAClD;;;;EA+HA"}
+{"version":3,"file":"use-sidebar-documents.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/hooks/use-sidebar-documents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAA;AACnF,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,KAAK,CAAA;AAE9D,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,kDAAkD,CAAA;AAC3G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,YAAY,EAAE,aAAa,EAAE,CAAA;AAE7B;;;;;;;GAOG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,qGAAqG;IACrG,GAAG,EAAE,MAAM,CAAA;IACX,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;;OAKG;IACH,MAAM,EAAE,aAAa,CAAA;IACrB;;;;;OAKG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB,2GAA2G;IAC3G,UAAU,CAAC,EAAE,iBAAiB,CAAA;CAC/B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,iHAAiH;IACjH,GAAG,EAAE,MAAM,CAAA;IACX;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,+GAA+G;IAC/G,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sGAAsG;IACtG,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,0FAA0F;IAC1F,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACnC,8FAA8F;IAC9F,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AA0BD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,WAAW,GACZ,EAAE;IACD,GAAG,EAAE,QAAQ,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAA;CAClD;;;;EA+HA"}

package/dist/v2/features/app/hooks/use-sidebar-documents.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar-documents.js","names":[],"sources":["../../../../../src/v2/features/app/hooks/use-sidebar-documents.ts"],"sourcesContent":["import type { AppState } from '@scalar/api-client/v2/features/app'\nimport type { TraversedDocument } from '@scalar/workspace-store/schemas/navigation'\nimport { type MaybeRefOrGetter, computed, toValue } from 'vue'\n\nimport { type VersionStatus, computeVersionStatus } from '@/v2/features/app/helpers/compute-version-status'\n\nexport type { VersionStatus }\n\n/**\n * A single version of a registry-backed document.\n *\n * On team workspaces, a registry document can advertise multiple versions and\n * each one may or may not have been imported into the local workspace store.\n * Loaded versions surface their `documentName` and traversal `navigation`,\n * unloaded versions are placeholders the sidebar can fetch on demand.\n */\nexport type SidebarDocumentVersion = {\n  /** Stable key: workspace `documentName` when loaded, otherwise `${namespace}/${slug}@${version}`. */\n  key: string\n  /** Version identifier as advertised by the registry. */\n  version: string\n  /** User-facing label for the version row. */\n  title: string\n  /** Workspace store document name when this version is loaded locally. */\n  documentName?: string\n  /**\n   * Commit hash recorded on the locally loaded workspace document, if any.\n   * Undefined when the version has not been imported into the workspace\n   * store or when the loaded document does not carry a hash.\n   */\n  commitHash?: string\n  /**\n   * Commit hash advertised by the registry for this version, if any.\n   * Compared against `commitHash` to derive `status`.\n   */\n  registryCommitHash?: string\n  /**\n   * Sync status surfaced for the version row. Derived from the local /\n   * registry commit hashes, the document's dirty flag and the cached\n   * conflict-check result on `x-scalar-registry-meta`. `unknown` is used\n   * for versions that are not loaded into the workspace store yet.\n   */\n  status: VersionStatus\n  /**\n   * True when this row is the canonical \"latest\" version of the group: the\n   * first version the registry advertises. Drafts (locally-created versions\n   * the registry has not seen yet) never get this flag, even when they are\n   * surfaced ahead of the registry-advertised rows in the picker.\n   */\n  isLatest: boolean\n  /** Traversal tree for this version. Populated only when the version is loaded into the workspace store. */\n  navigation?: TraversedDocument\n}\n\n/**\n * A unified item for the top-level of our sidebar.\n *\n * It can represent one of three things:\n *  - A workspace document that only exists locally (no registry link)\n *  - A workspace document that was imported from the registry\n *  - A registry document that has not yet been imported into the store\n *\n * For registry-backed entries, the parent fields (`navigation`, `documentName`)\n * mirror the active version so the sidebar template can render a single tree\n * without having to look up the active version itself. The full version list\n * lives in `versions`.\n */\nexport type SidebarDocumentItem = {\n  /** Stable key used for sidebar state: `@namespace/slug` for registry-backed entries, document name otherwise. */\n  key: string\n  /**\n   * User-facing title of the document. Registry-backed entries always surface\n   * the registry's title so the sidebar matches what the registry advertises,\n   * even when a locally loaded copy has been renamed. Standalone entries use\n   * the workspace document title.\n   */\n  title: string\n  /** Name of the document inside the workspace store (mirrors the active version on registry-backed entries). */\n  documentName?: string\n  /** Registry coordinates for the document group (without the version, which lives on `versions[]`). */\n  registry?: { namespace: string; slug: string }\n  /** Traversal tree of the active version (or the lone document for standalone entries). */\n  navigation?: TraversedDocument\n  /** Whether the document is pinned (todo: derived from `x-scalar-pinned`) */\n  isPinned?: boolean\n  /**\n   * All known versions of the document, ordered with the registry's ordering\n   * preserved (latest first by convention). Loaded versions surface their\n   * workspace `documentName` and `navigation`, unloaded ones act as\n   * placeholders the sidebar can fetch on demand. Undefined for standalone\n   * entries that have no registry coordinates.\n   */\n  versions?: SidebarDocumentVersion[]\n  /** Key of the version currently surfaced at the parent level (matches a `versions[].key`). */\n  activeVersionKey?: string\n}\n\n/** Internal projection of a workspace document used during grouping. */\ntype WorkspaceDocumentEntry = {\n  documentName: string\n  title: string\n  navigation?: TraversedDocument\n  isPinned?: boolean\n  /** Whether the workspace document has uncommitted local edits. */\n  isDirty?: boolean\n  registry?: {\n    namespace: string\n    slug: string\n    version?: string\n    commitHash?: string\n    /** Last registry hash the conflict cache was computed against. */\n    conflictCheckedAgainstHash?: string\n    /** Cached conflict-check outcome for `conflictCheckedAgainstHash`. */\n    hasConflict?: boolean\n  }\n}\n\ntype RegistryDocumentVersion = {\n  version: string\n  commitHash?: string\n}\n\nexport type RegistryDocument = {\n  namespace: string\n  slug: string\n  title: string\n  versions: RegistryDocumentVersion[]\n}\n\n/**\n * Loading-aware wrapper for the registry documents prop.\n *\n * The sidebar uses the `status` to decide whether to render skeleton\n * placeholders while the registry is being fetched. `documents` is optional\n * during loading so callers can either render nothing or stream in cached\n * results while a refresh is still in flight.\n */\nexport type RegistryDocumentsState =\n  | { status: 'loading'; documents?: RegistryDocument[] }\n  | { status: 'success'; documents: RegistryDocument[] }\n\nconst registryKey = (namespace: string, slug: string) => `@${namespace}/${slug}`\n\nconst versionKey = (namespace: string, slug: string, version: string) => `${registryKey(namespace, slug)}@${version}`\n\n/**\n * Builds a unified list of sidebar documents.\n *\n * Behavior:\n *  - Local workspaces (`teamUid === 'local'`) only show workspace documents.\n *    Registry documents are not considered at all.\n *  - Team workspaces group workspace documents by `namespace + slug` from\n *    `x-scalar-registry-meta`. Each unique registry coordinate produces a\n *    single sidebar entry whose versions are exposed as `versions`. The\n *    `versions` array merges the registry-advertised versions with any\n *    loaded workspace counterparts (matched by `version`). Registry\n *    documents that have no loaded match are still surfaced as entries\n *    waiting to be fetched.\n */\nexport function useSidebarDocuments({\n  app,\n  managedDocs,\n}: {\n  app: AppState\n  managedDocs: MaybeRefOrGetter<RegistryDocument[]>\n}) {\n  const isTeamWorkspace = app.workspace.isTeamWorkspace\n\n  /** Raw workspace documents projected into the shape the grouping logic needs. */\n  const workspaceEntries = computed<WorkspaceDocumentEntry[]>(() => {\n    const store = app.store.value\n    if (!store) {\n      return []\n    }\n\n    return Object.entries(store.workspace.documents).map(([name, doc]) => {\n      const registry = doc?.['x-scalar-registry-meta']\n      const navigation = doc?.['x-scalar-navigation'] as TraversedDocument | undefined\n\n      const title = navigation?.title || doc?.info?.title || 'Untitled'\n\n      return {\n        documentName: name,\n        title,\n        navigation,\n        // TODO: we can implement this later\n        isPinned: false,\n        isDirty: doc?.['x-scalar-is-dirty'] === true,\n        registry: registry\n          ? {\n              namespace: registry.namespace,\n              slug: registry.slug,\n              version: registry.version,\n              commitHash: registry.commitHash,\n              conflictCheckedAgainstHash: registry.conflictCheckedAgainstHash,\n              hasConflict: registry.hasConflict,\n            }\n          : undefined,\n      }\n    })\n  })\n\n  const documents = computed<SidebarDocumentItem[]>(() => {\n    // Local workspaces: show the workspace document list as-is, no registry\n    // grouping and no registry document lookups. The sidebar key is derived\n    // from the workspace document name (which is guaranteed unique because\n    // it is the map key in `store.workspace.documents`). If we keyed by\n    // registry coordinates instead, two local documents sharing the same\n    // `x-scalar-registry-meta` would produce duplicate Vue `:key`s in the\n    // sidebar `v-for` and silently collide on re-render.\n    if (!isTeamWorkspace.value) {\n      return workspaceEntries.value.map<SidebarDocumentItem>((entry) => ({\n        key: entry.documentName,\n        title: entry.title,\n        documentName: entry.documentName,\n        registry: undefined,\n        navigation: entry.navigation,\n        isPinned: entry.isPinned ?? false,\n      }))\n    }\n\n    const activeDocumentSlug = app.activeEntities.documentSlug.value\n\n    // 1. Bucket workspace documents by their registry `namespace + slug`.\n    //    Documents without registry meta remain standalone entries.\n    const workspaceByRegistry = new Map<string, WorkspaceDocumentEntry[]>()\n    const standalone: WorkspaceDocumentEntry[] = []\n\n    for (const entry of workspaceEntries.value) {\n      if (!entry.registry) {\n        standalone.push(entry)\n        continue\n      }\n      const key = registryKey(entry.registry.namespace, entry.registry.slug)\n      const bucket = workspaceByRegistry.get(key)\n      if (bucket) {\n        bucket.push(entry)\n      } else {\n        workspaceByRegistry.set(key, [entry])\n      }\n    }\n\n    // 2. Build entries from the registry, merging in any loaded workspace\n    //    counterparts. The registry's version order is preserved so the\n    //    \"first\" version on each entry is the latest one advertised.\n    const grouped: SidebarDocumentItem[] = []\n    const consumedRegistryKeys = new Set<string>()\n\n    for (const doc of toValue(managedDocs)) {\n      const key = registryKey(doc.namespace, doc.slug)\n      consumedRegistryKeys.add(key)\n      const loaded = workspaceByRegistry.get(key) ?? []\n      const item = buildRegistryItem({ key, registry: doc, loaded, activeDocumentSlug })\n      if (item) {\n        grouped.push(item)\n      }\n    }\n\n    // 3. Workspace docs that point at a registry coordinate the registry has\n    //    not advertised (yet) still need to appear in the sidebar so the user\n    //    is not stranded without an entry to click.\n    for (const [key, loaded] of workspaceByRegistry) {\n      if (consumedRegistryKeys.has(key)) {\n        continue\n      }\n      const first = loaded[0]?.registry\n      if (!first) {\n        continue\n      }\n      const item = buildRegistryItem({\n        key,\n        registry: {\n          namespace: first.namespace,\n          slug: first.slug,\n          title: loaded[0]?.title ?? first.slug,\n          versions: [],\n        },\n        loaded,\n        activeDocumentSlug,\n      })\n      if (item) {\n        grouped.push(item)\n      }\n    }\n\n    return [...grouped, ...standalone.map(toStandaloneItem)]\n  })\n\n  const pinned = computed(() => documents.value.filter((d) => d.isPinned))\n  const rest = computed(() => documents.value.filter((d) => !d.isPinned))\n\n  return { documents, pinned, rest }\n}\n\n/** Project a standalone (non-registry) workspace entry into a sidebar item. */\nconst toStandaloneItem = (entry: WorkspaceDocumentEntry): SidebarDocumentItem => ({\n  key: entry.documentName,\n  title: entry.title,\n  documentName: entry.documentName,\n  registry: undefined,\n  navigation: entry.navigation,\n  isPinned: entry.isPinned ?? false,\n})\n\n/**\n * Build a single registry-backed sidebar item. The version list is assembled\n * by walking the registry's advertised versions in order and pairing them\n * with any loaded workspace document that claims the same `version` string.\n * Loaded versions that the registry has not advertised are appended at the\n * end so they stay visible until the registry catches up.\n */\nconst buildRegistryItem = ({\n  key,\n  registry,\n  loaded,\n  activeDocumentSlug,\n}: {\n  key: string\n  registry: RegistryDocument\n  loaded: WorkspaceDocumentEntry[]\n  activeDocumentSlug: string | undefined\n}): SidebarDocumentItem | undefined => {\n  // Index loaded workspace docs by the version they claim. A workspace doc\n  // that does not declare a `version` is treated as an orphan and pushed to\n  // the bottom of the version list — it still belongs to the group but we\n  // cannot reconcile it with the registry.\n  const loadedByVersion = new Map<string, WorkspaceDocumentEntry>()\n  const orphans: WorkspaceDocumentEntry[] = []\n\n  for (const entry of loaded) {\n    const version = entry.registry?.version\n    if (!version) {\n      orphans.push(entry)\n      continue\n    }\n    if (loadedByVersion.has(version)) {\n      // Multiple workspace docs claim the same version; keep the first one\n      // (registry order wins) and surface the rest as orphans so they remain\n      // visible instead of silently disappearing.\n      orphans.push(entry)\n      continue\n    }\n    loadedByVersion.set(version, entry)\n  }\n\n  const versions: SidebarDocumentVersion[] = []\n\n  // Registry-backed rows always surface the registry title so the sidebar\n  // matches what the registry advertises. Local renames are intentionally\n  // ignored here; the slug is the last-resort fallback so the row always has\n  // something to render.\n  const groupTitle = registry.title || registry.slug\n\n  // Build the drafts list first: entries left in `loadedByVersion` after we\n  // remove every version the registry advertises. The workspace store\n  // preserves insertion order, so the newest draft is naturally last —\n  // reverse it here to surface the most recently created draft first.\n  const draftEntries: [string, WorkspaceDocumentEntry][] = []\n  for (const [version, match] of loadedByVersion) {\n    if (registry.versions.some((v) => v.version === version)) {\n      continue\n    }\n    draftEntries.push([version, match])\n  }\n  draftEntries.reverse()\n\n  // Drafts go on top: the user just created them and the registry has not\n  // seen them yet, so they are the most relevant rows in the picker.\n  // Drafts never carry the \"Latest\" badge — that label always belongs to\n  // the latest registry-advertised version, regardless of row position.\n  for (const [version, match] of draftEntries) {\n    versions.push({\n      key: match.documentName,\n      version,\n      title: groupTitle,\n      documentName: match.documentName,\n      commitHash: match.registry?.commitHash,\n      registryCommitHash: undefined,\n      status: computeVersionStatus({\n        isLoaded: true,\n        localHash: match.registry?.commitHash,\n        registryHash: undefined,\n        isDirty: match.isDirty,\n      }),\n      isLatest: false,\n      navigation: match.navigation,\n    })\n  }\n\n  // Then the registry-advertised versions, in the order the registry\n  // returned them (latest first by convention). The first one is the\n  // canonical \"latest\" — flagged here so the picker can render the badge\n  // independent of row order in the array.\n  registry.versions.forEach((v, registryIndex) => {\n    const match = loadedByVersion.get(v.version)\n    const localHash = match?.registry?.commitHash\n    const registryHash = v.commitHash\n    versions.push({\n      key: match ? match.documentName : versionKey(registry.namespace, registry.slug, v.version),\n      version: v.version,\n      title: groupTitle,\n      documentName: match?.documentName,\n      commitHash: localHash,\n      registryCommitHash: registryHash,\n      status: computeVersionStatus({\n        isLoaded: Boolean(match),\n        localHash,\n        registryHash,\n        isDirty: match?.isDirty,\n        conflictCheckedAgainstHash: match?.registry?.conflictCheckedAgainstHash,\n        hasConflict: match?.registry?.hasConflict,\n      }),\n      isLatest: registryIndex === 0,\n      navigation: match?.navigation,\n    })\n  })\n\n  // Loaded docs that did not declare a version at all.\n  for (const orphan of orphans) {\n    versions.push({\n      key: orphan.documentName,\n      version: orphan.registry?.version ?? '',\n      title: groupTitle,\n      documentName: orphan.documentName,\n      commitHash: orphan.registry?.commitHash,\n      registryCommitHash: undefined,\n      status: computeVersionStatus({\n        isLoaded: true,\n        localHash: orphan.registry?.commitHash,\n        registryHash: undefined,\n        isDirty: orphan.isDirty,\n      }),\n      isLatest: false,\n      navigation: orphan.navigation,\n    })\n  }\n\n  if (versions.length === 0) {\n    return undefined\n  }\n\n  // Pick the active version: prefer a loaded match against the active\n  // document slug, then any loaded version, then fall back to the first\n  // version (the latest advertised by the registry).\n  const activeVersion =\n    versions.find((v) => v.documentName !== undefined && v.documentName === activeDocumentSlug) ??\n    versions.find((v) => v.documentName !== undefined) ??\n    versions[0]!\n\n  return {\n    key,\n    title: groupTitle,\n    documentName: activeVersion.documentName,\n    registry: { namespace: registry.namespace, slug: registry.slug },\n    navigation: activeVersion.navigation,\n    isPinned: loaded.some((e) => e.isPinned),\n    versions,\n    activeVersionKey: activeVersion.key,\n  }\n}\n"],"mappings":";;;AA6IA,IAAM,eAAe,WAAmB,SAAiB,IAAI,UAAU,GAAG;AAE1E,IAAM,cAAc,WAAmB,MAAc,YAAoB,GAAG,YAAY,WAAW,KAAK,CAAC,GAAG;;;;;;;;;;;;;;;AAgB5G,SAAgB,oBAAoB,EAClC,KACA,eAIC;CACD,MAAM,kBAAkB,IAAI,UAAU;;CAGtC,MAAM,mBAAmB,eAAyC;EAChE,MAAM,QAAQ,IAAI,MAAM;AACxB,MAAI,CAAC,MACH,QAAO,EAAE;AAGX,SAAO,OAAO,QAAQ,MAAM,UAAU,UAAU,CAAC,KAAK,CAAC,MAAM,SAAS;GACpE,MAAM,WAAW,MAAM;GACvB,MAAM,aAAa,MAAM;AAIzB,UAAO;IACL,cAAc;IACd,OAJY,YAAY,SAAS,KAAK,MAAM,SAAS;IAKrD;IAEA,UAAU;IACV,SAAS,MAAM,yBAAyB;IACxC,UAAU,WACN;KACE,WAAW,SAAS;KACpB,MAAM,SAAS;KACf,SAAS,SAAS;KAClB,YAAY,SAAS;KACrB,4BAA4B,SAAS;KACrC,aAAa,SAAS;KACvB,GACD,KAAA;IACL;IACD;GACF;CAEF,MAAM,YAAY,eAAsC;AAQtD,MAAI,CAAC,gBAAgB,MACnB,QAAO,iBAAiB,MAAM,KAA0B,WAAW;GACjE,KAAK,MAAM;GACX,OAAO,MAAM;GACb,cAAc,MAAM;GACpB,UAAU,KAAA;GACV,YAAY,MAAM;GAClB,UAAU,MAAM,YAAY;GAC7B,EAAE;EAGL,MAAM,qBAAqB,IAAI,eAAe,aAAa;EAI3D,MAAM,sCAAsB,IAAI,KAAuC;EACvE,MAAM,aAAuC,EAAE;AAE/C,OAAK,MAAM,SAAS,iBAAiB,OAAO;AAC1C,OAAI,CAAC,MAAM,UAAU;AACnB,eAAW,KAAK,MAAM;AACtB;;GAEF,MAAM,MAAM,YAAY,MAAM,SAAS,WAAW,MAAM,SAAS,KAAK;GACtE,MAAM,SAAS,oBAAoB,IAAI,IAAI;AAC3C,OAAI,OACF,QAAO,KAAK,MAAM;OAElB,qBAAoB,IAAI,KAAK,CAAC,MAAM,CAAC;;EAOzC,MAAM,UAAiC,EAAE;EACzC,MAAM,uCAAuB,IAAI,KAAa;AAE9C,OAAK,MAAM,OAAO,QAAQ,YAAY,EAAE;GACtC,MAAM,MAAM,YAAY,IAAI,WAAW,IAAI,KAAK;AAChD,wBAAqB,IAAI,IAAI;GAE7B,MAAM,OAAO,kBAAkB;IAAE;IAAK,UAAU;IAAK,QADtC,oBAAoB,IAAI,IAAI,IAAI,EAAE;IACY;IAAoB,CAAC;AAClF,OAAI,KACF,SAAQ,KAAK,KAAK;;AAOtB,OAAK,MAAM,CAAC,KAAK,WAAW,qBAAqB;AAC/C,OAAI,qBAAqB,IAAI,IAAI,CAC/B;GAEF,MAAM,QAAQ,OAAO,IAAI;AACzB,OAAI,CAAC,MACH;GAEF,MAAM,OAAO,kBAAkB;IAC7B;IACA,UAAU;KACR,WAAW,MAAM;KACjB,MAAM,MAAM;KACZ,OAAO,OAAO,IAAI,SAAS,MAAM;KACjC,UAAU,EAAE;KACb;IACD;IACA;IACD,CAAC;AACF,OAAI,KACF,SAAQ,KAAK,KAAK;;AAItB,SAAO,CAAC,GAAG,SAAS,GAAG,WAAW,IAAI,iBAAiB,CAAC;GACxD;AAKF,QAAO;EAAE;EAAW,QAHL,eAAe,UAAU,MAAM,QAAQ,MAAM,EAAE,SAAS,CAAC;EAG5C,MAFf,eAAe,UAAU,MAAM,QAAQ,MAAM,CAAC,EAAE,SAAS,CAAC;EAErC;;;AAIpC,IAAM,oBAAoB,WAAwD;CAChF,KAAK,MAAM;CACX,OAAO,MAAM;CACb,cAAc,MAAM;CACpB,UAAU,KAAA;CACV,YAAY,MAAM;CAClB,UAAU,MAAM,YAAY;CAC7B;;;;;;;;AASD,IAAM,qBAAqB,EACzB,KACA,UACA,QACA,yBAMqC;CAKrC,MAAM,kCAAkB,IAAI,KAAqC;CACjE,MAAM,UAAoC,EAAE;AAE5C,MAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,UAAU,MAAM,UAAU;AAChC,MAAI,CAAC,SAAS;AACZ,WAAQ,KAAK,MAAM;AACnB;;AAEF,MAAI,gBAAgB,IAAI,QAAQ,EAAE;AAIhC,WAAQ,KAAK,MAAM;AACnB;;AAEF,kBAAgB,IAAI,SAAS,MAAM;;CAGrC,MAAM,WAAqC,EAAE;CAM7C,MAAM,aAAa,SAAS,SAAS,SAAS;CAM9C,MAAM,eAAmD,EAAE;AAC3D,MAAK,MAAM,CAAC,SAAS,UAAU,iBAAiB;AAC9C,MAAI,SAAS,SAAS,MAAM,MAAM,EAAE,YAAY,QAAQ,CACtD;AAEF,eAAa,KAAK,CAAC,SAAS,MAAM,CAAC;;AAErC,cAAa,SAAS;AAMtB,MAAK,MAAM,CAAC,SAAS,UAAU,aAC7B,UAAS,KAAK;EACZ,KAAK,MAAM;EACX;EACA,OAAO;EACP,cAAc,MAAM;EACpB,YAAY,MAAM,UAAU;EAC5B,oBAAoB,KAAA;EACpB,QAAQ,qBAAqB;GAC3B,UAAU;GACV,WAAW,MAAM,UAAU;GAC3B,cAAc,KAAA;GACd,SAAS,MAAM;GAChB,CAAC;EACF,UAAU;EACV,YAAY,MAAM;EACnB,CAAC;AAOJ,UAAS,SAAS,SAAS,GAAG,kBAAkB;EAC9C,MAAM,QAAQ,gBAAgB,IAAI,EAAE,QAAQ;EAC5C,MAAM,YAAY,OAAO,UAAU;EACnC,MAAM,eAAe,EAAE;AACvB,WAAS,KAAK;GACZ,KAAK,QAAQ,MAAM,eAAe,WAAW,SAAS,WAAW,SAAS,MAAM,EAAE,QAAQ;GAC1F,SAAS,EAAE;GACX,OAAO;GACP,cAAc,OAAO;GACrB,YAAY;GACZ,oBAAoB;GACpB,QAAQ,qBAAqB;IAC3B,UAAU,QAAQ,MAAM;IACxB;IACA;IACA,SAAS,OAAO;IAChB,4BAA4B,OAAO,UAAU;IAC7C,aAAa,OAAO,UAAU;IAC/B,CAAC;GACF,UAAU,kBAAkB;GAC5B,YAAY,OAAO;GACpB,CAAC;GACF;AAGF,MAAK,MAAM,UAAU,QACnB,UAAS,KAAK;EACZ,KAAK,OAAO;EACZ,SAAS,OAAO,UAAU,WAAW;EACrC,OAAO;EACP,cAAc,OAAO;EACrB,YAAY,OAAO,UAAU;EAC7B,oBAAoB,KAAA;EACpB,QAAQ,qBAAqB;GAC3B,UAAU;GACV,WAAW,OAAO,UAAU;GAC5B,cAAc,KAAA;GACd,SAAS,OAAO;GACjB,CAAC;EACF,UAAU;EACV,YAAY,OAAO;EACpB,CAAC;AAGJ,KAAI,SAAS,WAAW,EACtB;CAMF,MAAM,gBACJ,SAAS,MAAM,MAAM,EAAE,iBAAiB,KAAA,KAAa,EAAE,iBAAiB,mBAAmB,IAC3F,SAAS,MAAM,MAAM,EAAE,iBAAiB,KAAA,EAAU,IAClD,SAAS;AAEX,QAAO;EACL;EACA,OAAO;EACP,cAAc,cAAc;EAC5B,UAAU;GAAE,WAAW,SAAS;GAAW,MAAM,SAAS;GAAM;EAChE,YAAY,cAAc;EAC1B,UAAU,OAAO,MAAM,MAAM,EAAE,SAAS;EACxC;EACA,kBAAkB,cAAc;EACjC"}
+{"version":3,"file":"use-sidebar-documents.js","names":[],"sources":["../../../../../src/v2/features/app/hooks/use-sidebar-documents.ts"],"sourcesContent":["import type { AppState } from '@scalar/api-client/v2/features/app'\nimport type { TraversedDocument } from '@scalar/workspace-store/schemas/navigation'\nimport { type MaybeRefOrGetter, computed, toValue } from 'vue'\n\nimport { type VersionStatus, computeVersionStatus } from '@/v2/features/app/helpers/compute-version-status'\nimport type { RegistryDocument } from '@/v2/types/configuration'\n\nexport type { VersionStatus }\n\n/**\n * A single version of a registry-backed document.\n *\n * On team workspaces, a registry document can advertise multiple versions and\n * each one may or may not have been imported into the local workspace store.\n * Loaded versions surface their `documentName` and traversal `navigation`,\n * unloaded versions are placeholders the sidebar can fetch on demand.\n */\nexport type SidebarDocumentVersion = {\n  /** Stable key: workspace `documentName` when loaded, otherwise `${namespace}/${slug}@${version}`. */\n  key: string\n  /** Version identifier as advertised by the registry. */\n  version: string\n  /** User-facing label for the version row. */\n  title: string\n  /** Workspace store document name when this version is loaded locally. */\n  documentName?: string\n  /**\n   * Commit hash recorded on the locally loaded workspace document, if any.\n   * Undefined when the version has not been imported into the workspace\n   * store or when the loaded document does not carry a hash.\n   */\n  commitHash?: string\n  /**\n   * Commit hash advertised by the registry for this version, if any.\n   * Compared against `commitHash` to derive `status`.\n   */\n  registryCommitHash?: string\n  /**\n   * Sync status surfaced for the version row. Derived from the local /\n   * registry commit hashes, the document's dirty flag and the cached\n   * conflict-check result on `x-scalar-registry-meta`. `unknown` is used\n   * for versions that are not loaded into the workspace store yet.\n   */\n  status: VersionStatus\n  /**\n   * True when this row is the canonical \"latest\" version of the group: the\n   * first version the registry advertises. Drafts (locally-created versions\n   * the registry has not seen yet) never get this flag, even when they are\n   * surfaced ahead of the registry-advertised rows in the picker.\n   */\n  isLatest: boolean\n  /** Traversal tree for this version. Populated only when the version is loaded into the workspace store. */\n  navigation?: TraversedDocument\n}\n\n/**\n * A unified item for the top-level of our sidebar.\n *\n * It can represent one of three things:\n *  - A workspace document that only exists locally (no registry link)\n *  - A workspace document that was imported from the registry\n *  - A registry document that has not yet been imported into the store\n *\n * For registry-backed entries, the parent fields (`navigation`, `documentName`)\n * mirror the active version so the sidebar template can render a single tree\n * without having to look up the active version itself. The full version list\n * lives in `versions`.\n */\nexport type SidebarDocumentItem = {\n  /** Stable key used for sidebar state: `@namespace/slug` for registry-backed entries, document name otherwise. */\n  key: string\n  /**\n   * User-facing title of the document. Registry-backed entries always surface\n   * the registry's title so the sidebar matches what the registry advertises,\n   * even when a locally loaded copy has been renamed. Standalone entries use\n   * the workspace document title.\n   */\n  title: string\n  /** Name of the document inside the workspace store (mirrors the active version on registry-backed entries). */\n  documentName?: string\n  /** Registry coordinates for the document group (without the version, which lives on `versions[]`). */\n  registry?: { namespace: string; slug: string }\n  /** Traversal tree of the active version (or the lone document for standalone entries). */\n  navigation?: TraversedDocument\n  /** Whether the document is pinned (todo: derived from `x-scalar-pinned`) */\n  isPinned?: boolean\n  /**\n   * All known versions of the document, ordered with the registry's ordering\n   * preserved (latest first by convention). Loaded versions surface their\n   * workspace `documentName` and `navigation`, unloaded ones act as\n   * placeholders the sidebar can fetch on demand. Undefined for standalone\n   * entries that have no registry coordinates.\n   */\n  versions?: SidebarDocumentVersion[]\n  /** Key of the version currently surfaced at the parent level (matches a `versions[].key`). */\n  activeVersionKey?: string\n}\n\n/** Internal projection of a workspace document used during grouping. */\ntype WorkspaceDocumentEntry = {\n  documentName: string\n  title: string\n  navigation?: TraversedDocument\n  isPinned?: boolean\n  /** Whether the workspace document has uncommitted local edits. */\n  isDirty?: boolean\n  registry?: {\n    namespace: string\n    slug: string\n    version?: string\n    commitHash?: string\n    /** Last registry hash the conflict cache was computed against. */\n    conflictCheckedAgainstHash?: string\n    /** Cached conflict-check outcome for `conflictCheckedAgainstHash`. */\n    hasConflict?: boolean\n  }\n}\n\nconst registryKey = (namespace: string, slug: string) => `@${namespace}/${slug}`\n\nconst versionKey = (namespace: string, slug: string, version: string) => `${registryKey(namespace, slug)}@${version}`\n\n/**\n * Builds a unified list of sidebar documents.\n *\n * Behavior:\n *  - Local workspaces (`teamUid === 'local'`) only show workspace documents.\n *    Registry documents are not considered at all.\n *  - Team workspaces group workspace documents by `namespace + slug` from\n *    `x-scalar-registry-meta`. Each unique registry coordinate produces a\n *    single sidebar entry whose versions are exposed as `versions`. The\n *    `versions` array merges the registry-advertised versions with any\n *    loaded workspace counterparts (matched by `version`). Registry\n *    documents that have no loaded match are still surfaced as entries\n *    waiting to be fetched.\n */\nexport function useSidebarDocuments({\n  app,\n  managedDocs,\n}: {\n  app: AppState\n  managedDocs: MaybeRefOrGetter<RegistryDocument[]>\n}) {\n  const isTeamWorkspace = app.workspace.isTeamWorkspace\n\n  /** Raw workspace documents projected into the shape the grouping logic needs. */\n  const workspaceEntries = computed<WorkspaceDocumentEntry[]>(() => {\n    const store = app.store.value\n    if (!store) {\n      return []\n    }\n\n    return Object.entries(store.workspace.documents).map(([name, doc]) => {\n      const registry = doc?.['x-scalar-registry-meta']\n      const navigation = doc?.['x-scalar-navigation'] as TraversedDocument | undefined\n\n      const title = navigation?.title || doc?.info?.title || 'Untitled'\n\n      return {\n        documentName: name,\n        title,\n        navigation,\n        // TODO: we can implement this later\n        isPinned: false,\n        isDirty: doc?.['x-scalar-is-dirty'] === true,\n        registry: registry\n          ? {\n              namespace: registry.namespace,\n              slug: registry.slug,\n              version: registry.version,\n              commitHash: registry.commitHash,\n              conflictCheckedAgainstHash: registry.conflictCheckedAgainstHash,\n              hasConflict: registry.hasConflict,\n            }\n          : undefined,\n      }\n    })\n  })\n\n  const documents = computed<SidebarDocumentItem[]>(() => {\n    // Local workspaces: show the workspace document list as-is, no registry\n    // grouping and no registry document lookups. The sidebar key is derived\n    // from the workspace document name (which is guaranteed unique because\n    // it is the map key in `store.workspace.documents`). If we keyed by\n    // registry coordinates instead, two local documents sharing the same\n    // `x-scalar-registry-meta` would produce duplicate Vue `:key`s in the\n    // sidebar `v-for` and silently collide on re-render.\n    if (!isTeamWorkspace.value) {\n      return workspaceEntries.value.map<SidebarDocumentItem>((entry) => ({\n        key: entry.documentName,\n        title: entry.title,\n        documentName: entry.documentName,\n        registry: undefined,\n        navigation: entry.navigation,\n        isPinned: entry.isPinned ?? false,\n      }))\n    }\n\n    const activeDocumentSlug = app.activeEntities.documentSlug.value\n\n    // 1. Bucket workspace documents by their registry `namespace + slug`.\n    //    Documents without registry meta remain standalone entries.\n    const workspaceByRegistry = new Map<string, WorkspaceDocumentEntry[]>()\n    const standalone: WorkspaceDocumentEntry[] = []\n\n    for (const entry of workspaceEntries.value) {\n      if (!entry.registry) {\n        standalone.push(entry)\n        continue\n      }\n      const key = registryKey(entry.registry.namespace, entry.registry.slug)\n      const bucket = workspaceByRegistry.get(key)\n      if (bucket) {\n        bucket.push(entry)\n      } else {\n        workspaceByRegistry.set(key, [entry])\n      }\n    }\n\n    // 2. Build entries from the registry, merging in any loaded workspace\n    //    counterparts. The registry's version order is preserved so the\n    //    \"first\" version on each entry is the latest one advertised.\n    const grouped: SidebarDocumentItem[] = []\n    const consumedRegistryKeys = new Set<string>()\n\n    for (const doc of toValue(managedDocs)) {\n      const key = registryKey(doc.namespace, doc.slug)\n      consumedRegistryKeys.add(key)\n      const loaded = workspaceByRegistry.get(key) ?? []\n      const item = buildRegistryItem({ key, registry: doc, loaded, activeDocumentSlug })\n      if (item) {\n        grouped.push(item)\n      }\n    }\n\n    // 3. Workspace docs that point at a registry coordinate the registry has\n    //    not advertised (yet) still need to appear in the sidebar so the user\n    //    is not stranded without an entry to click.\n    for (const [key, loaded] of workspaceByRegistry) {\n      if (consumedRegistryKeys.has(key)) {\n        continue\n      }\n      const first = loaded[0]?.registry\n      if (!first) {\n        continue\n      }\n      const item = buildRegistryItem({\n        key,\n        registry: {\n          namespace: first.namespace,\n          slug: first.slug,\n          title: loaded[0]?.title ?? first.slug,\n          versions: [],\n        },\n        loaded,\n        activeDocumentSlug,\n      })\n      if (item) {\n        grouped.push(item)\n      }\n    }\n\n    return [...grouped, ...standalone.map(toStandaloneItem)]\n  })\n\n  const pinned = computed(() => documents.value.filter((d) => d.isPinned))\n  const rest = computed(() => documents.value.filter((d) => !d.isPinned))\n\n  return { documents, pinned, rest }\n}\n\n/** Project a standalone (non-registry) workspace entry into a sidebar item. */\nconst toStandaloneItem = (entry: WorkspaceDocumentEntry): SidebarDocumentItem => ({\n  key: entry.documentName,\n  title: entry.title,\n  documentName: entry.documentName,\n  registry: undefined,\n  navigation: entry.navigation,\n  isPinned: entry.isPinned ?? false,\n})\n\n/**\n * Build a single registry-backed sidebar item. The version list is assembled\n * by walking the registry's advertised versions in order and pairing them\n * with any loaded workspace document that claims the same `version` string.\n * Loaded versions that the registry has not advertised are appended at the\n * end so they stay visible until the registry catches up.\n */\nconst buildRegistryItem = ({\n  key,\n  registry,\n  loaded,\n  activeDocumentSlug,\n}: {\n  key: string\n  registry: RegistryDocument\n  loaded: WorkspaceDocumentEntry[]\n  activeDocumentSlug: string | undefined\n}): SidebarDocumentItem | undefined => {\n  // Index loaded workspace docs by the version they claim. A workspace doc\n  // that does not declare a `version` is treated as an orphan and pushed to\n  // the bottom of the version list — it still belongs to the group but we\n  // cannot reconcile it with the registry.\n  const loadedByVersion = new Map<string, WorkspaceDocumentEntry>()\n  const orphans: WorkspaceDocumentEntry[] = []\n\n  for (const entry of loaded) {\n    const version = entry.registry?.version\n    if (!version) {\n      orphans.push(entry)\n      continue\n    }\n    if (loadedByVersion.has(version)) {\n      // Multiple workspace docs claim the same version; keep the first one\n      // (registry order wins) and surface the rest as orphans so they remain\n      // visible instead of silently disappearing.\n      orphans.push(entry)\n      continue\n    }\n    loadedByVersion.set(version, entry)\n  }\n\n  const versions: SidebarDocumentVersion[] = []\n\n  // Registry-backed rows always surface the registry title so the sidebar\n  // matches what the registry advertises. Local renames are intentionally\n  // ignored here; the slug is the last-resort fallback so the row always has\n  // something to render.\n  const groupTitle = registry.title || registry.slug\n\n  // Build the drafts list first: entries left in `loadedByVersion` after we\n  // remove every version the registry advertises. The workspace store\n  // preserves insertion order, so the newest draft is naturally last —\n  // reverse it here to surface the most recently created draft first.\n  const draftEntries: [string, WorkspaceDocumentEntry][] = []\n  for (const [version, match] of loadedByVersion) {\n    if (registry.versions.some((v) => v.version === version)) {\n      continue\n    }\n    draftEntries.push([version, match])\n  }\n  draftEntries.reverse()\n\n  // Drafts go on top: the user just created them and the registry has not\n  // seen them yet, so they are the most relevant rows in the picker.\n  // Drafts never carry the \"Latest\" badge — that label always belongs to\n  // the latest registry-advertised version, regardless of row position.\n  for (const [version, match] of draftEntries) {\n    versions.push({\n      key: match.documentName,\n      version,\n      title: groupTitle,\n      documentName: match.documentName,\n      commitHash: match.registry?.commitHash,\n      registryCommitHash: undefined,\n      status: computeVersionStatus({\n        isLoaded: true,\n        localHash: match.registry?.commitHash,\n        registryHash: undefined,\n        isDirty: match.isDirty,\n      }),\n      isLatest: false,\n      navigation: match.navigation,\n    })\n  }\n\n  // Then the registry-advertised versions, in the order the registry\n  // returned them (latest first by convention). The first one is the\n  // canonical \"latest\" — flagged here so the picker can render the badge\n  // independent of row order in the array.\n  registry.versions.forEach((v, registryIndex) => {\n    const match = loadedByVersion.get(v.version)\n    const localHash = match?.registry?.commitHash\n    const registryHash = v.commitHash\n    versions.push({\n      key: match ? match.documentName : versionKey(registry.namespace, registry.slug, v.version),\n      version: v.version,\n      title: groupTitle,\n      documentName: match?.documentName,\n      commitHash: localHash,\n      registryCommitHash: registryHash,\n      status: computeVersionStatus({\n        isLoaded: Boolean(match),\n        localHash,\n        registryHash,\n        isDirty: match?.isDirty,\n        conflictCheckedAgainstHash: match?.registry?.conflictCheckedAgainstHash,\n        hasConflict: match?.registry?.hasConflict,\n      }),\n      isLatest: registryIndex === 0,\n      navigation: match?.navigation,\n    })\n  })\n\n  // Loaded docs that did not declare a version at all.\n  for (const orphan of orphans) {\n    versions.push({\n      key: orphan.documentName,\n      version: orphan.registry?.version ?? '',\n      title: groupTitle,\n      documentName: orphan.documentName,\n      commitHash: orphan.registry?.commitHash,\n      registryCommitHash: undefined,\n      status: computeVersionStatus({\n        isLoaded: true,\n        localHash: orphan.registry?.commitHash,\n        registryHash: undefined,\n        isDirty: orphan.isDirty,\n      }),\n      isLatest: false,\n      navigation: orphan.navigation,\n    })\n  }\n\n  if (versions.length === 0) {\n    return undefined\n  }\n\n  // Pick the active version: prefer a loaded match against the active\n  // document slug, then any loaded version, then fall back to the first\n  // version (the latest advertised by the registry).\n  const activeVersion =\n    versions.find((v) => v.documentName !== undefined && v.documentName === activeDocumentSlug) ??\n    versions.find((v) => v.documentName !== undefined) ??\n    versions[0]!\n\n  return {\n    key,\n    title: groupTitle,\n    documentName: activeVersion.documentName,\n    registry: { namespace: registry.namespace, slug: registry.slug },\n    navigation: activeVersion.navigation,\n    isPinned: loaded.some((e) => e.isPinned),\n    versions,\n    activeVersionKey: activeVersion.key,\n  }\n}\n"],"mappings":"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"}

package/dist/v2/features/app/index.d.ts

@@ -2,9 +2,9 @@ export { type AppState, createAppState } from '../../../v2/features/app/app-stat
 export { default as CreateWorkspaceModal } from '../../../v2/features/app/components/CreateWorkspaceModal.vue.js';
 export { default as CommandActionForm } from '../../../v2/features/command-palette/components/CommandActionForm.vue.js';
 export { default as CommandActionInput } from '../../../v2/features/command-palette/components/CommandActionInput.vue.js';
+export type { RegistryAdapter, RegistryDocumentsState } from '../../../v2/types/configuration';
 export type { ClientLayout } from '../../../v2/types/layout';
 export { type CommandPaletteAction, type CommandPaletteRoute, baseClientActions, baseRoutes, useCommandPaletteState, } from '../command-palette/hooks/use-command-palette-state.js';
 export { default as ClientApp } from './App.vue.js';
 export { createApiClientApp, createAppRouter } from './helpers/create-api-client-app.js';
-export type { RegistryDocumentsState } from './hooks/use-sidebar-documents.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uDAAuD,CAAA;AACvG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gEAAgE,CAAA;AAC7G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iEAAiE,CAAA;AAC/G,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,iBAAiB,EACjB,UAAU,EACV,sBAAsB,GACvB,MAAM,oDAAoD,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AACrF,YAAY,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uDAAuD,CAAA;AACvG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gEAAgE,CAAA;AAC7G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iEAAiE,CAAA;AAC/G,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACvF,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,iBAAiB,EACjB,UAAU,EACV,sBAAsB,GACvB,MAAM,oDAAoD,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/v2/features/collection/DocumentCollection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AAofA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAQlE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,gSAo4Bd,CAAC"}
+{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AAwJA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAOlE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,gSAmTd,CAAC"}

package/dist/v2/features/collection/DocumentCollection.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollection.vue.js","names":[],"sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Document Collection Page\n *\n * Displays primary document editing and viewing interface, enabling users to:\n *   - Choose a document icon\n *   - Edit the document title\n *   - Navigate among Overview, Servers, Authentication, Environment, Cookies, and Settings tabs\n */\nexport default {\n  name: 'DocumentCollection',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarModal,\n  ScalarSavePrompt,\n  useLoadingState,\n  useModal,\n} from '@scalar/components'\nimport {\n  ScalarIconCloudArrowDown,\n  ScalarIconDownload,\n  ScalarIconFloppyDisk,\n  ScalarIconSpinner,\n  ScalarIconWarning,\n} from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { apply, type Difference, type merge } from '@scalar/json-magic/diff'\nimport { useToasts } from '@scalar/use-toasts'\nimport { deepClone } from '@scalar/workspace-store/helpers/deep-clone'\nimport { computed, ref } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { downloadAsFile } from '@/v2/helpers/download-document'\n\nimport LabelInput from './components/LabelInput.vue'\nimport SyncConflictResolutionEditor from './components/SyncConflictResolutionEditor.vue'\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\n/** Snag the title from the info object */\nconst title = computed(() => props.document?.info?.title ?? '')\n\n/** Default to the folder icon */\nconst icon = computed(\n  () => props.document?.['x-scalar-icon'] || 'interface-content-folder',\n)\n\nconst syncModal = useModal()\nconst dirtyBeforeSyncModal = useModal()\n\nconst isDocumentDirty = computed(\n  () => props.document?.['x-scalar-is-dirty'] === true,\n)\n\nconst saveLoader = useLoadingState()\n\nconst documentSourceUrl = computed(\n  () => props.document?.['x-scalar-original-source-url'] as string | undefined,\n)\n\nconst documentRegistryMeta = computed(\n  () =>\n    props.document?.['x-scalar-registry-meta'] as\n      | {\n          namespace: string\n          slug: string\n          version: string\n          commitHash?: string\n        }\n      | undefined,\n)\n\n/** Show Sync when the document has a source URL or registry meta (registry can be used if fetchRegistryDocument is set). */\nconst canShowSyncButton = computed(\n  () =>\n    documentSourceUrl.value !== undefined ||\n    documentRegistryMeta.value !== undefined,\n)\n\nconst { toast } = useToasts()\n\nconst undoChanges = () => {\n  props.workspaceStore.revertDocumentChanges(props.documentSlug)\n}\n\nconst saveChanges = async () => {\n  saveLoader.start()\n  const res = await props.workspaceStore.saveDocument(props.documentSlug)\n  await (res ? saveLoader.validate() : saveLoader.invalidate({ persist: true }))\n}\n\n/** Downloads the document as a JSON file using the last saved state. */\nconst downloadDocument = () => {\n  const content = props.workspaceStore.exportDocument(\n    props.documentSlug,\n    'json',\n    false,\n  )\n  if (!content) return\n  const baseName = title.value.replace(/[^\\w\\s-]/g, '').trim() || 'document'\n  downloadAsFile(content, `${baseName}.json`)\n}\n\nconst handleSaveThenCloseDirtyModal = async () => {\n  await props.workspaceStore.saveDocument(props.documentSlug)\n  dirtyBeforeSyncModal.hide()\n  await handleSyncFlow()\n}\n\nconst handleDiscardThenCloseDirtyModal = async () => {\n  await props.workspaceStore.revertDocumentChanges(props.documentSlug)\n  dirtyBeforeSyncModal.hide()\n  await handleSyncFlow()\n}\n\nconst isSyncInProgress = ref(false)\n\nconst rebaseResult = ref<{\n  originalDocument: Record<string, unknown>\n  resolvedDocument: Record<string, unknown>\n  conflicts: ReturnType<typeof merge>['conflicts']\n  applyChanges: (\n    applyChangesInput:\n      | {\n          resolvedConflicts: Difference<unknown>[]\n        }\n      | {\n          resolvedDocument: Record<string, unknown>\n        },\n  ) => Promise<void>\n} | null>(null)\n\n/**\n * Resolves the source for syncing. Registry meta has priority over x-scalar-original-source-url\n * when fetchRegistryDocument is provided. Returns either a URL or the full document object.\n */\nconst resolveSyncInput = async (): Promise<\n  { url: string } | { document: Record<string, unknown> } | null\n> => {\n  const registryMeta = documentRegistryMeta.value\n  if (registryMeta && props.fetchRegistryDocument) {\n    try {\n      const result = await props.fetchRegistryDocument({\n        namespace: registryMeta.namespace,\n        slug: registryMeta.slug,\n        version: registryMeta.version,\n      })\n      if (!result.ok) {\n        toast(result.error, 'error')\n        return null\n      }\n      return { document: result.data }\n    } catch (err) {\n      toast('Failed to resolve document from registry', 'error')\n      return null\n    }\n  }\n  const url = documentSourceUrl.value\n  if (url) {\n    return { url }\n  }\n  return null\n}\n\n/**\n * Handles actions to perform when synchronization is complete.\n * Hides the sync modal, resets the sync progress flag, and emits the\n * 'hooks:on:rebase:document:complete' event with document metadata.\n */\nconst onSyncComplete = () => {\n  syncModal.hide()\n  isSyncInProgress.value = false\n  // Display the toast to show that the sync is complete\n  toast(\n    'Your document has been rebased with the latest version from the source.',\n    'info',\n  )\n  // Emit the event to notify other components that the sync is complete\n  props.eventBus.emit('hooks:on:rebase:document:complete', {\n    meta: {\n      documentName: props.documentSlug,\n    },\n  })\n}\n\n/**\n * Handles errors that occur during synchronization.\n * If an error string is provided, it displays the error via toast.\n * Always resets the sync progress flag.\n */\nconst onSyncError = (error: string | null) => {\n  if (error !== null) {\n    toast(error, 'error')\n  }\n  isSyncInProgress.value = false\n}\n\n/**\n * Handles the synchronization flow for a document.\n * Checks for unsaved changes, resolves source (registry over URL),\n * initiates rebasing, handles conflicts, and emits completion events.\n * If conflicts are detected, a modal dialog is shown for user resolution.\n */\nconst handleSyncFlow = async () => {\n  if (isDocumentDirty.value) {\n    dirtyBeforeSyncModal.show()\n    return\n  }\n\n  if (isSyncInProgress.value) {\n    return\n  }\n\n  isSyncInProgress.value = true\n\n  const input = await resolveSyncInput()\n  if (!input) {\n    onSyncError(null)\n    return\n  }\n\n  const result = await props.workspaceStore.rebaseDocument({\n    name: props.documentSlug,\n    ...input,\n  })\n\n  if (result?.ok) {\n    const originalDocument =\n      props.workspaceStore.getOriginalDocument(props.documentSlug) ?? {}\n    rebaseResult.value = {\n      conflicts: result.conflicts,\n      applyChanges: result.applyChanges,\n      resolvedDocument: apply(deepClone(originalDocument), result.changes),\n      originalDocument,\n    }\n\n    if (rebaseResult.value.conflicts.length > 0) {\n      syncModal.show()\n    } else {\n      // If there is no conflict just rebase immediately\n      await rebaseResult.value?.applyChanges({\n        resolvedDocument: rebaseResult.value.resolvedDocument,\n      })\n      onSyncComplete()\n    }\n  } else if (result?.ok === false && result.type === 'NO_CHANGES_DETECTED') {\n    // Emit the event either way even if there was no need to rebase the document\n    onSyncComplete()\n  } else {\n    onSyncError('Failed to sync document')\n  }\n}\n\n/*\n * Handles applying changes to the current document after conflict resolution.\n * Emits a completion event and hides the sync modal dialog.\n */\nconst handleApplyChanges = async ({\n  resolvedDocument,\n}: {\n  resolvedDocument: Record<string, unknown>\n}) => {\n  await rebaseResult.value?.applyChanges({ resolvedDocument })\n  props.eventBus.emit('hooks:on:rebase:document:complete', {\n    meta: {\n      documentName: props.documentSlug,\n    },\n  })\n  syncModal.hide()\n}\n\n/**\n * Resets sync state when the sync conflict modal is closed (dismissed or after\n * applying changes). Ensures the Sync button is re-enabled and conflict state\n * is cleared.\n */\nconst onSyncModalClose = () => {\n  isSyncInProgress.value = false\n  rebaseResult.value = null\n}\n</script>\n\n<template>\n  <div class=\"custom-scroll h-full\">\n    <div\n      v-if=\"document\"\n      class=\"md:max-w-content w-full px-3 md:mx-auto\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${title}`\"\n        class=\"md:max-w-content mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:pt-6\">\n        <ScalarSavePrompt\n          v-model=\"isDocumentDirty\"\n          class=\"w-content-padded-4 max-w-full-padded-4 absolute\"\n          :loader=\"saveLoader\"\n          @discard=\"undoChanges\"\n          @save=\"saveChanges\" />\n        <div class=\"flex flex-row items-center justify-between gap-2\">\n          <div class=\"flex min-w-0 items-center gap-2\">\n            <IconSelector\n              :modelValue=\"icon\"\n              placement=\"bottom-start\"\n              @update:modelValue=\"\n                (icon) => eventBus.emit('document:update:icon', icon)\n              \">\n              <ScalarButton\n                class=\"hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit\"\n                variant=\"ghost\">\n                <LibraryIcon\n                  class=\"text-c-2 size-5\"\n                  :src=\"icon\"\n                  stroke-width=\"2\" />\n              </ScalarButton>\n            </IconSelector>\n\n            <div class=\"group relative ml-1.25 min-w-0\">\n              <LabelInput\n                class=\"text-xl font-bold\"\n                inputId=\"documentName\"\n                :modelValue=\"title\"\n                @update:modelValue=\"\n                  (title) => eventBus.emit('document:update:info', { title })\n                \" />\n            </div>\n          </div>\n\n          <ScalarButton\n            class=\"text-c-2 hover:text-c-1 flex shrink-0 items-center gap-2\"\n            size=\"xs\"\n            type=\"button\"\n            variant=\"ghost\"\n            @click=\"downloadDocument\">\n            <ScalarIconDownload\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Download document</span>\n          </ScalarButton>\n\n          <ScalarButton\n            v-if=\"canShowSyncButton\"\n            class=\"text-c-2 hover:text-c-1 shrink-0 gap-1.5\"\n            data-testid=\"document-sync-button\"\n            :disabled=\"isSyncInProgress\"\n            size=\"xs\"\n            :title=\"'Pull the latest version from the document source and merge with your local copy. Save your changes first if you have unsaved edits.'\"\n            type=\"button\"\n            variant=\"ghost\"\n            @click=\"handleSyncFlow\">\n            <ScalarIconSpinner\n              v-if=\"isSyncInProgress\"\n              class=\"size-3.5 animate-spin\"\n              size=\"sm\" />\n            <ScalarIconCloudArrowDown\n              v-else\n              class=\"size-3.5\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Sync from source</span>\n          </ScalarButton>\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"document\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 pt-8 pb-20\">\n        <RouterView v-slot=\"{ Component }\">\n          <component\n            :is=\"Component\"\n            v-bind=\"props\"\n            collectionType=\"document\" />\n        </RouterView>\n      </div>\n    </div>\n\n    <!-- Document not found -->\n    <div\n      v-else\n      class=\"flex w-full flex-1 items-center justify-center\">\n      <div class=\"flex h-full flex-col items-center justify-center\">\n        <h1 class=\"text-2xl font-bold\">Document not found</h1>\n        <p class=\"text-gray-500\">\n          The document you are looking for does not exist.\n        </p>\n      </div>\n    </div>\n  </div>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg flex flex-col gap-5\"\n    size=\"xs\"\n    :state=\"dirtyBeforeSyncModal\"\n    title=\"Sync requires saved document\"\n    @close=\"dirtyBeforeSyncModal.hide()\">\n    <div class=\"flex flex-col gap-5\">\n      <div class=\"flex gap-3\">\n        <div\n          aria-hidden=\"true\"\n          class=\"bg-b-3 text-c-2 flex size-10 shrink-0 items-center justify-center rounded-lg\">\n          <ScalarIconWarning class=\"text-yellow size-5\" />\n        </div>\n        <div class=\"min-w-0 flex-1 space-y-1\">\n          <p class=\"text-c-1 text-sm leading-snug font-medium\">\n            You have unsaved changes\n          </p>\n          <p class=\"text-c-2 text-sm leading-relaxed\">\n            Save your work to keep changes, or discard to revert to the last\n            saved version. Then you can sync with the source.\n          </p>\n        </div>\n      </div>\n      <div class=\"flex flex-wrap items-center justify-end gap-2 border-t pt-4\">\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"ghost\"\n          @click=\"dirtyBeforeSyncModal.hide()\">\n          Cancel\n        </ScalarButton>\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outlined\"\n          @click=\"handleDiscardThenCloseDirtyModal\">\n          Discard changes\n        </ScalarButton>\n        <ScalarButton\n          class=\"flex items-center gap-2\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"solid\"\n          @click=\"handleSaveThenCloseDirtyModal\">\n          <ScalarIconFloppyDisk\n            size=\"sm\"\n            thickness=\"1.5\" />\n          Save and continue\n        </ScalarButton>\n      </div>\n    </div>\n  </ScalarModal>\n  <ScalarModal\n    v-if=\"rebaseResult\"\n    bodyClass=\"sync-conflict-modal-root flex h-dvh flex-col p-4\"\n    maxWidth=\"calc(100dvw - 32px)\"\n    size=\"full\"\n    :state=\"syncModal\"\n    @close=\"onSyncModalClose\">\n    <div class=\"flex h-full w-full flex-col gap-4 overflow-hidden\">\n      <SyncConflictResolutionEditor\n        :baseDocument=\"rebaseResult.originalDocument\"\n        :conflicts=\"rebaseResult.conflicts\"\n        :resolvedDocument=\"rebaseResult.resolvedDocument\"\n        @applyChanges=\"(payload) => handleApplyChanges(payload)\" />\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n.full-size-styles:has(.sync-conflict-modal-root) {\n  width: 100dvw !important;\n  max-width: 100dvw !important;\n  border-right: none !important;\n}\n\n.full-size-styles:has(.sync-conflict-modal-root)::after {\n  display: none;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"DocumentCollection.vue.js","names":[],"sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Document Collection Page\n *\n * Displays primary document editing and viewing interface, enabling users to:\n *   - Choose a document icon\n *   - Edit the document title\n *   - Navigate among Overview, Servers, Authentication, Environment, Cookies, and Settings tabs\n */\nexport default {\n  name: 'DocumentCollection',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconDownload } from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { downloadAsFile } from '@/v2/helpers/download-document'\n\nimport LabelInput from './components/LabelInput.vue'\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\n/** Snag the title from the info object */\nconst title = computed(() => props.document?.info?.title ?? '')\n\n/** Default to the folder icon */\nconst icon = computed(\n  () => props.document?.['x-scalar-icon'] || 'interface-content-folder',\n)\n\n/** Downloads the document as a JSON file using the last saved state. */\nconst downloadDocument = () => {\n  const content = props.workspaceStore.exportDocument(\n    props.documentSlug,\n    'json',\n    false,\n  )\n  if (!content) return\n  const baseName = title.value.replace(/[^\\w\\s-]/g, '').trim() || 'document'\n  downloadAsFile(content, `${baseName}.json`)\n}\n</script>\n\n<template>\n  <div class=\"custom-scroll h-full\">\n    <div\n      v-if=\"document\"\n      class=\"md:max-w-content w-full px-3 md:mx-auto\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${title}`\"\n        class=\"md:max-w-content mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:pt-6\">\n        <div class=\"flex flex-row items-center justify-between gap-2\">\n          <div class=\"flex min-w-0 items-center gap-2\">\n            <IconSelector\n              :modelValue=\"icon\"\n              placement=\"bottom-start\"\n              @update:modelValue=\"\n                (icon) => eventBus.emit('document:update:icon', icon)\n              \">\n              <ScalarButton\n                class=\"hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit\"\n                variant=\"ghost\">\n                <LibraryIcon\n                  class=\"text-c-2 size-5\"\n                  :src=\"icon\"\n                  stroke-width=\"2\" />\n              </ScalarButton>\n            </IconSelector>\n\n            <div class=\"group relative ml-1.25 min-w-0\">\n              <LabelInput\n                class=\"text-xl font-bold\"\n                inputId=\"documentName\"\n                :modelValue=\"title\"\n                @update:modelValue=\"\n                  (title) => eventBus.emit('document:update:info', { title })\n                \" />\n            </div>\n          </div>\n\n          <ScalarButton\n            class=\"text-c-2 hover:text-c-1 flex shrink-0 items-center gap-2\"\n            size=\"xs\"\n            type=\"button\"\n            variant=\"ghost\"\n            @click=\"downloadDocument\">\n            <ScalarIconDownload\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Download document</span>\n          </ScalarButton>\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"document\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 pt-8 pb-20\">\n        <RouterView v-slot=\"{ Component }\">\n          <component\n            :is=\"Component\"\n            v-bind=\"props\"\n            collectionType=\"document\" />\n        </RouterView>\n      </div>\n    </div>\n\n    <!-- Document not found -->\n    <div\n      v-else\n      class=\"flex w-full flex-1 items-center justify-center\">\n      <div class=\"flex h-full flex-col items-center justify-center\">\n        <h1 class=\"text-2xl font-bold\">Document not found</h1>\n        <p class=\"text-gray-500\">\n          The document you are looking for does not exist.\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.full-size-styles:has(.sync-conflict-modal-root) {\n  width: 100dvw !important;\n  max-width: 100dvw !important;\n  border-right: none !important;\n}\n\n.full-size-styles:has(.sync-conflict-modal-root)::after {\n  display: none;\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/collection/DocumentCollection.vue.script.js

@@ -1,16 +1,12 @@
 import IconSelector_default from "../../../components/IconSelector.vue.js";
 import { downloadAsFile } from "../../helpers/download-document.js";
 import LabelInput_default from "./components/LabelInput.vue.js";
-import SyncConflictResolutionEditor_default from "./components/SyncConflictResolutionEditor.vue.js";
 import Tabs_default from "./components/Tabs.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, resolveDynamicComponent, unref, withCtx } from "vue";
-import { ScalarButton, ScalarModal, ScalarSavePrompt, useLoadingState, useModal } from "@scalar/components";
-import { ScalarIconCloudArrowDown, ScalarIconDownload, ScalarIconFloppyDisk, ScalarIconSpinner, ScalarIconWarning } from "@scalar/icons";
-import { useToasts } from "@scalar/use-toasts";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { ScalarIconDownload } from "@scalar/icons";
 import { RouterView } from "vue-router";
 import { LibraryIcon } from "@scalar/icons/library";
-import { apply } from "@scalar/json-magic/diff";
-import { deepClone } from "@scalar/workspace-store/helpers/deep-clone";
 //#region src/v2/features/collection/DocumentCollection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "custom-scroll h-full" };
 var _hoisted_2 = {
@@ -26,14 +22,6 @@ var _hoisted_8 = {
 	key: 1,
 	class: "flex w-full flex-1 items-center justify-center"
 };
-var _hoisted_9 = { class: "flex flex-col gap-5" };
-var _hoisted_10 = { class: "flex gap-3" };
-var _hoisted_11 = {
-	"aria-hidden": "true",
-	class: "bg-b-3 text-c-2 flex size-10 shrink-0 items-center justify-center rounded-lg"
-};
-var _hoisted_12 = { class: "flex flex-wrap items-center justify-end gap-2 border-t pt-4" };
-var _hoisted_13 = { class: "flex h-full w-full flex-col gap-4 overflow-hidden" };
 var DocumentCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "DocumentCollection",
 	props: {
@@ -63,280 +51,58 @@ var DocumentCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		const title = computed(() => props.document?.info?.title ?? "");
 		/** Default to the folder icon */
 		const icon = computed(() => props.document?.["x-scalar-icon"] || "interface-content-folder");
-		const syncModal = useModal();
-		const dirtyBeforeSyncModal = useModal();
-		const isDocumentDirty = computed(() => props.document?.["x-scalar-is-dirty"] === true);
-		const saveLoader = useLoadingState();
-		const documentSourceUrl = computed(() => props.document?.["x-scalar-original-source-url"]);
-		const documentRegistryMeta = computed(() => props.document?.["x-scalar-registry-meta"]);
-		/** Show Sync when the document has a source URL or registry meta (registry can be used if fetchRegistryDocument is set). */
-		const canShowSyncButton = computed(() => documentSourceUrl.value !== void 0 || documentRegistryMeta.value !== void 0);
-		const { toast } = useToasts();
-		const undoChanges = () => {
-			props.workspaceStore.revertDocumentChanges(props.documentSlug);
-		};
-		const saveChanges = async () => {
-			saveLoader.start();
-			await (await props.workspaceStore.saveDocument(props.documentSlug) ? saveLoader.validate() : saveLoader.invalidate({ persist: true }));
-		};
 		/** Downloads the document as a JSON file using the last saved state. */
 		const downloadDocument = () => {
 			const content = props.workspaceStore.exportDocument(props.documentSlug, "json", false);
 			if (!content) return;
 			downloadAsFile(content, `${title.value.replace(/[^\w\s-]/g, "").trim() || "document"}.json`);
 		};
-		const handleSaveThenCloseDirtyModal = async () => {
-			await props.workspaceStore.saveDocument(props.documentSlug);
-			dirtyBeforeSyncModal.hide();
-			await handleSyncFlow();
-		};
-		const handleDiscardThenCloseDirtyModal = async () => {
-			await props.workspaceStore.revertDocumentChanges(props.documentSlug);
-			dirtyBeforeSyncModal.hide();
-			await handleSyncFlow();
-		};
-		const isSyncInProgress = ref(false);
-		const rebaseResult = ref(null);
-		/**
-		* Resolves the source for syncing. Registry meta has priority over x-scalar-original-source-url
-		* when fetchRegistryDocument is provided. Returns either a URL or the full document object.
-		*/
-		const resolveSyncInput = async () => {
-			const registryMeta = documentRegistryMeta.value;
-			if (registryMeta && props.fetchRegistryDocument) try {
-				const result = await props.fetchRegistryDocument({
-					namespace: registryMeta.namespace,
-					slug: registryMeta.slug,
-					version: registryMeta.version
-				});
-				if (!result.ok) {
-					toast(result.error, "error");
-					return null;
-				}
-				return { document: result.data };
-			} catch (err) {
-				toast("Failed to resolve document from registry", "error");
-				return null;
-			}
-			const url = documentSourceUrl.value;
-			if (url) return { url };
-			return null;
-		};
-		/**
-		* Handles actions to perform when synchronization is complete.
-		* Hides the sync modal, resets the sync progress flag, and emits the
-		* 'hooks:on:rebase:document:complete' event with document metadata.
-		*/
-		const onSyncComplete = () => {
-			syncModal.hide();
-			isSyncInProgress.value = false;
-			toast("Your document has been rebased with the latest version from the source.", "info");
-			props.eventBus.emit("hooks:on:rebase:document:complete", { meta: { documentName: props.documentSlug } });
-		};
-		/**
-		* Handles errors that occur during synchronization.
-		* If an error string is provided, it displays the error via toast.
-		* Always resets the sync progress flag.
-		*/
-		const onSyncError = (error) => {
-			if (error !== null) toast(error, "error");
-			isSyncInProgress.value = false;
-		};
-		/**
-		* Handles the synchronization flow for a document.
-		* Checks for unsaved changes, resolves source (registry over URL),
-		* initiates rebasing, handles conflicts, and emits completion events.
-		* If conflicts are detected, a modal dialog is shown for user resolution.
-		*/
-		const handleSyncFlow = async () => {
-			if (isDocumentDirty.value) {
-				dirtyBeforeSyncModal.show();
-				return;
-			}
-			if (isSyncInProgress.value) return;
-			isSyncInProgress.value = true;
-			const input = await resolveSyncInput();
-			if (!input) {
-				onSyncError(null);
-				return;
-			}
-			const result = await props.workspaceStore.rebaseDocument({
-				name: props.documentSlug,
-				...input
-			});
-			if (result?.ok) {
-				const originalDocument = props.workspaceStore.getOriginalDocument(props.documentSlug) ?? {};
-				rebaseResult.value = {
-					conflicts: result.conflicts,
-					applyChanges: result.applyChanges,
-					resolvedDocument: apply(deepClone(originalDocument), result.changes),
-					originalDocument
-				};
-				if (rebaseResult.value.conflicts.length > 0) syncModal.show();
-				else {
-					await rebaseResult.value?.applyChanges({ resolvedDocument: rebaseResult.value.resolvedDocument });
-					onSyncComplete();
-				}
-			} else if (result?.ok === false && result.type === "NO_CHANGES_DETECTED") onSyncComplete();
-			else onSyncError("Failed to sync document");
-		};
-		const handleApplyChanges = async ({ resolvedDocument }) => {
-			await rebaseResult.value?.applyChanges({ resolvedDocument });
-			props.eventBus.emit("hooks:on:rebase:document:complete", { meta: { documentName: props.documentSlug } });
-			syncModal.hide();
-		};
-		/**
-		* Resets sync state when the sync conflict modal is closed (dismissed or after
-		* applying changes). Ensures the Sync button is re-enabled and conflict state
-		* is cleared.
-		*/
-		const onSyncModalClose = () => {
-			isSyncInProgress.value = false;
-			rebaseResult.value = null;
-		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [
-				createElementVNode("div", _hoisted_1, [__props.document ? (openBlock(), createElementBlock("div", _hoisted_2, [
-					createElementVNode("div", {
-						"aria-label": `title: ${title.value}`,
-						class: "md:max-w-content mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:pt-6"
-					}, [createVNode(unref(ScalarSavePrompt), {
-						modelValue: isDocumentDirty.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isDocumentDirty.value = $event),
-						class: "w-content-padded-4 max-w-full-padded-4 absolute",
-						loader: unref(saveLoader),
-						onDiscard: undoChanges,
-						onSave: saveChanges
-					}, null, 8, ["modelValue", "loader"]), createElementVNode("div", _hoisted_4, [
-						createElementVNode("div", _hoisted_5, [createVNode(IconSelector_default, {
-							modelValue: icon.value,
-							placement: "bottom-start",
-							"onUpdate:modelValue": _cache[1] || (_cache[1] = (icon) => __props.eventBus.emit("document:update:icon", icon))
-						}, {
-							default: withCtx(() => [createVNode(unref(ScalarButton), {
-								class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
-								variant: "ghost"
-							}, {
-								default: withCtx(() => [createVNode(unref(LibraryIcon), {
-									class: "text-c-2 size-5",
-									src: icon.value,
-									"stroke-width": "2"
-								}, null, 8, ["src"])]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, ["modelValue"]), createElementVNode("div", _hoisted_6, [createVNode(LabelInput_default, {
-							class: "text-xl font-bold",
-							inputId: "documentName",
-							modelValue: title.value,
-							"onUpdate:modelValue": _cache[2] || (_cache[2] = (title) => __props.eventBus.emit("document:update:info", { title }))
-						}, null, 8, ["modelValue"])])]),
-						createVNode(unref(ScalarButton), {
-							class: "text-c-2 hover:text-c-1 flex shrink-0 items-center gap-2",
-							size: "xs",
-							type: "button",
-							variant: "ghost",
-							onClick: downloadDocument
-						}, {
-							default: withCtx(() => [createVNode(unref(ScalarIconDownload), {
-								size: "sm",
-								thickness: "1.5"
-							}), _cache[6] || (_cache[6] = createElementVNode("span", null, "Download document", -1))]),
-							_: 1
-						}),
-						canShowSyncButton.value ? (openBlock(), createBlock(unref(ScalarButton), {
-							key: 0,
-							class: "text-c-2 hover:text-c-1 shrink-0 gap-1.5",
-							"data-testid": "document-sync-button",
-							disabled: isSyncInProgress.value,
-							size: "xs",
-							title: "Pull the latest version from the document source and merge with your local copy. Save your changes first if you have unsaved edits.",
-							type: "button",
-							variant: "ghost",
-							onClick: handleSyncFlow
-						}, {
-							default: withCtx(() => [isSyncInProgress.value ? (openBlock(), createBlock(unref(ScalarIconSpinner), {
-								key: 0,
-								class: "size-3.5 animate-spin",
-								size: "sm"
-							})) : (openBlock(), createBlock(unref(ScalarIconCloudArrowDown), {
-								key: 1,
-								class: "size-3.5",
-								size: "sm",
-								thickness: "1.5"
-							})), _cache[7] || (_cache[7] = createElementVNode("span", null, "Sync from source", -1))]),
-							_: 1
-						}, 8, ["disabled"])) : createCommentVNode("", true)
-					])], 8, _hoisted_3),
-					createVNode(Tabs_default, { type: "document" }),
-					createElementVNode("div", _hoisted_7, [createVNode(unref(RouterView), null, {
-						default: withCtx(({ Component }) => [(openBlock(), createBlock(resolveDynamicComponent(Component), mergeProps(props, { collectionType: "document" }), null, 16))]),
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.document ? (openBlock(), createElementBlock("div", _hoisted_2, [
+				createElementVNode("div", {
+					"aria-label": `title: ${title.value}`,
+					class: "md:max-w-content mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:pt-6"
+				}, [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(IconSelector_default, {
+					modelValue: icon.value,
+					placement: "bottom-start",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (icon) => __props.eventBus.emit("document:update:icon", icon))
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
+						variant: "ghost"
+					}, {
+						default: withCtx(() => [createVNode(unref(LibraryIcon), {
+							class: "text-c-2 size-5",
+							src: icon.value,
+							"stroke-width": "2"
+						}, null, 8, ["src"])]),
 						_: 1
-					})])
-				])) : (openBlock(), createElementBlock("div", _hoisted_8, [..._cache[8] || (_cache[8] = [createElementVNode("div", { class: "flex h-full flex-col items-center justify-center" }, [createElementVNode("h1", { class: "text-2xl font-bold" }, "Document not found"), createElementVNode("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")], -1)])]))]),
-				createVNode(unref(ScalarModal), {
-					bodyClass: "border-t-0 rounded-t-lg flex flex-col gap-5",
+					})]),
+					_: 1
+				}, 8, ["modelValue"]), createElementVNode("div", _hoisted_6, [createVNode(LabelInput_default, {
+					class: "text-xl font-bold",
+					inputId: "documentName",
+					modelValue: title.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = (title) => __props.eventBus.emit("document:update:info", { title }))
+				}, null, 8, ["modelValue"])])]), createVNode(unref(ScalarButton), {
+					class: "text-c-2 hover:text-c-1 flex shrink-0 items-center gap-2",
 					size: "xs",
-					state: unref(dirtyBeforeSyncModal),
-					title: "Sync requires saved document",
-					onClose: _cache[4] || (_cache[4] = ($event) => unref(dirtyBeforeSyncModal).hide())
+					type: "button",
+					variant: "ghost",
+					onClick: downloadDocument
 				}, {
-					default: withCtx(() => [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(unref(ScalarIconWarning), { class: "text-yellow size-5" })]), _cache[9] || (_cache[9] = createElementVNode("div", { class: "min-w-0 flex-1 space-y-1" }, [createElementVNode("p", { class: "text-c-1 text-sm leading-snug font-medium" }, " You have unsaved changes "), createElementVNode("p", { class: "text-c-2 text-sm leading-relaxed" }, " Save your work to keep changes, or discard to revert to the last saved version. Then you can sync with the source. ")], -1))]), createElementVNode("div", _hoisted_12, [
-						createVNode(unref(ScalarButton), {
-							size: "sm",
-							type: "button",
-							variant: "ghost",
-							onClick: _cache[3] || (_cache[3] = ($event) => unref(dirtyBeforeSyncModal).hide())
-						}, {
-							default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" Cancel ", -1)])]),
-							_: 1
-						}),
-						createVNode(unref(ScalarButton), {
-							size: "sm",
-							type: "button",
-							variant: "outlined",
-							onClick: handleDiscardThenCloseDirtyModal
-						}, {
-							default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode(" Discard changes ", -1)])]),
-							_: 1
-						}),
-						createVNode(unref(ScalarButton), {
-							class: "flex items-center gap-2",
-							size: "sm",
-							type: "button",
-							variant: "solid",
-							onClick: handleSaveThenCloseDirtyModal
-						}, {
-							default: withCtx(() => [createVNode(unref(ScalarIconFloppyDisk), {
-								size: "sm",
-								thickness: "1.5"
-							}), _cache[12] || (_cache[12] = createTextVNode(" Save and continue ", -1))]),
-							_: 1
-						})
-					])])]),
+					default: withCtx(() => [createVNode(unref(ScalarIconDownload), {
+						size: "sm",
+						thickness: "1.5"
+					}), _cache[2] || (_cache[2] = createElementVNode("span", null, "Download document", -1))]),
 					_: 1
-				}, 8, ["state"]),
-				rebaseResult.value ? (openBlock(), createBlock(unref(ScalarModal), {
-					key: 0,
-					bodyClass: "sync-conflict-modal-root flex h-dvh flex-col p-4",
-					maxWidth: "calc(100dvw - 32px)",
-					size: "full",
-					state: unref(syncModal),
-					onClose: onSyncModalClose
-				}, {
-					default: withCtx(() => [createElementVNode("div", _hoisted_13, [createVNode(SyncConflictResolutionEditor_default, {
-						baseDocument: rebaseResult.value.originalDocument,
-						conflicts: rebaseResult.value.conflicts,
-						resolvedDocument: rebaseResult.value.resolvedDocument,
-						onApplyChanges: _cache[5] || (_cache[5] = (payload) => handleApplyChanges(payload))
-					}, null, 8, [
-						"baseDocument",
-						"conflicts",
-						"resolvedDocument"
-					])])]),
+				})])], 8, _hoisted_3),
+				createVNode(Tabs_default, { type: "document" }),
+				createElementVNode("div", _hoisted_7, [createVNode(unref(RouterView), null, {
+					default: withCtx(({ Component }) => [(openBlock(), createBlock(resolveDynamicComponent(Component), mergeProps(props, { collectionType: "document" }), null, 16))]),
 					_: 1
-				}, 8, ["state"])) : createCommentVNode("", true)
-			], 64);
+				})])
+			])) : (openBlock(), createElementBlock("div", _hoisted_8, [..._cache[3] || (_cache[3] = [createElementVNode("div", { class: "flex h-full flex-col items-center justify-center" }, [createElementVNode("h1", { class: "text-2xl font-bold" }, "Document not found"), createElementVNode("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")], -1)])]))]);
 		};
 	}
 });