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

package/dist/chunks/{index-1n6qegaQ.es.js → index-DpQ8ZYM0.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-DKr759cY.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-CxajnL9u.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
-import { E as EventEmitter } from "./eventemitter3-44XulWQe.es.js";
+import { E as EventEmitter } from "./eventemitter3-CcXAdeql.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
-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 { 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 * as Y from "yjs";
 import { Doc, Map as Map$2 } from "yjs";
-import { B as Buffer$2 } from "./jszip-VP334ufO.es.js";
+import { B as Buffer$2 } from "./jszip-5vvIqAEE.es.js";
 import { v as v4 } from "./uuid-CjlX8hrF.es.js";
 const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
 const PDF = "application/pdf";
@@ -3310,17 +3310,17 @@ function setupAwarenessHandler(provider, superdocInstance, user) {
     });
   });
 }
-const addYComment = (yArray, ydoc, event, user) => {
+const addYComment = (yArray, ydoc, event) => {
   const { comment } = event;
   const yComment = new Map$2(Object.entries(comment));
   ydoc.transact(
     () => {
       yArray.push([yComment]);
     },
-    { user }
+    { user: superdoc.user }
   );
 };
-const updateYComment = (yArray, ydoc, event, user) => {
+const updateYComment = (yArray, ydoc, event) => {
   const { comment } = event;
   const yComment = new Map$2(Object.entries(comment));
   const commentIndex = getCommentIndex(yArray, comment);
@@ -3330,10 +3330,10 @@ const updateYComment = (yArray, ydoc, event, user) => {
       yArray.delete(commentIndex, 1);
       yArray.insert(commentIndex, [yComment]);
     },
-    { user }
+    { user: superdoc.user }
   );
 };
-const deleteYComment = (yArray, ydoc, event, user) => {
+const deleteYComment = (yArray, ydoc, event) => {
   const { comment } = event;
   const commentIndex = getCommentIndex(yArray, comment);
   if (commentIndex === -1) return;
@@ -3341,26 +3341,26 @@ const deleteYComment = (yArray, ydoc, event, user) => {
     () => {
       yArray.delete(commentIndex, 1);
     },
-    { user }
+    { user: superdoc.user }
   );
 };
 const getCommentIndex = (yArray, comment) => {
   const baseArray = yArray.toJSON();
   return baseArray.findIndex((c2) => c2.commentId === comment.commentId);
 };
-const initCollaborationComments = (superdoc) => {
-  if (!superdoc.config.modules.comments || !superdoc.provider) return;
+const initCollaborationComments = (superdoc2) => {
+  if (!superdoc2.config.modules.comments || !superdoc2.provider) return;
   const onSuperDocYdocSynced = () => {
-    const parent = superdoc.commentsStore.commentsParentElement;
-    const ids = superdoc.commentsStore.editorCommentIds;
-    superdoc.commentsStore.handleEditorLocationsUpdate(parent, ids);
-    superdoc.commentsStore.hasSyncedCollaborationComments = true;
-    superdoc.provider.off("synced", onSuperDocYdocSynced);
+    const parent = superdoc2.commentsStore.commentsParentElement;
+    const ids = superdoc2.commentsStore.editorCommentIds;
+    superdoc2.commentsStore.handleEditorLocationsUpdate(parent, ids);
+    superdoc2.commentsStore.hasSyncedCollaborationComments = true;
+    superdoc2.provider.off("synced", onSuperDocYdocSynced);
   };
-  superdoc.provider.on("synced", onSuperDocYdocSynced);
-  const commentsArray = superdoc.ydoc.getArray("comments");
+  superdoc2.provider.on("synced", onSuperDocYdocSynced);
+  const commentsArray = superdoc2.ydoc.getArray("comments");
   commentsArray.observe((event) => {
-    const currentUser = superdoc.config.user;
+    const currentUser = superdoc2.config.user;
     const { user = {} } = event.transaction.origin;
     if (currentUser.name === user.name && currentUser.email === user.email) return;
     const comments = commentsArray.toJSON();
@@ -3372,60 +3372,59 @@ const initCollaborationComments = (superdoc) => {
         filtered.push(c2);
       }
     });
-    superdoc.commentsStore.commentsList = filtered.map((c2) => useComment(c2));
+    superdoc2.commentsStore.commentsList = filtered.map((c2) => useComment(c2));
   });
 };
-const initSuperdocYdoc = (superdoc) => {
-  const { isInternal } = superdoc.config;
-  const baseName = `${superdoc.config.superdocId}-superdoc`;
-  if (!superdoc.config.superdocId) return;
+const initSuperdocYdoc = (superdoc2) => {
+  const { isInternal } = superdoc2.config;
+  const baseName = `${superdoc2.config.superdocId}-superdoc`;
+  if (!superdoc2.config.superdocId) return;
   const documentId = isInternal ? baseName : `${baseName}-external`;
   const superdocCollaborationOptions = {
-    config: superdoc.config.modules.collaboration,
-    user: superdoc.config.user,
+    config: superdoc2.config.modules.collaboration,
+    user: superdoc2.config.user,
     documentId,
-    socket: superdoc.config.socket,
-    superdocInstance: superdoc
+    socket: superdoc2.config.socket,
+    superdocInstance: superdoc2
   };
   const { provider: superdocProvider, ydoc: superdocYdoc } = createProvider(superdocCollaborationOptions);
   return { ydoc: superdocYdoc, provider: superdocProvider };
 };
-const makeDocumentsCollaborative = (superdoc) => {
+const makeDocumentsCollaborative = (superdoc2) => {
   const processedDocuments = [];
-  superdoc.config.documents.forEach((doc) => {
-    superdoc.config.user.color = superdoc.colors[0];
+  superdoc2.config.documents.forEach((doc) => {
+    superdoc2.config.user.color = superdoc2.colors[0];
     const options = {
-      config: superdoc.config.modules.collaboration,
-      user: superdoc.config.user,
+      config: superdoc2.config.modules.collaboration,
+      user: superdoc2.config.user,
       documentId: doc.id,
-      socket: superdoc.config.socket,
-      superdocInstance: superdoc
+      socket: superdoc2.config.socket,
+      superdocInstance: superdoc2
     };
     const { provider, ydoc } = createProvider(options);
     doc.provider = provider;
-    doc.socket = superdoc.config.socket;
+    doc.socket = superdoc2.config.socket;
     doc.ydoc = ydoc;
-    doc.role = superdoc.config.role;
+    doc.role = superdoc2.config.role;
     processedDocuments.push(doc);
   });
   return processedDocuments;
 };
-const syncCommentsToClients = (superdoc, event) => {
-  if (!superdoc.isCollaborative || !superdoc.config.modules.comments) return;
-  const yArray = superdoc.ydoc.getArray("comments");
-  const user = superdoc.config.user;
+const syncCommentsToClients = (superdoc2, event) => {
+  if (!superdoc2.isCollaborative || !superdoc2.config.modules.comments) return;
+  const yArray = superdoc2.ydoc.getArray("comments");
   switch (event.type) {
     case "add":
-      addYComment(yArray, superdoc.ydoc, event, user);
+      addYComment(yArray, superdoc2.ydoc, event);
       break;
     case "update":
-      updateYComment(yArray, superdoc.ydoc, event, user);
+      updateYComment(yArray, superdoc2.ydoc, event);
       break;
     case "resolved":
-      updateYComment(yArray, superdoc.ydoc, event, user);
+      updateYComment(yArray, superdoc2.ydoc, event);
       break;
     case "deleted":
-      deleteYComment(yArray, superdoc.ydoc, event, user);
+      deleteYComment(yArray, superdoc2.ydoc, event);
       break;
   }
 };
@@ -3500,22 +3499,22 @@ function useComment(params2) {
   const resolvedTime = ref(params2.resolvedTime || null);
   const resolvedByEmail = ref(params2.resolvedByEmail || null);
   const resolvedByName = ref(params2.resolvedByName || null);
-  const resolveComment = ({ email, name, superdoc }) => {
+  const resolveComment = ({ email, name, superdoc: superdoc2 }) => {
     if (resolvedTime.value) return;
     resolvedTime.value = Date.now();
     resolvedByEmail.value = email;
     resolvedByName.value = name;
     if (trackedChange.value) {
       const emitData2 = { type: comments_module_events.RESOLVED, comment: getValues() };
-      propagateUpdate(superdoc, emitData2);
-      superdoc.activeEditor?.commands?.resolveComment({ commentId, importedId });
+      propagateUpdate(superdoc2, emitData2);
+      superdoc2.activeEditor?.commands?.resolveComment({ commentId, importedId });
       return;
     }
     const emitData = { type: comments_module_events.RESOLVED, comment: getValues() };
-    propagateUpdate(superdoc, emitData);
-    superdoc.activeEditor?.commands?.resolveComment({ commentId, importedId });
+    propagateUpdate(superdoc2, emitData);
+    superdoc2.activeEditor?.commands?.resolveComment({ commentId, importedId });
   };
-  const setIsInternal = ({ isInternal: newIsInternal, superdoc }) => {
+  const setIsInternal = ({ isInternal: newIsInternal, superdoc: superdoc2 }) => {
     const previousValue = isInternal.value;
     if (previousValue === newIsInternal) return;
     isInternal.value = newIsInternal;
@@ -3524,16 +3523,16 @@ function useComment(params2) {
       changes: [{ key: "isInternal", value: newIsInternal, previousValue }],
       comment: getValues()
     };
-    propagateUpdate(superdoc, emitData);
-    const activeEditor = superdoc.activeEditor;
+    propagateUpdate(superdoc2, emitData);
+    const activeEditor = superdoc2.activeEditor;
     if (!activeEditor) return;
     activeEditor.commands.setCommentInternal({ commentId, importedId, isInternal: newIsInternal });
   };
-  const setActive = (superdoc) => {
-    const { activeEditor } = superdoc;
+  const setActive = (superdoc2) => {
+    const { activeEditor } = superdoc2;
     activeEditor?.commands.setActiveComment({ commentId, importedId });
   };
-  const setText = ({ text, superdoc, suppressUpdate }) => {
+  const setText = ({ text, superdoc: superdoc2, suppressUpdate }) => {
     commentText.value = text;
     mentions.value = extractMentions(text);
     if (suppressUpdate) return;
@@ -3542,7 +3541,7 @@ function useComment(params2) {
       changes: [{ key: "text", value: text }],
       comment: getValues()
     };
-    propagateUpdate(superdoc, emitData);
+    propagateUpdate(superdoc2, emitData);
   };
   const extractMentions = (htmlString) => {
     const parser = new DOMParser();
@@ -3579,9 +3578,9 @@ function useComment(params2) {
     const user = importedAuthor.value ? { name: importedAuthor.value.name || "(Imported)", email: importedAuthor.value.email } : { name: creatorName, email: creatorEmail, image: creatorImage };
     return user;
   };
-  const propagateUpdate = (superdoc, event) => {
-    superdoc.emit("comments-update", event);
-    syncCommentsToClients(superdoc, event);
+  const propagateUpdate = (superdoc2, event) => {
+    superdoc2.emit("comments-update", event);
+    syncCommentsToClients(superdoc2, event);
   };
   const getValues = () => {
     return {
@@ -4006,21 +4005,21 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     if (id === void 0 || id === null) return null;
     return commentsList.value.find((c2) => c2.commentId == id || c2.importedId == id);
   };
-  const setActiveComment = (superdoc, id) => {
+  const setActiveComment = (superdoc2, id) => {
     if (id === void 0 || id === null) {
       activeComment.value = null;
-      if (superdoc.activeEditor) {
-        superdoc.activeEditor.commands?.setActiveComment({ commentId: null });
+      if (superdoc2.activeEditor) {
+        superdoc2.activeEditor.commands?.setActiveComment({ commentId: null });
       }
       return;
     }
     const comment = getComment(id);
     if (comment) activeComment.value = comment.commentId;
-    if (superdoc.activeEditor) {
-      superdoc.activeEditor.commands?.setActiveComment({ commentId: activeComment.value });
+    if (superdoc2.activeEditor) {
+      superdoc2.activeEditor.commands?.setActiveComment({ commentId: activeComment.value });
     }
   };
-  const handleTrackedChangeUpdate = ({ superdoc, params: params2 }) => {
+  const handleTrackedChangeUpdate = ({ superdoc: superdoc2, params: params2 }) => {
     const {
       event,
       changeId,
@@ -4053,7 +4052,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       }
     });
     if (event === "add") {
-      addComment({ superdoc, comment });
+      addComment({ superdoc: superdoc2, comment });
     } else if (event === "update") {
       const existingTrackedChange = commentsList.value.find((comment2) => comment2.commentId === changeId);
       if (!existingTrackedChange) return;
@@ -4065,33 +4064,33 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
         type: COMMENT_EVENTS.UPDATE,
         comment: existingTrackedChange.getValues()
       };
-      syncCommentsToClients(superdoc, emitData);
-      debounceEmit(changeId, emitData, superdoc);
+      syncCommentsToClients(superdoc2, emitData);
+      debounceEmit(changeId, emitData, superdoc2);
     }
   };
-  const debounceEmit = (commentId, event, superdoc, delay = 1e3) => {
+  const debounceEmit = (commentId, event, superdoc2, delay = 1e3) => {
     if (debounceTimers[commentId]) {
       clearTimeout(debounceTimers[commentId]);
     }
     debounceTimers[commentId] = setTimeout(() => {
-      if (superdoc) {
-        superdoc.emit("comments-update", event);
+      if (superdoc2) {
+        superdoc2.emit("comments-update", event);
       }
       delete debounceTimers[commentId];
     }, delay);
   };
-  const showAddComment = (superdoc) => {
+  const showAddComment = (superdoc2) => {
     const event = { type: COMMENT_EVENTS.PENDING };
-    superdoc.emit("comments-update", event);
+    superdoc2.emit("comments-update", event);
     const selection = { ...superdocStore.activeSelection };
     selection.selectionBounds = { ...selection.selectionBounds };
     if (superdocStore.selectionPosition?.source) {
       superdocStore.selectionPosition.source = null;
     }
     pendingComment.value = getPendingComment({ selection, documentId: selection.documentId, parentCommentId: null });
-    if (!superdoc.config.isInternal) pendingComment.value.isInternal = false;
-    if (superdoc.activeEditor?.commands) {
-      superdoc.activeEditor.commands.insertComment({
+    if (!superdoc2.config.isInternal) pendingComment.value.isInternal = false;
+    if (superdoc2.activeEditor?.commands) {
+      superdoc2.activeEditor.commands.insertComment({
         ...pendingComment.value.getValues(),
         commentId: "pending",
         skipEmit: true
@@ -4161,14 +4160,14 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       ...options
     });
   };
-  const removePendingComment = (superdoc) => {
+  const removePendingComment = (superdoc2) => {
     currentCommentText.value = "";
     pendingComment.value = null;
     activeComment.value = null;
     superdocStore.selectionPosition = null;
-    superdoc.activeEditor?.commands.removeComment({ commentId: "pending" });
+    superdoc2.activeEditor?.commands.removeComment({ commentId: "pending" });
   };
-  const addComment = ({ superdoc, comment, skipEditorUpdate = false }) => {
+  const addComment = ({ superdoc: superdoc2, comment, skipEditorUpdate = false }) => {
     let parentComment = commentsList.value.find((c2) => c2.commentId === activeComment.value);
     if (!parentComment) parentComment = comment;
     const newComment = useComment(comment.getValues());
@@ -4179,22 +4178,22 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       const isParentInternal = parentComment.isInternal;
       newComment.isInternal = isParentInternal;
     }
-    if (!superdoc.config.isInternal) newComment.isInternal = false;
+    if (!superdoc2.config.isInternal) newComment.isInternal = false;
     commentsList.value.push(newComment);
-    removePendingComment(superdoc);
-    if (!skipEditorUpdate && !comment.trackedChange && superdoc.activeEditor?.commands && !comment.parentCommentId) {
-      superdoc.activeEditor.commands.insertComment({ ...newComment.getValues(), skipEmit: true });
+    removePendingComment(superdoc2);
+    if (!skipEditorUpdate && !comment.trackedChange && superdoc2.activeEditor?.commands && !comment.parentCommentId) {
+      superdoc2.activeEditor.commands.insertComment({ ...newComment.getValues(), skipEmit: true });
     }
     const event = { type: COMMENT_EVENTS.ADD, comment: newComment.getValues() };
-    syncCommentsToClients(superdoc, event);
-    superdoc.emit("comments-update", event);
+    syncCommentsToClients(superdoc2, event);
+    superdoc2.emit("comments-update", event);
   };
-  const deleteComment = ({ commentId: commentIdToDelete, superdoc }) => {
+  const deleteComment = ({ commentId: commentIdToDelete, superdoc: superdoc2 }) => {
     const commentIndex = commentsList.value.findIndex((c2) => c2.commentId === commentIdToDelete);
     const comment = commentsList.value[commentIndex];
     const { commentId, importedId } = comment;
     const { fileId } = comment;
-    superdoc.activeEditor?.commands?.removeComment({ commentId, importedId });
+    superdoc2.activeEditor?.commands?.removeComment({ commentId, importedId });
     commentsList.value.splice(commentIndex, 1);
     const childCommentIds = commentsList.value.filter((c2) => c2.parentCommentId === commentId).map((c2) => c2.commentId || c2.importedId);
     commentsList.value = commentsList.value.filter((c2) => !childCommentIds.includes(c2.commentId));
@@ -4203,13 +4202,13 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       comment: comment.getValues(),
       changes: [{ key: "deleted", commentId, fileId }]
     };
-    superdoc.emit("comments-update", event);
-    syncCommentsToClients(superdoc, event);
+    superdoc2.emit("comments-update", event);
+    syncCommentsToClients(superdoc2, event);
   };
-  const cancelComment = (superdoc) => {
-    removePendingComment(superdoc);
+  const cancelComment = (superdoc2) => {
+    removePendingComment(superdoc2);
   };
-  const processLoadedDocxComments = async ({ superdoc, editor, comments, documentId }) => {
+  const processLoadedDocxComments = async ({ superdoc: superdoc2, editor, comments, documentId }) => {
     const document2 = superdocStore.getDocument(documentId);
     comments.forEach((comment) => {
       const htmlContent = getHtmlFromComment(comment.textJson);
@@ -4241,7 +4240,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
         trackedChangeType: comment.trackedChangeType,
         deletedText: comment.trackedDeletedText
       });
-      addComment({ superdoc, comment: newComment });
+      addComment({ superdoc: superdoc2, comment: newComment });
     });
     setTimeout(() => {
       createCommentForTrackChanges(editor);
@@ -4409,62 +4408,6 @@ 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 = "__";
@@ -8065,30 +8008,30 @@ const defaultClsPrefix = "n";
 function useConfig(props = {}, options = {
   defaultBordered: true
 }) {
-  const NConfigProvider2 = inject(configProviderInjectionKey, null);
+  const NConfigProvider = inject(configProviderInjectionKey, null);
   return {
     // NConfigProvider,
-    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,
+    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,
     mergedBorderedRef: computed(() => {
       var _a, _b;
       const {
         bordered
       } = props;
       if (bordered !== void 0) return bordered;
-      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;
+      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;
     }),
-    mergedClsPrefixRef: NConfigProvider2 ? NConfigProvider2.mergedClsPrefixRef : shallowRef(defaultClsPrefix),
-    namespaceRef: computed(() => NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedNamespaceRef.value)
+    mergedClsPrefixRef: NConfigProvider ? NConfigProvider.mergedClsPrefixRef : shallowRef(defaultClsPrefix),
+    namespaceRef: computed(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
   };
 }
 function useThemeClass(componentName, hashRef, cssVarsRef, props) {
   if (!cssVarsRef) throwError("useThemeClass", "cssVarsRef is not passed");
-  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 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 themeClassRef = ref("");
   const ssrAdapter2 = useSsrAdapter();
   let renderCallback;
@@ -9557,7 +9500,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     }
     return componentRtlState;
   });
-  const NConfigProvider2 = inject(configProviderInjectionKey, null);
+  const NConfigProvider = inject(configProviderInjectionKey, null);
   const mountStyle = () => {
     watchEffect(() => {
       const {
@@ -9577,7 +9520,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
           bPrefix: clsPrefix ? `.${clsPrefix}-` : void 0
         },
         ssr: ssrAdapter2,
-        parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
       });
     });
   };
@@ -9636,7 +9579,7 @@ function useStyle(mountId, style2, clsPrefixRef) {
     return;
   }
   const ssrAdapter2 = useSsrAdapter();
-  const NConfigProvider2 = inject(configProviderInjectionKey, null);
+  const NConfigProvider = inject(configProviderInjectionKey, null);
   const mountStyle = () => {
     const clsPrefix = clsPrefixRef.value;
     style2.mount({
@@ -9647,15 +9590,15 @@ function useStyle(mountId, style2, clsPrefixRef) {
         bPrefix: clsPrefix ? `.${clsPrefix}-` : void 0
       },
       ssr: ssrAdapter2,
-      parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
+      parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
     });
-    if (!(NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled)) {
+    if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
       globalStyle.mount({
         id: "n-global",
         head: true,
         anchorMetaName: cssrAnchorMetaName,
         ssr: ssrAdapter2,
-        parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
       });
     }
   };
@@ -9670,7 +9613,7 @@ function createTheme(theme) {
 }
 function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef) {
   const ssrAdapter2 = useSsrAdapter();
-  const NConfigProvider2 = inject(configProviderInjectionKey, null);
+  const NConfigProvider = inject(configProviderInjectionKey, null);
   if (style2) {
     const mountStyle = () => {
       const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
@@ -9682,15 +9625,15 @@ function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef)
         },
         anchorMetaName: cssrAnchorMetaName,
         ssr: ssrAdapter2,
-        parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
       });
-      if (!(NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled)) {
+      if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
         globalStyle.mount({
           id: "n-global",
           head: true,
           anchorMetaName: cssrAnchorMetaName,
           ssr: ssrAdapter2,
-          parent: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.styleMountTarget
+          parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
         });
       }
     };
@@ -9722,11 +9665,11 @@ function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef)
         self: globalSelf = void 0,
         peers: globalPeers = {}
       } = {}
-    } = (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeRef.value) || {};
+    } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) || {};
     const {
       common: globalCommonOverrides = void 0,
       [resolveId]: globalSelfOverrides = {}
-    } = (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeOverridesRef.value) || {};
+    } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeOverridesRef.value) || {};
     const {
       common: globalSelfCommonOverrides,
       peers: globalPeersOverrides = {}
@@ -13569,209 +13512,6 @@ 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",
@@ -15648,20 +15388,62 @@ const NMessageProvider = defineComponent({
     }))) : null);
   }
 });
-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 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 _hoisted_1$e = { class: "comment-option" };
 const _hoisted_2$8 = ["innerHTML"];
 const _hoisted_3$6 = { class: "option-state" };
@@ -15682,7 +15464,6 @@ 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" });
@@ -15744,8 +15525,7 @@ const _sfc_main$f = {
           trigger: "click",
           options,
           onSelect: _cache[0] || (_cache[0] = ($event) => handleSelect($event)),
-          disabled: __props.isDisabled,
-          "content-style": { fontFamily: unref(uiFontFamily) }
+          disabled: __props.isDisabled
         }, {
           default: withCtx(() => [
             createBaseVNode("div", _hoisted_1$e, [
@@ -15761,12 +15541,12 @@ const _sfc_main$f = {
             ])
           ]),
           _: 1
-        }, 8, ["disabled", "content-style"])
+        }, 8, ["disabled"])
       ], 4);
     };
   }
 };
-const InternalDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-8b9e3b75"]]);
+const InternalDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a88dddd9"]]);
 function formatDate(timestamp) {
   const date = new Date(timestamp);
   const hours = date.getHours();
@@ -15912,7 +15692,6 @@ 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" }
@@ -16016,8 +15795,7 @@ const _sfc_main$e = {
             key: 2,
             trigger: "click",
             options: getOverflowOptions.value,
-            onSelect: handleSelect,
-            "content-style": { fontFamily: unref(uiFontFamily) }
+            onSelect: handleSelect
           }, {
             default: withCtx(() => [
               createBaseVNode("div", {
@@ -16032,13 +15810,13 @@ const _sfc_main$e = {
               ])
             ]),
             _: 1
-          }, 8, ["options", "content-style"])) : createCommentVNode("", true)
+          }, 8, ["options"])) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 };
-const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5e404f08"]]);
+const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-0f4f53ef"]]);
 const _hoisted_1$c = { class: "input-section" };
 const _sfc_main$d = {
   __name: "CommentInput",
@@ -16458,7 +16236,7 @@ const _sfc_main$c = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-abfa4e05"]]);
+const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-36e5f63e"]]);
 const _hoisted_1$a = { class: "comments-list" };
 const _hoisted_2$5 = { key: 0 };
 const _hoisted_3$3 = { class: "comment-item" };
@@ -16521,12 +16299,12 @@ class SuperComments extends EventEmitter {
     element: null,
     commentsStore: null
   };
-  constructor(options, superdoc) {
+  constructor(options, superdoc2) {
     super();
     this.config = { ...this.config, ...options };
     this.element = this.config.element;
     this.app = null;
-    this.superdoc = superdoc;
+    this.superdoc = superdoc2;
     this.open();
   }
   createVueApp() {
@@ -16755,8 +16533,7 @@ const _sfc_main$9 = {
         measurementTimeoutId.value = null;
       }
       const totalComments = getFloatingComments.value.length;
-      const measuredComments = renderedSizes.value.length;
-      if (totalComments === 0 || measuredComments === 0) {
+      if (totalComments === 0) {
         return;
       }
       nextTick(processLocations);
@@ -16837,7 +16614,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1402ce8c"]]);
+const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6905dd07"]]);
 const _sfc_main$8 = {
   __name: "TextField",
   props: {
@@ -17060,7 +16837,7 @@ const _sfc_main$4 = {
     };
   }
 };
-const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1e49d9b3"]]);
+const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b8cacb22"]]);
 const floor = (val, precision) => {
   const multiplier = 10 ** precision;
   return Math.floor(val * multiplier) / multiplier;
@@ -17465,7 +17242,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CZG4udaT.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-eykNsWyi.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17505,15 +17282,11 @@ 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 });
@@ -18030,164 +17803,155 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _directive_click_outside = resolveDirective("click-outside");
-      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)
+      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)
           }, [
             createBaseVNode("div", {
-              class: "superdoc__layers layers",
-              ref_key: "layers",
-              ref: layers,
-              role: "group"
+              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
             }, [
-              showToolsFloatingMenu.value ? (openBlock(), createElementBlock("div", {
+              unref(selectionPosition) && shouldShowSelection.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: "superdoc__tools tools",
-                style: normalizeStyle(toolsMenuPosition)
+                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
               }, [
-                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", {
+                doc.type === unref(PDF) ? (openBlock(), createBlock(unref(PdfViewer), {
                   key: 0,
-                  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), {
+                  "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,
-                      "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,
-                      "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
-      });
+                      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);
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-309688b3"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e229774d"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -18297,8 +18061,6 @@ 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,
@@ -18369,7 +18131,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.10";
+    this.version = "1.0.0-next.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;
@@ -18728,7 +18490,6 @@ 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