@harbour-enterprises/superdoc 1.0.0-beta.99 → 1.0.0-next.10

package/dist/chunks/{index-BBu9BBvp.cjs → index-4FiyZ-0E.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-C04sFzVD.cjs");
+const superEditor_es = require("./super-editor.es-BQQuazyp.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DQmQUge-.cjs");
 const provider = require("@hocuspocus/provider");
@@ -3327,17 +3327,17 @@ function setupAwarenessHandler(provider2, superdocInstance, user) {
     });
   });
 }
-const addYComment = (yArray, ydoc, event) => {
+const addYComment = (yArray, ydoc, event, user) => {
   const { comment } = event;
   const yComment = new Y.Map(Object.entries(comment));
   ydoc.transact(
     () => {
       yArray.push([yComment]);
     },
-    { user: superdoc.user }
+    { user }
   );
 };
-const updateYComment = (yArray, ydoc, event) => {
+const updateYComment = (yArray, ydoc, event, user) => {
   const { comment } = event;
   const yComment = new Y.Map(Object.entries(comment));
   const commentIndex = getCommentIndex(yArray, comment);
@@ -3347,10 +3347,10 @@ const updateYComment = (yArray, ydoc, event) => {
       yArray.delete(commentIndex, 1);
       yArray.insert(commentIndex, [yComment]);
     },
-    { user: superdoc.user }
+    { user }
   );
 };
-const deleteYComment = (yArray, ydoc, event) => {
+const deleteYComment = (yArray, ydoc, event, user) => {
   const { comment } = event;
   const commentIndex = getCommentIndex(yArray, comment);
   if (commentIndex === -1) return;
@@ -3358,26 +3358,26 @@ const deleteYComment = (yArray, ydoc, event) => {
     () => {
       yArray.delete(commentIndex, 1);
     },
-    { user: superdoc.user }
+    { user }
   );
 };
 const getCommentIndex = (yArray, comment) => {
   const baseArray = yArray.toJSON();
   return baseArray.findIndex((c2) => c2.commentId === comment.commentId);
 };
-const initCollaborationComments = (superdoc2) => {
-  if (!superdoc2.config.modules.comments || !superdoc2.provider) return;
+const initCollaborationComments = (superdoc) => {
+  if (!superdoc.config.modules.comments || !superdoc.provider) return;
   const 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);
+    const parent = superdoc.commentsStore.commentsParentElement;
+    const ids = superdoc.commentsStore.editorCommentIds;
+    superdoc.commentsStore.handleEditorLocationsUpdate(parent, ids);
+    superdoc.commentsStore.hasSyncedCollaborationComments = true;
+    superdoc.provider.off("synced", onSuperDocYdocSynced);
   };
-  superdoc2.provider.on("synced", onSuperDocYdocSynced);
-  const commentsArray = superdoc2.ydoc.getArray("comments");
+  superdoc.provider.on("synced", onSuperDocYdocSynced);
+  const commentsArray = superdoc.ydoc.getArray("comments");
   commentsArray.observe((event) => {
-    const currentUser = superdoc2.config.user;
+    const currentUser = superdoc.config.user;
     const { user = {} } = event.transaction.origin;
     if (currentUser.name === user.name && currentUser.email === user.email) return;
     const comments = commentsArray.toJSON();
@@ -3389,59 +3389,60 @@ const initCollaborationComments = (superdoc2) => {
         filtered.push(c2);
       }
     });
-    superdoc2.commentsStore.commentsList = filtered.map((c2) => useComment(c2));
+    superdoc.commentsStore.commentsList = filtered.map((c2) => useComment(c2));
   });
 };
-const initSuperdocYdoc = (superdoc2) => {
-  const { isInternal } = superdoc2.config;
-  const baseName = `${superdoc2.config.superdocId}-superdoc`;
-  if (!superdoc2.config.superdocId) return;
+const initSuperdocYdoc = (superdoc) => {
+  const { isInternal } = superdoc.config;
+  const baseName = `${superdoc.config.superdocId}-superdoc`;
+  if (!superdoc.config.superdocId) return;
   const documentId = isInternal ? baseName : `${baseName}-external`;
   const superdocCollaborationOptions = {
-    config: superdoc2.config.modules.collaboration,
-    user: superdoc2.config.user,
+    config: superdoc.config.modules.collaboration,
+    user: superdoc.config.user,
     documentId,
-    socket: superdoc2.config.socket,
-    superdocInstance: superdoc2
+    socket: superdoc.config.socket,
+    superdocInstance: superdoc
   };
   const { provider: superdocProvider, ydoc: superdocYdoc } = createProvider(superdocCollaborationOptions);
   return { ydoc: superdocYdoc, provider: superdocProvider };
 };
-const makeDocumentsCollaborative = (superdoc2) => {
+const makeDocumentsCollaborative = (superdoc) => {
   const processedDocuments = [];
-  superdoc2.config.documents.forEach((doc) => {
-    superdoc2.config.user.color = superdoc2.colors[0];
+  superdoc.config.documents.forEach((doc) => {
+    superdoc.config.user.color = superdoc.colors[0];
     const options = {
-      config: superdoc2.config.modules.collaboration,
-      user: superdoc2.config.user,
+      config: superdoc.config.modules.collaboration,
+      user: superdoc.config.user,
       documentId: doc.id,
-      socket: superdoc2.config.socket,
-      superdocInstance: superdoc2
+      socket: superdoc.config.socket,
+      superdocInstance: superdoc
     };
     const { provider: provider2, ydoc } = createProvider(options);
     doc.provider = provider2;
-    doc.socket = superdoc2.config.socket;
+    doc.socket = superdoc.config.socket;
     doc.ydoc = ydoc;
-    doc.role = superdoc2.config.role;
+    doc.role = superdoc.config.role;
     processedDocuments.push(doc);
   });
   return processedDocuments;
 };
-const syncCommentsToClients = (superdoc2, event) => {
-  if (!superdoc2.isCollaborative || !superdoc2.config.modules.comments) return;
-  const yArray = superdoc2.ydoc.getArray("comments");
+const syncCommentsToClients = (superdoc, event) => {
+  if (!superdoc.isCollaborative || !superdoc.config.modules.comments) return;
+  const yArray = superdoc.ydoc.getArray("comments");
+  const user = superdoc.config.user;
   switch (event.type) {
     case "add":
-      addYComment(yArray, superdoc2.ydoc, event);
+      addYComment(yArray, superdoc.ydoc, event, user);
       break;
     case "update":
-      updateYComment(yArray, superdoc2.ydoc, event);
+      updateYComment(yArray, superdoc.ydoc, event, user);
       break;
     case "resolved":
-      updateYComment(yArray, superdoc2.ydoc, event);
+      updateYComment(yArray, superdoc.ydoc, event, user);
       break;
     case "deleted":
-      deleteYComment(yArray, superdoc2.ydoc, event);
+      deleteYComment(yArray, superdoc.ydoc, event, user);
       break;
   }
 };
@@ -3516,22 +3517,22 @@ function useComment(params2) {
   const resolvedTime = vue.ref(params2.resolvedTime || null);
   const resolvedByEmail = vue.ref(params2.resolvedByEmail || null);
   const resolvedByName = vue.ref(params2.resolvedByName || null);
-  const resolveComment = ({ email, name, superdoc: superdoc2 }) => {
+  const resolveComment = ({ email, name, superdoc }) => {
     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(superdoc2, emitData2);
-      superdoc2.activeEditor?.commands?.resolveComment({ commentId, importedId });
+      propagateUpdate(superdoc, emitData2);
+      superdoc.activeEditor?.commands?.resolveComment({ commentId, importedId });
       return;
     }
     const emitData = { type: comments_module_events.RESOLVED, comment: getValues() };
-    propagateUpdate(superdoc2, emitData);
-    superdoc2.activeEditor?.commands?.resolveComment({ commentId, importedId });
+    propagateUpdate(superdoc, emitData);
+    superdoc.activeEditor?.commands?.resolveComment({ commentId, importedId });
   };
-  const setIsInternal = ({ isInternal: newIsInternal, superdoc: superdoc2 }) => {
+  const setIsInternal = ({ isInternal: newIsInternal, superdoc }) => {
     const previousValue = isInternal.value;
     if (previousValue === newIsInternal) return;
     isInternal.value = newIsInternal;
@@ -3540,16 +3541,16 @@ function useComment(params2) {
       changes: [{ key: "isInternal", value: newIsInternal, previousValue }],
       comment: getValues()
     };
-    propagateUpdate(superdoc2, emitData);
-    const activeEditor = superdoc2.activeEditor;
+    propagateUpdate(superdoc, emitData);
+    const activeEditor = superdoc.activeEditor;
     if (!activeEditor) return;
     activeEditor.commands.setCommentInternal({ commentId, importedId, isInternal: newIsInternal });
   };
-  const setActive = (superdoc2) => {
-    const { activeEditor } = superdoc2;
+  const setActive = (superdoc) => {
+    const { activeEditor } = superdoc;
     activeEditor?.commands.setActiveComment({ commentId, importedId });
   };
-  const setText = ({ text, superdoc: superdoc2, suppressUpdate }) => {
+  const setText = ({ text, superdoc, suppressUpdate }) => {
     commentText.value = text;
     mentions.value = extractMentions(text);
     if (suppressUpdate) return;
@@ -3558,7 +3559,7 @@ function useComment(params2) {
       changes: [{ key: "text", value: text }],
       comment: getValues()
     };
-    propagateUpdate(superdoc2, emitData);
+    propagateUpdate(superdoc, emitData);
   };
   const extractMentions = (htmlString) => {
     const parser = new DOMParser();
@@ -3595,9 +3596,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 = (superdoc2, event) => {
-    superdoc2.emit("comments-update", event);
-    syncCommentsToClients(superdoc2, event);
+  const propagateUpdate = (superdoc, event) => {
+    superdoc.emit("comments-update", event);
+    syncCommentsToClients(superdoc, event);
   };
   const getValues = () => {
     return {
@@ -4022,21 +4023,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 = (superdoc2, id) => {
+  const setActiveComment = (superdoc, id) => {
     if (id === void 0 || id === null) {
       activeComment.value = null;
-      if (superdoc2.activeEditor) {
-        superdoc2.activeEditor.commands?.setActiveComment({ commentId: null });
+      if (superdoc.activeEditor) {
+        superdoc.activeEditor.commands?.setActiveComment({ commentId: null });
       }
       return;
     }
     const comment = getComment(id);
     if (comment) activeComment.value = comment.commentId;
-    if (superdoc2.activeEditor) {
-      superdoc2.activeEditor.commands?.setActiveComment({ commentId: activeComment.value });
+    if (superdoc.activeEditor) {
+      superdoc.activeEditor.commands?.setActiveComment({ commentId: activeComment.value });
     }
   };
-  const handleTrackedChangeUpdate = ({ superdoc: superdoc2, params: params2 }) => {
+  const handleTrackedChangeUpdate = ({ superdoc, params: params2 }) => {
     const {
       event,
       changeId,
@@ -4069,7 +4070,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       }
     });
     if (event === "add") {
-      addComment({ superdoc: superdoc2, comment });
+      addComment({ superdoc, comment });
     } else if (event === "update") {
       const existingTrackedChange = commentsList.value.find((comment2) => comment2.commentId === changeId);
       if (!existingTrackedChange) return;
@@ -4081,33 +4082,33 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
         type: COMMENT_EVENTS.UPDATE,
         comment: existingTrackedChange.getValues()
       };
-      syncCommentsToClients(superdoc2, emitData);
-      debounceEmit(changeId, emitData, superdoc2);
+      syncCommentsToClients(superdoc, emitData);
+      debounceEmit(changeId, emitData, superdoc);
     }
   };
-  const debounceEmit = (commentId, event, superdoc2, delay = 1e3) => {
+  const debounceEmit = (commentId, event, superdoc, delay = 1e3) => {
     if (debounceTimers[commentId]) {
       clearTimeout(debounceTimers[commentId]);
     }
     debounceTimers[commentId] = setTimeout(() => {
-      if (superdoc2) {
-        superdoc2.emit("comments-update", event);
+      if (superdoc) {
+        superdoc.emit("comments-update", event);
       }
       delete debounceTimers[commentId];
     }, delay);
   };
-  const showAddComment = (superdoc2) => {
+  const showAddComment = (superdoc) => {
     const event = { type: COMMENT_EVENTS.PENDING };
-    superdoc2.emit("comments-update", event);
+    superdoc.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 (!superdoc2.config.isInternal) pendingComment.value.isInternal = false;
-    if (superdoc2.activeEditor?.commands) {
-      superdoc2.activeEditor.commands.insertComment({
+    if (!superdoc.config.isInternal) pendingComment.value.isInternal = false;
+    if (superdoc.activeEditor?.commands) {
+      superdoc.activeEditor.commands.insertComment({
         ...pendingComment.value.getValues(),
         commentId: "pending",
         skipEmit: true
@@ -4177,14 +4178,14 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       ...options
     });
   };
-  const removePendingComment = (superdoc2) => {
+  const removePendingComment = (superdoc) => {
     currentCommentText.value = "";
     pendingComment.value = null;
     activeComment.value = null;
     superdocStore.selectionPosition = null;
-    superdoc2.activeEditor?.commands.removeComment({ commentId: "pending" });
+    superdoc.activeEditor?.commands.removeComment({ commentId: "pending" });
   };
-  const addComment = ({ superdoc: superdoc2, comment, skipEditorUpdate = false }) => {
+  const addComment = ({ superdoc, comment, skipEditorUpdate = false }) => {
     let parentComment = commentsList.value.find((c2) => c2.commentId === activeComment.value);
     if (!parentComment) parentComment = comment;
     const newComment = useComment(comment.getValues());
@@ -4195,22 +4196,22 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       const isParentInternal = parentComment.isInternal;
       newComment.isInternal = isParentInternal;
     }
-    if (!superdoc2.config.isInternal) newComment.isInternal = false;
+    if (!superdoc.config.isInternal) newComment.isInternal = false;
     commentsList.value.push(newComment);
-    removePendingComment(superdoc2);
-    if (!skipEditorUpdate && !comment.trackedChange && superdoc2.activeEditor?.commands && !comment.parentCommentId) {
-      superdoc2.activeEditor.commands.insertComment({ ...newComment.getValues(), skipEmit: true });
+    removePendingComment(superdoc);
+    if (!skipEditorUpdate && !comment.trackedChange && superdoc.activeEditor?.commands && !comment.parentCommentId) {
+      superdoc.activeEditor.commands.insertComment({ ...newComment.getValues(), skipEmit: true });
     }
     const event = { type: COMMENT_EVENTS.ADD, comment: newComment.getValues() };
-    syncCommentsToClients(superdoc2, event);
-    superdoc2.emit("comments-update", event);
+    syncCommentsToClients(superdoc, event);
+    superdoc.emit("comments-update", event);
   };
-  const deleteComment = ({ commentId: commentIdToDelete, superdoc: superdoc2 }) => {
+  const deleteComment = ({ commentId: commentIdToDelete, superdoc }) => {
     const commentIndex = commentsList.value.findIndex((c2) => c2.commentId === commentIdToDelete);
     const comment = commentsList.value[commentIndex];
     const { commentId, importedId } = comment;
     const { fileId } = comment;
-    superdoc2.activeEditor?.commands?.removeComment({ commentId, importedId });
+    superdoc.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));
@@ -4219,13 +4220,13 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
       comment: comment.getValues(),
       changes: [{ key: "deleted", commentId, fileId }]
     };
-    superdoc2.emit("comments-update", event);
-    syncCommentsToClients(superdoc2, event);
+    superdoc.emit("comments-update", event);
+    syncCommentsToClients(superdoc, event);
   };
-  const cancelComment = (superdoc2) => {
-    removePendingComment(superdoc2);
+  const cancelComment = (superdoc) => {
+    removePendingComment(superdoc);
   };
-  const processLoadedDocxComments = async ({ superdoc: superdoc2, editor, comments, documentId }) => {
+  const processLoadedDocxComments = async ({ superdoc, editor, comments, documentId }) => {
     const document2 = superdocStore.getDocument(documentId);
     comments.forEach((comment) => {
       const htmlContent = getHtmlFromComment(comment.textJson);
@@ -4257,7 +4258,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
         trackedChangeType: comment.trackedChangeType,
         deletedText: comment.trackedDeletedText
       });
-      addComment({ superdoc: superdoc2, comment: newComment });
+      addComment({ superdoc, comment: newComment });
     });
     setTimeout(() => {
       createCommentForTrackChanges(editor);
@@ -4425,6 +4426,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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+        __props.user.image ? (vue.openBlock(), vue.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)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, vue.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 = "__";
@@ -8025,30 +8082,30 @@ const defaultClsPrefix = "n";
 function useConfig(props = {}, options = {
   defaultBordered: true
 }) {
-  const NConfigProvider = vue.inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = vue.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: vue.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 : vue.shallowRef(defaultClsPrefix),
-    namespaceRef: vue.computed(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
+    mergedClsPrefixRef: NConfigProvider2 ? NConfigProvider2.mergedClsPrefixRef : vue.shallowRef(defaultClsPrefix),
+    namespaceRef: vue.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 = vue.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 = vue.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 = vue.ref("");
   const ssrAdapter2 = useSsrAdapter();
   let renderCallback;
@@ -9517,7 +9574,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     }
     return componentRtlState;
   });
-  const NConfigProvider = vue.inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
   const mountStyle = () => {
     vue.watchEffect(() => {
       const {
@@ -9537,7 +9594,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
       });
     });
   };
@@ -9596,7 +9653,7 @@ function useStyle(mountId, style2, clsPrefixRef) {
     return;
   }
   const ssrAdapter2 = useSsrAdapter();
-  const NConfigProvider = vue.inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
   const mountStyle = () => {
     const clsPrefix = clsPrefixRef.value;
     style2.mount({
@@ -9607,15 +9664,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
       });
     }
   };
@@ -9630,7 +9687,7 @@ function createTheme(theme) {
 }
 function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef) {
   const ssrAdapter2 = useSsrAdapter();
-  const NConfigProvider = vue.inject(configProviderInjectionKey, null);
+  const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
   if (style2) {
     const mountStyle = () => {
       const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
@@ -9642,15 +9699,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
         });
       }
     };
@@ -9682,11 +9739,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 = {}
@@ -13529,6 +13586,209 @@ const NCheckbox = vue.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 = vue.defineComponent({
+  name: "ConfigProvider",
+  alias: ["App"],
+  props: configProviderProps,
+  setup(props) {
+    const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
+    const mergedThemeRef = vue.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 = vue.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 = vue.computed(() => {
+      const {
+        icons
+      } = props;
+      return icons === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedIconsRef.value : icons;
+    });
+    const mergedComponentPropsRef = vue.computed(() => {
+      const {
+        componentOptions
+      } = props;
+      if (componentOptions !== void 0) return componentOptions;
+      return NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedComponentPropsRef.value;
+    });
+    const mergedClsPrefixRef = vue.computed(() => {
+      const {
+        clsPrefix
+      } = props;
+      if (clsPrefix !== void 0) return clsPrefix;
+      if (NConfigProvider2) return NConfigProvider2.mergedClsPrefixRef.value;
+      return defaultClsPrefix;
+    });
+    const mergedRtlRef = vue.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] = vue.markRaw(rtlInfo);
+        (_a = rtlInfo.peers) === null || _a === void 0 ? void 0 : _a.forEach((peerRtlInfo) => {
+          if (!(peerRtlInfo.name in rtlEnabledState)) {
+            rtlEnabledState[peerRtlInfo.name] = vue.markRaw(peerRtlInfo);
+          }
+        });
+      }
+      return rtlEnabledState;
+    });
+    const mergedBreakpointsRef = vue.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 = vue.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 "";
+      }
+    });
+    vue.provide(configProviderInjectionKey, {
+      mergedThemeHashRef,
+      mergedBreakpointsRef,
+      mergedRtlRef,
+      mergedIconsRef,
+      mergedComponentPropsRef,
+      mergedBorderedRef,
+      mergedNamespaceRef,
+      mergedClsPrefixRef,
+      mergedLocaleRef: vue.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: vue.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: vue.computed(() => {
+        const {
+          hljs
+        } = props;
+        return hljs === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedHljsRef.value : hljs;
+      }),
+      mergedKatexRef: vue.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 ? vue.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",
@@ -15405,62 +15665,20 @@ const NMessageProvider = vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
-        __props.user.image ? (vue.openBlock(), vue.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)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, vue.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 = vue.getCurrentInstance();
+  const uiFontFamily = vue.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" };
@@ -15481,6 +15699,7 @@ const _sfc_main$f = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
+    const { uiFontFamily } = useUiFontFamily();
     const renderIcon = (icon) => {
       return () => {
         return vue.h("div", { innerHTML: icon, class: "internal-dropdown__item-icon" });
@@ -15542,7 +15761,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: vue.unref(uiFontFamily) }
         }, {
           default: vue.withCtx(() => [
             vue.createBaseVNode("div", _hoisted_1$e, [
@@ -15558,12 +15778,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();
@@ -15709,6 +15929,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" }
@@ -15812,7 +16033,8 @@ const _sfc_main$e = {
             key: 2,
             trigger: "click",
             options: getOverflowOptions.value,
-            onSelect: handleSelect
+            onSelect: handleSelect,
+            "content-style": { fontFamily: vue.unref(uiFontFamily) }
           }, {
             default: vue.withCtx(() => [
               vue.createBaseVNode("div", {
@@ -15827,13 +16049,13 @@ const _sfc_main$e = {
               ])
             ]),
             _: 1
-          }, 8, ["options"])) : vue.createCommentVNode("", true)
+          }, 8, ["options", "content-style"])) : vue.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",
@@ -16253,7 +16475,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" };
@@ -16316,12 +16538,12 @@ class SuperComments extends eventemitter3.EventEmitter {
     element: null,
     commentsStore: null
   };
-  constructor(options, superdoc2) {
+  constructor(options, superdoc) {
     super();
     this.config = { ...this.config, ...options };
     this.element = this.config.element;
     this.app = null;
-    this.superdoc = superdoc2;
+    this.superdoc = superdoc;
     this.open();
   }
   createVueApp() {
@@ -16550,7 +16772,8 @@ const _sfc_main$9 = {
         measurementTimeoutId.value = null;
       }
       const totalComments = getFloatingComments.value.length;
-      if (totalComments === 0) {
+      const measuredComments = renderedSizes.value.length;
+      if (totalComments === 0 || measuredComments === 0) {
         return;
       }
       vue.nextTick(processLocations);
@@ -16631,7 +16854,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6905dd07"]]);
+const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1402ce8c"]]);
 const _sfc_main$8 = {
   __name: "TextField",
   props: {
@@ -16854,7 +17077,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;
@@ -17259,7 +17482,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BtuTHUW7.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-B9LcTIm2.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17299,11 +17522,15 @@ const _sfc_main = {
     const { proxy } = vue.getCurrentInstance();
     commentsStore.proxy = proxy;
     const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
+    const { uiFontFamily } = useUiFontFamily();
     const commentsModuleConfig = vue.computed(() => {
       const config = modules.comments;
       if (config === false || config == null) return null;
       return config;
     });
+    const superdocStyleVars = vue.computed(() => ({
+      "--sd-ui-font-family": uiFontFamily.value
+    }));
     const layers = vue.ref(null);
     const commentsLayer = vue.ref(null);
     const toolsMenuPosition = vue.reactive({ top: null, right: "-25px", zIndex: 101 });
@@ -17820,155 +18047,164 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _directive_click_outside = vue.resolveDirective("click-outside");
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["superdoc", { "superdoc--with-sidebar": showCommentsSidebar.value, "high-contrast": vue.unref(isHighContrastMode2) }])
-      }, [
-        vue.createBaseVNode("div", {
-          class: "superdoc__layers layers",
-          ref_key: "layers",
-          ref: layers,
-          role: "group"
-        }, [
-          showToolsFloatingMenu.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "superdoc__tools tools",
-            style: vue.normalizeStyle(toolsMenuPosition)
+      return vue.openBlock(), vue.createBlock(vue.unref(NConfigProvider), {
+        abstract: "",
+        "preflight-style-disabled": ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.createBaseVNode("div", {
+            class: vue.normalizeClass(["superdoc", { "superdoc--with-sidebar": showCommentsSidebar.value, "high-contrast": vue.unref(isHighContrastMode2) }]),
+            style: vue.normalizeStyle(superdocStyleVars.value)
           }, [
             vue.createBaseVNode("div", {
-              class: "tools-item",
-              "data-id": "is-tool",
-              onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(($event) => handleToolClick("comments"), ["stop", "prevent"]))
-            }, [
-              vue.createBaseVNode("div", {
-                class: "superdoc__tools-icon",
-                innerHTML: vue.unref(superdocIcons).comment
-              }, null, 8, _hoisted_1)
-            ], 32),
-            vue.unref(proxy).$superdoc.config.modules.ai ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: "tools-item",
-              "data-id": "is-tool",
-              onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(($event) => handleToolClick("ai"), ["stop", "prevent"]))
-            }, [..._cache[3] || (_cache[3] = [
-              vue.createBaseVNode("div", { class: "superdoc__tools-icon ai-tool" }, null, -1)
-            ])], 32)) : vue.createCommentVNode("", true)
-          ], 4)) : vue.createCommentVNode("", true),
-          vue.createBaseVNode("div", _hoisted_2, [
-            isCommentsEnabled.value ? (vue.openBlock(), vue.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"
             }, [
-              vue.unref(selectionPosition) && shouldShowSelection.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              showToolsFloatingMenu.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                style: vue.normalizeStyle(getSelectionPosition.value),
-                class: "superdoc__temp-selection temp-selection sd-highlight sd-initial-highlight"
-              }, null, 4)) : vue.createCommentVNode("", true)
-            ], 544)) : vue.createCommentVNode("", true),
-            "hrbr-fields" in vue.unref(modules) && layers.value ? (vue.openBlock(), vue.createBlock(HrbrFieldsLayer, {
-              key: 1,
-              fields: vue.unref(modules)["hrbr-fields"],
-              class: "superdoc__comments-layer comments-layer",
-              style: { "z-index": "2" },
-              ref_key: "hrbrFieldsLayer",
-              ref: hrbrFieldsLayer
-            }, null, 8, ["fields"])) : vue.createCommentVNode("", true),
-            layers.value ? (vue.openBlock(), vue.createBlock(CommentsLayer, {
-              key: 2,
-              class: "superdoc__comments-layer comments-layer",
-              style: { "z-index": "3" },
-              ref_key: "commentsLayer",
-              ref: commentsLayer,
-              parent: layers.value,
-              user: vue.unref(user),
-              onHighlightClick: handleHighlightClick
-            }, null, 8, ["parent", "user"])) : vue.createCommentVNode("", true),
-            vue.unref(showAiLayer) ? (vue.openBlock(), vue.createBlock(AiLayer, {
-              key: 3,
-              class: "ai-layer",
-              style: { "z-index": "4" },
-              ref_key: "aiLayer",
-              ref: aiLayer,
-              editor: vue.unref(proxy).$superdoc.activeEditor
-            }, null, 8, ["editor"])) : vue.createCommentVNode("", true),
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(documents), (doc) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: "superdoc__sub-document sub-document",
-                key: doc.id
+                class: "superdoc__tools tools",
+                style: vue.normalizeStyle(toolsMenuPosition)
               }, [
-                doc.type === vue.unref(PDF) ? (vue.openBlock(), vue.createBlock(vue.unref(PdfViewer), {
+                vue.createBaseVNode("div", {
+                  class: "tools-item",
+                  "data-id": "is-tool",
+                  onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(($event) => handleToolClick("comments"), ["stop", "prevent"]))
+                }, [
+                  vue.createBaseVNode("div", {
+                    class: "superdoc__tools-icon",
+                    innerHTML: vue.unref(superdocIcons).comment
+                  }, null, 8, _hoisted_1)
+                ], 32),
+                vue.unref(proxy).$superdoc.config.modules.ai ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: "tools-item",
+                  "data-id": "is-tool",
+                  onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(($event) => handleToolClick("ai"), ["stop", "prevent"]))
+                }, [..._cache[3] || (_cache[3] = [
+                  vue.createBaseVNode("div", { class: "superdoc__tools-icon ai-tool" }, null, -1)
+                ])], 32)) : vue.createCommentVNode("", true)
+              ], 4)) : vue.createCommentVNode("", true),
+              vue.createBaseVNode("div", _hoisted_2, [
+                isCommentsEnabled.value ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
-                  "document-data": doc,
-                  config: vue.unref(pdfConfig),
-                  onSelectionChange: handleSelectionChange,
-                  onReady: handleDocumentReady,
-                  onPageLoaded: vue.unref(handlePageReady),
-                  onBypassSelection: handlePdfClick
-                }, null, 8, ["document-data", "config", "onPageLoaded"])) : vue.createCommentVNode("", true),
-                vue.createVNode(vue.unref(NMessageProvider), null, {
-                  default: vue.withCtx(() => [
-                    doc.type === vue.unref(DOCX) ? (vue.openBlock(), vue.createBlock(vue.unref(superEditor_es.SuperEditor), {
+                  class: "superdoc__selection-layer selection-layer",
+                  onMousedown: handleSelectionStart,
+                  onMouseup: handleDragEnd,
+                  ref_key: "selectionLayer",
+                  ref: selectionLayer
+                }, [
+                  vue.unref(selectionPosition) && shouldShowSelection.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    style: vue.normalizeStyle(getSelectionPosition.value),
+                    class: "superdoc__temp-selection temp-selection sd-highlight sd-initial-highlight"
+                  }, null, 4)) : vue.createCommentVNode("", true)
+                ], 544)) : vue.createCommentVNode("", true),
+                "hrbr-fields" in vue.unref(modules) && layers.value ? (vue.openBlock(), vue.createBlock(HrbrFieldsLayer, {
+                  key: 1,
+                  fields: vue.unref(modules)["hrbr-fields"],
+                  class: "superdoc__comments-layer comments-layer",
+                  style: { "z-index": "2" },
+                  ref_key: "hrbrFieldsLayer",
+                  ref: hrbrFieldsLayer
+                }, null, 8, ["fields"])) : vue.createCommentVNode("", true),
+                layers.value ? (vue.openBlock(), vue.createBlock(CommentsLayer, {
+                  key: 2,
+                  class: "superdoc__comments-layer comments-layer",
+                  style: { "z-index": "3" },
+                  ref_key: "commentsLayer",
+                  ref: commentsLayer,
+                  parent: layers.value,
+                  user: vue.unref(user),
+                  onHighlightClick: handleHighlightClick
+                }, null, 8, ["parent", "user"])) : vue.createCommentVNode("", true),
+                vue.unref(showAiLayer) ? (vue.openBlock(), vue.createBlock(AiLayer, {
+                  key: 3,
+                  class: "ai-layer",
+                  style: { "z-index": "4" },
+                  ref_key: "aiLayer",
+                  ref: aiLayer,
+                  editor: vue.unref(proxy).$superdoc.activeEditor
+                }, null, 8, ["editor"])) : vue.createCommentVNode("", true),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(documents), (doc) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    class: "superdoc__sub-document sub-document",
+                    key: doc.id
+                  }, [
+                    doc.type === vue.unref(PDF) ? (vue.openBlock(), vue.createBlock(vue.unref(PdfViewer), {
                       key: 0,
+                      "document-data": doc,
+                      config: vue.unref(pdfConfig),
+                      onSelectionChange: handleSelectionChange,
+                      onReady: handleDocumentReady,
+                      onPageLoaded: vue.unref(handlePageReady),
+                      onBypassSelection: handlePdfClick
+                    }, null, 8, ["document-data", "config", "onPageLoaded"])) : vue.createCommentVNode("", true),
+                    vue.createVNode(vue.unref(NMessageProvider), null, {
+                      default: vue.withCtx(() => [
+                        doc.type === vue.unref(DOCX) ? (vue.openBlock(), vue.createBlock(vue.unref(superEditor_es.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"])) : vue.createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    doc.type === vue.unref(HTML) ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("", true)
-                  ]),
-                  _: 2
-                }, 1024),
-                doc.type === vue.unref(HTML) ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("", true)
-              ]);
-            }), 128))
-          ])
-        ], 512),
-        showCommentsSidebar.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.unref(pendingComment) ? vue.withDirectives((vue.openBlock(), vue.createBlock(CommentDialog, {
-            key: 0,
-            comment: vue.unref(pendingComment),
-            "auto-focus": true,
-            "is-floating": true
-          }, null, 8, ["comment"])), [
-            [_directive_click_outside, cancelPendingComment]
-          ]) : vue.createCommentVNode("", true),
-          vue.createBaseVNode("div", _hoisted_4, [
-            vue.unref(hasInitializedLocations) && vue.unref(getFloatingComments).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(documentsWithConverations), (doc) => {
-              return vue.openBlock(), vue.createBlock(FloatingComments, {
-                parent: layers.value,
-                "current-document": doc
-              }, null, 8, ["parent", "current-document"]);
-            }), 256)) : vue.createCommentVNode("", true)
-          ])
-        ])) : vue.createCommentVNode("", true),
-        vue.unref(showAiWriter) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          class: "ai-writer-container",
-          style: vue.normalizeStyle(vue.unref(aiWriterPosition))
-        }, [
-          vue.createVNode(vue.unref(superEditor_es.AIWriter), {
-            "selected-text": vue.unref(selectedText),
-            "handle-close": vue.unref(handleAiWriterClose),
-            editor: vue.unref(proxy).$superdoc.activeEditor,
-            "api-key": vue.unref(proxy).$superdoc.toolbar?.config?.aiApiKey,
-            endpoint: vue.unref(proxy).$superdoc.config?.modules?.ai?.endpoint
-          }, null, 8, ["selected-text", "handle-close", "editor", "api-key", "endpoint"])
-        ], 4)) : vue.createCommentVNode("", true)
-      ], 2);
+                      "document-id": doc.id
+                    }, null, 8, ["file-source", "document-id"])) : vue.createCommentVNode("", true)
+                  ]);
+                }), 128))
+              ])
+            ], 512),
+            showCommentsSidebar.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              vue.unref(pendingComment) ? vue.withDirectives((vue.openBlock(), vue.createBlock(CommentDialog, {
+                key: 0,
+                comment: vue.unref(pendingComment),
+                "auto-focus": true,
+                "is-floating": true
+              }, null, 8, ["comment"])), [
+                [_directive_click_outside, cancelPendingComment]
+              ]) : vue.createCommentVNode("", true),
+              vue.createBaseVNode("div", _hoisted_4, [
+                vue.unref(hasInitializedLocations) && vue.unref(getFloatingComments).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(documentsWithConverations), (doc) => {
+                  return vue.openBlock(), vue.createBlock(FloatingComments, {
+                    parent: layers.value,
+                    "current-document": doc
+                  }, null, 8, ["parent", "current-document"]);
+                }), 256)) : vue.createCommentVNode("", true)
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.unref(showAiWriter) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: "ai-writer-container",
+              style: vue.normalizeStyle(vue.unref(aiWriterPosition))
+            }, [
+              vue.createVNode(vue.unref(superEditor_es.AIWriter), {
+                "selected-text": vue.unref(selectedText),
+                "handle-close": vue.unref(handleAiWriterClose),
+                editor: vue.unref(proxy).$superdoc.activeEditor,
+                "api-key": vue.unref(proxy).$superdoc.toolbar?.config?.aiApiKey,
+                endpoint: vue.unref(proxy).$superdoc.config?.modules?.ai?.endpoint
+              }, null, 8, ["selected-text", "handle-close", "editor", "api-key", "endpoint"])
+            ], 4)) : vue.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 = vue.createApp(App);
   const pinia = createPinia();
@@ -18078,6 +18314,8 @@ class SuperDoc extends eventemitter3.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,
@@ -18148,7 +18386,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.99";
+    this.version = "1.0.0-next.10";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;
@@ -18507,6 +18745,7 @@ class SuperDoc extends eventemitter3.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