@abraca/nuxt 1.8.2 → 2.0.0

package/dist/runtime/components/renderers/timeline/ATimelineMilestone.d.vue.ts

@@ -8,6 +8,10 @@ type __VLS_Props = {
         name: string;
         color: string;
     }>;
+    viewers?: Array<{
+        name: string;
+        color: string;
+    }>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (id: string, label: string) => any;

package/dist/runtime/components/renderers/timeline/ATimelineMilestone.vue

@@ -1,10 +1,12 @@
 <script setup>
+import { avatarBorderStyle } from "../../../utils/avatarStyle";
 defineProps({
   entry: { type: Object, required: true },
   left: { type: Number, required: true },
   color: { type: String, required: true },
   isDragging: { type: Boolean, required: false },
-  focusers: { type: Array, required: false }
+  focusers: { type: Array, required: false },
+  viewers: { type: Array, required: false }
 });
 const emit = defineEmits(["pointer-down", "pointer-enter", "pointer-leave", "click"]);
 </script>
@@ -20,9 +22,24 @@ const emit = defineEmits(["pointer-down", "pointer-enter", "pointer-leave", "cli
     @pointerleave="emit('pointer-leave')"
     @click.stop="emit('click', entry.id, entry.label)"
   >
-    <!-- Remote hover badge -->
+    <!-- Remote viewer cluster (slideover/full open) — overrides hover badge -->
+    <div
+      v-if="viewers?.length"
+      class="absolute -top-2.5 left-0 flex -space-x-1 z-20 pointer-events-none"
+    >
+      <UAvatar
+        v-for="(u, i) in viewers.slice(0, 3)"
+        :key="`v-${i}`"
+        size="3xs"
+        :alt="u.name"
+        :title="u.name"
+        :style="avatarBorderStyle(u.color, 'zinc')"
+      />
+    </div>
+
+    <!-- Remote hover badge (only when no viewer is shown) -->
     <span
-      v-if="focusers?.length"
+      v-else-if="focusers?.length"
       class="absolute -top-3 left-0 text-[10px] px-1 rounded text-white leading-tight z-10 pointer-events-none"
       :style="{ backgroundColor: focusers[0].color }"
     >
@@ -34,7 +51,7 @@ const emit = defineEmits(["pointer-down", "pointer-enter", "pointer-leave", "cli
       class="w-4 h-4 rotate-45 rounded-sm shrink-0"
       :style="{
   background: color,
-  ...focusers?.length ? { outline: `2px solid ${focusers[0].color}`, outlineOffset: '1px' } : {}
+  ...viewers?.length ? { outline: `4px solid ${viewers[0].color}`, outlineOffset: '1px' } : focusers?.length ? { outline: `2px solid ${focusers[0].color}`, outlineOffset: '1px' } : {}
 }"
     />
 

package/dist/runtime/components/renderers/timeline/ATimelineMilestone.vue.d.ts

@@ -8,6 +8,10 @@ type __VLS_Props = {
         name: string;
         color: string;
     }>;
+    viewers?: Array<{
+        name: string;
+        color: string;
+    }>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (id: string, label: string) => any;

package/dist/runtime/components/renderers/timeline/ATimelineToolbar.d.vue.ts

@@ -12,18 +12,18 @@ type __VLS_Props = {
     labels?: Partial<AbracadabraLocale['renderers']['timeline']>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    today: () => any;
     "zoom-in": () => any;
     "zoom-out": () => any;
+    today: () => any;
     "go-to-date": (date: string) => any;
     "add-epic": () => any;
     "add-milestone": () => any;
     "toggle-labels": () => any;
     fit: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToday?: (() => any) | undefined;
     "onZoom-in"?: (() => any) | undefined;
     "onZoom-out"?: (() => any) | undefined;
+    onToday?: (() => any) | undefined;
     "onGo-to-date"?: ((date: string) => any) | undefined;
     "onAdd-epic"?: (() => any) | undefined;
     "onAdd-milestone"?: (() => any) | undefined;

package/dist/runtime/components/renderers/timeline/ATimelineToolbar.vue.d.ts

@@ -12,18 +12,18 @@ type __VLS_Props = {
     labels?: Partial<AbracadabraLocale['renderers']['timeline']>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    today: () => any;
     "zoom-in": () => any;
     "zoom-out": () => any;
+    today: () => any;
     "go-to-date": (date: string) => any;
     "add-epic": () => any;
     "add-milestone": () => any;
     "toggle-labels": () => any;
     fit: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToday?: (() => any) | undefined;
     "onZoom-in"?: (() => any) | undefined;
     "onZoom-out"?: (() => any) | undefined;
+    onToday?: (() => any) | undefined;
     "onGo-to-date"?: ((date: string) => any) | undefined;
     "onAdd-epic"?: (() => any) | undefined;
     "onAdd-milestone"?: (() => any) | undefined;

package/dist/runtime/components/settings/ASettingsSpacesPanel.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref } from "vue";
 import { useSpaces } from "../../composables/useSpaces";
-const { spaces, spacesEnabled, currentSpace, create, remove, switchTo, loading, error } = useSpaces();
+const { spaces, currentSpace, create, remove, switchTo, loading, error } = useSpaces();
 const showCreateForm = ref(false);
 const newName = ref("");
 const newDescription = ref("");
@@ -59,16 +59,6 @@ async function handleDelete(id) {
       />
     </div>
 
-    <UAlert
-      v-if="!spacesEnabled"
-      color="info"
-      variant="soft"
-      icon="i-lucide-info"
-      title="Spaces not enabled"
-      description="This server does not support multiple spaces."
-      class="mb-4"
-    />
-
     <UAlert
       v-if="error"
       color="error"
@@ -115,7 +105,7 @@ async function handleDelete(id) {
     <div class="flex flex-col gap-1">
       <div
         v-for="space in spaces"
-        :key="space.doc_id"
+        :key="space.id"
         class="flex items-center gap-3 p-3 rounded-lg border border-(--ui-border) hover:bg-(--ui-bg-elevated)/50 transition-colors"
       >
         <UIcon
@@ -134,19 +124,12 @@ async function handleDelete(id) {
           </p>
         </div>
         <UBadge
-          v-if="currentSpace?.doc_id === space.doc_id"
+          v-if="currentSpace?.id === space.id"
           color="primary"
           variant="subtle"
           label="Active"
           size="xs"
         />
-        <UBadge
-          v-if="space.is_hub"
-          color="info"
-          variant="subtle"
-          label="Hub"
-          size="xs"
-        />
         <UBadge
           :color="space.visibility === 'private' ? 'neutral' : 'success'"
           variant="subtle"
@@ -155,20 +138,19 @@ async function handleDelete(id) {
         />
         <div class="flex gap-1 shrink-0">
           <UButton
-            v-if="currentSpace?.doc_id !== space.doc_id"
+            v-if="currentSpace?.id !== space.id"
             label="Switch"
             size="xs"
             color="neutral"
             variant="outline"
-            @click="switchTo(space.doc_id)"
+            @click="switchTo(space.id)"
           />
           <UButton
-            v-if="!space.is_hub"
             icon="i-lucide-trash-2"
             size="xs"
-            :color="confirmDeleteId === space.doc_id ? 'error' : 'neutral'"
+            :color="confirmDeleteId === space.id ? 'error' : 'neutral'"
             variant="ghost"
-            @click="handleDelete(space.doc_id)"
+            @click="handleDelete(space.id)"
           />
         </div>
       </div>

package/dist/runtime/components/shell/ADocPanelSettings.d.vue.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,12 +101,17 @@ 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;
 }>, {
+    snapshots: SnapshotMeta[];
     userName: string;
     docMeta: DocPageMeta | null;
-    userAvatarStyle: string;
     effectiveRole: string | null;
-    isSyncing: boolean;
+    userAvatarStyle: string;
     isOwner: boolean;
     permissions: PermissionEntry[];
     loadingPermissions: boolean;
@@ -97,9 +121,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     syncStatusIcon: string;
     syncStatusColor: string;
     syncStatusLabel: string;
+    isSyncing: boolean;
     lastSyncedLabel: string | null;
     syncError: string | null;
     docTypeKey: string;
+    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/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,12 +101,17 @@ 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;
 }>, {
+    snapshots: SnapshotMeta[];
     userName: string;
     docMeta: DocPageMeta | null;
-    userAvatarStyle: string;
     effectiveRole: string | null;
-    isSyncing: boolean;
+    userAvatarStyle: string;
     isOwner: boolean;
     permissions: PermissionEntry[];
     loadingPermissions: boolean;
@@ -97,9 +121,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     syncStatusIcon: string;
     syncStatusColor: string;
     syncStatusLabel: string;
+    isSyncing: boolean;
     lastSyncedLabel: string | null;
     syncError: string | null;
     docTypeKey: string;
+    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;