@abraca/nuxt 2.10.0 → 2.13.0

package/dist/module.d.mts

@@ -30,6 +30,7 @@ declare module '@nuxt/schema' {
         abracadabra: {
             url: string;
             entryDocId: string;
+            pinServer: boolean;
             persistAuth: boolean;
             authStorageKey: string;
             disabledBuiltins: string[];
@@ -115,6 +116,19 @@ interface ModuleOptions {
      *   entryDocId > saved server entryDocId > first Space (kind="space" top-level doc)
      */
     entryDocId?: string;
+    /**
+     * Pin the app to the configured `url` and ignore any persisted active
+     * server (`abracadabra_current_server`) or `?server=` deep-link override.
+     * Default: false — the switcher's last-used / deep-linked server wins, which
+     * is what multi-server apps (arcana, aperio) want.
+     *
+     * Set `true` for single-server consumers (marketing, landing) so a visitor
+     * who once connected the origin to another server can't get silently pinned
+     * to it on later loads while `entryDocId` still points at the configured
+     * server's doc — the failure mode is a phantom/empty entry doc with no sync
+     * or awareness. When `true`, boot always uses `url`.
+     */
+    pinServer?: boolean;
     /**
      * Whether to persist the JWT token across page reloads via localStorage.
      * Default: true.

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "2.10.0",
+  "version": "2.13.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -19,6 +19,7 @@ const module$1 = defineNuxtModule({
   },
   defaults: {
     url: process.env.ABRACADABRA_URL ?? "https://abra.cou.sh",
+    pinServer: false,
     persistAuth: true,
     authStorageKey: "abracadabra:auth",
     disabledBuiltins: [],
@@ -85,6 +86,7 @@ const module$1 = defineNuxtModule({
           },
           url: options.url,
           entryDocId: options.entryDocId ?? "",
+          pinServer: options.pinServer ?? false,
           persistAuth: options.persistAuth,
           authStorageKey: options.authStorageKey,
           disabledBuiltins: options.disabledBuiltins,
@@ -290,6 +292,13 @@ const module$1 = defineNuxtModule({
       prebundleDeps.push("mapbox-gl");
     } catch {
     }
+    for (const pkg of ["@unovis/vue", "@unovis/ts"]) {
+      try {
+        createRequire(`${nuxt.options.rootDir}/`).resolve(pkg);
+        prebundleDeps.push(pkg);
+      } catch {
+      }
+    }
     if (options.features?.code !== false) {
       const cmPeers = [
         "@codemirror/view",

package/dist/runtime/assets/editor.css

@@ -1 +1 @@
-html.dark .tiptap .shiki,html.dark .tiptap .shiki span{background-color:var(--ui-bg-muted)!important;color:var(--shiki-dark)!important}.collaboration-carets__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;opacity:0;pointer-events:none;position:relative;transition:opacity .3s ease;word-break:normal}.collaboration-carets__caret.is-hidden{display:none}.collaboration-carets__caret.is-active{opacity:1}.collaboration-carets__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ProseMirror-yjs-selection,.collaboration-carets__selection{background-color:var(--collaboration-selection-color)!important;pointer-events:none}.search-highlight{background-color:color-mix(in srgb,var(--color-primary-400) 35%,transparent);border-radius:2px;padding:0 1px}.doc-passage-highlight{background-color:color-mix(in srgb,var(--color-success-400) 35%,transparent);border-radius:2px;padding:0 1px}
+html.dark .tiptap .shiki,html.dark .tiptap .shiki span{background-color:var(--ui-bg-muted)!important;color:var(--shiki-dark)!important}.collaboration-carets__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;opacity:0;pointer-events:none;position:relative;transition:opacity .3s ease;word-break:normal}.collaboration-carets__caret.is-hidden{display:none}.collaboration-carets__caret.is-active{opacity:1}.collaboration-carets__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ProseMirror-yjs-selection,.collaboration-carets__selection{background-color:var(--collaboration-selection-color)!important;pointer-events:none}.search-highlight{background-color:color-mix(in srgb,var(--color-primary-400) 35%,transparent);border-radius:2px;padding:0 1px}.doc-passage-highlight{background-color:color-mix(in srgb,var(--color-success-400) 35%,transparent);border-radius:2px;padding:0 1px}.tiptap{min-height:100%;padding-bottom:8rem}.tiptap.file-drop-active{border-radius:4px;outline:2px dashed var(--ui-primary);outline-offset:4px}.tiptap .document-header{font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-bottom:1rem}.tiptap [data-type=document-meta]{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.375rem;line-height:1.75rem;margin-bottom:1.5rem;min-height:1.75rem}.tiptap [data-type=document-meta][data-cursor-in-meta=true][data-empty=true]:after{color:var(--ui-text-dimmed);content:"Type '/' to add a property…";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prose-variant .tiptap [data-type=document-meta]{display:none}

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** The document's child provider (AbracadabraProvider or a local wrapper). */
+    provider?: any;
+    /**
+     * Override the four status strings. `label` is the short status word
+     * (also the aria-label); `tooltip` is the longer hover explanation.
+     */
+    labels?: Partial<{
+        authFailedCached: {
+            label: string;
+            tooltip: string;
+        };
+        authFailedNoCache: {
+            label: string;
+            tooltip: string;
+        };
+        offlineCached: {
+            label: string;
+            tooltip: string;
+        };
+        offlineNoCache: {
+            label: string;
+            tooltip: string;
+        };
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AConnectionBadge.vue

@@ -0,0 +1,79 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  provider: { type: null, required: false },
+  labels: { type: Object, required: false }
+});
+const DEFAULTS = {
+  authFailedCached: {
+    label: "Cached copy",
+    tooltip: "Server rejected the connection \u2014 showing the last cached copy."
+  },
+  authFailedNoCache: {
+    label: "No access",
+    tooltip: "Server rejected the connection and no cached copy is available."
+  },
+  offlineCached: {
+    label: "Offline",
+    tooltip: "Server is unreachable \u2014 showing the last cached copy. Edits will sync when you reconnect."
+  },
+  offlineNoCache: {
+    label: "Not yet synced",
+    tooltip: "Server is unreachable and this document hasn't been synced to this device yet. Reconnect to load it."
+  }
+};
+const isRemoteProvider = computed(
+  () => !!props.provider && typeof props.provider.connectionStatus === "string"
+);
+const connStatus = ref("connecting");
+const authFailed = ref(false);
+watch(
+  () => props.provider,
+  (p, _old, onCleanup) => {
+    if (!p || typeof p.connectionStatus !== "string") return;
+    connStatus.value = p.connectionStatus ?? "disconnected";
+    authFailed.value = false;
+    const onStatus = (e) => {
+      connStatus.value = e?.status ?? "disconnected";
+      if (e?.status === "connected") authFailed.value = false;
+    };
+    const onAuthFail = () => {
+      authFailed.value = true;
+    };
+    p.on?.("status", onStatus);
+    p.on?.("authenticationFailed", onAuthFail);
+    onCleanup(() => {
+      p.off?.("status", onStatus);
+      p.off?.("authenticationFailed", onAuthFail);
+    });
+  },
+  { immediate: true }
+);
+const isOffline = computed(
+  () => isRemoteProvider.value && (authFailed.value || connStatus.value !== "connected")
+);
+const badge = computed(() => {
+  if (!isRemoteProvider.value || !isOffline.value) return null;
+  const hasCache = !!props.provider?.hasCachedContent;
+  const strings = { ...DEFAULTS, ...props.labels };
+  if (authFailed.value) {
+    return hasCache ? strings.authFailedCached : strings.authFailedNoCache;
+  }
+  return hasCache ? strings.offlineCached : strings.offlineNoCache;
+});
+</script>
+
+<template>
+  <UTooltip
+    v-if="badge"
+    :text="badge.tooltip"
+    :content="{ side: 'bottom' }"
+  >
+    <span
+      class="size-2 rounded-full shrink-0 ring-1 ring-inset ring-black/10"
+      :class="authFailed ? 'bg-(--ui-color-error-500)' : 'bg-(--ui-color-warning-500)'"
+      role="status"
+      :aria-label="badge.label"
+    />
+  </UTooltip>
+</template>

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** The document's child provider (AbracadabraProvider or a local wrapper). */
+    provider?: any;
+    /**
+     * Override the four status strings. `label` is the short status word
+     * (also the aria-label); `tooltip` is the longer hover explanation.
+     */
+    labels?: Partial<{
+        authFailedCached: {
+            label: string;
+            tooltip: string;
+        };
+        authFailedNoCache: {
+            label: string;
+            tooltip: string;
+        };
+        offlineCached: {
+            label: string;
+            tooltip: string;
+        };
+        offlineNoCache: {
+            label: string;
+            tooltip: string;
+        };
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Modal heading. */
+    title?: string;
+    /** Confirm button label. */
+    confirmLabel?: string;
+    /** Doc to exclude as a target along with its whole subtree (e.g. the doc being moved). */
+    excludeId?: string | null;
+    /** Extra ids to exclude as targets. */
+    excludeIds?: string[];
+    /** Offer a "Top level" (root) option. */
+    allowRoot?: boolean;
+    /** Label for the root option. */
+    rootLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (targetId: string | null) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((targetId: string | null) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    title: string;
+    confirmLabel: string;
+    excludeId: string | null;
+    excludeIds: string[];
+    allowRoot: boolean;
+    rootLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ADocPickerModal.vue

@@ -0,0 +1,191 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+import { useDocTree } from "../composables/useDocTree";
+import { resolveDocType } from "../utils/docTypes";
+import AModalShell from "./AModalShell.vue";
+const props = defineProps({
+  open: { type: Boolean, required: true },
+  title: { type: String, required: false, default: "Move to\u2026" },
+  confirmLabel: { type: String, required: false, default: "Move here" },
+  excludeId: { type: [String, null], required: false, default: null },
+  excludeIds: { type: Array, required: false, default: () => [] },
+  allowRoot: { type: Boolean, required: false, default: true },
+  rootLabel: { type: String, required: false, default: "Top level" }
+});
+const emit = defineEmits(["update:open", "select"]);
+const { entries } = useDocTree();
+const open = computed({
+  get: () => props.open,
+  set: (v) => emit("update:open", v)
+});
+const idSet = computed(() => new Set(entries.value.map((e) => e.id)));
+const childrenOf = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  for (const e of entries.value) {
+    if (e.trashed) continue;
+    const pid = e.parentId && idSet.value.has(e.parentId) ? e.parentId : null;
+    const arr = map.get(pid) ?? [];
+    arr.push(e);
+    map.set(pid, arr);
+  }
+  for (const arr of map.values()) arr.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  return map;
+});
+const excluded = computed(() => {
+  const set = new Set(props.excludeIds);
+  if (props.excludeId) {
+    const queue = [props.excludeId];
+    while (queue.length) {
+      const id = queue.shift();
+      set.add(id);
+      for (const child of childrenOf.value.get(id) ?? []) queue.push(child.id);
+    }
+  }
+  return set;
+});
+const expanded = ref(/* @__PURE__ */ new Set());
+const selectedId = ref(null);
+const search = ref("");
+watch(() => props.open, (isOpen) => {
+  if (isOpen) {
+    selectedId.value = null;
+    search.value = "";
+    expanded.value = /* @__PURE__ */ new Set();
+  }
+});
+function iconFor(entry) {
+  return entry?.meta?.icon ? entry.meta.icon.startsWith("i-") ? entry.meta.icon : `i-lucide-${entry.meta.icon}` : resolveDocType(entry?.type ?? "doc").icon;
+}
+const rows = computed(() => {
+  const q = search.value.trim().toLowerCase();
+  if (q) {
+    return entries.value.filter((e) => !e.trashed && !excluded.value.has(e.id) && (e.label || "").toLowerCase().includes(q)).sort((a, b) => (a.label || "").localeCompare(b.label || "")).slice(0, 100).map((e) => ({ id: e.id, label: e.label || "Untitled", icon: iconFor(e), depth: 0, hasChildren: false, expanded: false }));
+  }
+  const out = [];
+  const walk = (pid, depth) => {
+    for (const e of childrenOf.value.get(pid) ?? []) {
+      if (excluded.value.has(e.id)) continue;
+      const kids = (childrenOf.value.get(e.id) ?? []).filter((c) => !excluded.value.has(c.id));
+      const isExp = expanded.value.has(e.id);
+      out.push({ id: e.id, label: e.label || "Untitled", icon: iconFor(e), depth, hasChildren: kids.length > 0, expanded: isExp });
+      if (isExp) walk(e.id, depth + 1);
+    }
+  };
+  walk(null, 0);
+  return out;
+});
+function toggle(id) {
+  const next = new Set(expanded.value);
+  if (next.has(id)) next.delete(id);
+  else next.add(id);
+  expanded.value = next;
+}
+function confirm() {
+  emit("select", selectedId.value);
+  emit("update:open", false);
+}
+</script>
+
+<template>
+  <AModalShell
+    :open="open"
+    :title="title"
+    max-width="sm:max-w-lg"
+    @update:open="open = $event"
+  >
+    <div class="flex flex-col gap-3">
+      <UInput
+        v-model="search"
+        icon="i-lucide-search"
+        placeholder="Search documents…"
+        size="sm"
+        class="w-full"
+        autofocus
+      />
+
+      <div class="max-h-[50vh] overflow-y-auto rounded-md border border-(--ui-border) divide-y divide-(--ui-border)/60">
+        <!-- Root / top-level option -->
+        <button
+          v-if="allowRoot && !search"
+          type="button"
+          class="w-full flex items-center gap-2 px-3 py-2 text-left text-sm hover:bg-(--ui-bg-elevated) transition-colors"
+          :class="selectedId === null ? 'bg-(--ui-primary)/10 text-(--ui-primary)' : ''"
+          @click="selectedId = null"
+        >
+          <UIcon
+            name="i-lucide-home"
+            class="size-4 shrink-0 text-(--ui-text-muted)"
+          />
+          <span class="flex-1 truncate">{{ rootLabel }}</span>
+          <UIcon
+            v-if="selectedId === null"
+            name="i-lucide-check"
+            class="size-4 shrink-0"
+          />
+        </button>
+
+        <div
+          v-for="row in rows"
+          :key="row.id"
+          class="flex items-center hover:bg-(--ui-bg-elevated) transition-colors"
+          :class="selectedId === row.id ? 'bg-(--ui-primary)/10' : ''"
+          :style="{ paddingLeft: `${row.depth * 16}px` }"
+        >
+          <button
+            type="button"
+            class="size-6 shrink-0 flex items-center justify-center text-(--ui-text-dimmed) hover:text-(--ui-text)"
+            :class="row.hasChildren ? '' : 'invisible'"
+            @click="toggle(row.id)"
+          >
+            <UIcon
+              :name="row.expanded ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+              class="size-4"
+            />
+          </button>
+          <button
+            type="button"
+            class="flex-1 min-w-0 flex items-center gap-2 px-1 py-2 text-left text-sm"
+            :class="selectedId === row.id ? 'text-(--ui-primary)' : ''"
+            @click="selectedId = row.id"
+          >
+            <UIcon
+              :name="row.icon"
+              class="size-4 shrink-0 text-(--ui-text-muted)"
+            />
+            <span class="flex-1 truncate">{{ row.label }}</span>
+            <UIcon
+              v-if="selectedId === row.id"
+              name="i-lucide-check"
+              class="size-4 shrink-0 mr-2"
+            />
+          </button>
+        </div>
+
+        <p
+          v-if="rows.length === 0"
+          class="px-3 py-6 text-center text-sm text-(--ui-text-dimmed)"
+        >
+          {{ search ? "No matching documents." : "No documents." }}
+        </p>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          label="Cancel"
+          color="neutral"
+          variant="ghost"
+          @click="emit('update:open', false)"
+        />
+        <UButton
+          :label="confirmLabel"
+          color="primary"
+          icon="i-lucide-corner-down-right"
+          :disabled="selectedId === null && !allowRoot"
+          @click="confirm"
+        />
+      </div>
+    </template>
+  </AModalShell>
+</template>

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Modal heading. */
+    title?: string;
+    /** Confirm button label. */
+    confirmLabel?: string;
+    /** Doc to exclude as a target along with its whole subtree (e.g. the doc being moved). */
+    excludeId?: string | null;
+    /** Extra ids to exclude as targets. */
+    excludeIds?: string[];
+    /** Offer a "Top level" (root) option. */
+    allowRoot?: boolean;
+    /** Label for the root option. */
+    rootLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (targetId: string | null) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((targetId: string | null) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    title: string;
+    confirmLabel: string;
+    excludeId: string | null;
+    excludeIds: string[];
+    allowRoot: boolean;
+    rootLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ADocumentTree.vue

@@ -298,6 +298,45 @@ function deleteDoc(docId) {
   if (!docId || !isReady.value) return;
   moveToTrash(docId, userName.value);
 }
+const moveTargetId = ref(null);
+const movePickerOpen = ref(false);
+function openMovePicker(docId) {
+  moveTargetId.value = docId;
+  movePickerOpen.value = true;
+}
+function performMove(newParentId) {
+  const id = moveTargetId.value;
+  if (!id || !isReady.value) return;
+  const entry = treeMap.data[id];
+  if (!entry) return;
+  if ((entry.parentId ?? null) === newParentId) return;
+  treeMap.set(id, { ...entry, parentId: newParentId, order: Date.now() });
+  if (newParentId) {
+    client.value?.createChild(newParentId, { child_id: id, kind: "page" }).catch(() => {
+    });
+    expandedIds.value.add(newParentId);
+    expandedIds.value = new Set(expandedIds.value);
+  }
+  emit("navigate", id);
+}
+const tagsTargetId = ref(null);
+const tagsEditorOpen = ref(false);
+function openTagsEditor(docId) {
+  tagsTargetId.value = docId;
+  tagsEditorOpen.value = true;
+}
+const tagsTargetTags = computed(() => {
+  const id = tagsTargetId.value;
+  if (!id) return [];
+  return treeMap.data[id]?.meta?.tags ?? [];
+});
+function saveTags(tags) {
+  const id = tagsTargetId.value;
+  if (!id || !isReady.value) return;
+  const entry = treeMap.data[id];
+  if (!entry) return;
+  treeMap.set(id, { ...entry, meta: { ...entry.meta ?? {}, tags } });
+}
 const renameId = ref(null);
 const renameValue = ref("");
 const renameInputRef = ref(null);
@@ -770,6 +809,16 @@ function treeNodeMenuItems(item) {
         label: "Add child page",
         icon: "i-lucide-file-plus",
         onSelect: () => createDirectly(item.id)
+      },
+      {
+        label: "Move to\u2026",
+        icon: "i-lucide-corner-down-right",
+        onSelect: () => openMovePicker(item.id)
+      },
+      {
+        label: "Edit tags\u2026",
+        icon: "i-lucide-tags",
+        onSelect: () => openTagsEditor(item.id)
       }
     ],
     [
@@ -1517,6 +1566,22 @@ defineExpose({
       @close="closeOverlay"
     />
   </div>
+
+  <!-- Move-to reparent picker -->
+  <ADocPickerModal
+    v-model:open="movePickerOpen"
+    :exclude-id="moveTargetId"
+    title="Move to…"
+    confirm-label="Move here"
+    @select="performMove"
+  />
+
+  <!-- Edit-tags editor -->
+  <ATagsEditor
+    v-model:open="tagsEditorOpen"
+    :tags="tagsTargetTags"
+    @save="saveTags"
+  />
 </template>
 
 <style scoped>

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

@@ -35,12 +35,18 @@ type __VLS_Props = {
      * Useful for inspecting CRDT state during development. Default: false.
      */
     showSourceToggle?: boolean;
+    /**
+     * Show the in-canvas ancestor breadcrumb above the document (matching
+     * cou-sh's DocRenderer). Only renders when the doc actually has ancestors,
+     * so root/space docs show nothing. Set false for embeds/previews.
+     */
+    showBreadcrumb?: boolean;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_42: {
+declare var __VLS_58: {
     editor: any;
     connectedUsers: {
         name: string;
@@ -49,40 +55,40 @@ declare var __VLS_42: {
         docId?: string | undefined;
     }[];
     ready: boolean;
-}, __VLS_51: {
+}, __VLS_67: {
     editor: any;
-}, __VLS_59: {
+}, __VLS_75: {
     editor: any;
-}, __VLS_67: {
+}, __VLS_83: {
     editor: any;
-}, __VLS_70: {
+}, __VLS_86: {
     editor: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_42) => any;
+    default?: (props: typeof __VLS_58) => any;
 } & {
-    link?: (props: typeof __VLS_51) => any;
+    link?: (props: typeof __VLS_67) => any;
 } & {
-    'doc-link'?: (props: typeof __VLS_59) => any;
+    'doc-link'?: (props: typeof __VLS_75) => any;
 } & {
-    'create-child-doc'?: (props: typeof __VLS_67) => any;
+    'create-child-doc'?: (props: typeof __VLS_83) => any;
 } & {
-    'send-to-chat'?: (props: typeof __VLS_70) => any;
+    'send-to-chat'?: (props: typeof __VLS_86) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     editor: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
+    ready: () => any;
     update: (content: any) => any;
     "update:modelValue": (value: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
-    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
-    onReady?: (() => any) | undefined;
 }>, {
     contentType: "json" | "html" | "markdown";
     editable: boolean;
@@ -91,6 +97,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     showDragHandle: boolean;
     variant: "doc" | "prose";
     showSourceToggle: boolean;
+    showBreadcrumb: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;