@abraca/nuxt 2.9.0 → 2.11.0

package/dist/runtime/components/ASnapshotPreviewModal.vue

@@ -0,0 +1,430 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+import * as Y from "yjs";
+import { yjsToMarkdown, yjsToHtml } from "../utils/yjsConvert";
+import { triggerBadgeColor } from "../composables/useDocSnapshots";
+import AModalShell from "./AModalShell.vue";
+const props = defineProps({
+  version: { type: [Number, null], required: true },
+  snapshots: { type: Array, required: false, default: () => [] },
+  getSnapshot: { type: Function, required: true },
+  docLabel: { type: String, required: false },
+  docType: { type: String, required: false },
+  docMeta: { type: [Object, null], required: false },
+  isOwner: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:version", "restore", "fork", "delete"]);
+const open = computed({
+  get: () => props.version != null,
+  set: (v) => {
+    if (!v) emit("update:version", null);
+  }
+});
+const tab = ref("preview");
+const loading = ref(false);
+const error = ref(null);
+const snap = ref(null);
+const mdCache = /* @__PURE__ */ new Map();
+const previewHtml = ref("");
+const selectedMd = ref("");
+function b64ToBytes(b64) {
+  const norm = b64.replace(/-/g, "+").replace(/_/g, "/");
+  const bin = atob(norm);
+  const bytes = new Uint8Array(bin.length);
+  for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+  return bytes;
+}
+function renderSnapshot(data) {
+  const ydoc = new Y.Doc();
+  try {
+    Y.applyUpdate(ydoc, b64ToBytes(data));
+    const fragment = ydoc.getXmlFragment("default");
+    const label = props.docLabel || "Document";
+    return {
+      html: yjsToHtml(fragment, label),
+      md: yjsToMarkdown(fragment, label, props.docMeta ?? void 0, props.docType)
+    };
+  } finally {
+    ydoc.destroy();
+  }
+}
+const compareVersions = computed(() => {
+  const v = props.version;
+  if (v == null) return [];
+  return props.snapshots.map((s) => s.version).filter((x) => x !== v).sort((a, b) => b - a);
+});
+const cmpVersion = ref(null);
+const cmpMd = ref("");
+function pickDefaultCompare() {
+  const v = props.version;
+  if (v == null) {
+    cmpVersion.value = null;
+    return;
+  }
+  const older = compareVersions.value.filter((x) => x < v);
+  cmpVersion.value = older.length ? older[0] : null;
+}
+const cmpIndex = computed(() => {
+  const list = compareVersions.value;
+  return cmpVersion.value == null ? -1 : list.indexOf(cmpVersion.value);
+});
+function stepCompare(delta) {
+  const list = compareVersions.value;
+  if (!list.length) return;
+  const i = cmpIndex.value < 0 ? 0 : cmpIndex.value + delta;
+  if (i < 0 || i >= list.length) return;
+  cmpVersion.value = list[i];
+}
+async function mdFor(version) {
+  const cached = mdCache.get(version);
+  if (cached != null) return cached;
+  const s = await props.getSnapshot(version);
+  const md = s?.data ? renderSnapshot(s.data).md : "";
+  mdCache.set(version, md);
+  return md;
+}
+const DIFF_LINE_CAP = 2e3;
+const DIFF_CELL_CAP = 2e6;
+function lineDiff(oldStr, newStr) {
+  const a = oldStr.length ? oldStr.split("\n") : [];
+  const b = newStr.length ? newStr.split("\n") : [];
+  const n = a.length;
+  const m = b.length;
+  const dp = Array.from({ length: n + 1 }, () => new Int32Array(m + 1));
+  for (let i2 = n - 1; i2 >= 0; i2--) {
+    for (let j2 = m - 1; j2 >= 0; j2--) {
+      dp[i2][j2] = a[i2] === b[j2] ? dp[i2 + 1][j2 + 1] + 1 : Math.max(dp[i2 + 1][j2], dp[i2][j2 + 1]);
+    }
+  }
+  const rows = [];
+  let i = 0;
+  let j = 0;
+  while (i < n && j < m) {
+    if (a[i] === b[j]) {
+      rows.push({ t: "ctx", text: a[i] });
+      i++;
+      j++;
+    } else if (dp[i + 1][j] >= dp[i][j + 1]) {
+      rows.push({ t: "del", text: a[i] });
+      i++;
+    } else {
+      rows.push({ t: "add", text: b[j] });
+      j++;
+    }
+  }
+  while (i < n) rows.push({ t: "del", text: a[i++] });
+  while (j < m) rows.push({ t: "add", text: b[j++] });
+  return rows;
+}
+const diffTooLarge = computed(() => {
+  const a = cmpMd.value ? cmpMd.value.split("\n").length : 0;
+  const b = selectedMd.value ? selectedMd.value.split("\n").length : 0;
+  return a > DIFF_LINE_CAP || b > DIFF_LINE_CAP || a * b > DIFF_CELL_CAP;
+});
+const diffRows = computed(() => {
+  if (diffTooLarge.value) return [];
+  return lineDiff(cmpMd.value, selectedMd.value);
+});
+const diffHasChanges = computed(() => diffRows.value.some((r) => r.t !== "ctx"));
+async function load() {
+  const v = props.version;
+  if (v == null) return;
+  loading.value = true;
+  error.value = null;
+  snap.value = null;
+  previewHtml.value = "";
+  selectedMd.value = "";
+  cmpMd.value = "";
+  tab.value = "preview";
+  try {
+    const s = await props.getSnapshot(v);
+    if (!s) throw new Error("Snapshot not found");
+    snap.value = s;
+    const { html, md } = s.data ? renderSnapshot(s.data) : { html: "", md: "" };
+    previewHtml.value = html;
+    selectedMd.value = md;
+    mdCache.set(v, md);
+    pickDefaultCompare();
+  } catch (e) {
+    error.value = e instanceof Error ? e.message : String(e);
+  } finally {
+    loading.value = false;
+  }
+}
+watch(cmpVersion, async (v) => {
+  cmpMd.value = v == null ? "" : await mdFor(v);
+});
+watch(() => props.version, (v) => {
+  mdCache.clear();
+  if (v != null) load();
+}, { immediate: true });
+function authorName(publicKey) {
+  if (!publicKey) return "Unknown";
+  return publicKey.length > 12 ? `${publicKey.slice(0, 8)}\u2026${publicKey.slice(-4)}` : publicKey;
+}
+const absFmt = new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" });
+const relFmt = typeof Intl.RelativeTimeFormat === "function" ? new Intl.RelativeTimeFormat(void 0, { numeric: "auto" }) : null;
+function fmtAbs(unixSeconds) {
+  return absFmt.format(new Date(unixSeconds * 1e3));
+}
+function fmtRel(unixSeconds) {
+  if (!relFmt) return "";
+  const diffS = unixSeconds - Date.now() / 1e3;
+  const abs = Math.abs(diffS);
+  if (abs < 60) return relFmt.format(Math.round(diffS), "second");
+  if (abs < 3600) return relFmt.format(Math.round(diffS / 60), "minute");
+  if (abs < 86400) return relFmt.format(Math.round(diffS / 3600), "hour");
+  return relFmt.format(Math.round(diffS / 86400), "day");
+}
+function fmtSize(bytes) {
+  if (bytes == null) return "\u2014";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function fileIcon(mime) {
+  if (!mime) return "i-lucide-file";
+  if (mime.startsWith("image/")) return "i-lucide-image";
+  if (mime.startsWith("video/")) return "i-lucide-film";
+  if (mime.startsWith("audio/")) return "i-lucide-music";
+  if (mime === "application/pdf") return "i-lucide-file-text";
+  if (/zip|tar|gzip/.test(mime)) return "i-lucide-file-archive";
+  return "i-lucide-file";
+}
+function act(kind) {
+  const v = props.version;
+  if (v == null) return;
+  if (kind === "restore") emit("restore", v);
+  else if (kind === "fork") emit("fork", v);
+  else emit("delete", v);
+  emit("update:version", null);
+}
+</script>
+
+<template>
+  <AModalShell
+    :open="open"
+    max-width="sm:max-w-3xl"
+    @update:open="open = $event"
+  >
+    <div class="flex flex-col gap-4">
+      <h2 class="text-base font-semibold text-(--ui-text-highlighted)">
+        {{ snap ? `Snapshot v${snap.version}` : "Snapshot details" }}
+      </h2>
+
+      <!-- Loading -->
+      <div
+        v-if="loading"
+        class="space-y-3"
+      >
+        <USkeleton class="h-8 w-1/2" />
+        <USkeleton class="h-24 w-full" />
+        <USkeleton class="h-40 w-full" />
+      </div>
+
+      <!-- Error -->
+      <UAlert
+        v-else-if="error"
+        color="error"
+        variant="soft"
+        title="Couldn't load snapshot"
+        :description="error"
+        icon="i-lucide-alert-circle"
+        :actions="[{
+  label: 'Retry',
+  color: 'neutral',
+  variant: 'outline',
+  onClick: load
+}]"
+      />
+
+      <!-- Detail -->
+      <template v-else-if="snap">
+        <!-- Metadata header -->
+        <div class="flex flex-wrap items-center gap-2 mb-1">
+          <UBadge
+            :label="snap.trigger"
+            :color="triggerBadgeColor(snap.trigger)"
+            variant="subtle"
+            size="sm"
+          />
+          <span
+            v-if="snap.label"
+            class="text-sm text-(--ui-text) truncate"
+          >{{ snap.label }}</span>
+          <span class="text-xs text-(--ui-text-dimmed)">
+            {{ fmtAbs(snap.created_at) }} · {{ fmtRel(snap.created_at) }}
+          </span>
+          <div class="flex items-center gap-1.5 ms-auto">
+            <span class="text-xs text-(--ui-text-muted)">{{ authorName(snap.created_by) }}</span>
+            <span class="text-xs text-(--ui-text-dimmed)">· {{ fmtSize(snap.size_bytes) }}</span>
+          </div>
+        </div>
+
+        <!-- Preview / Diff toggle -->
+        <div class="flex items-center gap-1 mb-1">
+          <UButton
+            label="Preview"
+            icon="i-lucide-eye"
+            size="xs"
+            :color="tab === 'preview' ? 'primary' : 'neutral'"
+            :variant="tab === 'preview' ? 'solid' : 'ghost'"
+            @click="tab = 'preview'"
+          />
+          <UButton
+            label="Changes"
+            icon="i-lucide-git-compare"
+            size="xs"
+            :color="tab === 'diff' ? 'primary' : 'neutral'"
+            :variant="tab === 'diff' ? 'solid' : 'ghost'"
+            @click="tab = 'diff'"
+          />
+        </div>
+
+        <!-- Preview tab -->
+        <div
+          v-show="tab === 'preview'"
+          class="snapshot-prose max-h-[55vh] overflow-y-auto rounded-md border border-(--ui-border) bg-(--ui-bg) p-4"
+        >
+          <!-- eslint-disable-next-line vue/no-v-html -- serialized from our own convert pipeline -->
+          <div
+            v-if="previewHtml"
+            v-html="previewHtml"
+          />
+          <p
+            v-else
+            class="text-sm text-(--ui-text-dimmed) text-center py-6"
+          >
+            This snapshot has no readable content.
+          </p>
+        </div>
+
+        <!-- Diff tab -->
+        <div v-show="tab === 'diff'">
+          <div class="flex items-center gap-2 mb-2 text-xs text-(--ui-text-muted)">
+            <span>Compared with</span>
+            <template v-if="cmpVersion != null">
+              <UButton
+                icon="i-lucide-chevron-left"
+                size="xs"
+                color="neutral"
+                variant="ghost"
+                :disabled="cmpIndex <= 0"
+                @click="stepCompare(-1)"
+              />
+              <span class="tabular-nums font-medium text-(--ui-text)">v{{ cmpVersion }}</span>
+              <UButton
+                icon="i-lucide-chevron-right"
+                size="xs"
+                color="neutral"
+                variant="ghost"
+                :disabled="cmpIndex < 0 || cmpIndex >= compareVersions.length - 1"
+                @click="stepCompare(1)"
+              />
+            </template>
+            <span
+              v-else
+              class="italic"
+            >the earliest version (nothing older to compare)</span>
+          </div>
+
+          <p
+            v-if="diffTooLarge"
+            class="text-sm text-(--ui-text-dimmed) text-center py-6"
+          >
+            This document is too large to diff.
+          </p>
+          <p
+            v-else-if="!diffHasChanges"
+            class="text-sm text-(--ui-text-dimmed) text-center py-6"
+          >
+            No textual changes between these versions.
+          </p>
+          <div
+            v-else
+            class="max-h-[55vh] overflow-y-auto rounded-md border border-(--ui-border) bg-(--ui-bg) font-mono text-xs"
+          >
+            <div
+              v-for="(row, idx) in diffRows"
+              :key="idx"
+              class="flex gap-2 px-3 py-0.5 whitespace-pre-wrap break-words"
+              :class="{
+  'bg-(--ui-color-success-500)/10 text-(--ui-color-success-600)': row.t === 'add',
+  'bg-(--ui-color-error-500)/10 text-(--ui-color-error-600)': row.t === 'del',
+  'text-(--ui-text-dimmed)': row.t === 'ctx'
+}"
+            >
+              <span class="select-none w-3 shrink-0 opacity-70">{{ row.t === "add" ? "+" : row.t === "del" ? "\u2212" : "" }}</span>
+              <span class="flex-1">{{ row.text || " " }}</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- Referenced files -->
+        <div
+          v-if="snap.files && snap.files.length"
+          class="mt-1"
+        >
+          <p class="text-xs font-medium text-(--ui-text-muted) mb-1.5">
+            Referenced files
+          </p>
+          <ul class="rounded-md border border-(--ui-border) divide-y divide-(--ui-border)">
+            <li
+              v-for="f in snap.files"
+              :key="f.id"
+              class="flex items-center gap-2.5 px-3 py-2"
+            >
+              <UIcon
+                :name="fileIcon(f.mime_type)"
+                class="size-4 text-(--ui-text-muted) shrink-0"
+              />
+              <span class="text-sm truncate flex-1">{{ f.filename }}</span>
+              <span class="text-xs text-(--ui-text-dimmed) shrink-0">{{ fmtSize(f.size) }}</span>
+            </li>
+          </ul>
+        </div>
+      </template>
+    </div>
+
+    <template #footer>
+      <div class="flex items-center gap-2 w-full">
+        <UButton
+          label="Cancel"
+          color="neutral"
+          variant="ghost"
+          @click="emit('update:version', null)"
+        />
+        <div class="ms-auto flex items-center gap-2">
+          <UButton
+            v-if="isOwner"
+            label="Delete"
+            icon="i-lucide-trash-2"
+            color="error"
+            variant="ghost"
+            :disabled="!snap"
+            @click="act('delete')"
+          />
+          <UButton
+            label="Fork"
+            icon="i-lucide-git-branch"
+            color="neutral"
+            variant="outline"
+            :disabled="!snap"
+            @click="act('fork')"
+          />
+          <UButton
+            label="Restore"
+            icon="i-lucide-history"
+            color="primary"
+            :disabled="!snap"
+            @click="act('restore')"
+          />
+        </div>
+      </div>
+    </template>
+  </AModalShell>
+</template>
+
+<style scoped>
+.snapshot-prose :deep(h1){font-size:1.25rem;font-weight:600;margin:.75rem 0 .5rem}.snapshot-prose :deep(h2){font-size:1.1rem;font-weight:600;margin:.75rem 0 .4rem}.snapshot-prose :deep(h3){font-size:1rem;font-weight:600;margin:.6rem 0 .3rem}.snapshot-prose :deep(p){line-height:1.6;margin:.4rem 0}.snapshot-prose :deep(ul){list-style:disc;margin:.4rem 0;padding-inline-start:1.4rem}.snapshot-prose :deep(ol){list-style:decimal;margin:.4rem 0;padding-inline-start:1.4rem}.snapshot-prose :deep(li){margin:.15rem 0}.snapshot-prose :deep(blockquote){border-inline-start:3px solid var(--ui-border);color:var(--ui-text-muted);margin:.5rem 0;padding-inline-start:.75rem}.snapshot-prose :deep(pre){background:var(--ui-bg-elevated);border-radius:.375rem;font-size:.8rem;margin:.5rem 0;overflow-x:auto;padding:.6rem .8rem}.snapshot-prose :deep(code){font-family:ui-monospace,monospace;font-size:.85em}.snapshot-prose :deep(a){color:var(--ui-primary);text-decoration:underline}.snapshot-prose :deep(img){border-radius:.375rem;height:auto;max-width:100%}.snapshot-prose :deep(table){border-collapse:collapse;margin:.5rem 0}.snapshot-prose :deep(td),.snapshot-prose :deep(th){border:1px solid var(--ui-border);padding:.3rem .5rem}
+</style>

package/dist/runtime/components/ASnapshotPreviewModal.vue.d.ts

@@ -0,0 +1,33 @@
+import type { SnapshotData, SnapshotMeta } from '@abraca/dabra';
+import type { DocPageMeta } from '../types.js';
+type __VLS_Props = {
+    /** Selected version — null closes the modal. The parent owns this. */
+    version: number | null;
+    /** The loaded snapshot metadata list (compare-baseline candidates). */
+    snapshots?: SnapshotMeta[];
+    /** Fetch a single snapshot's data blob (e.g. `useDocSnapshots().getSnapshot`). */
+    getSnapshot: (version: number) => Promise<SnapshotData | null>;
+    /** Document label — used as the title when serializing. */
+    docLabel?: string;
+    /** Document page type — passed to the markdown serializer. */
+    docType?: string;
+    /** Document meta — passed to the markdown serializer. */
+    docMeta?: DocPageMeta | null;
+    /** Whether the current user may delete snapshots. */
+    isOwner?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (version: number) => any;
+    restore: (version: number) => any;
+    fork: (version: number) => any;
+    "update:version": (value: number | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((version: number) => any) | undefined;
+    onRestore?: ((version: number) => any) | undefined;
+    onFork?: ((version: number) => any) | undefined;
+    "onUpdate:version"?: ((value: number | null) => any) | undefined;
+}>, {
+    snapshots: SnapshotMeta[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/docs/ADocsSearch.d.vue.ts

@@ -238,9 +238,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     transition: boolean;
     autofocus: boolean;
     loading: boolean;
-    colorMode: boolean;
-    overlay: boolean;
     dismissible: boolean;
+    overlay: boolean;
+    colorMode: boolean;
     fullscreen: boolean;
     modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;

package/dist/runtime/components/docs/ADocsSearch.vue.d.ts

@@ -238,9 +238,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     transition: boolean;
     autofocus: boolean;
     loading: boolean;
-    colorMode: boolean;
-    overlay: boolean;
     dismissible: boolean;
+    overlay: boolean;
+    colorMode: boolean;
     fullscreen: boolean;
     modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;

package/dist/runtime/components/editor/ALocationPickerPopover.vue

@@ -1,17 +1,28 @@
 <script setup>
 import { ref, watch, nextTick, onUnmounted } from "vue";
-import mapboxgl from "mapbox-gl";
 import { useRuntimeConfig } from "#imports";
-if (typeof window !== "undefined") {
-  import("mapbox-gl/dist/mapbox-gl.css");
-}
 const props = defineProps({
   latValue: { type: Number, required: false },
   lngValue: { type: Number, required: false },
   open: { type: Boolean, required: true }
 });
 const emit = defineEmits(["update:lat", "update:lng", "update:open", "clear"]);
-mapboxgl.accessToken = useRuntimeConfig().public.mapboxAccessToken;
+const mapboxAccessToken = useRuntimeConfig().public?.abracadabra?.mapboxToken;
+let mapboxgl = null;
+const mapboxError = ref(null);
+async function loadMapbox() {
+  if (mapboxgl) return true;
+  try {
+    const mod = await import("mapbox-gl");
+    mapboxgl = mod.default || mod;
+    await import("mapbox-gl/dist/mapbox-gl.css");
+    mapboxgl.accessToken = mapboxAccessToken;
+    return true;
+  } catch {
+    mapboxError.value = "Location picker requires mapbox-gl. Install it with: pnpm add mapbox-gl";
+    return false;
+  }
+}
 const mapContainer = ref(null);
 let map = null;
 let marker = null;
@@ -37,9 +48,11 @@ function destroyMap() {
   map = null;
   marker = null;
 }
-function initMap() {
+async function initMap() {
   const el = mapContainer.value;
   if (!el || map) return;
+  if (!await loadMapbox()) return;
+  if (!mapContainer.value || !props.open || map) return;
   const center = hasCoords() ? [props.lngValue, props.latValue] : [0, 20];
   const zoom = hasCoords() ? 10 : 1;
   map = new mapboxgl.Map({
@@ -110,7 +123,7 @@ async function doSearch(q) {
   if (!q.trim()) return;
   searching.value = true;
   try {
-    const url = `https://api.mapbox.com/search/geocode/v6/forward?q=${encodeURIComponent(q)}&limit=5&access_token=${mapboxgl.accessToken}`;
+    const url = `https://api.mapbox.com/search/geocode/v6/forward?q=${encodeURIComponent(q)}&limit=5&access_token=${mapboxAccessToken}`;
     const res = await fetch(url);
     const data = await res.json();
     searchResults.value = (data.features ?? []).map((f) => ({
@@ -195,10 +208,18 @@ function useMyPosition() {
 
         <!-- Map -->
         <div
+          v-show="!mapboxError"
           ref="mapContainer"
           class="w-full rounded-md overflow-hidden"
           style="height: 220px;"
         />
+        <div
+          v-if="mapboxError"
+          class="w-full rounded-md border border-(--ui-border) bg-(--ui-bg-elevated) flex items-center justify-center p-3 text-center text-xs text-(--ui-text-muted)"
+          style="height: 220px;"
+        >
+          {{ mapboxError }}
+        </div>
 
         <!-- Footer -->
         <div class="flex items-center justify-between">

package/dist/runtime/components/registry/APluginDetail.d.vue.ts

@@ -6,13 +6,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     /** See `<APluginBrowser>` — same fallback chain. */
     serverUrl?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    installed: (detail: CatalogVersionDetail) => any;
     back: () => any;
+    installed: (detail: CatalogVersionDetail) => any;
 }, string, import("vue").PublicProps, Readonly<{
     id: string;
     /** See `<APluginBrowser>` — same fallback chain. */
     serverUrl?: string;
 }> & Readonly<{
-    onInstalled?: ((detail: CatalogVersionDetail) => any) | undefined;
     onBack?: (() => any) | undefined;
+    onInstalled?: ((detail: CatalogVersionDetail) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/registry/APluginDetail.vue.d.ts

@@ -6,13 +6,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     /** See `<APluginBrowser>` — same fallback chain. */
     serverUrl?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    installed: (detail: CatalogVersionDetail) => any;
     back: () => any;
+    installed: (detail: CatalogVersionDetail) => any;
 }, string, import("vue").PublicProps, Readonly<{
     id: string;
     /** See `<APluginBrowser>` — same fallback chain. */
     serverUrl?: string;
 }> & Readonly<{
-    onInstalled?: ((detail: CatalogVersionDetail) => any) | undefined;
     onBack?: (() => any) | undefined;
+    onInstalled?: ((detail: CatalogVersionDetail) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/renderers/AProseRenderer.d.vue.ts

@@ -10,14 +10,14 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, Record<PropertyKey, unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
+    ready: () => any;
     update: (content: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
-    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
-    onReady?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/renderers/AProseRenderer.vue.d.ts

@@ -10,14 +10,14 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, Record<PropertyKey, unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
+    ready: () => any;
     update: (content: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
-    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
-    onReady?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/shell/ABreadcrumbForDoc.d.vue.ts

@@ -3,9 +3,15 @@ type __VLS_Props = {
     docId: string | null | undefined;
     /** Maximum ancestors to walk (default 8) */
     maxDepth?: number;
+    /**
+     * Collapse the middle into a "…" overflow menu once the trail exceeds this
+     * many crumbs. 0 (default) renders the full trail with no collapsing.
+     */
+    maxVisible?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     maxDepth: number;
+    maxVisible: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;