@abraca/nuxt 1.8.2 → 2.0.0

package/README.md

@@ -216,7 +216,7 @@ pnpm install
 # Generate type stubs
 pnpm dev:prepare
 
-# Develop with the playground
+# Develop with the playground (one route per module feature)
 pnpm dev
 
 # Build
@@ -225,11 +225,36 @@ pnpm prepack
 # Lint
 pnpm lint
 
-# Test
+# Unit + integration tests (requires a running abracadabra-rs at $ABRACADABRA_URL for integration)
 pnpm test
 pnpm test:watch
+pnpm test:integration
+
+# Browser E2E (Playwright against a real spawned abracadabra-rs + abracadabra-aperio)
+pnpm test:e2e          # headless
+pnpm test:e2e:headed   # headed debug
+pnpm test:e2e:ui       # Playwright UI mode
+```
+
+### E2E setup
+
+`pnpm test:e2e` drives Chromium against a freshly-spawned `abracadabra-rs`
+(release binary) and `abracadabra-aperio` (Nuxt dev) — no mocks. The sibling
+repos must be checked out next to this one:
+
+```
+Abracadabra/
+├── abracadabra-nuxt/        (this repo)
+├── abracadabra-rs/          # build: cargo build --release -p abracadabra-server
+└── abracadabra-aperio/      # consumer app under test
 ```
 
+The test harness listens on port **3300** for aperio. Keep that free. Set
+`E2E_VERBOSE=1` to stream rs + aperio logs alongside test output — useful
+when a test is surprising you.
+
+The `playground/` directory is a focused, multi-page sandbox — one route per module feature — used to develop and visually verify the module in isolation. For a full reference application that exercises the entire module surface (auth, spaces, chat, file transfer, settings, etc.), see [`abracadabra-aperio`](../abracadabra-aperio), the open-source dashboard built on top of `@abraca/nuxt`.
+
 <!-- Badges -->
 [npm-version-src]: https://img.shields.io/npm/v/@abraca/nuxt/latest.svg?style=flat&colorA=020420&colorB=00DC82
 [npm-version-href]: https://npmjs.com/package/@abraca/nuxt

package/dist/module.d.mts

@@ -8,6 +8,8 @@ export { DocSeoOptions } from '../dist/runtime/composables/useDocSeo.js';
 export { DocDragState } from '../dist/runtime/composables/useDocDragBus.js';
 export { ParsedMessage, TextSegment, parseMessageContent, previewMessageContent, renderMessageSegments } from '../dist/runtime/utils/chatContent.js';
 export { DupEntry, duplicateDocContent, duplicateDocTree } from '../dist/runtime/utils/duplicateDocContent.js';
+export { AuditLogEntry, AuditQueryOpts, AuditVerifyResult, DocSearchHit, ReadyzStatus } from '@abraca/dabra';
+export { ServerTrashEntry } from '../dist/runtime/composables/useServerTrash.js';
 export { SlugMap, SlugMapEntry, buildSlugMap, isUUID, slugify } from '../dist/runtime/utils/slugify.js';
 export { avatarBorderStyle, avatarGradient, avatarStyleFromName } from '../dist/runtime/utils/avatarStyle.js';
 export { COLOR_PALETTES, ColorPalette, ColorShade, findPaletteByHex } from '../dist/runtime/utils/colorPalettes.js';
@@ -87,11 +89,10 @@ interface ModuleOptions {
     /**
      * Root document ID to connect to on boot.
      * When set, skips server-info / spaces discovery and connects directly.
-     * Useful when your server uses spaces and you know the hub or space doc ID.
      * Can be overridden at runtime via NUXT_PUBLIC_ABRACADABRA_ENTRY_DOC_ID.
      *
      * Discovery priority (first non-empty wins):
-     *   entryDocId > hubDocId (from /spaces/hub) > first space > server index_doc_id
+     *   entryDocId > saved server entryDocId > first Space (kind="space" top-level doc)
      */
     entryDocId?: string;
     /**
@@ -267,7 +268,7 @@ interface ModuleOptions {
         publicKey?: string;
         /** Ed25519 private key (base64url). Stored in private runtime config only. */
         privateKey?: string;
-        /** Root document ID to connect to. Defaults to the server's index_doc_id. */
+        /** Root document ID to connect to. Defaults to the server's root_doc_id. */
         rootDocId?: string;
         /** Disable the service provider even if keys are present. Default: false. */
         disabled?: boolean;

package/dist/module.json

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

package/dist/module.mjs

@@ -1,3 +1,4 @@
+import { createRequire } from 'node:module';
 import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addImports, addComponentsDir, addServerHandler, addRouteMiddleware, addServerPlugin, addServerImportsDir } from '@nuxt/kit';
 import { defu } from 'defu';
 export { buildSlugMap, isUUID, slugify } from '../dist/runtime/utils/slugify.js';
@@ -118,6 +119,9 @@ const module$1 = defineNuxtModule({
         "prosemirror-dropcursor",
         "prosemirror-commands",
         "prosemirror-tables",
+        // y-prosemirror is transitive via @tiptap/extension-collaboration — dedupe
+        // is still valuable (prevents two copies if the app happens to install it
+        // directly), and Vite dedupe silently skips entries it can't resolve.
         "y-prosemirror",
         "yjs",
         "y-protocols",
@@ -162,7 +166,8 @@ const module$1 = defineNuxtModule({
     }
     nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, { include: [] });
     const includeList = nuxt.options.vite.optimizeDeps.include ?? [];
-    const prosemirrorDeps = [
+    const prebundleDeps = [
+      // ProseMirror core (re-exported by @tiptap/pm)
       "prosemirror-view",
       "prosemirror-state",
       "prosemirror-model",
@@ -175,17 +180,52 @@ const module$1 = defineNuxtModule({
       "prosemirror-inputrules",
       "prosemirror-history",
       "prosemirror-schema-list",
-      "y-prosemirror",
+      // TipTap core + Vue binding (shared globals plugin)
+      "@tiptap/core",
+      "@tiptap/vue-3",
+      "@tiptap/starter-kit",
+      // TipTap extensions used by core.plugin.ts
       "@tiptap/extension-table",
       "@tiptap/extension-table-row",
       "@tiptap/extension-table-header",
       "@tiptap/extension-table-cell",
       "@tiptap/extension-collaboration",
       "@tiptap/extension-collaboration-caret",
+      "@tiptap/extension-task-list",
+      "@tiptap/extension-task-item",
+      "@tiptap/extension-character-count",
+      "@tiptap/extension-text-align",
+      "@tiptap/extension-highlight",
+      "@tiptap/extension-color",
+      "@tiptap/extension-text-style",
+      "@tiptap/extension-superscript",
+      "@tiptap/extension-subscript",
+      "@tiptap/extension-code-block-lowlight",
+      "lowlight",
+      // Yjs + provider deps (shared globals + client plugin)
+      "yjs",
+      // NOTE: `@abraca/dabra` deliberately NOT pre-bundled. esbuild treeshakes
+      // its `export {}` aggregate in dist/abracadabra-provider.esm.js so re-exports
+      // from internal modules (ChannelKeyResolver, decryptChatContent, foldRecords,
+      // recordFromYAny, isEncryptedContent) get dropped — useChat.ts then fails to
+      // import them. Excluding from optimizeDeps means Vite serves it native ESM.
+      "@noble/ed25519",
+      "@noble/hashes/sha512",
+      // Composable + util deps
+      "@vueuse/core",
       "nanoevents"
     ];
+    try {
+      createRequire(`${nuxt.options.rootDir}/`).resolve("jszip");
+      prebundleDeps.push("jszip");
+    } catch {
+    }
     nuxt.options.vite.optimizeDeps.include = [
-      .../* @__PURE__ */ new Set([...includeList, ...prosemirrorDeps])
+      .../* @__PURE__ */ new Set([...includeList, ...prebundleDeps])
+    ];
+    const existingExclude = nuxt.options.vite.optimizeDeps.exclude ?? [];
+    nuxt.options.vite.optimizeDeps.exclude = [
+      .../* @__PURE__ */ new Set([...existingExclude, "@abraca/dabra"])
     ];
     if (options.features?.editor !== false) {
       nuxt.options.css.push(resolver.resolve("./runtime/assets/editor.css"));
@@ -273,6 +313,11 @@ const module$1 = defineNuxtModule({
       prefix: options.prefix ?? "",
       pathPrefix: false
     });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/docs"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
     if (options.features?.chat) {
       addComponentsDir({
         path: resolver.resolve("./runtime/components/chat"),
@@ -282,7 +327,8 @@ const module$1 = defineNuxtModule({
     }
     addComponentsDir({
       path: resolver.resolve("./runtime/components"),
-      prefix: options.prefix ?? ""
+      prefix: options.prefix ?? "",
+      ignore: ["**/docs/**"]
     });
     if (options.server?.render !== false) {
       addServerHandler({

package/dist/runtime/components/ADocumentTree.vue

@@ -254,7 +254,7 @@ function createDirectly(parentId) {
   if (parentId) {
     expandedIds.value.add(parentId);
     expandedIds.value = new Set(expandedIds.value);
-    client.value?.createChild(parentId, { child_id: id }).catch(() => {
+    client.value?.createChild(parentId, { child_id: id, kind: "page" }).catch(() => {
     });
   }
   emit("navigate", id);

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

@@ -23,6 +23,12 @@ type __VLS_Props = {
     parentType?: string;
     /** Override metaSchema directly instead of resolving from parentType */
     metaSchema?: MetaField[];
+    /**
+     * Layout variant. 'doc' (default) is the standard rich-text layout.
+     * 'prose' switches to a narrow readable measure with serif typography
+     * for long-form writing. Same TipTap engine and extensions.
+     */
+    variant?: 'doc' | 'prose';
 };
 type __VLS_ModelProps = {
     modelValue?: any;
@@ -37,11 +43,29 @@ declare var __VLS_18: {
         docId?: string | undefined;
     }[];
     ready: boolean;
+}, __VLS_27: {
+    editor: any;
+}, __VLS_35: {
+    editor: any;
+}, __VLS_43: {
+    editor: any;
+}, __VLS_46: {
+    editor: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_18) => any;
+} & {
+    link?: (props: typeof __VLS_27) => any;
+} & {
+    'doc-link'?: (props: typeof __VLS_35) => any;
+} & {
+    'create-child-doc'?: (props: typeof __VLS_43) => any;
+} & {
+    'send-to-chat'?: (props: typeof __VLS_46) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    editor: import("vue").ComputedRef<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
     update: (content: any) => any;
     "update:modelValue": (value: any) => any;
@@ -54,6 +78,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
     onReady?: (() => any) | undefined;
 }>, {
+    variant: "doc" | "prose";
     contentType: "json" | "html" | "markdown";
     editable: boolean;
     showToolbar: boolean;

package/dist/runtime/components/AEditor.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { shallowRef, ref, watch, watchEffect, computed, nextTick } from "vue";
+import { shallowRef, ref, watch, watchEffect, computed, nextTick, onBeforeUnmount } from "vue";
 import { useNuxtApp } from "#imports";
 import { Fragment } from "@tiptap/pm/model";
 import { useSyncedMap } from "../composables/useYDoc";
@@ -10,6 +10,9 @@ import { useEditorToolbar } from "../composables/useEditorToolbar";
 import { useEditorSuggestions } from "../composables/useEditorSuggestions";
 import { useEditorDragHandle } from "../composables/useEditorDragHandle";
 import { useEditorEmojis } from "../composables/useEditorEmojis";
+import { useEditorMentions } from "../composables/useEditorMentions";
+import ALinkPopover from "./editor/ALinkPopover.vue";
+import ADocLinkPopover from "./editor/ADocLinkPopover.vue";
 const props = defineProps({
   docId: { type: String, required: true },
   docLabel: { type: String, required: false },
@@ -21,7 +24,8 @@ const props = defineProps({
   showDragHandle: { type: Boolean, required: false, default: true },
   docMeta: { type: Object, required: false },
   parentType: { type: String, required: false },
-  metaSchema: { type: Array, required: false }
+  metaSchema: { type: Array, required: false },
+  variant: { type: String, required: false, default: "doc" }
 });
 const emit = defineEmits(["ready", "update", "rename", "updateMeta"]);
 const model = defineModel({ type: null });
@@ -32,10 +36,14 @@ watch(provider, async (prov) => {
   if (!prov || !props.docId) return;
   try {
     childProvider.value = await prov.loadChild(props.docId);
+    prov.pinChild?.(props.docId);
   } catch (e) {
     console.error("[AEditor] Failed to load child provider:", e);
   }
 }, { immediate: true });
+onBeforeUnmount(() => {
+  provider.value?.unpinChild?.(props.docId);
+});
 const { extensions, connectedUsers, ready } = useEditor({
   childProvider,
   docId: props.docId
@@ -44,6 +52,8 @@ watch(ready, (val) => {
   if (val) emit("ready");
 });
 const editorRef = ref(null);
+const tiptapEditor = computed(() => editorRef.value?.editor ?? null);
+defineExpose({ editor: tiptapEditor });
 const { items: toolbarItems } = useEditorToolbar({ docId: props.docId });
 const resolvedMetaSchema = computed(() => {
   if (props.metaSchema) return props.metaSchema;
@@ -54,6 +64,7 @@ const resolvedMetaSchema = computed(() => {
 });
 const { items: allSuggestionItems, propertiesOnlyItems } = useEditorSuggestions({ docId: props.docId });
 const { items: emojiItems } = useEditorEmojis();
+const { items: mentionItems } = useEditorMentions({ docId: props.docId });
 const isInDocumentMeta = ref(false);
 watchEffect((onCleanup) => {
   const ed = editorRef.value?.editor;
@@ -216,11 +227,102 @@ watch(() => props.docLabel, (newLabel) => {
   if (!ed || !ready.value) return;
   setHeaderText(ed, newLabel || "");
 });
+function insertNode(editor, type, attrs, content) {
+  const node = { type, attrs };
+  if (content) node.content = content;
+  return editor.chain().focus().insertContent(node);
+}
 const editorHandlers = {
   insertMetaField: {
     canExecute: () => true,
     execute: (editor, item) => editor.chain().focus().insertMetaField(item.attrs),
     isActive: () => false
+  },
+  divider: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "divider", { label: "" }),
+    isActive: (editor) => editor.isActive("divider")
+  },
+  quote: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "quote", { author: "", role: "", avatar: "" }, [{ type: "paragraph" }]),
+    isActive: (editor) => editor.isActive("quote")
+  },
+  figure: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "figure", { src: "", alt: "", caption: "" }),
+    isActive: (editor) => editor.isActive("figure")
+  },
+  embed: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "embed", { src: "", title: "", aspectRatio: "16/9" }),
+    isActive: (editor) => editor.isActive("embed")
+  },
+  video: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "video", { src: "", aspectRatio: "16/9", caption: "" }),
+    isActive: (editor) => editor.isActive("video")
+  },
+  stat: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "stat", { label: "Users", value: "1.2k", trend: "up", trendValue: "+12%" }),
+    isActive: (editor) => editor.isActive("stat")
+  },
+  statGroup: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "statGroup", {}, [
+      { type: "stat", attrs: { label: "Users", value: "1.2k", trend: "up", trendValue: "+12%" } },
+      { type: "stat", attrs: { label: "Revenue", value: "$48k", trend: "up", trendValue: "+8%" } },
+      { type: "stat", attrs: { label: "Churn", value: "2.4%", trend: "down", trendValue: "-0.3%" } }
+    ]),
+    isActive: (editor) => editor.isActive("statGroup")
+  },
+  button: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "button", { label: "Get started", variant: "solid", color: "primary", to: "", icon: "" }),
+    isActive: (editor) => editor.isActive("button")
+  },
+  buttonGroup: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "buttonGroup", {}, [
+      { type: "button", attrs: { label: "Primary", variant: "solid", color: "primary", to: "", icon: "" } },
+      { type: "button", attrs: { label: "Secondary", variant: "outline", color: "neutral", to: "", icon: "" } }
+    ]),
+    isActive: (editor) => editor.isActive("buttonGroup")
+  },
+  progress: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "progress", { label: "Progress", value: 50, max: 100, color: "primary" }),
+    isActive: (editor) => editor.isActive("progress")
+  },
+  spoiler: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "spoiler", { label: "Spoiler", revealed: false }, [{ type: "paragraph" }]),
+    isActive: (editor) => editor.isActive("spoiler")
+  },
+  colorSwatch: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "colorSwatch", { color: "#6366f1" }),
+    isActive: (editor) => editor.isActive("colorSwatch")
+  },
+  mathBlock: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "mathBlock", { expression: "" }),
+    isActive: (editor) => editor.isActive("mathBlock")
+  },
+  mathInline: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "mathInline", { expression: "" }),
+    isActive: (editor) => editor.isActive("mathInline")
+  },
+  diff: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "diff", {
+      before: 'function hello() {\n  return "world"\n}',
+      after: "function hello(name) {\n  return `hello ${name}`\n}",
+      language: "js"
+    }),
+    isActive: (editor) => editor.isActive("diff")
   }
 };
 const _mentionItems = computed(
@@ -241,6 +343,7 @@ function onPlusClick(e, onClick) {
     <div
       v-if="!extensions.length"
       class="p-6 space-y-3"
+      :class="{ 'prose-variant': variant === 'prose' }"
     >
       <div class="h-8 w-64 animate-pulse rounded bg-elevated" />
       <div class="h-4 w-full animate-pulse rounded bg-elevated" />
@@ -250,6 +353,7 @@ function onPlusClick(e, onClick) {
 
     <UEditor
       v-else
+      :class="{ 'prose-variant': variant === 'prose' }"
       ref="editorRef"
       v-slot="{ editor }"
       v-model="model"
@@ -268,13 +372,45 @@ function onPlusClick(e, onClick) {
         :ready="ready"
       >
         <!-- ── Bubble toolbar (appears when text is selected) ─────────────── -->
+        <!-- 4 named slots are forwarded to consumers:
+             #link / #doc-link — defaulted to ALinkPopover / ADocLinkPopover
+             #create-child-doc / #send-to-chat — empty by default; app-defined -->
         <UEditorToolbar
           v-if="showToolbar"
           :editor="editor"
           :items="toolbarItems"
           layout="bubble"
           :should-show="({ view, state }) => view.hasFocus() && !state.selection.empty"
-        />
+        >
+          <template #link>
+            <slot
+              name="link"
+              :editor="editor"
+            >
+              <ALinkPopover :editor="editor" />
+            </slot>
+          </template>
+          <template #doc-link>
+            <slot
+              name="doc-link"
+              :editor="editor"
+            >
+              <ADocLinkPopover :editor="editor" />
+            </slot>
+          </template>
+          <template #create-child-doc>
+            <slot
+              name="create-child-doc"
+              :editor="editor"
+            />
+          </template>
+          <template #send-to-chat>
+            <slot
+              name="send-to-chat"
+              :editor="editor"
+            />
+          </template>
+        </UEditorToolbar>
 
         <!-- ── Slash command menu ──────────────────────────────────────────── -->
         <UEditorSuggestionMenu
@@ -289,6 +425,12 @@ function onPlusClick(e, onClick) {
           :items="emojiItems"
         />
 
+        <!-- ── Mention menu (`@` trigger) — users + docs + plugin providers ── -->
+        <UEditorMentionMenu
+          :editor="editor"
+          :items="mentionItems"
+        />
+
         <!-- ── Drag handle — plus button + grip dropdown ───────────────────── -->
         <UEditorDragHandle
           v-if="showDragHandle"
@@ -330,7 +472,10 @@ function onPlusClick(e, onClick) {
     </UEditor>
 
     <template #fallback>
-      <div class="p-6 space-y-3">
+      <div
+        class="p-6 space-y-3"
+        :class="{ 'prose-variant': variant === 'prose' }"
+      >
         <div class="h-8 w-64 animate-pulse rounded bg-elevated" />
         <div class="h-4 w-full animate-pulse rounded bg-elevated" />
         <div class="h-4 w-3/4 animate-pulse rounded bg-elevated" />
@@ -338,3 +483,7 @@ function onPlusClick(e, onClick) {
     </template>
   </ClientOnly>
 </template>
+
+<style scoped>
+.prose-variant :deep(.tiptap){color:var(--ui-text);font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.0625rem;line-height:1.75}.prose-variant :deep(.tiptap p){margin-bottom:1em;margin-top:0}.prose-variant :deep(.tiptap h1),.prose-variant :deep(.tiptap h2),.prose-variant :deep(.tiptap h3),.prose-variant :deep(.tiptap h4){font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;letter-spacing:-.01em;line-height:1.25;margin-bottom:.5em;margin-top:1.75em}.prose-variant :deep(.tiptap h1){font-size:2rem;font-weight:700}.prose-variant :deep(.tiptap h2){font-size:1.5rem;font-weight:700}.prose-variant :deep(.tiptap h3){font-size:1.25rem;font-weight:600}.prose-variant :deep(.tiptap blockquote){border-left:3px solid var(--ui-border);color:var(--ui-text-muted);font-style:italic;margin-left:0;padding-left:1em}.prose-variant :deep(.tiptap ol),.prose-variant :deep(.tiptap ul){margin-bottom:1em;padding-left:1.5em}.prose-variant :deep(.tiptap .document-header){font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem}
+</style>

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

@@ -23,6 +23,12 @@ type __VLS_Props = {
     parentType?: string;
     /** Override metaSchema directly instead of resolving from parentType */
     metaSchema?: MetaField[];
+    /**
+     * Layout variant. 'doc' (default) is the standard rich-text layout.
+     * 'prose' switches to a narrow readable measure with serif typography
+     * for long-form writing. Same TipTap engine and extensions.
+     */
+    variant?: 'doc' | 'prose';
 };
 type __VLS_ModelProps = {
     modelValue?: any;
@@ -37,11 +43,29 @@ declare var __VLS_18: {
         docId?: string | undefined;
     }[];
     ready: boolean;
+}, __VLS_27: {
+    editor: any;
+}, __VLS_35: {
+    editor: any;
+}, __VLS_43: {
+    editor: any;
+}, __VLS_46: {
+    editor: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_18) => any;
+} & {
+    link?: (props: typeof __VLS_27) => any;
+} & {
+    'doc-link'?: (props: typeof __VLS_35) => any;
+} & {
+    'create-child-doc'?: (props: typeof __VLS_43) => any;
+} & {
+    'send-to-chat'?: (props: typeof __VLS_46) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    editor: import("vue").ComputedRef<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
     update: (content: any) => any;
     "update:modelValue": (value: any) => any;
@@ -54,6 +78,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
     onReady?: (() => any) | undefined;
 }>, {
+    variant: "doc" | "prose";
     contentType: "json" | "html" | "markdown";
     editable: boolean;
     showToolbar: boolean;

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

@@ -0,0 +1,46 @@
+type __VLS_Props = {
+    /** Open state (v-model). */
+    open?: boolean;
+    /** Display name override. Defaults to useAbracadabra().userName. */
+    userName?: string;
+    /** Public key override. Defaults to useAbracadabra().publicKeyB64. */
+    publicKey?: string | null;
+    /** Color override (CSS color or named color). */
+    color?: string;
+    /** Modal title. */
+    title?: string;
+    /** Whether the user can edit their display name inline. Default: true. */
+    editable?: boolean;
+};
+declare var __VLS_30: {}, __VLS_39: {
+    publicKey: string | null;
+    userName: string;
+}, __VLS_42: {}, __VLS_51: {};
+type __VLS_Slots = {} & {
+    subtitle?: (props: typeof __VLS_30) => any;
+} & {
+    content?: (props: typeof __VLS_39) => any;
+} & {
+    'actions-left'?: (props: typeof __VLS_42) => any;
+} & {
+    'actions-right'?: (props: typeof __VLS_51) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rename: (name: string) => any;
+    "update:open": (open: boolean) => any;
+    "sign-out": () => any;
+    "show-recovery": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRename?: ((name: string) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onSign-out"?: (() => any) | undefined;
+    "onShow-recovery"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};