@abraca/nuxt 2.11.0 → 2.14.0

package/dist/runtime/components/settings/ASettingsPlaceholder.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * <ASettingsPlaceholder>
+ *
+ * Centered empty-state card for a not-yet-implemented (or empty) settings
+ * section: icon bubble + title + description, with an optional badge.
+ * Ported from cou-sh SettingsV2/Placeholder.vue — the badge is configurable
+ * here (cou-sh hardcoded "Coming next"); omit `badge` to hide it.
+ */
+type __VLS_Props = {
+    icon: string;
+    title: string;
+    description: string;
+    /** Optional badge label (e.g. "Coming next"). Omit to hide the badge. */
+    badge?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    badge: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsRow.d.vue.ts

@@ -0,0 +1,34 @@
+/**
+ * <ASettingsRow>
+ *
+ * One labelled setting row: label + optional description on the left, the
+ * control (default slot) on the right. Bottom-bordered so rows stack into a
+ * clean list inside an <ASettingsGroup>. Use `stacked` for wide controls
+ * (color grids, lists) that need their own row beneath the label.
+ *
+ * Shared building block for settings panels — ported from cou-sh
+ * SettingsV2/Row.vue so module panels share one consistent row look.
+ */
+type __VLS_Props = {
+    label: string;
+    description?: string;
+    /** Stack label + description above a full-width control row (wide widgets). */
+    stacked?: boolean;
+    /** Vertical alignment of the control against the label. */
+    align?: 'center' | 'start';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "center" | "start";
+}, {}, {}, {}, 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/settings/ASettingsRow.vue

@@ -0,0 +1,34 @@
+<script setup>
+defineProps({
+  label: { type: String, required: true },
+  description: { type: String, required: false },
+  stacked: { type: Boolean, required: false },
+  align: { type: String, required: false, default: "center" }
+});
+</script>
+
+<template>
+  <div
+    class="flex gap-4 py-3.5 border-b border-(--ui-border) last:border-b-0"
+    :class="[
+  stacked ? 'flex-col' : 'flex-col sm:flex-row sm:justify-between',
+  !stacked && align === 'center' ? 'sm:items-center' : 'sm:items-start'
+]"
+  >
+    <div class="flex flex-col gap-0.5 min-w-0">
+      <span class="text-sm text-(--ui-text-highlighted)">{{ label }}</span>
+      <span
+        v-if="description"
+        class="text-xs text-(--ui-text-muted) leading-relaxed"
+      >
+        {{ description }}
+      </span>
+    </div>
+    <div
+      class="flex items-center gap-2 shrink-0"
+      :class="stacked && 'w-full justify-start'"
+    >
+      <slot />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/settings/ASettingsRow.vue.d.ts

@@ -0,0 +1,34 @@
+/**
+ * <ASettingsRow>
+ *
+ * One labelled setting row: label + optional description on the left, the
+ * control (default slot) on the right. Bottom-bordered so rows stack into a
+ * clean list inside an <ASettingsGroup>. Use `stacked` for wide controls
+ * (color grids, lists) that need their own row beneath the label.
+ *
+ * Shared building block for settings panels — ported from cou-sh
+ * SettingsV2/Row.vue so module panels share one consistent row look.
+ */
+type __VLS_Props = {
+    label: string;
+    description?: string;
+    /** Stack label + description above a full-width control row (wide widgets). */
+    stacked?: boolean;
+    /** Vertical alignment of the control against the label. */
+    align?: 'center' | 'start';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "center" | "start";
+}, {}, {}, {}, 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/settings/sections.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Settings section registry.
+ *
+ * The single source of truth for which settings sections exist, how they're
+ * labelled/grouped/searched, and which component renders each. <ASettingsModal>
+ * builds its nav + content from this list instead of hard-coding them, so a new
+ * section is one entry here (no template edits), and the nav gets search +
+ * grouping for free.
+ *
+ * Grouping maps onto the shell's two modes:
+ *   - 'user'      → "User settings"
+ *   - 'workspace' → "Administration" (workspace-level)
+ *   - 'admin'     → "Administration" (admin/service only; `adminOnly`)
+ */
+import { type Component } from 'vue';
+import type { SettingsTab } from '../../composables/useSettingsModal.js';
+export type SettingsGroup = 'user' | 'workspace' | 'admin';
+export interface SettingsSectionDef {
+    key: SettingsTab;
+    label: string;
+    icon: string;
+    group: SettingsGroup;
+    /** Extra terms matched by the nav search box (besides the label). */
+    keywords?: string[];
+    /** Only shown to admin/service roles. */
+    adminOnly?: boolean;
+    /** The panel component to render for this section. */
+    component: Component;
+}
+/** Which shell "mode" each group belongs to. */
+export declare const GROUP_MODE: Record<SettingsGroup, 'user' | 'admin'>;
+export declare const GROUP_LABELS: Record<SettingsGroup, string>;
+export declare const BUILTIN_SETTINGS_SECTIONS: SettingsSectionDef[];
+/** Filter to the sections visible for the current role. */
+export declare function visibleSections(sections: SettingsSectionDef[], isAdmin: boolean): SettingsSectionDef[];
+/** Case-insensitive search over label + keywords. */
+export declare function searchSections(query: string, sections: SettingsSectionDef[]): SettingsSectionDef[];

package/dist/runtime/components/settings/sections.js

@@ -0,0 +1,45 @@
+import { markRaw } from "vue";
+import ASettingsProfilePanel from "./ASettingsProfilePanel.vue";
+import ASettingsAppearancePanel from "./ASettingsAppearancePanel.vue";
+import ASettingsSecurityPanel from "./ASettingsSecurityPanel.vue";
+import ASettingsOfflinePanel from "./ASettingsOfflinePanel.vue";
+import ASettingsSpacesPanel from "./ASettingsSpacesPanel.vue";
+import ASettingsMembersPanel from "./ASettingsMembersPanel.vue";
+import ASettingsConnectionPanel from "./ASettingsConnectionPanel.vue";
+import ASettingsTrashPanel from "./ASettingsTrashPanel.vue";
+import ASettingsPluginsPanel from "./ASettingsPluginsPanel.vue";
+import ASettingsInvitesPanel from "./ASettingsInvitesPanel.vue";
+import ASettingsAdminPanel from "./ASettingsAdminPanel.vue";
+export const GROUP_MODE = {
+  user: "user",
+  workspace: "admin",
+  admin: "admin"
+};
+export const GROUP_LABELS = {
+  user: "Account",
+  workspace: "Workspace",
+  admin: "Administration"
+};
+export const BUILTIN_SETTINGS_SECTIONS = [
+  { key: "profile", label: "Profile", icon: "i-lucide-user", group: "user", keywords: ["name", "avatar", "identity", "colour", "color"], component: markRaw(ASettingsProfilePanel) },
+  { key: "appearance", label: "Appearance", icon: "i-lucide-palette", group: "user", keywords: ["theme", "dark", "light", "motion", "font"], component: markRaw(ASettingsAppearancePanel) },
+  { key: "security", label: "Security", icon: "i-lucide-shield", group: "user", keywords: ["passkey", "password", "account", "logout", "wipe"], component: markRaw(ASettingsSecurityPanel) },
+  { key: "offline", label: "Offline", icon: "i-lucide-database", group: "user", keywords: ["sync", "storage", "cache"], component: markRaw(ASettingsOfflinePanel) },
+  { key: "spaces", label: "Spaces", icon: "i-lucide-layers", group: "workspace", keywords: ["workspace", "create", "switch"], component: markRaw(ASettingsSpacesPanel) },
+  { key: "members", label: "Members", icon: "i-lucide-users", group: "workspace", keywords: ["people", "roles", "online"], component: markRaw(ASettingsMembersPanel) },
+  { key: "connection", label: "Connection", icon: "i-lucide-wifi", group: "workspace", keywords: ["server", "p2p", "webrtc", "reconnect"], component: markRaw(ASettingsConnectionPanel) },
+  { key: "trash", label: "Trash", icon: "i-lucide-trash-2", group: "workspace", keywords: ["deleted", "restore", "purge"], component: markRaw(ASettingsTrashPanel) },
+  { key: "plugins", label: "Plugins", icon: "i-lucide-plug", group: "workspace", keywords: ["extensions", "page types"], component: markRaw(ASettingsPluginsPanel) },
+  { key: "invites", label: "Invites", icon: "i-lucide-ticket", group: "admin", adminOnly: true, keywords: ["invite", "code", "join"], component: markRaw(ASettingsInvitesPanel) },
+  { key: "admin", label: "Admin", icon: "i-lucide-shield-alert", group: "admin", adminOnly: true, keywords: ["users", "server", "manage"], component: markRaw(ASettingsAdminPanel) }
+];
+export function visibleSections(sections, isAdmin) {
+  return sections.filter((s) => !s.adminOnly || isAdmin);
+}
+export function searchSections(query, sections) {
+  const q = query.trim().toLowerCase();
+  if (!q) return sections;
+  return sections.filter(
+    (s) => s.label.toLowerCase().includes(q) || s.keywords?.some((k) => k.toLowerCase().includes(q))
+  );
+}

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

@@ -14,13 +14,13 @@ type __VLS_Props = {
     extraItems?: DropdownMenuItem[][];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    logout: () => any;
     "open-settings": () => any;
     "open-account": () => any;
+    logout: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onLogout?: (() => any) | undefined;
     "onOpen-settings"?: (() => any) | undefined;
     "onOpen-account"?: (() => any) | undefined;
+    onLogout?: (() => any) | undefined;
 }>, {
     color: string;
     collapsed: boolean;

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

@@ -14,13 +14,13 @@ type __VLS_Props = {
     extraItems?: DropdownMenuItem[][];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    logout: () => any;
     "open-settings": () => any;
     "open-account": () => any;
+    logout: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onLogout?: (() => any) | undefined;
     "onOpen-settings"?: (() => any) | undefined;
     "onOpen-account"?: (() => any) | undefined;
+    onLogout?: (() => any) | undefined;
 }>, {
     color: string;
     collapsed: boolean;

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

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     name: string;
     online: boolean | null;
     currentDocId: string | null;
-    avatarStyle: string;
     isSelf: boolean;
+    avatarStyle: string;
     isFollowing: boolean;
     showFollow: boolean;
     currentDocLabel: string | null;

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

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     name: string;
     online: boolean | null;
     currentDocId: string | null;
-    avatarStyle: string;
     isSelf: boolean;
+    avatarStyle: string;
     isFollowing: boolean;
     showFollow: boolean;
     currentDocLabel: string | null;

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

@@ -16,6 +16,8 @@ export interface ChatMessage {
     senderName: string;
     content: string;
     createdAt: number;
+    /** Id of the message this one replies to, if any (threaded reply). */
+    replyTo?: string;
 }
 export interface ChatChannel {
     id: string;
@@ -25,6 +27,12 @@ export interface ChatChannel {
     unreadCount: number;
 }
 export declare function buildDmChannelId(a: string, b: string): string;
+declare function setMuted(id: string, on: boolean): void;
+declare function setPinned(id: string, on: boolean): void;
+declare function setHidden(id: string, on: boolean): void;
+declare function isMuted(id: string): boolean;
+declare function isPinned(id: string): boolean;
+declare function isHidden(id: string): boolean;
 declare let _publicKeyB64: import("vue").Ref<string, string>;
 declare let _userName: import("vue").Ref<string, string>;
 export declare function _initChat(publicKeyB64Ref: typeof _publicKeyB64, userNameRef: typeof _userName): void;
@@ -53,6 +61,7 @@ declare function sendTyping(channelId: string): void;
 declare function setActiveChannel(channelId: string | null): void;
 export declare function useChat(): {
     channels: import("vue").Ref<Record<string, ChatChannel>, Record<string, ChatChannel>>;
+    channelList: import("vue").ComputedRef<ChatChannel[]>;
     activeChannel: import("vue").Ref<string | null, string | null>;
     messagesByChannel: import("vue").Ref<Record<string, ChatMessage[]>, Record<string, ChatMessage[]>>;
     typingByChannel: import("vue").Ref<Record<string, Map<string, string>>, Record<string, Map<string, string>>>;
@@ -62,13 +71,25 @@ export declare function useChat(): {
     sendTyping: typeof sendTyping;
     setActiveChannel: typeof setActiveChannel;
     buildDmChannelId: typeof buildDmChannelId;
+    mutedChannels: import("vue").Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+    pinnedChannels: import("vue").Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+    hiddenChannels: import("vue").Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+    setMuted: typeof setMuted;
+    setPinned: typeof setPinned;
+    setHidden: typeof setHidden;
+    isMuted: typeof isMuted;
+    isPinned: typeof isPinned;
+    isHidden: typeof isHidden;
 };
 export declare function useChatChannel(channelId: string): {
     messages: import("vue").ComputedRef<ChatMessage[]>;
     channel: import("vue").ComputedRef<ChatChannel | undefined>;
     typingUsers: import("vue").ComputedRef<string[]>;
     unreadCount: import("vue").ComputedRef<number>;
-    send: (content: string) => void;
+    send: (content: string, opts?: {
+        mentions?: string[];
+        replyTo?: string;
+    }) => void;
     loadHistory: (opts?: {
         before?: number;
         limit?: number;

package/dist/runtime/composables/useChat.js

@@ -33,6 +33,58 @@ const channels = ref({});
 const typingByChannel = ref({});
 const activeChannel = ref(null);
 const typingTimers = /* @__PURE__ */ new Map();
+function _loadIdSet(key) {
+  if (typeof localStorage === "undefined") return /* @__PURE__ */ new Set();
+  try {
+    const raw = localStorage.getItem(key);
+    return raw ? new Set(JSON.parse(raw)) : /* @__PURE__ */ new Set();
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function _saveIdSet(key, set) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.setItem(key, JSON.stringify([...set]));
+  } catch {
+  }
+}
+const mutedChannels = ref(_loadIdSet("abracadabra_chat_muted"));
+const pinnedChannels = ref(_loadIdSet("abracadabra_chat_pinned"));
+const hiddenChannels = ref(_loadIdSet("abracadabra_chat_hidden"));
+function _setPref(ref_, key, id, on) {
+  const next = new Set(ref_.value);
+  if (on) next.add(id);
+  else next.delete(id);
+  ref_.value = next;
+  _saveIdSet(key, next);
+}
+function setMuted(id, on) {
+  _setPref(mutedChannels, "abracadabra_chat_muted", id, on);
+}
+function setPinned(id, on) {
+  _setPref(pinnedChannels, "abracadabra_chat_pinned", id, on);
+}
+function setHidden(id, on) {
+  _setPref(hiddenChannels, "abracadabra_chat_hidden", id, on);
+}
+function isMuted(id) {
+  return mutedChannels.value.has(id);
+}
+function isPinned(id) {
+  return pinnedChannels.value.has(id);
+}
+function isHidden(id) {
+  return hiddenChannels.value.has(id);
+}
+const channelList = computed(
+  () => Object.values(channels.value).filter((c) => !hiddenChannels.value.has(c.id)).sort((a, b) => {
+    const pa = pinnedChannels.value.has(a.id) ? 1 : 0;
+    const pb = pinnedChannels.value.has(b.id) ? 1 : 0;
+    if (pa !== pb) return pb - pa;
+    return (b.lastMessage?.createdAt ?? 0) - (a.lastMessage?.createdAt ?? 0);
+  })
+);
 let _publicKeyB64 = ref("");
 let _userName = ref("");
 export function _initChat(publicKeyB64Ref, userNameRef) {
@@ -112,12 +164,13 @@ function addMessage(msg) {
   if (chan) {
     const isActive = activeChannel.value === msg.channel;
     const isOwn = msg.senderId === _publicKeyB64.value;
+    const suppress = isActive || isOwn || mutedChannels.value.has(msg.channel);
     channels.value = {
       ...channels.value,
       [msg.channel]: {
         ...chan,
         lastMessage: msg,
-        unreadCount: isActive || isOwn ? chan.unreadCount : chan.unreadCount + 1
+        unreadCount: suppress ? chan.unreadCount : chan.unreadCount + 1
       }
     };
   }
@@ -148,7 +201,8 @@ export function _handleStatelessChat(payload) {
           // as "chat is broken / messages aren't syncing".
           senderName: rec.sender_name ?? resolveSenderName(senderId),
           content: rec.content ?? "",
-          createdAt: tsMs
+          createdAt: tsMs,
+          ...rec.reply_to ? { replyTo: rec.reply_to } : {}
         };
         ensureChannel(msg.channel, resolveChannelLabel(msg.channel, msg.senderName, msg.senderId));
         addMessage(msg);
@@ -234,7 +288,8 @@ function sendMessage(channelId, content, opts) {
     senderId: _publicKeyB64.value,
     senderName: userName?.value ?? _userName.value,
     content: trimmed,
-    createdAt: Date.now()
+    createdAt: Date.now(),
+    ...opts?.replyTo ? { replyTo: opts.replyTo } : {}
   });
   provider.value.sendStateless(JSON.stringify({
     type: "messages:send",
@@ -284,7 +339,9 @@ async function _attachPeriodProvider(channel, rootProv, periodId) {
           senderId: f.senderId,
           senderName: "",
           content,
-          createdAt: f.createdAt
+          createdAt: f.createdAt,
+          // Best-effort: the SDK's folded record may carry reply linkage.
+          ...f.reply_to || f.replyTo ? { replyTo: f.reply_to ?? f.replyTo } : {}
         });
       }
     };
@@ -360,11 +417,15 @@ function setActiveChannel(channelId) {
   }
 }
 const totalUnreadCount = computed(
-  () => Object.values(channels.value).reduce((sum, ch) => sum + ch.unreadCount, 0)
+  () => Object.values(channels.value).reduce(
+    (sum, ch) => sum + (mutedChannels.value.has(ch.id) ? 0 : ch.unreadCount),
+    0
+  )
 );
 export function useChat() {
   return {
     channels,
+    channelList,
     activeChannel,
     messagesByChannel,
     typingByChannel,
@@ -373,7 +434,17 @@ export function useChat() {
     fetchHistory,
     sendTyping,
     setActiveChannel,
-    buildDmChannelId
+    buildDmChannelId,
+    // Channel preferences
+    mutedChannels,
+    pinnedChannels,
+    hiddenChannels,
+    setMuted,
+    setPinned,
+    setHidden,
+    isMuted,
+    isPinned,
+    isHidden
   };
 }
 export function useChatChannel(channelId) {
@@ -392,8 +463,8 @@ export function useChatChannel(channelId) {
       stop();
     });
   }
-  function send(content) {
-    sendMessage(key, content);
+  function send(content, opts) {
+    sendMessage(key, content, opts);
   }
   function loadHistory(opts) {
     fetchHistory(key, opts);

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

@@ -3,16 +3,17 @@ export interface DocLinkPickResult {
     label: string;
 }
 /**
- * Manages the state for the document picker dialog.
- * Used by doc-embed extension and inline link insertion.
+ * Imperative command-palette document picker.
  *
- * The module does not ship a modal component — the consuming app provides
- * one and wires it up to the `pending` state. When the app calls `resolve()`
- * or `cancel()`, the promise returned by `pickDoc()` settles.
+ * Opens `<ADocPickModal>` (a `UCommandPalette` in a `UModal`) via Nuxt UI's
+ * overlay manager and resolves with the chosen doc, or `null` if dismissed.
+ * Self-contained — callers (the slash doc-embed/doc-link handlers, the
+ * `<ADocLinkPopover>` toolbar button, the drag handle) just `await pickDoc()`;
+ * no host wiring required. This is the picker used everywhere EXCEPT the inline
+ * `[[` / `![[` typing triggers (those commit directly via `<ADocSuggestMenu>`).
+ *
+ * Mirrors cou-sh/app/composables/useDocLinkPick.ts.
  */
 export declare function useDocLinkPick(): {
-    isOpen: import("vue").Ref<boolean, boolean>;
     pickDoc: () => Promise<DocLinkPickResult | null>;
-    resolve: (result: DocLinkPickResult) => void;
-    cancel: () => void;
 };

package/dist/runtime/composables/useDocLinkPick.js

@@ -1,22 +1,11 @@
-import { ref } from "vue";
+import { useOverlay } from "#imports";
+import ADocPickModal from "../components/ADocPickModal.vue";
 export function useDocLinkPick() {
-  const isOpen = ref(false);
-  let _resolve = null;
+  const overlay = useOverlay();
+  const modal = overlay.create(ADocPickModal);
   function pickDoc() {
-    return new Promise((resolve2) => {
-      _resolve = resolve2;
-      isOpen.value = true;
-    });
+    const { result } = modal.open();
+    return result;
   }
-  function resolve(result) {
-    isOpen.value = false;
-    _resolve?.(result);
-    _resolve = null;
-  }
-  function cancel() {
-    isOpen.value = false;
-    _resolve?.(null);
-    _resolve = null;
-  }
-  return { isOpen, pickDoc, resolve, cancel };
+  return { pickDoc };
 }

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

@@ -0,0 +1,34 @@
+import type { useChildTree } from './useChildTree.js';
+type Tree = ReturnType<typeof useChildTree>;
+export interface DocSuggestItem {
+    id: string;
+    label: string;
+    icon: string;
+    /** Dimmed ancestor path (e.g. "Kanban Board / Todo") for nesting context. */
+    prefix?: string;
+    /** When true, selecting this item creates a new child doc named `label`. */
+    isCreate?: boolean;
+}
+/** Reactive state shared between the DocSuggest extension and its popup. */
+export interface DocSuggestPopupState {
+    active: boolean;
+    mode: 'link' | 'embed';
+    query: string;
+    items: DocSuggestItem[];
+    index: number;
+    rect: {
+        left: number;
+        top: number;
+        bottom: number;
+    } | null;
+    onSelect: ((item: DocSuggestItem) => void) | null;
+}
+export declare function emptyDocSuggestState(): DocSuggestPopupState;
+/**
+ * Build a whole-space doc search for the `[[` / `![[` popups. Ranks entries by
+ * label match and appends a "Create …" item when the query has no exact match.
+ * Each result carries a dimmed ancestor-path `prefix` for nesting context — the
+ * popup stays a flat, searchable list (no tree drill-down).
+ */
+export declare function makeDocSearch(tree: Tree, currentDocId: string): (rawQuery: string) => DocSuggestItem[];
+export {};

package/dist/runtime/composables/useDocSuggest.js

@@ -0,0 +1,56 @@
+import { resolveDocType } from "../utils/docTypes.js";
+export function emptyDocSuggestState() {
+  return { active: false, mode: "link", query: "", items: [], index: 0, rect: null, onSelect: null };
+}
+const MAX_RESULTS = 20;
+export function makeDocSearch(tree, currentDocId) {
+  return (rawQuery) => {
+    const query = rawQuery.trim();
+    const q = query.toLowerCase();
+    const entries = tree.entries.value;
+    const byId = new Map(entries.map((e) => [e.id, e]));
+    const pathOf = (parentId) => {
+      const out = [];
+      const seen = /* @__PURE__ */ new Set();
+      let pid = parentId;
+      while (pid && byId.has(pid) && !seen.has(pid)) {
+        seen.add(pid);
+        const e = byId.get(pid);
+        out.unshift(e.label || "Untitled");
+        pid = e.parentId;
+      }
+      return out.join(" / ");
+    };
+    const scored = [];
+    for (const e of entries) {
+      if (e.id === currentDocId) continue;
+      const label = (e.label || "").trim();
+      if (!label) continue;
+      const lower = label.toLowerCase();
+      let score = -1;
+      if (!q) score = 0;
+      else if (lower === q) score = 3;
+      else if (lower.startsWith(q)) score = 2;
+      else if (lower.includes(q)) score = 1;
+      if (score < 0) continue;
+      scored.push({ entry: e, score });
+    }
+    scored.sort((a, b) => b.score - a.score || a.entry.label.localeCompare(b.entry.label));
+    const items = scored.slice(0, MAX_RESULTS).map(({ entry }) => ({
+      id: entry.id,
+      label: entry.label,
+      icon: resolveDocType(entry.type).icon,
+      prefix: pathOf(entry.parentId) || void 0
+    }));
+    const hasExact = items.some((i) => i.label.toLowerCase() === q);
+    if (query && !hasExact) {
+      items.push({
+        id: "__create__",
+        label: `Create "${query}"`,
+        icon: "i-lucide-file-plus",
+        isCreate: true
+      });
+    }
+    return items;
+  };
+}

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

@@ -20,6 +20,10 @@ interface NodeContextMenuOptions {
     onOpenInWindow?: (id: string) => void;
     /** Create a child page under this node — renders "Add child page". */
     onAddChild?: (parentId: string) => void;
+    /** Reparent this node — renders "Move to…" (e.g. open an <ADocPickerModal>). */
+    onMoveTo?: (id: string) => void;
+    /** Edit this node's tags — renders "Edit tags…" (e.g. open an <ATagsEditor>). */
+    onEditTags?: (id: string) => void;
     /** Export the doc — renders an "Export" submenu (Markdown / HTML). Wire to
      *  `useDocExport().exportDoc` (kept out of this composable so it stays
      *  decoupled from the export pipeline + its lazy jszip import). */

package/dist/runtime/composables/useNodeContextMenu.js

@@ -67,6 +67,15 @@ export function useNodeContextMenu(opts) {
       }
     });
   }
+  if (opts.onMoveTo) {
+    editGroup.push({
+      label: "Move to\u2026",
+      icon: "i-lucide-corner-down-right",
+      onSelect() {
+        opts.onMoveTo(nodeId);
+      }
+    });
+  }
   const colorItems = UI_COLORS.slice(0, 12).map((colorName) => ({
     label: colorName.charAt(0).toUpperCase() + colorName.slice(1),
     icon: "i-lucide-circle",
@@ -110,6 +119,15 @@ export function useNodeContextMenu(opts) {
       }
     });
   }
+  if (opts.onEditTags) {
+    actionsGroup.push({
+      label: "Edit tags\u2026",
+      icon: "i-lucide-tags",
+      onSelect() {
+        opts.onEditTags(nodeId);
+      }
+    });
+  }
   if (opts.onExport) {
     actionsGroup.push({
       label: "Export",