@harbour-enterprises/superdoc 1.0.0-next.2 → 1.0.0-next.4

package/dist/chunks/{index-DpQ8ZYM0.es.js → index-Cxv7dMYN.es.js}

@@ -1,11 +1,11 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-CxajnL9u.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-B2fSLkzN.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
-import { E as EventEmitter } from "./eventemitter3-CcXAdeql.es.js";
+import { E as EventEmitter } from "./eventemitter3-44XulWQe.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
-import { a1 as effectScope, r as ref, X as markRaw, a0 as process$1, a2 as toRaw, a as computed, a3 as isRef, a4 as isReactive, E as toRef, i as inject, m as getCurrentInstance, l as watch, v as unref, a5 as hasInjectionContext, M as reactive, q as nextTick, a6 as getCurrentScope, a7 as onScopeDispose, a8 as toRefs, g as global$1, B as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, p as onDeactivated, D as createTextVNode, F as Fragment, Q as Comment, y as defineComponent, G as provide, I as withDirectives, z as h, U as Teleport, R as renderSlot, V as isVNode, J as watchEffect, O as Transition, a9 as TransitionGroup, A as mergeProps, P as vShow, H as cloneVNode, T as Text, b as createElementBlock, o as openBlock, t as toDisplayString, u as createVNode, C as withCtx, f as createBaseVNode, x as normalizeStyle, e as createCommentVNode, s as createBlock, w as withModifiers, n as normalizeClass, aa as resolveDirective, d as renderList, c as createApp, Y as resolveDynamicComponent, ab as defineAsyncComponent } from "./vue-Dysv_7z5.es.js";
+import { a1 as effectScope, r as ref, D as markRaw, a0 as process$1, a2 as toRaw, a as computed, a3 as isRef, a4 as isReactive, H as toRef, i as inject, m as getCurrentInstance, l as watch, x as unref, a5 as hasInjectionContext, N as reactive, q as nextTick, a6 as getCurrentScope, a7 as onScopeDispose, a8 as toRefs, g as global$1, C as shallowRef, b as createElementBlock, o as openBlock, t as toDisplayString, O as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, U as onActivated, p as onDeactivated, G as createTextVNode, F as Fragment, R as Comment, y as defineComponent, E as provide, J as withDirectives, A as h, V as Teleport, S as renderSlot, W as isVNode, K as watchEffect, P as Transition, a9 as TransitionGroup, B as mergeProps, Q as vShow, I as cloneVNode, T as Text, s as createVNode, u as withCtx, f as createBaseVNode, z as normalizeStyle, e as createCommentVNode, v as createBlock, w as withModifiers, n as normalizeClass, aa as resolveDirective, d as renderList, c as createApp, Y as resolveDynamicComponent, ab as defineAsyncComponent } from "./vue-BuPTonTJ.es.js";
 import * as Y from "yjs";
 import { Doc, Map as Map$2 } from "yjs";
-import { B as Buffer$2 } from "./jszip-5vvIqAEE.es.js";
+import { B as Buffer$2 } from "./jszip-VP334ufO.es.js";
 import { v as v4 } from "./uuid-CjlX8hrF.es.js";
 const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
 const PDF = "application/pdf";
@@ -4408,6 +4408,62 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     handleTrackedChangeUpdate
   };
 });
+const commentIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0 0 0 0l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"/></svg>';
+const caretDownIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>';
+const userCheckIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM625 177L497 305c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L591 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>';
+const usersIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z"/></svg>';
+const checkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>';
+const xmarkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>';
+const ellipsisVerticalSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z"/></svg>';
+const superdocIcons = {
+  comment: commentIconSvg,
+  caretDown: caretDownIconSvg,
+  internal: userCheckIconSvg,
+  external: usersIconSvg,
+  markDone: checkIconSvg,
+  acceptChange: checkIconSvg,
+  rejectChange: xmarkIconSvg,
+  overflow: ellipsisVerticalSvg
+};
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$f = { class: "user-container" };
+const _hoisted_2$9 = ["src"];
+const _hoisted_3$7 = {
+  key: 1,
+  class: "user-bg"
+};
+const _sfc_main$g = {
+  __name: "Avatar",
+  props: {
+    user: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const getInitials = (name, email) => {
+      if (!name && !email) return;
+      const firstLetter = name?.substring(0, 1) || email?.substring(0, 1) || null;
+      return firstLetter;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        __props.user.image ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: "user-bg",
+          src: __props.user.image.startsWith("http") ? __props.user.image : `data:image/png;base64,${__props.user.image}`
+        }, null, 8, _hoisted_2$9)) : (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(getInitials(__props.user.name, __props.user.email)), 1))
+      ]);
+    };
+  }
+};
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-53e13009"]]);
 function plugin$1(options) {
   let _bPrefix = ".";
   let _ePrefix = "__";
@@ -8008,30 +8064,30 @@ const defaultClsPrefix = "n";
 function useConfig(props = {}, options = {
   defaultBordered: true
 }) {
-  const NConfigProvider = inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = inject(configProviderInjectionKey, null);
   return {
     // NConfigProvider,
-    inlineThemeDisabled: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.inlineThemeDisabled,
-    mergedRtlRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef,
-    mergedComponentPropsRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedComponentPropsRef,
-    mergedBreakpointsRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBreakpointsRef,
+    inlineThemeDisabled: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.inlineThemeDisabled,
+    mergedRtlRef: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedRtlRef,
+    mergedComponentPropsRef: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedComponentPropsRef,
+    mergedBreakpointsRef: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBreakpointsRef,
     mergedBorderedRef: computed(() => {
       var _a, _b;
       const {
         bordered
       } = props;
       if (bordered !== void 0) return bordered;
-      return (_b = (_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBorderedRef.value) !== null && _a !== void 0 ? _a : options.defaultBordered) !== null && _b !== void 0 ? _b : true;
+      return (_b = (_a = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBorderedRef.value) !== null && _a !== void 0 ? _a : options.defaultBordered) !== null && _b !== void 0 ? _b : true;
     }),
-    mergedClsPrefixRef: NConfigProvider ? NConfigProvider.mergedClsPrefixRef : shallowRef(defaultClsPrefix),
-    namespaceRef: computed(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
+    mergedClsPrefixRef: NConfigProvider2 ? NConfigProvider2.mergedClsPrefixRef : shallowRef(defaultClsPrefix),
+    namespaceRef: computed(() => NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedNamespaceRef.value)
   };
 }
 function useThemeClass(componentName, hashRef, cssVarsRef, props) {
   if (!cssVarsRef) throwError("useThemeClass", "cssVarsRef is not passed");
-  const NConfigProvider = inject(configProviderInjectionKey, null);
-  const mergedThemeHashRef = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeHashRef;
-  const styleMountTarget = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget;
+  const NConfigProvider2 = inject(configProviderInjectionKey, null);
+  const mergedThemeHashRef = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeHashRef;
+  const styleMountTarget = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget;
   const themeClassRef = ref("");
   const ssrAdapter2 = useSsrAdapter();
   let renderCallback;
@@ -9500,7 +9556,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     }
     return componentRtlState;
   });
-  const NConfigProvider = inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = inject(configProviderInjectionKey, null);
   const mountStyle = () => {
     watchEffect(() => {
       const {
@@ -9520,7 +9576,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
           bPrefix: clsPrefix ? `.${clsPrefix}-` : void 0
         },
         ssr: ssrAdapter2,
-        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+        parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
       });
     });
   };
@@ -9579,7 +9635,7 @@ function useStyle(mountId, style2, clsPrefixRef) {
     return;
   }
   const ssrAdapter2 = useSsrAdapter();
-  const NConfigProvider = inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = inject(configProviderInjectionKey, null);
   const mountStyle = () => {
     const clsPrefix = clsPrefixRef.value;
     style2.mount({
@@ -9590,15 +9646,15 @@ function useStyle(mountId, style2, clsPrefixRef) {
         bPrefix: clsPrefix ? `.${clsPrefix}-` : void 0
       },
       ssr: ssrAdapter2,
-      parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+      parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
     });
-    if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
+    if (!(NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled)) {
       globalStyle.mount({
         id: "n-global",
         head: true,
         anchorMetaName: cssrAnchorMetaName,
         ssr: ssrAdapter2,
-        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+        parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
       });
     }
   };
@@ -9613,7 +9669,7 @@ function createTheme(theme) {
 }
 function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef) {
   const ssrAdapter2 = useSsrAdapter();
-  const NConfigProvider = inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = inject(configProviderInjectionKey, null);
   if (style2) {
     const mountStyle = () => {
       const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
@@ -9625,15 +9681,15 @@ function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef)
         },
         anchorMetaName: cssrAnchorMetaName,
         ssr: ssrAdapter2,
-        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+        parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
       });
-      if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
+      if (!(NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled)) {
         globalStyle.mount({
           id: "n-global",
           head: true,
           anchorMetaName: cssrAnchorMetaName,
           ssr: ssrAdapter2,
-          parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+          parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
         });
       }
     };
@@ -9665,11 +9721,11 @@ function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef)
         self: globalSelf = void 0,
         peers: globalPeers = {}
       } = {}
-    } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) || {};
+    } = (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeRef.value) || {};
     const {
       common: globalCommonOverrides = void 0,
       [resolveId]: globalSelfOverrides = {}
-    } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeOverridesRef.value) || {};
+    } = (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeOverridesRef.value) || {};
     const {
       common: globalSelfCommonOverrides,
       peers: globalPeersOverrides = {}
@@ -13512,6 +13568,209 @@ const NCheckbox = defineComponent({
     }))), labelNode);
   }
 });
+const configProviderProps = {
+  abstract: Boolean,
+  bordered: {
+    type: Boolean,
+    default: void 0
+  },
+  clsPrefix: String,
+  locale: Object,
+  dateLocale: Object,
+  namespace: String,
+  rtl: Array,
+  tag: {
+    type: String,
+    default: "div"
+  },
+  hljs: Object,
+  katex: Object,
+  theme: Object,
+  themeOverrides: Object,
+  componentOptions: Object,
+  icons: Object,
+  breakpoints: Object,
+  preflightStyleDisabled: Boolean,
+  styleMountTarget: Object,
+  inlineThemeDisabled: {
+    type: Boolean,
+    default: void 0
+  },
+  // deprecated
+  as: {
+    type: String,
+    validator: () => {
+      warn("config-provider", "`as` is deprecated, please use `tag` instead.");
+      return true;
+    },
+    default: void 0
+  }
+};
+const NConfigProvider = defineComponent({
+  name: "ConfigProvider",
+  alias: ["App"],
+  props: configProviderProps,
+  setup(props) {
+    const NConfigProvider2 = inject(configProviderInjectionKey, null);
+    const mergedThemeRef = computed(() => {
+      const {
+        theme
+      } = props;
+      if (theme === null) return void 0;
+      const inheritedTheme = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeRef.value;
+      return theme === void 0 ? inheritedTheme : inheritedTheme === void 0 ? theme : Object.assign({}, inheritedTheme, theme);
+    });
+    const mergedThemeOverridesRef = computed(() => {
+      const {
+        themeOverrides
+      } = props;
+      if (themeOverrides === null) return void 0;
+      if (themeOverrides === void 0) {
+        return NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeOverridesRef.value;
+      } else {
+        const inheritedThemeOverrides = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeOverridesRef.value;
+        if (inheritedThemeOverrides === void 0) {
+          return themeOverrides;
+        } else {
+          return merge$1({}, inheritedThemeOverrides, themeOverrides);
+        }
+      }
+    });
+    const mergedNamespaceRef = useMemo(() => {
+      const {
+        namespace: namespace2
+      } = props;
+      return namespace2 === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedNamespaceRef.value : namespace2;
+    });
+    const mergedBorderedRef = useMemo(() => {
+      const {
+        bordered
+      } = props;
+      return bordered === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBorderedRef.value : bordered;
+    });
+    const mergedIconsRef = computed(() => {
+      const {
+        icons
+      } = props;
+      return icons === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedIconsRef.value : icons;
+    });
+    const mergedComponentPropsRef = computed(() => {
+      const {
+        componentOptions
+      } = props;
+      if (componentOptions !== void 0) return componentOptions;
+      return NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedComponentPropsRef.value;
+    });
+    const mergedClsPrefixRef = computed(() => {
+      const {
+        clsPrefix
+      } = props;
+      if (clsPrefix !== void 0) return clsPrefix;
+      if (NConfigProvider2) return NConfigProvider2.mergedClsPrefixRef.value;
+      return defaultClsPrefix;
+    });
+    const mergedRtlRef = computed(() => {
+      var _a;
+      const {
+        rtl
+      } = props;
+      if (rtl === void 0) {
+        return NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedRtlRef.value;
+      }
+      const rtlEnabledState = {};
+      for (const rtlInfo of rtl) {
+        rtlEnabledState[rtlInfo.name] = markRaw(rtlInfo);
+        (_a = rtlInfo.peers) === null || _a === void 0 ? void 0 : _a.forEach((peerRtlInfo) => {
+          if (!(peerRtlInfo.name in rtlEnabledState)) {
+            rtlEnabledState[peerRtlInfo.name] = markRaw(peerRtlInfo);
+          }
+        });
+      }
+      return rtlEnabledState;
+    });
+    const mergedBreakpointsRef = computed(() => {
+      return props.breakpoints || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBreakpointsRef.value);
+    });
+    const inlineThemeDisabled = props.inlineThemeDisabled || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.inlineThemeDisabled);
+    const preflightStyleDisabled = props.preflightStyleDisabled || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled);
+    const styleMountTarget = props.styleMountTarget || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget);
+    const mergedThemeHashRef = computed(() => {
+      const {
+        value: theme
+      } = mergedThemeRef;
+      const {
+        value: mergedThemeOverrides
+      } = mergedThemeOverridesRef;
+      const hasThemeOverrides = mergedThemeOverrides && Object.keys(mergedThemeOverrides).length !== 0;
+      const themeName = theme === null || theme === void 0 ? void 0 : theme.name;
+      if (themeName) {
+        if (hasThemeOverrides) {
+          return `${themeName}-${murmur2(JSON.stringify(mergedThemeOverridesRef.value))}`;
+        }
+        return themeName;
+      } else {
+        if (hasThemeOverrides) {
+          return murmur2(JSON.stringify(mergedThemeOverridesRef.value));
+        }
+        return "";
+      }
+    });
+    provide(configProviderInjectionKey, {
+      mergedThemeHashRef,
+      mergedBreakpointsRef,
+      mergedRtlRef,
+      mergedIconsRef,
+      mergedComponentPropsRef,
+      mergedBorderedRef,
+      mergedNamespaceRef,
+      mergedClsPrefixRef,
+      mergedLocaleRef: computed(() => {
+        const {
+          locale
+        } = props;
+        if (locale === null) return void 0;
+        return locale === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedLocaleRef.value : locale;
+      }),
+      mergedDateLocaleRef: computed(() => {
+        const {
+          dateLocale
+        } = props;
+        if (dateLocale === null) return void 0;
+        return dateLocale === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedDateLocaleRef.value : dateLocale;
+      }),
+      mergedHljsRef: computed(() => {
+        const {
+          hljs
+        } = props;
+        return hljs === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedHljsRef.value : hljs;
+      }),
+      mergedKatexRef: computed(() => {
+        const {
+          katex
+        } = props;
+        return katex === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedKatexRef.value : katex;
+      }),
+      mergedThemeRef,
+      mergedThemeOverridesRef,
+      inlineThemeDisabled: inlineThemeDisabled || false,
+      preflightStyleDisabled: preflightStyleDisabled || false,
+      styleMountTarget
+    });
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      mergedBordered: mergedBorderedRef,
+      mergedNamespace: mergedNamespaceRef,
+      mergedTheme: mergedThemeRef,
+      mergedThemeOverrides: mergedThemeOverridesRef
+    };
+  },
+  render() {
+    var _a, _b, _c, _d;
+    return !this.abstract ? h(this.as || this.tag, {
+      class: `${this.mergedClsPrefix || defaultClsPrefix}-config-provider`
+    }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) : (_d = (_c = this.$slots).default) === null || _d === void 0 ? void 0 : _d.call(_c);
+  }
+});
 const commonVariables$1 = {
   padding: "4px 0",
   optionIconSizeSmall: "14px",
@@ -15388,62 +15647,20 @@ const NMessageProvider = defineComponent({
     }))) : null);
   }
 });
-const commentIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0 0 0 0l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"/></svg>';
-const caretDownIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>';
-const userCheckIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM625 177L497 305c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L591 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>';
-const usersIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z"/></svg>';
-const checkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>';
-const xmarkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>';
-const ellipsisVerticalSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z"/></svg>';
-const superdocIcons = {
-  comment: commentIconSvg,
-  caretDown: caretDownIconSvg,
-  internal: userCheckIconSvg,
-  external: usersIconSvg,
-  markDone: checkIconSvg,
-  acceptChange: checkIconSvg,
-  rejectChange: xmarkIconSvg,
-  overflow: ellipsisVerticalSvg
-};
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1$f = { class: "user-container" };
-const _hoisted_2$9 = ["src"];
-const _hoisted_3$7 = {
-  key: 1,
-  class: "user-bg"
-};
-const _sfc_main$g = {
-  __name: "Avatar",
-  props: {
-    user: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const getInitials = (name, email) => {
-      if (!name && !email) return;
-      const firstLetter = name?.substring(0, 1) || email?.substring(0, 1) || null;
-      return firstLetter;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        __props.user.image ? (openBlock(), createElementBlock("img", {
-          key: 0,
-          class: "user-bg",
-          src: __props.user.image.startsWith("http") ? __props.user.image : `data:image/png;base64,${__props.user.image}`
-        }, null, 8, _hoisted_2$9)) : (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(getInitials(__props.user.name, __props.user.email)), 1))
-      ]);
-    };
-  }
-};
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-53e13009"]]);
+const DEFAULT_UI_FONT_FAMILY = "Arial, Helvetica, sans-serif";
+function useUiFontFamily() {
+  const instance = getCurrentInstance();
+  const uiFontFamily = computed(() => {
+    const configured = instance?.proxy?.$superdoc?.config?.uiDisplayFallbackFont;
+    if (typeof configured === "string" && configured.trim()) {
+      return configured.trim();
+    }
+    return DEFAULT_UI_FONT_FAMILY;
+  });
+  return {
+    uiFontFamily
+  };
+}
 const _hoisted_1$e = { class: "comment-option" };
 const _hoisted_2$8 = ["innerHTML"];
 const _hoisted_3$6 = { class: "option-state" };
@@ -15464,6 +15681,7 @@ const _sfc_main$f = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
+    const { uiFontFamily } = useUiFontFamily();
     const renderIcon = (icon) => {
       return () => {
         return h("div", { innerHTML: icon, class: "internal-dropdown__item-icon" });
@@ -15525,7 +15743,8 @@ const _sfc_main$f = {
           trigger: "click",
           options,
           onSelect: _cache[0] || (_cache[0] = ($event) => handleSelect($event)),
-          disabled: __props.isDisabled
+          disabled: __props.isDisabled,
+          "content-style": { fontFamily: unref(uiFontFamily) }
         }, {
           default: withCtx(() => [
             createBaseVNode("div", _hoisted_1$e, [
@@ -15541,12 +15760,12 @@ const _sfc_main$f = {
             ])
           ]),
           _: 1
-        }, 8, ["disabled"])
+        }, 8, ["disabled", "content-style"])
       ], 4);
     };
   }
 };
-const InternalDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a88dddd9"]]);
+const InternalDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-8b9e3b75"]]);
 function formatDate(timestamp) {
   const date = new Date(timestamp);
   const hours = date.getHours();
@@ -15692,6 +15911,7 @@ const _sfc_main$e = {
     const role = proxy.$superdoc.config.role;
     const isInternal = proxy.$superdoc.config.isInternal;
     const isOwnComment = props.comment.creatorEmail === proxy.$superdoc.config.user.email;
+    const { uiFontFamily } = useUiFontFamily();
     const OVERFLOW_OPTIONS = Object.freeze({
       edit: { label: "Edit", key: "edit" },
       delete: { label: "Delete", key: "delete" }
@@ -15795,7 +16015,8 @@ const _sfc_main$e = {
             key: 2,
             trigger: "click",
             options: getOverflowOptions.value,
-            onSelect: handleSelect
+            onSelect: handleSelect,
+            "content-style": { fontFamily: unref(uiFontFamily) }
           }, {
             default: withCtx(() => [
               createBaseVNode("div", {
@@ -15810,13 +16031,13 @@ const _sfc_main$e = {
               ])
             ]),
             _: 1
-          }, 8, ["options"])) : createCommentVNode("", true)
+          }, 8, ["options", "content-style"])) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 };
-const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-0f4f53ef"]]);
+const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5e404f08"]]);
 const _hoisted_1$c = { class: "input-section" };
 const _sfc_main$d = {
   __name: "CommentInput",
@@ -16236,7 +16457,7 @@ const _sfc_main$c = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-36e5f63e"]]);
+const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-abfa4e05"]]);
 const _hoisted_1$a = { class: "comments-list" };
 const _hoisted_2$5 = { key: 0 };
 const _hoisted_3$3 = { class: "comment-item" };
@@ -16837,7 +17058,7 @@ const _sfc_main$4 = {
     };
   }
 };
-const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b8cacb22"]]);
+const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1e49d9b3"]]);
 const floor = (val, precision) => {
   const multiplier = 10 ** precision;
   return Math.floor(val * multiplier) / multiplier;
@@ -17242,7 +17463,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-eykNsWyi.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-DtdN17V4.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17282,11 +17503,15 @@ const _sfc_main = {
     const { proxy } = getCurrentInstance();
     commentsStore.proxy = proxy;
     const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
+    const { uiFontFamily } = useUiFontFamily();
     const commentsModuleConfig = computed(() => {
       const config = modules.comments;
       if (config === false || config == null) return null;
       return config;
     });
+    const superdocStyleVars = computed(() => ({
+      "--sd-ui-font-family": uiFontFamily.value
+    }));
     const layers = ref(null);
     const commentsLayer = ref(null);
     const toolsMenuPosition = reactive({ top: null, right: "-25px", zIndex: 101 });
@@ -17803,155 +18028,164 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _directive_click_outside = resolveDirective("click-outside");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["superdoc", { "superdoc--with-sidebar": showCommentsSidebar.value, "high-contrast": unref(isHighContrastMode2) }])
-      }, [
-        createBaseVNode("div", {
-          class: "superdoc__layers layers",
-          ref_key: "layers",
-          ref: layers,
-          role: "group"
-        }, [
-          showToolsFloatingMenu.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "superdoc__tools tools",
-            style: normalizeStyle(toolsMenuPosition)
+      return openBlock(), createBlock(unref(NConfigProvider), {
+        abstract: "",
+        "preflight-style-disabled": ""
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass(["superdoc", { "superdoc--with-sidebar": showCommentsSidebar.value, "high-contrast": unref(isHighContrastMode2) }]),
+            style: normalizeStyle(superdocStyleVars.value)
           }, [
             createBaseVNode("div", {
-              class: "tools-item",
-              "data-id": "is-tool",
-              onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => handleToolClick("comments"), ["stop", "prevent"]))
-            }, [
-              createBaseVNode("div", {
-                class: "superdoc__tools-icon",
-                innerHTML: unref(superdocIcons).comment
-              }, null, 8, _hoisted_1)
-            ], 32),
-            unref(proxy).$superdoc.config.modules.ai ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "tools-item",
-              "data-id": "is-tool",
-              onMousedown: _cache[1] || (_cache[1] = withModifiers(($event) => handleToolClick("ai"), ["stop", "prevent"]))
-            }, [..._cache[3] || (_cache[3] = [
-              createBaseVNode("div", { class: "superdoc__tools-icon ai-tool" }, null, -1)
-            ])], 32)) : createCommentVNode("", true)
-          ], 4)) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_2, [
-            isCommentsEnabled.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "superdoc__selection-layer selection-layer",
-              onMousedown: handleSelectionStart,
-              onMouseup: handleDragEnd,
-              ref_key: "selectionLayer",
-              ref: selectionLayer
+              class: "superdoc__layers layers",
+              ref_key: "layers",
+              ref: layers,
+              role: "group"
             }, [
-              unref(selectionPosition) && shouldShowSelection.value ? (openBlock(), createElementBlock("div", {
+              showToolsFloatingMenu.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                style: normalizeStyle(getSelectionPosition.value),
-                class: "superdoc__temp-selection temp-selection sd-highlight sd-initial-highlight"
-              }, null, 4)) : createCommentVNode("", true)
-            ], 544)) : createCommentVNode("", true),
-            "hrbr-fields" in unref(modules) && layers.value ? (openBlock(), createBlock(HrbrFieldsLayer, {
-              key: 1,
-              fields: unref(modules)["hrbr-fields"],
-              class: "superdoc__comments-layer comments-layer",
-              style: { "z-index": "2" },
-              ref_key: "hrbrFieldsLayer",
-              ref: hrbrFieldsLayer
-            }, null, 8, ["fields"])) : createCommentVNode("", true),
-            layers.value ? (openBlock(), createBlock(CommentsLayer, {
-              key: 2,
-              class: "superdoc__comments-layer comments-layer",
-              style: { "z-index": "3" },
-              ref_key: "commentsLayer",
-              ref: commentsLayer,
-              parent: layers.value,
-              user: unref(user),
-              onHighlightClick: handleHighlightClick
-            }, null, 8, ["parent", "user"])) : createCommentVNode("", true),
-            unref(showAiLayer) ? (openBlock(), createBlock(AiLayer, {
-              key: 3,
-              class: "ai-layer",
-              style: { "z-index": "4" },
-              ref_key: "aiLayer",
-              ref: aiLayer,
-              editor: unref(proxy).$superdoc.activeEditor
-            }, null, 8, ["editor"])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(documents), (doc) => {
-              return openBlock(), createElementBlock("div", {
-                class: "superdoc__sub-document sub-document",
-                key: doc.id
+                class: "superdoc__tools tools",
+                style: normalizeStyle(toolsMenuPosition)
               }, [
-                doc.type === unref(PDF) ? (openBlock(), createBlock(unref(PdfViewer), {
+                createBaseVNode("div", {
+                  class: "tools-item",
+                  "data-id": "is-tool",
+                  onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => handleToolClick("comments"), ["stop", "prevent"]))
+                }, [
+                  createBaseVNode("div", {
+                    class: "superdoc__tools-icon",
+                    innerHTML: unref(superdocIcons).comment
+                  }, null, 8, _hoisted_1)
+                ], 32),
+                unref(proxy).$superdoc.config.modules.ai ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "tools-item",
+                  "data-id": "is-tool",
+                  onMousedown: _cache[1] || (_cache[1] = withModifiers(($event) => handleToolClick("ai"), ["stop", "prevent"]))
+                }, [..._cache[3] || (_cache[3] = [
+                  createBaseVNode("div", { class: "superdoc__tools-icon ai-tool" }, null, -1)
+                ])], 32)) : createCommentVNode("", true)
+              ], 4)) : createCommentVNode("", true),
+              createBaseVNode("div", _hoisted_2, [
+                isCommentsEnabled.value ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  "document-data": doc,
-                  config: unref(pdfConfig),
-                  onSelectionChange: handleSelectionChange,
-                  onReady: handleDocumentReady,
-                  onPageLoaded: unref(handlePageReady),
-                  onBypassSelection: handlePdfClick
-                }, null, 8, ["document-data", "config", "onPageLoaded"])) : createCommentVNode("", true),
-                createVNode(unref(NMessageProvider), null, {
-                  default: withCtx(() => [
-                    doc.type === unref(DOCX) ? (openBlock(), createBlock(unref(SuperEditor), {
+                  class: "superdoc__selection-layer selection-layer",
+                  onMousedown: handleSelectionStart,
+                  onMouseup: handleDragEnd,
+                  ref_key: "selectionLayer",
+                  ref: selectionLayer
+                }, [
+                  unref(selectionPosition) && shouldShowSelection.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    style: normalizeStyle(getSelectionPosition.value),
+                    class: "superdoc__temp-selection temp-selection sd-highlight sd-initial-highlight"
+                  }, null, 4)) : createCommentVNode("", true)
+                ], 544)) : createCommentVNode("", true),
+                "hrbr-fields" in unref(modules) && layers.value ? (openBlock(), createBlock(HrbrFieldsLayer, {
+                  key: 1,
+                  fields: unref(modules)["hrbr-fields"],
+                  class: "superdoc__comments-layer comments-layer",
+                  style: { "z-index": "2" },
+                  ref_key: "hrbrFieldsLayer",
+                  ref: hrbrFieldsLayer
+                }, null, 8, ["fields"])) : createCommentVNode("", true),
+                layers.value ? (openBlock(), createBlock(CommentsLayer, {
+                  key: 2,
+                  class: "superdoc__comments-layer comments-layer",
+                  style: { "z-index": "3" },
+                  ref_key: "commentsLayer",
+                  ref: commentsLayer,
+                  parent: layers.value,
+                  user: unref(user),
+                  onHighlightClick: handleHighlightClick
+                }, null, 8, ["parent", "user"])) : createCommentVNode("", true),
+                unref(showAiLayer) ? (openBlock(), createBlock(AiLayer, {
+                  key: 3,
+                  class: "ai-layer",
+                  style: { "z-index": "4" },
+                  ref_key: "aiLayer",
+                  ref: aiLayer,
+                  editor: unref(proxy).$superdoc.activeEditor
+                }, null, 8, ["editor"])) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(documents), (doc) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: "superdoc__sub-document sub-document",
+                    key: doc.id
+                  }, [
+                    doc.type === unref(PDF) ? (openBlock(), createBlock(unref(PdfViewer), {
                       key: 0,
+                      "document-data": doc,
+                      config: unref(pdfConfig),
+                      onSelectionChange: handleSelectionChange,
+                      onReady: handleDocumentReady,
+                      onPageLoaded: unref(handlePageReady),
+                      onBypassSelection: handlePdfClick
+                    }, null, 8, ["document-data", "config", "onPageLoaded"])) : createCommentVNode("", true),
+                    createVNode(unref(NMessageProvider), null, {
+                      default: withCtx(() => [
+                        doc.type === unref(DOCX) ? (openBlock(), createBlock(unref(SuperEditor), {
+                          key: 0,
+                          "file-source": doc.data,
+                          state: doc.state,
+                          "document-id": doc.id,
+                          options: { ...editorOptions(doc), rulers: doc.rulers },
+                          onEditorReady,
+                          onPageMarginsChange: ($event) => handleSuperEditorPageMarginsChange(doc, $event)
+                        }, null, 8, ["file-source", "state", "document-id", "options", "onPageMarginsChange"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    doc.type === unref(HTML) ? (openBlock(), createBlock(HtmlViewer, {
+                      key: 1,
+                      onReady: _cache[2] || (_cache[2] = (id) => handleDocumentReady(id, null)),
+                      onSelectionChange: handleSelectionChange,
                       "file-source": doc.data,
-                      state: doc.state,
-                      "document-id": doc.id,
-                      options: { ...editorOptions(doc), rulers: doc.rulers },
-                      onEditorReady,
-                      onPageMarginsChange: ($event) => handleSuperEditorPageMarginsChange(doc, $event)
-                    }, null, 8, ["file-source", "state", "document-id", "options", "onPageMarginsChange"])) : createCommentVNode("", true)
-                  ]),
-                  _: 2
-                }, 1024),
-                doc.type === unref(HTML) ? (openBlock(), createBlock(HtmlViewer, {
-                  key: 1,
-                  onReady: _cache[2] || (_cache[2] = (id) => handleDocumentReady(id, null)),
-                  onSelectionChange: handleSelectionChange,
-                  "file-source": doc.data,
-                  "document-id": doc.id
-                }, null, 8, ["file-source", "document-id"])) : createCommentVNode("", true)
-              ]);
-            }), 128))
-          ])
-        ], 512),
-        showCommentsSidebar.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          unref(pendingComment) ? withDirectives((openBlock(), createBlock(CommentDialog, {
-            key: 0,
-            comment: unref(pendingComment),
-            "auto-focus": true,
-            "is-floating": true
-          }, null, 8, ["comment"])), [
-            [_directive_click_outside, cancelPendingComment]
-          ]) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_4, [
-            unref(hasInitializedLocations) && unref(getFloatingComments).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(documentsWithConverations), (doc) => {
-              return openBlock(), createBlock(FloatingComments, {
-                parent: layers.value,
-                "current-document": doc
-              }, null, 8, ["parent", "current-document"]);
-            }), 256)) : createCommentVNode("", true)
-          ])
-        ])) : createCommentVNode("", true),
-        unref(showAiWriter) ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "ai-writer-container",
-          style: normalizeStyle(unref(aiWriterPosition))
-        }, [
-          createVNode(unref(AIWriter), {
-            "selected-text": unref(selectedText),
-            "handle-close": unref(handleAiWriterClose),
-            editor: unref(proxy).$superdoc.activeEditor,
-            "api-key": unref(proxy).$superdoc.toolbar?.config?.aiApiKey,
-            endpoint: unref(proxy).$superdoc.config?.modules?.ai?.endpoint
-          }, null, 8, ["selected-text", "handle-close", "editor", "api-key", "endpoint"])
-        ], 4)) : createCommentVNode("", true)
-      ], 2);
+                      "document-id": doc.id
+                    }, null, 8, ["file-source", "document-id"])) : createCommentVNode("", true)
+                  ]);
+                }), 128))
+              ])
+            ], 512),
+            showCommentsSidebar.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              unref(pendingComment) ? withDirectives((openBlock(), createBlock(CommentDialog, {
+                key: 0,
+                comment: unref(pendingComment),
+                "auto-focus": true,
+                "is-floating": true
+              }, null, 8, ["comment"])), [
+                [_directive_click_outside, cancelPendingComment]
+              ]) : createCommentVNode("", true),
+              createBaseVNode("div", _hoisted_4, [
+                unref(hasInitializedLocations) && unref(getFloatingComments).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(documentsWithConverations), (doc) => {
+                  return openBlock(), createBlock(FloatingComments, {
+                    parent: layers.value,
+                    "current-document": doc
+                  }, null, 8, ["parent", "current-document"]);
+                }), 256)) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true),
+            unref(showAiWriter) ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "ai-writer-container",
+              style: normalizeStyle(unref(aiWriterPosition))
+            }, [
+              createVNode(unref(AIWriter), {
+                "selected-text": unref(selectedText),
+                "handle-close": unref(handleAiWriterClose),
+                editor: unref(proxy).$superdoc.activeEditor,
+                "api-key": unref(proxy).$superdoc.toolbar?.config?.aiApiKey,
+                endpoint: unref(proxy).$superdoc.config?.modules?.ai?.endpoint
+              }, null, 8, ["selected-text", "handle-close", "editor", "api-key", "endpoint"])
+            ], 4)) : createCommentVNode("", true)
+          ], 6)
+        ]),
+        _: 1
+      });
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e229774d"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-309688b3"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -18061,6 +18295,8 @@ class SuperDoc extends EventEmitter {
     toolbarGroups: ["left", "center", "right"],
     toolbarIcons: {},
     toolbarTexts: {},
+    // UI font for SuperDoc surfaces (toolbar, comments UI, etc.)
+    uiDisplayFallbackFont: "Arial, Helvetica, sans-serif",
     isDev: false,
     // telemetry config
     telemetry: null,
@@ -18131,7 +18367,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-next.2";
+    this.version = "1.0.0-next.4";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;
@@ -18490,6 +18726,7 @@ class SuperDoc extends EventEmitter {
       superdoc: this,
       aiApiKey: this.config.modules?.ai?.apiKey,
       aiEndpoint: this.config.modules?.ai?.endpoint,
+      uiDisplayFallbackFont: this.config.uiDisplayFallbackFont,
       ...moduleConfig,
       excludeItems
       // Override moduleConfig.excludeItems with our computed list