@abraca/nuxt 0.1.1 → 0.3.0

package/dist/module.d.mts

@@ -3,6 +3,9 @@ import * as __runtime_types from '../dist/runtime/types.js';
 export { AbracadabraPlugin, AbracadabraState, CachedTreeNode, DocCacheAPI, DocPageMeta, RunnerCleanup, ServerRunnerContext, ServerRunnerDefinition, TreeEntry, UserMetaField } from '../dist/runtime/types.js';
 import { AbracadabraLocale } from '../dist/runtime/locale.js';
 export { AbracadabraLocale } from '../dist/runtime/locale.js';
+export { DocTreeReturn } from '../dist/runtime/composables/useDocTree.js';
+export { DocSeoOptions } from '../dist/runtime/composables/useDocSeo.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';
 export { META_FIELD_DEFINITIONS, MetaFieldDefinition } from '../dist/runtime/utils/metaFieldDefinitions.js';
@@ -26,6 +29,8 @@ declare module '@nuxt/schema' {
                 backgroundSync?: boolean;
                 renderers?: boolean;
                 serverCache?: boolean;
+                broadcastSync?: boolean;
+                webrtc?: boolean;
             };
             locale: AbracadabraLocale;
             auth: {
@@ -43,6 +48,15 @@ declare module '@nuxt/schema' {
                 adjectives: string[];
                 nouns: string[];
             };
+            webrtc: {
+                iceServers: Array<{
+                    urls: string | string[];
+                    username?: string;
+                    credential?: string;
+                }>;
+                e2ee: boolean;
+                fileTransfer: boolean;
+            };
         };
     }
     interface RuntimeConfig {
@@ -109,6 +123,18 @@ interface ModuleOptions {
          * Default: true.
          */
         serverCache?: boolean;
+        /**
+         * Enable BroadcastChannel cross-tab sync for Y.js documents.
+         * Automatically syncs the root doc across browser tabs on the same origin.
+         * Zero config, no server needed. Default: true.
+         */
+        broadcastSync?: boolean;
+        /**
+         * Enable WebRTC P2P sync composables (useWebRTC, useDevicePairing).
+         * Opt-in — requires ICE server config and UI integration.
+         * Default: false.
+         */
+        webrtc?: boolean;
     };
     /**
      * Automatically add Vite resolve.dedupe entries for ProseMirror, TipTap, and Yjs.
@@ -164,6 +190,11 @@ interface ModuleOptions {
      *   docBasePath: ''            →  /{docId}
      */
     docBasePath?: string;
+    /**
+     * Mapbox GL access token for the Map renderer.
+     * Can be overridden at runtime via NUXT_PUBLIC_ABRACADABRA_MAPBOX_TOKEN.
+     */
+    mapboxToken?: string;
     /**
      * Word lists for generating random guest display names.
      * Defaults to a fantasy-theme set ('Swift-Wizard', 'Bright-Mage', etc.).
@@ -173,6 +204,21 @@ interface ModuleOptions {
         adjectives?: string[];
         nouns?: string[];
     };
+    /**
+     * WebRTC P2P configuration. Only used when features.webrtc is true.
+     */
+    webrtc?: {
+        /** ICE servers for WebRTC connections. Default: Google STUN server. */
+        iceServers?: Array<{
+            urls: string | string[];
+            username?: string;
+            credential?: string;
+        }>;
+        /** Enable E2EE on WebRTC data channels. Requires claimed passkey identity. Default: false. */
+        e2ee?: boolean;
+        /** Enable file transfer over WebRTC data channels. Default: false. */
+        fileTransfer?: boolean;
+    };
     /**
      * Service-role provider configuration for server-side background runners.
      * When publicKey + privateKey are set, a Nitro plugin connects to the

package/dist/module.json

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

package/dist/module.mjs

@@ -1,5 +1,6 @@
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addComponentsDir, addServerHandler, addRouteMiddleware, addServerPlugin, addServerImportsDir } from '@nuxt/kit';
+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';
 export { avatarBorderStyle, avatarGradient, avatarStyleFromName } from '../dist/runtime/utils/avatarStyle.js';
 export { COLOR_PALETTES, findPaletteByHex } from '../dist/runtime/utils/colorPalettes.js';
 export { META_FIELD_DEFINITIONS } from '../dist/runtime/utils/metaFieldDefinitions.js';
@@ -20,7 +21,9 @@ const module$1 = defineNuxtModule({
       search: true,
       backgroundSync: true,
       renderers: true,
-      serverCache: true
+      serverCache: true,
+      broadcastSync: true,
+      webrtc: false
     },
     addViteDedupe: true,
     prefix: "",
@@ -37,6 +40,11 @@ const module$1 = defineNuxtModule({
     debug: false,
     docBasePath: "/doc",
     guestName: {},
+    webrtc: {
+      iceServers: [{ urls: "stun:stun.l.google.com:19302" }],
+      e2ee: false,
+      fileTransfer: false
+    },
     service: {
       disabled: false
     }
@@ -58,9 +66,15 @@ const module$1 = defineNuxtModule({
           server: options.server ?? {},
           debug: options.debug ?? false,
           docBasePath: options.docBasePath ?? "/doc",
+          mapboxToken: options.mapboxToken ?? "",
           guestName: {
             adjectives: options.guestName?.adjectives ?? [],
             nouns: options.guestName?.nouns ?? []
+          },
+          webrtc: {
+            iceServers: options.webrtc?.iceServers ?? [{ urls: "stun:stun.l.google.com:19302" }],
+            e2ee: options.webrtc?.e2ee ?? false,
+            fileTransfer: options.webrtc?.fileTransfer ?? false
           }
         }
       }
@@ -73,6 +87,14 @@ const module$1 = defineNuxtModule({
         serviceDisabled: options.service?.disabled ?? false
       }
     });
+    nuxt.options.nitro = defu(nuxt.options.nitro, {
+      storage: {
+        "doc-cache": {
+          driver: "fs",
+          base: ".data/abracadabra-cache"
+        }
+      }
+    });
     if (options.addViteDedupe) {
       const dedupePackages = [
         "prosemirror-view",
@@ -84,6 +106,8 @@ const module$1 = defineNuxtModule({
         "prosemirror-inputrules",
         "prosemirror-history",
         "prosemirror-gapcursor",
+        "prosemirror-tables",
+        "prosemirror-schema-list",
         "yjs",
         "@tiptap/core",
         "@tiptap/pm",
@@ -95,6 +119,29 @@ const module$1 = defineNuxtModule({
       nuxt.options.vite.resolve.dedupe = [
         .../* @__PURE__ */ new Set([...existing, ...dedupePackages])
       ];
+      const pmMapping = {
+        "@tiptap/pm/state": "prosemirror-state",
+        "@tiptap/pm/view": "prosemirror-view",
+        "@tiptap/pm/model": "prosemirror-model",
+        "@tiptap/pm/transform": "prosemirror-transform",
+        "@tiptap/pm/keymap": "prosemirror-keymap",
+        "@tiptap/pm/inputrules": "prosemirror-inputrules",
+        "@tiptap/pm/history": "prosemirror-history",
+        "@tiptap/pm/gapcursor": "prosemirror-gapcursor",
+        "@tiptap/pm/schema-list": "prosemirror-schema-list",
+        "@tiptap/pm/tables": "prosemirror-tables"
+      };
+      nuxt.hook("vite:extendConfig", (config) => {
+        config.resolve ??= {};
+        config.resolve.alias ??= {};
+        if (Array.isArray(config.resolve.alias)) {
+          for (const [find, replacement] of Object.entries(pmMapping)) {
+            config.resolve.alias.push({ find, replacement });
+          }
+        } else {
+          Object.assign(config.resolve.alias, pmMapping);
+        }
+      });
     }
     nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, { include: [] });
     const includeList = nuxt.options.vite.optimizeDeps.include ?? [];
@@ -104,6 +151,11 @@ const module$1 = defineNuxtModule({
       "prosemirror-model",
       "prosemirror-transform",
       "prosemirror-tables",
+      "prosemirror-gapcursor",
+      "prosemirror-keymap",
+      "prosemirror-inputrules",
+      "prosemirror-history",
+      "prosemirror-schema-list",
       "@tiptap/extension-table",
       "@tiptap/extension-table-row",
       "@tiptap/extension-table-header",
@@ -113,6 +165,34 @@ const module$1 = defineNuxtModule({
     nuxt.options.vite.optimizeDeps.include = [
       .../* @__PURE__ */ new Set([...includeList, ...prosemirrorDeps])
     ];
+    if (options.features?.editor !== false) {
+      nuxt.options.css.push(resolver.resolve("./runtime/assets/editor.css"));
+    }
+    nuxt.hook("app:resolve", (app) => {
+      const appConfig = app.config ?? {};
+      appConfig.ui = appConfig.ui ?? {};
+      appConfig.ui.editor = defu(appConfig.ui.editor ?? {}, {
+        slots: {
+          base: [
+            // Tables
+            "[&_table]:w-full [&_table]:border-separate [&_table]:border-spacing-0 [&_table]:rounded-md",
+            "[&_th]:py-3 [&_th]:px-4 [&_th]:font-semibold [&_th]:text-sm [&_th]:text-left [&_th]:bg-muted/50 [&_th]:border-t [&_th]:border-b [&_th]:border-e [&_th]:first:border-s [&_th]:border-muted",
+            "[&_th_p]:my-0 [&_th_p]:leading-5",
+            "[&_td]:py-3 [&_td]:px-4 [&_td]:text-sm [&_td]:text-left [&_td]:border-b [&_td]:border-e [&_td]:first:border-s [&_td]:border-muted",
+            "[&_td_p]:my-0 [&_td_p]:leading-5 [&_td_code]:text-xs/5 [&_td_ul]:my-0 [&_td_ol]:my-0 [&_td_ul]:ps-4.5 [&_td_ol]:ps-4.5 [&_td_li]:leading-6 [&_td_li]:my-0.5",
+            "[&_tr:first-child_th:first-child]:rounded-tl-md [&_tr:first-child_th:last-child]:rounded-tr-md [&_tr:last-child_td:first-child]:rounded-bl-md [&_tr:last-child_td:last-child]:rounded-br-md",
+            "[&_.selectedCell]:bg-primary/10 [&_.selectedCell]:ring-2 [&_.selectedCell]:ring-primary [&_.selectedCell]:ring-inset",
+            // Task lists
+            "[&_ul[data-type=taskList]]:list-none [&_ul[data-type=taskList]]:ps-1",
+            "[&_ul[data-type=taskList]_li]:flex [&_ul[data-type=taskList]_li]:items-center [&_ul[data-type=taskList]_li]:ps-0",
+            "[&_ul[data-type=taskList]_li_label]:inline-flex [&_ul[data-type=taskList]_li_label]:pr-2.5",
+            "[&_ul[data-type=taskList]_li_label_input]:appearance-none [&_ul[data-type=taskList]_li_label_input]:size-4 [&_ul[data-type=taskList]_li_label_input]:rounded-sm [&_ul[data-type=taskList]_li_label_input]:ring [&_ul[data-type=taskList]_li_label_input]:ring-inset [&_ul[data-type=taskList]_li_label_input]:ring-accented [&_ul[data-type=taskList]_li_label_input]:bg-center",
+            "[&_ul[data-type=taskList]_li_label_input:checked]:bg-primary [&_ul[data-type=taskList]_li_label_input:checked]:ring-primary [&_ul[data-type=taskList]_li_label_input:checked]:bg-[url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDZMOSAxN2wtNS01Ii8+PC9zdmc+)] dark:[&_ul[data-type=taskList]_li_label_input:checked]:bg-[url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDZMOSAxN2wtNS01Ii8+PC9zdmc+)]",
+            "[&_ul[data-type=taskList]_li[data-checked=true]>div>p]:line-through [&_ul[data-type=taskList]_li[data-checked=true]>div>p]:opacity-50"
+          ]
+        }
+      });
+    });
     addPlugin({
       src: resolver.resolve("./runtime/plugin-abracadabra.server"),
       mode: "server"
@@ -126,6 +206,11 @@ const module$1 = defineNuxtModule({
       mode: "client"
     });
     addImportsDir(resolver.resolve("./runtime/composables"));
+    addImports([
+      { name: "slugify", from: resolver.resolve("./runtime/utils/slugify") },
+      { name: "buildSlugMap", from: resolver.resolve("./runtime/utils/slugify") },
+      { name: "isUUID", from: resolver.resolve("./runtime/utils/slugify") }
+    ]);
     addComponentsDir({
       path: resolver.resolve("./runtime/components/aware"),
       prefix: options.prefix ?? "",
@@ -151,6 +236,14 @@ const module$1 = defineNuxtModule({
         route: "/api/_abracadabra/spaces",
         handler: resolver.resolve("./runtime/server/api/_abracadabra/spaces.get")
       });
+      addServerHandler({
+        route: "/api/_abracadabra/resolve/**",
+        handler: resolver.resolve("./runtime/server/api/_abracadabra/resolve/[...slug].get")
+      });
+      addServerHandler({
+        route: "/api/_abracadabra/slugs",
+        handler: resolver.resolve("./runtime/server/api/_abracadabra/slugs.get")
+      });
     }
     if (options.auth?.middleware) {
       addRouteMiddleware({

package/dist/runtime/assets/editor.css

@@ -0,0 +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}

package/dist/runtime/components/ACommandPalette.vue

@@ -17,7 +17,10 @@ defineShortcuts({ meta_k: toggle });
 
 <template>
   <ClientOnly>
-    <UModal v-model:open="isOpen" :ui="{ content: 'p-0' }">
+    <UModal
+      v-model:open="isOpen"
+      :ui="{ content: 'p-0' }"
+    >
       <template #content>
         <UCommandPalette
           v-model="searchTerm"

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** Document ID to render */
+    docId: string;
+    /** Whether the document is editable. Default: true */
+    editable?: boolean;
+    /** CSS class applied to editor-type documents (doc, or hasEditor: true) */
+    editorClass?: string;
+    /** CSS class applied to structured renderers (kanban, table, etc.) */
+    rendererClass?: string;
+};
+declare var __VLS_1: {}, __VLS_23: {
+    error: any;
+};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_1) => any;
+} & {
+    error?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    editable: boolean;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/components/ADocRenderer.vue

@@ -0,0 +1,99 @@
+<script setup>
+import { computed, watch, shallowRef } from "vue";
+import { resolveDocType } from "../utils/docTypes";
+const props = defineProps({
+  docId: { type: String, required: true },
+  editable: { type: Boolean, required: false, default: true },
+  editorClass: { type: String, required: false },
+  rendererClass: { type: String, required: false }
+});
+const abra = useAbracadabra();
+const treeMap = useSyncedMap(abra.doc, "doc-tree");
+const docEntry = computed(() => treeMap.data[props.docId]);
+const docTitle = computed(() => docEntry.value?.label ?? "Untitled");
+const docType = computed(() => docEntry.value?.type ?? "doc");
+const docMeta = computed(() => docEntry.value?.meta ?? {});
+const registry = usePluginRegistry();
+const docTypeDef = computed(() => resolveDocType(docType.value, registry));
+const childProvider = shallowRef(null);
+async function loadChildProvider(id) {
+  childProvider.value = null;
+  if (!abra.provider.value) return;
+  try {
+    const prov = await abra.provider.value.loadChild(id);
+    if (!prov.isSynced) {
+      await new Promise((resolve) => {
+        const done = () => {
+          prov.off("synced", done);
+          resolve();
+        };
+        prov.on("synced", done);
+        setTimeout(resolve, 6e3);
+      });
+    }
+    childProvider.value = prov;
+  } catch (e) {
+    console.error("[ADocRenderer] Failed to load child provider:", e);
+  }
+}
+watch([() => abra.isReady.value, () => props.docId], ([ready, id]) => {
+  if (ready && id) loadChildProvider(id);
+}, { immediate: true });
+const { data: ssrContent } = useFetch(
+  () => `/api/_abracadabra/render/${props.docId}`,
+  { key: `render-${props.docId}`, server: true, lazy: true }
+);
+const resolvedClass = computed(
+  () => docTypeDef.value.hasEditor ? props.editorClass ?? void 0 : props.rendererClass ?? void 0
+);
+</script>
+
+<template>
+  <!-- Loading state -->
+  <div v-if="!abra.isReady.value">
+    <!-- SSR: show pre-rendered HTML while client hydrates -->
+    <div
+      v-if="ssrContent?.html"
+      class="prose dark:prose-invert max-w-none"
+      v-html="ssrContent.html"
+    />
+    <slot
+      v-else
+      name="loading"
+    >
+      <div class="p-8 space-y-3">
+        <USkeleton class="h-8 w-48" />
+        <USkeleton class="h-4 w-full" />
+        <USkeleton class="h-4 w-3/4" />
+        <USkeleton class="h-4 w-5/6" />
+      </div>
+    </slot>
+  </div>
+
+  <!-- Connection error -->
+  <slot
+    v-else-if="abra.connectionError.value && !abra.synced.value"
+    name="error"
+    :error="abra.connectionError.value"
+  >
+    <UAlert
+      class="m-8"
+      color="error"
+      icon="i-lucide-wifi-off"
+      :title="abra.connectionError.value"
+      description="Unable to connect to the server."
+    />
+  </slot>
+
+  <!-- Resolved renderer -->
+  <component
+    :is="docTypeDef.component"
+    v-else
+    :doc-id="docId"
+    :doc-label="docTitle"
+    :doc-meta="docMeta"
+    :child-provider="childProvider"
+    :editable="editable"
+    :class="resolvedClass"
+  />
+</template>

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** Document ID to render */
+    docId: string;
+    /** Whether the document is editable. Default: true */
+    editable?: boolean;
+    /** CSS class applied to editor-type documents (doc, or hasEditor: true) */
+    editorClass?: string;
+    /** CSS class applied to structured renderers (kanban, table, etc.) */
+    rendererClass?: string;
+};
+declare var __VLS_1: {}, __VLS_23: {
+    error: any;
+};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_1) => any;
+} & {
+    error?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    editable: boolean;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/components/ADocTypeSelect.vue

@@ -28,7 +28,10 @@ const current = computed(() => types.find((t) => t.type === props.modelValue));
         class="size-4 text-muted shrink-0"
       />
       <span class="text-sm flex-1 text-left truncate">{{ current?.label ?? modelValue }}</span>
-      <UIcon name="i-lucide-chevron-down" class="size-3 text-muted shrink-0" />
+      <UIcon
+        name="i-lucide-chevron-down"
+        class="size-3 text-muted shrink-0"
+      />
     </button>
   </UDropdownMenu>
 </template>

package/dist/runtime/components/ADocumentTree.vue

@@ -881,9 +881,18 @@ defineExpose({
     v-if="collapsed && ancestorChain.length"
     class="flex flex-col items-center gap-0.5 py-1.5"
   >
-    <template v-for="(node, i) in ancestorChain" :key="node.id">
-      <div v-if="i > 0" class="h-2 w-px bg-(--ui-border)" />
-      <UTooltip :text="node.label" :content="{ side: 'right' }">
+    <template
+      v-for="(node, i) in ancestorChain"
+      :key="node.id"
+    >
+      <div
+        v-if="i > 0"
+        class="h-2 w-px bg-(--ui-border)"
+      />
+      <UTooltip
+        :text="node.label"
+        :content="{ side: 'right' }"
+      >
         <UButton
           :icon="getItemIcon(nodeToFlatItem(node))"
           size="xs"
@@ -896,9 +905,20 @@ defineExpose({
     </template>
 
     <!-- Collapsed trash icon -->
-    <div v-if="trashedCount > 0" class="mt-auto pt-2">
-      <UChip :text="trashedCount" color="neutral" size="sm" inset>
-        <UTooltip text="Trash" :content="{ side: 'right' }">
+    <div
+      v-if="trashedCount > 0"
+      class="mt-auto pt-2"
+    >
+      <UChip
+        :text="trashedCount"
+        color="neutral"
+        size="sm"
+        inset
+      >
+        <UTooltip
+          text="Trash"
+          :content="{ side: 'right' }"
+        >
           <UButton
             icon="i-lucide-trash-2"
             size="xs"
@@ -1025,7 +1045,10 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <UIcon name="i-lucide-trash-2" class="size-4 shrink-0" />
+                <UIcon
+                  name="i-lucide-trash-2"
+                  class="size-4 shrink-0"
+                />
                 <span class="truncate flex-1 min-w-0 text-left">Trash</span>
                 <UBadge
                   v-if="trashedCount > 0"
@@ -1060,9 +1083,15 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <span v-else class="size-5 shrink-0" />
+                <span
+                  v-else
+                  class="size-5 shrink-0"
+                />
 
-                <UIcon :name="getItemIcon(item)" class="size-4 shrink-0 text-(--ui-text-muted)" />
+                <UIcon
+                  :name="getItemIcon(item)"
+                  class="size-4 shrink-0 text-(--ui-text-muted)"
+                />
                 <span class="truncate flex-1 min-w-0 text-left">{{ item.name }}</span>
               </button>
             </UContextMenu>
@@ -1095,7 +1124,10 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <span v-else class="size-5 shrink-0" />
+                <span
+                  v-else
+                  class="size-5 shrink-0"
+                />
 
                 <UIcon
                   :name="getItemIcon(item)"
@@ -1116,7 +1148,10 @@ defineExpose({
                   @blur="commitRename"
                   @click.stop
                 />
-                <span v-else class="truncate flex-1 min-w-0 text-left">{{ item.name }}</span>
+                <span
+                  v-else
+                  class="truncate flex-1 min-w-0 text-left"
+                >{{ item.name }}</span>
 
                 <!-- Unread chat badge -->
                 <UBadge
@@ -1149,7 +1184,6 @@ defineExpose({
                     +{{ docPresence.get(item.id).length - MAX_PRESENCE }}
                   </div>
                 </div>
-
               </button>
             </UContextMenu>
 
@@ -1178,7 +1212,10 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <span v-else class="size-5 shrink-0" />
+                <span
+                  v-else
+                  class="size-5 shrink-0"
+                />
 
                 <UIcon
                   :name="getItemIcon(item)"
@@ -1239,8 +1276,16 @@ defineExpose({
                   @click="onRestoreItem(item)"
                 />
               </UTooltip>
-              <UDropdownMenu :items="trashNodeMenuItems(item)" :content="{ align: 'start' }">
-                <UButton icon="i-lucide-ellipsis" size="xs" variant="ghost" color="neutral" />
+              <UDropdownMenu
+                :items="trashNodeMenuItems(item)"
+                :content="{ align: 'start' }"
+              >
+                <UButton
+                  icon="i-lucide-ellipsis"
+                  size="xs"
+                  variant="ghost"
+                  color="neutral"
+                />
               </UDropdownMenu>
             </div>
             <!-- Editable item actions -->
@@ -1258,7 +1303,10 @@ defineExpose({
                 variant="ghost"
                 @click="isInThisCall(item) ? leaveRoom() : joinRoom(item.id)"
               />
-              <UTooltip v-if="!isCallDoc(item)" text="Add child page">
+              <UTooltip
+                v-if="!isCallDoc(item)"
+                text="Add child page"
+              >
                 <UButton
                   icon="i-lucide-plus"
                   size="xs"
@@ -1267,8 +1315,16 @@ defineExpose({
                   @click="createDirectly(item.id)"
                 />
               </UTooltip>
-              <UDropdownMenu :items="treeNodeMenuItems(item)" :content="{ align: 'start' }">
-                <UButton icon="i-lucide-ellipsis" size="xs" variant="ghost" color="neutral" />
+              <UDropdownMenu
+                :items="treeNodeMenuItems(item)"
+                :content="{ align: 'start' }"
+              >
+                <UButton
+                  icon="i-lucide-ellipsis"
+                  size="xs"
+                  variant="ghost"
+                  color="neutral"
+                />
               </UDropdownMenu>
             </div>
           </div>
@@ -1291,7 +1347,10 @@ defineExpose({
               Drop into
               <span class="font-medium text-(--ui-text-highlighted)">{{ nodeMap.get(dropIndicator.targetId)?.label }}</span>
             </span>
-            <span v-else class="text-xs text-(--ui-text-muted)">
+            <span
+              v-else
+              class="text-xs text-(--ui-text-muted)"
+            >
               Drop to import — docs, images, or any file
             </span>
           </div>

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

@@ -1,4 +1,5 @@
 import type { DocPageMeta } from '../types.js';
+import type { MetaField } from '../utils/docTypes.js';
 type __VLS_Props = {
     /** Y.Doc ID to load as a child document */
     docId: string;
@@ -18,6 +19,10 @@ type __VLS_Props = {
     showDragHandle?: boolean;
     /** Current document metadata from the doc-tree — written into MetaField storage */
     docMeta?: DocPageMeta;
+    /** Parent document's type key — used to resolve metaSchema for auto-inserting chips */
+    parentType?: string;
+    /** Override metaSchema directly instead of resolving from parentType */
+    metaSchema?: MetaField[];
 };
 type __VLS_ModelProps = {
     modelValue?: any;
@@ -39,15 +44,15 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
     rename: (label: string) => any;
-    ready: () => any;
-    update: (content: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
+    update: (content: any) => any;
+    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onRename?: ((label: string) => any) | undefined;
-    onReady?: (() => any) | undefined;
-    onUpdate?: ((content: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    onUpdate?: ((content: any) => any) | undefined;
+    onReady?: (() => any) | undefined;
 }>, {
     contentType: "json" | "html" | "markdown";
     editable: boolean;