@abraca/nuxt 2.11.0 → 2.13.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/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",

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

@@ -9,7 +9,7 @@
  * Usage:
  *   const { isOpen, activeTab, openSettings, closeSettings } = useSettingsModal()
  */
-export type SettingsTab = 'profile' | 'connection' | 'spaces' | 'security' | 'invites' | 'members' | 'trash' | 'offline' | 'plugins' | 'admin';
+export type SettingsTab = 'profile' | 'appearance' | 'connection' | 'spaces' | 'security' | 'invites' | 'members' | 'trash' | 'offline' | 'plugins' | 'admin';
 export declare function useSettingsModal(): {
     isOpen: import("vue").WritableComputedRef<boolean, boolean>;
     activeTab: import("vue").WritableComputedRef<SettingsTab, SettingsTab>;

package/dist/runtime/locale.d.ts

@@ -61,6 +61,10 @@ export interface AbracadabraLocale {
     nodePanel: {
         editorTab: string;
         propertiesTab: string;
+        chatTab: string;
+        settingsTab: string;
+        serverTab: string;
+        openAsFullPage: string;
         close: string;
         icon: string;
         color: string;
@@ -251,6 +255,10 @@ export interface AbracadabraLocale {
             edgeNormal: string;
             edgeThick: string;
             filter: string;
+            scrollBehavior: string;
+            personalSetting: string;
+            scrollPan: string;
+            scrollZoom: string;
         };
         dashboard: {
             addItem: string;

package/dist/runtime/locale.js

@@ -47,6 +47,10 @@ export const DEFAULT_LOCALE = {
   nodePanel: {
     editorTab: "Editor",
     propertiesTab: "Properties",
+    chatTab: "Chat",
+    settingsTab: "Settings",
+    serverTab: "Server",
+    openAsFullPage: "Open as full page",
     close: "Close",
     icon: "Icon",
     color: "Color",
@@ -236,7 +240,11 @@ export const DEFAULT_LOCALE = {
       edgeThin: "Thin",
       edgeNormal: "Normal",
       edgeThick: "Thick",
-      filter: "Filter"
+      filter: "Filter",
+      scrollBehavior: "Scroll behavior",
+      personalSetting: "Personal \u2014 this device only",
+      scrollPan: "Pan",
+      scrollZoom: "Zoom"
     },
     dashboard: {
       addItem: "Add item",

package/dist/runtime/utils/chatContent.d.ts

@@ -24,7 +24,11 @@ export type ParsedMessage = {
     icon?: string;
 };
 export declare function parseMessageContent(content: string): ParsedMessage;
-/** Segment types for rich text rendering */
+/**
+ * Segment types for rich text rendering. Markdown spans (bold/italic/strike/
+ * code) carry their inner `value` as plain text — rendered as styled spans, so
+ * there is NO HTML injection (no `v-html`); the renderer just picks a tag/class.
+ */
 export type TextSegment = {
     type: 'text';
     value: string;
@@ -34,8 +38,22 @@ export type TextSegment = {
 } | {
     type: 'mention';
     name: string;
+} | {
+    type: 'bold';
+    value: string;
+} | {
+    type: 'italic';
+    value: string;
+} | {
+    type: 'strike';
+    value: string;
+} | {
+    type: 'code';
+    value: string;
 };
-/** Split plain text into segments for rich rendering (links, @mentions) */
+/** Split plain text into segments for rich rendering (markdown, links, @mentions). */
 export declare function renderMessageSegments(text: string): TextSegment[];
+/** Whether a plain-text message contains any rich span (markdown/link/mention). */
+export declare function hasRichText(text: string): boolean;
 /** Return a short plain-text preview for any message content string. */
 export declare function previewMessageContent(content: string): string;

package/dist/runtime/utils/chatContent.js

@@ -28,16 +28,32 @@ export function parseMessageContent(content) {
 }
 const URL_RE = /https?:\/\/[^\s<>)"']+/g;
 const MENTION_RE = /@(\w+)/g;
+const CODE_RE = /`([^`\n]+)`/g;
+const BOLD_RE = /\*\*([^*\n]+)\*\*/g;
+const STRIKE_RE = /~~([^~\n]+)~~/g;
+const ITALIC_RE = /\*([^*\n]+)\*|_([^_\n]+)_/g;
 export function renderMessageSegments(text) {
   const segments = [];
   const matches = [];
+  for (const m of text.matchAll(CODE_RE)) {
+    matches.push({ index: m.index, length: m[0].length, segment: { type: "code", value: m[1] } });
+  }
+  for (const m of text.matchAll(BOLD_RE)) {
+    matches.push({ index: m.index, length: m[0].length, segment: { type: "bold", value: m[1] } });
+  }
+  for (const m of text.matchAll(STRIKE_RE)) {
+    matches.push({ index: m.index, length: m[0].length, segment: { type: "strike", value: m[1] } });
+  }
+  for (const m of text.matchAll(ITALIC_RE)) {
+    matches.push({ index: m.index, length: m[0].length, segment: { type: "italic", value: m[1] ?? m[2] } });
+  }
   for (const m of text.matchAll(URL_RE)) {
     matches.push({ index: m.index, length: m[0].length, segment: { type: "link", url: m[0] } });
   }
   for (const m of text.matchAll(MENTION_RE)) {
     matches.push({ index: m.index, length: m[0].length, segment: { type: "mention", name: m[1] } });
   }
-  matches.sort((a, b) => a.index - b.index);
+  matches.sort((a, b) => a.index - b.index || b.length - a.length);
   let cursor = 0;
   for (const m of matches) {
     if (m.index < cursor) continue;
@@ -52,6 +68,9 @@ export function renderMessageSegments(text) {
   }
   return segments.length > 0 ? segments : [{ type: "text", value: text }];
 }
+export function hasRichText(text) {
+  return /@\w+|https?:\/\/|\*\*[^*\n]+\*\*|~~[^~\n]+~~|`[^`\n]+`|\*[^*\n]+\*|_[^_\n]+_/.test(text);
+}
 export function previewMessageContent(content) {
   const parsed = parseMessageContent(content);
   if (parsed.kind === "doc-quote") {