@abraca/nuxt 1.8.0 → 1.9.1

package/dist/runtime/components/shell/ADocPanelSettings.vue

@@ -20,9 +20,15 @@ const props = defineProps({
   lastSyncedLabel: { type: [String, null], required: false, default: null },
   syncError: { type: [String, null], required: false, default: null },
   docTypeKey: { type: String, required: false, default: void 0 },
-  docMeta: { type: [Object, null], required: false, default: null }
+  docMeta: { type: [Object, null], required: false, default: null },
+  snapshots: { type: Array, required: false, default: () => [] },
+  loadingSnapshots: { type: Boolean, required: false, default: false },
+  snapshotsError: { type: [String, null], required: false, default: null },
+  hasMoreSnapshots: { type: Boolean, required: false, default: false },
+  pendingSnapshotVersion: { type: [Number, null], required: false, default: null },
+  creatingSnapshot: { type: Boolean, required: false, default: false }
 });
-const emit = defineEmits(["grant-permission", "change-role", "revoke-permission", "create-invite", "sync-doc", "open-encryption", "user-context-menu", "update-meta"]);
+const emit = defineEmits(["grant-permission", "change-role", "revoke-permission", "create-invite", "sync-doc", "open-encryption", "user-context-menu", "update-meta", "create-snapshot", "delete-snapshot", "restore-snapshot", "fork-snapshot", "load-more-snapshots"]);
 const grantUserId = ref("");
 const grantRole = ref("editor");
 const showManualKeyInput = ref(false);
@@ -82,6 +88,91 @@ function handleGrant(userId, role) {
   emit("grant-permission", id, r);
   grantUserId.value = "";
 }
+const createSnapOpen = ref(false);
+const createSnapLabel = ref("");
+const snapConfirm = ref(null);
+function openCreateSnap() {
+  createSnapLabel.value = "";
+  createSnapOpen.value = true;
+}
+function submitCreateSnap() {
+  const label = createSnapLabel.value.trim();
+  emit("create-snapshot", label || void 0);
+  createSnapOpen.value = false;
+}
+function askSnapDelete(version) {
+  snapConfirm.value = { kind: "delete", version };
+}
+function askSnapRestore(version) {
+  snapConfirm.value = { kind: "restore", version };
+}
+function runSnapConfirm() {
+  const c = snapConfirm.value;
+  if (!c) return;
+  snapConfirm.value = null;
+  if (c.kind === "delete") emit("delete-snapshot", c.version);
+  else emit("restore-snapshot", c.version);
+}
+function snapshotMenu(version) {
+  const manage = [
+    {
+      label: "Restore",
+      icon: "i-lucide-history",
+      onSelect: () => askSnapRestore(version)
+    },
+    {
+      label: "Fork into new document",
+      icon: "i-lucide-git-branch",
+      onSelect: () => emit("fork-snapshot", version)
+    }
+  ];
+  const destructive = [
+    {
+      label: "Delete",
+      icon: "i-lucide-trash-2",
+      color: "error",
+      onSelect: () => askSnapDelete(version)
+    }
+  ];
+  return props.isOwner ? [manage, destructive] : [manage];
+}
+function triggerColor(trigger) {
+  switch (trigger) {
+    case "manual":
+      return "primary";
+    case "unload":
+    case "shutdown":
+      return "warning";
+    default:
+      return "neutral";
+  }
+}
+function triggerLabel(trigger) {
+  switch (trigger) {
+    case "manual":
+      return "Manual";
+    case "auto":
+      return "Auto";
+    case "unload":
+      return "Unload";
+    case "shutdown":
+      return "Shutdown";
+    default:
+      return trigger;
+  }
+}
+function formatSnapTime(unixSeconds) {
+  const delta = Date.now() / 1e3 - unixSeconds;
+  if (delta < 60) return "just now";
+  if (delta < 3600) return `${Math.floor(delta / 60)}m ago`;
+  if (delta < 86400) return `${Math.floor(delta / 3600)}h ago`;
+  return `${Math.floor(delta / 86400)}d ago`;
+}
+function formatSnapSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
 const registry = usePluginRegistry();
 const metaSchema = computed(() => {
   if (!props.docTypeKey) return [];
@@ -560,6 +651,202 @@ function patchMeta(key, value) {
       </div>
     </template>
 
+    <!-- Snapshots section -->
+    <USeparator />
+    <div class="space-y-3">
+      <div class="flex items-center justify-between">
+        <p class="text-xs font-semibold uppercase tracking-wider text-(--ui-text-muted) flex items-center gap-1.5">
+          <UIcon
+            name="i-lucide-history"
+            class="size-3.5"
+          />
+          Snapshots
+        </p>
+        <UTooltip
+          v-if="isOwner"
+          text="Create snapshot"
+          :content="{ side: 'bottom' }"
+        >
+          <UButton
+            icon="i-lucide-plus"
+            variant="ghost"
+            color="neutral"
+            size="xs"
+            :disabled="creatingSnapshot"
+            @click="openCreateSnap"
+          />
+        </UTooltip>
+      </div>
+
+      <!-- Error -->
+      <div
+        v-if="snapshotsError && !loadingSnapshots && snapshots.length === 0"
+        class="flex items-start gap-2 px-3 py-2.5 rounded-lg bg-(--ui-bg-elevated) text-xs text-(--ui-color-error-500)"
+      >
+        <UIcon
+          name="i-lucide-alert-circle"
+          class="size-3.5 shrink-0 mt-0.5"
+        />
+        <span>{{ snapshotsError }}</span>
+      </div>
+
+      <!-- Loading -->
+      <div
+        v-else-if="loadingSnapshots && snapshots.length === 0"
+        class="space-y-1.5"
+      >
+        <div
+          v-for="i in 3"
+          :key="i"
+          class="flex items-center gap-3 p-3 rounded-lg bg-(--ui-bg-elevated)"
+        >
+          <USkeleton class="h-4 w-10 rounded" />
+          <USkeleton class="h-3 flex-1 rounded" />
+          <USkeleton class="h-5 w-14 rounded-full shrink-0" />
+        </div>
+      </div>
+
+      <!-- Empty -->
+      <div
+        v-else-if="snapshots.length === 0"
+        class="text-sm text-(--ui-text-muted) py-4 text-center"
+      >
+        <UIcon
+          name="i-lucide-history"
+          class="size-6 mb-1 text-(--ui-text-dimmed) mx-auto block"
+        />
+        No snapshots yet
+      </div>
+
+      <!-- List -->
+      <ul
+        v-else
+        class="space-y-1"
+      >
+        <li
+          v-for="snap in snapshots"
+          :key="snap.version"
+          class="flex items-center gap-2.5 p-3 rounded-lg bg-(--ui-bg-elevated)"
+        >
+          <div class="flex-1 min-w-0">
+            <div class="flex items-center gap-2">
+              <span class="text-sm font-medium text-(--ui-text-highlighted) tabular-nums">
+                v{{ snap.version }}
+              </span>
+              <UBadge
+                :label="triggerLabel(snap.trigger)"
+                :color="triggerColor(snap.trigger)"
+                variant="subtle"
+                size="xs"
+              />
+              <span
+                v-if="snap.label"
+                class="text-sm text-(--ui-text) truncate"
+              >
+                {{ snap.label }}
+              </span>
+            </div>
+            <p class="text-xs text-(--ui-text-dimmed) mt-0.5">
+              {{ formatSnapTime(snap.created_at) }} · {{ formatSnapSize(snap.size_bytes) }}
+            </p>
+          </div>
+          <UDropdownMenu
+            :items="snapshotMenu(snap.version)"
+            :content="{ align: 'end' }"
+          >
+            <UButton
+              icon="i-lucide-ellipsis"
+              color="neutral"
+              variant="ghost"
+              size="xs"
+              :loading="pendingSnapshotVersion === snap.version"
+            />
+          </UDropdownMenu>
+        </li>
+      </ul>
+
+      <!-- Load more -->
+      <UButton
+        v-if="hasMoreSnapshots"
+        label="Load older"
+        icon="i-lucide-chevron-down"
+        color="neutral"
+        variant="ghost"
+        size="xs"
+        block
+        :loading="loadingSnapshots"
+        @click="emit('load-more-snapshots')"
+      />
+    </div>
+
+    <!-- Create snapshot modal -->
+    <UModal
+      v-model:open="createSnapOpen"
+      title="Create a snapshot"
+      description="Save a named checkpoint of the current document state. You can restore or fork from it later."
+    >
+      <template #body>
+        <UFormField
+          label="Label"
+          hint="Optional — shown in the list"
+          size="md"
+        >
+          <UInput
+            v-model="createSnapLabel"
+            placeholder="e.g. Before rewrite"
+            size="md"
+            class="w-full"
+            autofocus
+            @keyup.enter="submitCreateSnap"
+          />
+        </UFormField>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2 w-full">
+          <UButton
+            label="Cancel"
+            color="neutral"
+            variant="ghost"
+            @click="createSnapOpen = false"
+          />
+          <UButton
+            label="Create"
+            icon="i-lucide-camera"
+            color="primary"
+            :loading="creatingSnapshot"
+            @click="submitCreateSnap"
+          />
+        </div>
+      </template>
+    </UModal>
+
+    <!-- Delete/restore confirm modal -->
+    <UModal
+      :open="!!snapConfirm"
+      :title="snapConfirm?.kind === 'delete' ? `Delete snapshot v${snapConfirm.version}?` : `Restore snapshot v${snapConfirm?.version ?? 0}?`"
+      :description="snapConfirm?.kind === 'delete' ? 'This permanently removes the saved state. It cannot be undone.' : 'Historical content is merged forward into the current document. Existing content is preserved \u2014 this is a non-destructive merge.'"
+      @update:open="(v) => {
+  if (!v) snapConfirm = null;
+}"
+    >
+      <template #footer>
+        <div class="flex justify-end gap-2 w-full">
+          <UButton
+            label="Cancel"
+            color="neutral"
+            variant="ghost"
+            @click="snapConfirm = null"
+          />
+          <UButton
+            :label="snapConfirm?.kind === 'delete' ? 'Delete' : 'Restore'"
+            :icon="snapConfirm?.kind === 'delete' ? 'i-lucide-trash-2' : 'i-lucide-history'"
+            :color="snapConfirm?.kind === 'delete' ? 'error' : 'primary'"
+            @click="runSnapConfirm"
+          />
+        </div>
+      </template>
+    </UModal>
+
     <!-- Offline sync section -->
     <USeparator />
     <div class="space-y-3">

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

@@ -1,5 +1,7 @@
 import type { DropdownMenuItem } from '@nuxt/ui';
+import type { SnapshotMeta } from '@abraca/dabra';
 import type { DocPageMeta } from '../../types.js';
+export type { SnapshotMeta } from '@abraca/dabra';
 export interface PermissionEntry {
     userId: string;
     username: string;
@@ -49,12 +51,24 @@ type __VLS_Props = {
     docTypeKey?: string;
     /** Current document meta (CRDT state) */
     docMeta?: DocPageMeta | null;
+    /** Snapshots list for the snapshot history section */
+    snapshots?: SnapshotMeta[];
+    /** Whether the snapshot list is currently loading */
+    loadingSnapshots?: boolean;
+    /** Snapshot load error (shown inline in the section) */
+    snapshotsError?: string | null;
+    /** Whether more snapshots are available beyond the current page */
+    hasMoreSnapshots?: boolean;
+    /** Version number of the row whose mutation is currently in flight */
+    pendingSnapshotVersion?: number | null;
+    /** Whether a snapshot is currently being created */
+    creatingSnapshot?: boolean;
 };
-declare var __VLS_223: {}, __VLS_258: {};
+declare var __VLS_223: {}, __VLS_387: {};
 type __VLS_Slots = {} & {
     encryption?: (props: typeof __VLS_223) => any;
 } & {
-    extra?: (props: typeof __VLS_258) => any;
+    extra?: (props: typeof __VLS_387) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update-meta": (patch: Partial<DocPageMeta>) => any;
@@ -69,6 +83,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "sync-doc": () => any;
     "open-encryption": () => any;
     "user-context-menu": (perm: PermissionEntry, items: DropdownMenuItem[][]) => any;
+    "create-snapshot": (label: string | undefined) => any;
+    "delete-snapshot": (version: number) => any;
+    "restore-snapshot": (version: number) => any;
+    "fork-snapshot": (version: number) => any;
+    "load-more-snapshots": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate-meta"?: ((patch: Partial<DocPageMeta>) => any) | undefined;
     "onGrant-permission"?: ((userId: string, role: string) => any) | undefined;
@@ -82,6 +101,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onSync-doc"?: (() => any) | undefined;
     "onOpen-encryption"?: (() => any) | undefined;
     "onUser-context-menu"?: ((perm: PermissionEntry, items: DropdownMenuItem[][]) => any) | undefined;
+    "onCreate-snapshot"?: ((label: string | undefined) => any) | undefined;
+    "onDelete-snapshot"?: ((version: number) => any) | undefined;
+    "onRestore-snapshot"?: ((version: number) => any) | undefined;
+    "onFork-snapshot"?: ((version: number) => any) | undefined;
+    "onLoad-more-snapshots"?: (() => any) | undefined;
 }>, {
     userName: string;
     docMeta: DocPageMeta | null;
@@ -100,6 +124,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     lastSyncedLabel: string | null;
     syncError: string | null;
     docTypeKey: string;
+    snapshots: SnapshotMeta[];
+    loadingSnapshots: boolean;
+    snapshotsError: string | null;
+    hasMoreSnapshots: boolean;
+    pendingSnapshotVersion: number | null;
+    creatingSnapshot: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/composables/useDocsSearch.d.ts

@@ -0,0 +1,24 @@
+import type { ContentNavigationItem } from '../utils/content.js';
+export interface DocsSearchFile {
+    id: string;
+    title: string;
+    titles: string[];
+    content: string;
+    level: number;
+}
+export interface DocsSearchItem {
+    prefix?: string;
+    label: string;
+    suffix: string;
+    to: string;
+    icon?: string;
+    level: number;
+}
+declare function _useDocsSearch(): {
+    open: import("vue").Ref<boolean, boolean>;
+    mapFile: (file: DocsSearchFile, link: ContentNavigationItem, parent?: ContentNavigationItem) => DocsSearchItem;
+    mapNavigationItems: (children: ContentNavigationItem[], files: DocsSearchFile[], parent?: ContentNavigationItem) => DocsSearchItem[];
+    postFilter: (query: string, items: DocsSearchItem[]) => DocsSearchItem[];
+};
+export declare const useDocsSearch: typeof _useDocsSearch;
+export {};

package/dist/runtime/composables/useDocsSearch.js

@@ -0,0 +1,34 @@
+import { ref } from "vue";
+import { createSharedComposable } from "@vueuse/core";
+import { useAppConfig } from "#imports";
+function _useDocsSearch() {
+  const open = ref(false);
+  const appConfig = useAppConfig();
+  function mapFile(file, link, parent) {
+    const prefix = [...new Set([parent?.title, ...file.titles].filter(Boolean))];
+    return {
+      prefix: prefix?.length ? prefix.join(" > ") + " >" : void 0,
+      label: file.id === link.path ? link.title : file.title,
+      suffix: file.content.replaceAll("<", "&lt;").replaceAll(">", "&gt;"),
+      to: file.id,
+      icon: link.icon || parent?.icon || (file.level > 1 ? appConfig.ui.icons.hash : appConfig.ui.icons.file),
+      level: file.level
+    };
+  }
+  function mapNavigationItems(children, files, parent) {
+    return children.flatMap((link) => {
+      if (link.children?.length) {
+        return mapNavigationItems(link.children, files, link);
+      }
+      return files?.filter((file) => file.id === link.path || file.id.startsWith(`${link.path}#`))?.map((file) => mapFile(file, link, parent)) || [];
+    });
+  }
+  function postFilter(query, items) {
+    if (!query) {
+      return items?.filter((item) => item.level === 1);
+    }
+    return items;
+  }
+  return { open, mapFile, mapNavigationItems, postFilter };
+}
+export const useDocsSearch = /* @__PURE__ */ createSharedComposable(_useDocsSearch);

package/dist/runtime/extensions/doc-embed.js

@@ -12,7 +12,8 @@ export const DocEmbed = Node.create({
     return {
       docId: { default: null },
       collapsed: { default: false },
-      tall: { default: false }
+      tall: { default: false },
+      seamless: { default: false }
     };
   },
   parseHTML() {

package/dist/runtime/extensions/doc-link-drop.js

@@ -39,10 +39,10 @@ export const DocLinkDrop = Extension.create({
               if (dropPos == null) return true;
               const { schema, tr } = view.state;
               if (de.altKey) {
-                const linkMark = schema.marks.link?.create({ href: `/doc/${data.id}` });
-                if (!linkMark) return true;
-                const textNode = schema.text(data.label, [linkMark]);
-                tr.insert(dropPos, textNode);
+                const linkType = schema.nodes.docLink;
+                if (!linkType) return true;
+                const node = linkType.create({ docId: data.id });
+                tr.insert(dropPos, node);
               } else {
                 const nodeType = schema.nodes.docEmbed;
                 if (!nodeType) return true;

package/dist/runtime/extensions/doc-link.d.ts

@@ -0,0 +1,12 @@
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        docLink: {
+            insertDocLink: (attrs: {
+                docId: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const DocLink: Node<any, any>;
+export default DocLink;

package/dist/runtime/extensions/doc-link.js

@@ -0,0 +1,60 @@
+import { Node, mergeAttributes, nodePasteRule, nodeInputRule } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import DocLinkView from "./views/DocLinkView.vue";
+const INLINE_REGEX = /(?<!!)\[\[([a-f0-9-]{36})(?:\|[^\]]+)?\]\]/gi;
+export const DocLink = Node.create({
+  name: "docLink",
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      docId: { default: null }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span[data-doc-link]",
+        getAttrs: (el) => ({ docId: el.getAttribute("data-doc-id") })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["span", mergeAttributes({
+      "data-doc-link": "",
+      "data-doc-id": HTMLAttributes.docId
+    })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(DocLinkView);
+  },
+  addCommands() {
+    return {
+      insertDocLink: (attrs) => ({ commands }) => {
+        return commands.insertContent({ type: this.name, attrs });
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      nodeInputRule({
+        find: INLINE_REGEX,
+        type: this.type,
+        getAttributes: (match) => ({ docId: match[1] })
+      })
+    ];
+  },
+  addPasteRules() {
+    return [
+      nodePasteRule({
+        find: INLINE_REGEX,
+        type: this.type,
+        getAttributes: (match) => ({ docId: match[1] })
+      })
+    ];
+  }
+});
+export default DocLink;

package/dist/runtime/extensions/views/DocEmbedView.vue

@@ -57,12 +57,16 @@ function navigate() {
 }
 const collapsed = computed(() => props.node.attrs.collapsed);
 const tall = computed(() => props.node.attrs.tall);
+const seamless = computed(() => props.node.attrs.seamless);
 function toggleCollapsed() {
   props.updateAttributes({ collapsed: !collapsed.value });
 }
 function toggleHeight() {
   props.updateAttributes({ tall: !tall.value });
 }
+function toggleSeamless() {
+  props.updateAttributes({ seamless: !seamless.value });
+}
 function removeEmbed() {
   props.deleteNode();
 }
@@ -73,6 +77,7 @@ function removeEmbed() {
     <div
       v-if="exists"
       class="de-container"
+      :class="{ 'de-seamless': seamless }"
       contenteditable="false"
     >
       <!-- Header -->
@@ -100,6 +105,7 @@ function removeEmbed() {
 
         <div class="de-controls">
           <button
+            v-if="!seamless"
             class="de-ctrl-btn de-ctrl-toggle"
             @click.stop="toggleCollapsed"
           >
@@ -109,7 +115,7 @@ function removeEmbed() {
             />
           </button>
           <button
-            v-if="!collapsed"
+            v-if="!seamless && !collapsed"
             class="de-ctrl-btn"
             @click.stop="toggleHeight"
           >
@@ -118,6 +124,15 @@ function removeEmbed() {
               class="size-3"
             />
           </button>
+          <button
+            class="de-ctrl-btn"
+            @click.stop="toggleSeamless"
+          >
+            <UIcon
+              :name="seamless ? 'i-lucide-frame' : 'i-lucide-square-dashed'"
+              class="size-3"
+            />
+          </button>
           <button
             class="de-ctrl-btn de-ctrl-expand"
             @click.stop="navigate"
@@ -142,7 +157,7 @@ function removeEmbed() {
       <!-- Body -->
       <div
         class="de-body"
-        :class="{ 'de-body-tall': tall, 'de-body-collapsed': collapsed }"
+        :class="{ 'de-body-tall': tall && !seamless, 'de-body-collapsed': collapsed && !seamless, 'de-body-seamless': seamless }"
       >
         <div
           v-if="isLoading"
@@ -194,5 +209,5 @@ function removeEmbed() {
 </template>
 
 <style scoped>
-.de-container{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .28s ease}.de-container:has(.de-body-collapsed){box-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04)}.de-header{align-items:center;background:var(--ui-bg-elevated);border-bottom:1px solid var(--ui-border);cursor:grab;display:flex;flex-shrink:0;gap:6px;height:34px;padding:0 4px 0 10px;transition:border-color .28s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.de-header:active{cursor:grabbing}.de-header-collapsed{border-bottom-color:transparent}.de-body{display:flex;flex-direction:column;height:400px;overflow:hidden;transition:height .28s cubic-bezier(.4,0,.2,1),border-color .28s ease}.de-body-tall{height:700px}.de-body-collapsed{height:0}.de-title{align-items:center;display:flex;flex:1;gap:4px;min-width:0;overflow:hidden;pointer-events:none}.de-title button,.de-title-link{pointer-events:auto}.de-title-link{cursor:pointer}.de-title-link .de-title-text{color:var(--ui-primary);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .12s}.de-title-link:hover .de-title-text{text-decoration-color:var(--ui-primary)}.de-title-text{color:var(--ui-text-muted);font-size:12px;font-weight:500;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.de-type-btn{align-items:center;border-radius:var(--ui-radius);color:var(--ui-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:background .1s,color .1s;width:22px}.de-type-btn:hover{background:var(--ui-bg-accented);color:var(--ui-text)}.de-controls{flex-shrink:0;gap:2px}.de-controls,.de-ctrl-btn{align-items:center;display:flex}.de-ctrl-btn{border-radius:50%;color:var(--ui-text-dimmed);cursor:pointer;height:22px;justify-content:center;transition:background .12s,color .12s;width:22px}.de-ctrl-btn:hover{background:var(--ui-bg-accented);color:var(--ui-text)}.de-ctrl-expand:hover{background:rgba(34,197,94,.15);color:#148f3e}.de-ctrl-close:hover{background:rgba(239,68,68,.15);color:#dc2626}
+.de-container{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .28s ease}.de-container:has(.de-body-collapsed){box-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04)}.de-header{align-items:center;background:var(--ui-bg-elevated);border-bottom:1px solid var(--ui-border);cursor:grab;display:flex;flex-shrink:0;gap:6px;height:34px;padding:0 4px 0 10px;transition:border-color .28s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.de-header:active{cursor:grabbing}.de-header-collapsed{border-bottom-color:transparent}.de-body{display:flex;flex-direction:column;height:400px;overflow:hidden;transition:height .28s cubic-bezier(.4,0,.2,1),border-color .28s ease}.de-body-tall{height:700px}.de-body-collapsed{height:0}.de-seamless{background:transparent;border:none;box-shadow:none}.de-seamless .de-header{background:transparent;border-bottom:none;height:26px;opacity:0;pointer-events:none;transition:opacity .15s ease}.de-seamless:focus-within .de-header,.de-seamless:hover .de-header{opacity:1;pointer-events:auto}.de-body-seamless{height:auto;min-height:0}.de-title{align-items:center;display:flex;flex:1;gap:4px;min-width:0;overflow:hidden;pointer-events:none}.de-title button,.de-title-link{pointer-events:auto}.de-title-link{cursor:pointer}.de-title-link .de-title-text{color:var(--ui-primary);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .12s}.de-title-link:hover .de-title-text{text-decoration-color:var(--ui-primary)}.de-title-text{color:var(--ui-text-muted);font-size:12px;font-weight:500;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.de-type-btn{align-items:center;border-radius:var(--ui-radius);color:var(--ui-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:background .1s,color .1s;width:22px}.de-type-btn:hover{background:var(--ui-bg-accented);color:var(--ui-text)}.de-controls{flex-shrink:0;gap:2px}.de-controls,.de-ctrl-btn{align-items:center;display:flex}.de-ctrl-btn{border-radius:50%;color:var(--ui-text-dimmed);cursor:pointer;height:22px;justify-content:center;transition:background .12s,color .12s;width:22px}.de-ctrl-btn:hover{background:var(--ui-bg-accented);color:var(--ui-text)}.de-ctrl-expand:hover{background:rgba(34,197,94,.15);color:#148f3e}.de-ctrl-close:hover{background:rgba(239,68,68,.15);color:#dc2626}
 </style>

package/dist/runtime/extensions/views/DocLinkView.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;