@harbour-enterprises/superdoc 0.23.0-next.8 → 0.23.0

package/dist/chunks/{index-Mh8HFZBp.cjs → index-DJwj4tqv.cjs}

@@ -1,11 +1,11 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-COK5ynTl.cjs");
+const superEditor_es = require("./super-editor.es-C8jQoPBb.cjs");
 const vue = require("./vue-DKMj1I9B.cjs");
-const jszip = require("./jszip-B4LDL19y.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
-const eventemitter3 = require("./eventemitter3-DSRogsNq.cjs");
+const eventemitter3 = require("./eventemitter3-DkXkH2rT.cjs");
 const provider = require("@hocuspocus/provider");
 const Y = require("yjs");
+const jszip = require("./jszip-u4dvXAKa.cjs");
 const uuid = require("./uuid-CQzaMNgL.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -77,306 +77,6 @@ const vClickOutside = {
     delete el.__clickOutsideHandler;
   }
 };
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-const CRC_TABLE = new Int32Array([
-  0,
-  1996959894,
-  3993919788,
-  2567524794,
-  124634137,
-  1886057615,
-  3915621685,
-  2657392035,
-  249268274,
-  2044508324,
-  3772115230,
-  2547177864,
-  162941995,
-  2125561021,
-  3887607047,
-  2428444049,
-  498536548,
-  1789927666,
-  4089016648,
-  2227061214,
-  450548861,
-  1843258603,
-  4107580753,
-  2211677639,
-  325883990,
-  1684777152,
-  4251122042,
-  2321926636,
-  335633487,
-  1661365465,
-  4195302755,
-  2366115317,
-  997073096,
-  1281953886,
-  3579855332,
-  2724688242,
-  1006888145,
-  1258607687,
-  3524101629,
-  2768942443,
-  901097722,
-  1119000684,
-  3686517206,
-  2898065728,
-  853044451,
-  1172266101,
-  3705015759,
-  2882616665,
-  651767980,
-  1373503546,
-  3369554304,
-  3218104598,
-  565507253,
-  1454621731,
-  3485111705,
-  3099436303,
-  671266974,
-  1594198024,
-  3322730930,
-  2970347812,
-  795835527,
-  1483230225,
-  3244367275,
-  3060149565,
-  1994146192,
-  31158534,
-  2563907772,
-  4023717930,
-  1907459465,
-  112637215,
-  2680153253,
-  3904427059,
-  2013776290,
-  251722036,
-  2517215374,
-  3775830040,
-  2137656763,
-  141376813,
-  2439277719,
-  3865271297,
-  1802195444,
-  476864866,
-  2238001368,
-  4066508878,
-  1812370925,
-  453092731,
-  2181625025,
-  4111451223,
-  1706088902,
-  314042704,
-  2344532202,
-  4240017532,
-  1658658271,
-  366619977,
-  2362670323,
-  4224994405,
-  1303535960,
-  984961486,
-  2747007092,
-  3569037538,
-  1256170817,
-  1037604311,
-  2765210733,
-  3554079995,
-  1131014506,
-  879679996,
-  2909243462,
-  3663771856,
-  1141124467,
-  855842277,
-  2852801631,
-  3708648649,
-  1342533948,
-  654459306,
-  3188396048,
-  3373015174,
-  1466479909,
-  544179635,
-  3110523913,
-  3462522015,
-  1591671054,
-  702138776,
-  2966460450,
-  3352799412,
-  1504918807,
-  783551873,
-  3082640443,
-  3233442989,
-  3988292384,
-  2596254646,
-  62317068,
-  1957810842,
-  3939845945,
-  2647816111,
-  81470997,
-  1943803523,
-  3814918930,
-  2489596804,
-  225274430,
-  2053790376,
-  3826175755,
-  2466906013,
-  167816743,
-  2097651377,
-  4027552580,
-  2265490386,
-  503444072,
-  1762050814,
-  4150417245,
-  2154129355,
-  426522225,
-  1852507879,
-  4275313526,
-  2312317920,
-  282753626,
-  1742555852,
-  4189708143,
-  2394877945,
-  397917763,
-  1622183637,
-  3604390888,
-  2714866558,
-  953729732,
-  1340076626,
-  3518719985,
-  2797360999,
-  1068828381,
-  1219638859,
-  3624741850,
-  2936675148,
-  906185462,
-  1090812512,
-  3747672003,
-  2825379669,
-  829329135,
-  1181335161,
-  3412177804,
-  3160834842,
-  628085408,
-  1382605366,
-  3423369109,
-  3138078467,
-  570562233,
-  1426400815,
-  3317316542,
-  2998733608,
-  733239954,
-  1555261956,
-  3268935591,
-  3050360625,
-  752459403,
-  1541320221,
-  2607071920,
-  3965973030,
-  1969922972,
-  40735498,
-  2617837225,
-  3943577151,
-  1913087877,
-  83908371,
-  2512341634,
-  3803740692,
-  2075208622,
-  213261112,
-  2463272603,
-  3855990285,
-  2094854071,
-  198958881,
-  2262029012,
-  4057260610,
-  1759359992,
-  534414190,
-  2176718541,
-  4139329115,
-  1873836001,
-  414664567,
-  2282248934,
-  4279200368,
-  1711684554,
-  285281116,
-  2405801727,
-  4167216745,
-  1634467795,
-  376229701,
-  2685067896,
-  3608007406,
-  1308918612,
-  956543938,
-  2808555105,
-  3495958263,
-  1231636301,
-  1047427035,
-  2932959818,
-  3654703836,
-  1088359270,
-  936918e3,
-  2847714899,
-  3736837829,
-  1202900863,
-  817233897,
-  3183342108,
-  3401237130,
-  1404277552,
-  615818150,
-  3134207493,
-  3453421203,
-  1423857449,
-  601450431,
-  3009837614,
-  3294710456,
-  1567103746,
-  711928724,
-  3020668471,
-  3272380065,
-  1510334235,
-  755167117
-]);
-function ensureBuffer(input) {
-  if (jszip.Buffer.isBuffer(input)) {
-    return input;
-  }
-  if (typeof input === "number") {
-    return jszip.Buffer.alloc(input);
-  } else if (typeof input === "string") {
-    return jszip.Buffer.from(input);
-  } else {
-    throw new Error("input must be buffer, number, or string, received " + typeof input);
-  }
-}
-function bufferizeInt(num) {
-  const tmp = ensureBuffer(4);
-  tmp.writeInt32BE(num, 0);
-  return tmp;
-}
-function _crc32(buf, previous) {
-  buf = ensureBuffer(buf);
-  if (jszip.Buffer.isBuffer(previous)) {
-    previous = previous.readUInt32BE(0);
-  }
-  let crc = ~~previous ^ -1;
-  for (var n = 0; n < buf.length; n++) {
-    crc = CRC_TABLE[(crc ^ buf[n]) & 255] ^ crc >>> 8;
-  }
-  return crc ^ -1;
-}
-function crc32() {
-  return bufferizeInt(_crc32.apply(null, arguments));
-}
-crc32.signed = function() {
-  return _crc32.apply(null, arguments);
-};
-crc32.unsigned = function() {
-  return _crc32.apply(null, arguments) >>> 0;
-};
-var bufferCrc32 = crc32;
-const index = /* @__PURE__ */ getDefaultExportFromCjs(bufferCrc32);
 function randomBytes(length2) {
   const array = new Uint8Array(length2);
   for (let i = 0; i < length2; i++) {
@@ -388,7 +88,9 @@ class Telemetry {
   /** @type {boolean} */
   enabled;
   /** @type {string} */
-  superdocId;
+  documentGuid;
+  /** @type {string} */
+  documentIdentifier;
   /** @type {string} */
   superdocVersion;
   /** @type {string} */
@@ -429,7 +131,8 @@ class Telemetry {
     this.enabled = config.enabled ?? true;
     this.licenseKey = config.licenseKey ?? Telemetry.COMMUNITY_LICENSE_KEY;
     this.endpoint = config.endpoint ?? Telemetry.DEFAULT_ENDPOINT;
-    this.superdocId = config.superdocId;
+    this.documentGuid = config.documentGuid;
+    this.documentIdentifier = config.documentIdentifier;
     this.superdocVersion = config.superdocVersion;
     this.sessionId = this.generateId();
   }
@@ -461,7 +164,10 @@ class Telemetry {
       type: "usage",
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       sessionId: this.sessionId,
-      superdocId: this.superdocId,
+      documentGuid: this.documentGuid,
+      // Updated field name
+      documentIdentifier: this.documentIdentifier,
+      // Include both
       superdocVersion: this.superdocVersion,
       file: this.documentInfo,
       browser: this.getBrowserInfo(),
@@ -528,13 +234,17 @@ class Telemetry {
    * Track file structure
    * @param {Object} structure - File structure information
    * @param {File} fileSource - original file
-   * @param {String} documentId - document ID
-   * @param {string} internalId - document ID form settings.xml
+   * @param {String} documentId - document GUID
+   * @param {string} documentIdentifier - document identifier (GUID or hash)
+   * @param {string} internalId - document ID from settings.xml
    */
-  async trackFileStructure(structure, fileSource, documentId, internalId) {
+  async trackFileStructure(structure, fileSource, documentId, documentIdentifier, internalId) {
     this.fileStructure = structure;
     this.documentInfo = await this.processDocument(fileSource, {
-      id: documentId,
+      guid: documentId,
+      // Updated parameter name
+      identifier: documentIdentifier,
+      // New parameter
       internalId
     });
   }
@@ -549,34 +259,19 @@ class Telemetry {
       console.warn("Telemetry: missing file source");
       return {};
     }
-    let hash = "";
-    try {
-      hash = await this.generateCrc32Hash(file);
-    } catch (error) {
-      console.error("Failed to generate file hash:", error);
-    }
     return {
-      id: options.id,
+      guid: options.guid,
+      // Updated from 'id'
+      identifier: options.identifier,
+      // New field
       name: file.name,
       size: file.size,
-      crc32: hash,
       lastModified: file.lastModified ? new Date(file.lastModified).toISOString() : null,
       type: file.type || "docx",
       internalId: options.internalId
+      // Microsoft's GUID if present
     };
   }
-  /**
-   * Generate CRC32 hash for a file
-   * @param {File} file - File to hash
-   * @returns {Promise<string>} CRC32 hash
-   * @private
-   */
-  async generateCrc32Hash(file) {
-    const arrayBuffer = await file.arrayBuffer();
-    const buffer = jszip.Buffer.from(arrayBuffer);
-    const hashBuffer = index(buffer);
-    return hashBuffer.toString("hex");
-  }
   isTelemetryDataChanged() {
     const initialStatistics = {};
     const initialFileStructure = {};
@@ -3939,8 +3634,8 @@ function useDocument(params2, superdocConfig) {
   }
   const core = vue.ref(null);
   const removeConversation = (conversationId) => {
-    const index2 = conversations.value.findIndex((c2) => c2.conversationId === conversationId);
-    if (index2 > -1) conversations.value.splice(index2, 1);
+    const index = conversations.value.findIndex((c2) => c2.conversationId === conversationId);
+    if (index > -1) conversations.value.splice(index, 1);
   };
   return {
     id,
@@ -4134,13 +3829,13 @@ const useSuperdocStore = /* @__PURE__ */ defineStore("superdoc", () => {
       top: totalHeight
     };
   };
-  const handlePageReady = (documentId, index2, containerBounds) => {
+  const handlePageReady = (documentId, index, containerBounds) => {
     if (!pages[documentId]) pages[documentId] = [];
-    pages[documentId].push({ page: index2, containerBounds });
+    pages[documentId].push({ page: index, containerBounds });
     const doc = getDocument(documentId);
     if (!doc) return;
     doc.pageContainers.push({
-      page: index2,
+      page: index,
       containerBounds
     });
   };
@@ -4329,7 +4024,11 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     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({ ...pendingComment.value.getValues(), commentId: "pending" });
+      superdoc2.activeEditor.commands.insertComment({
+        ...pendingComment.value.getValues(),
+        commentId: "pending",
+        skipEmit: true
+      });
     }
     if (pendingComment.value.selection.source === "super-editor" && superdocStore.selectionPosition) {
       superdocStore.selectionPosition.source = "super-editor";
@@ -4401,7 +4100,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     superdocStore.selectionPosition = null;
     superdoc2.activeEditor?.commands.removeComment({ commentId: "pending" });
   };
-  const addComment = ({ superdoc: superdoc2, comment }) => {
+  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());
@@ -4415,8 +4114,8 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     if (!superdoc2.config.isInternal) newComment.isInternal = false;
     commentsList.value.push(newComment);
     removePendingComment(superdoc2);
-    if (!comment.trackedChange && superdoc2.activeEditor?.commands && !comment.parentCommentId) {
-      superdoc2.activeEditor.commands.insertComment(newComment.getValues());
+    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(superdoc2, event);
@@ -4483,12 +4182,12 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     const groupedChanges = groupChanges(trackedChanges);
     const { tr } = editor.view.state;
     const { dispatch } = editor.view;
-    groupedChanges.forEach(({ insertedMark, deletionMark, formatMark }, index2) => {
-      console.debug(`Create comment for track change: ${index2}`);
+    groupedChanges.forEach(({ insertedMark, deletionMark, formatMark }, index) => {
+      console.debug(`Create comment for track change: ${index}`);
       const foundComment = commentsList.value.find(
         (i) => i.commentId === insertedMark?.mark.attrs.id || i.commentId === deletionMark?.mark.attrs.id || i.commentId === formatMark?.mark.attrs.id
       );
-      const isLastIteration = trackedChanges.length === index2 + 1;
+      const isLastIteration = trackedChanges.length === index + 1;
       if (foundComment) {
         if (isLastIteration) {
           tr.setMeta(superEditor_es.CommentsPluginKey, { type: "force" });
@@ -7694,11 +7393,11 @@ var ResizeObserverController = (function() {
   };
   ResizeObserverController2.unobserve = function(resizeObserver, target) {
     var detail = observerMap.get(resizeObserver);
-    var index2 = getObservationIndex(detail.observationTargets, target);
+    var index = getObservationIndex(detail.observationTargets, target);
     var lastObservation = detail.observationTargets.length === 1;
-    if (index2 >= 0) {
+    if (index >= 0) {
       lastObservation && resizeObservers.splice(resizeObservers.indexOf(detail), 1);
-      detail.observationTargets.splice(index2, 1);
+      detail.observationTargets.splice(index, 1);
       updateCount(-1);
     }
   };
@@ -8428,9 +8127,9 @@ function isSymbol(value) {
   return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$1;
 }
 function arrayMap(array, iteratee) {
-  var index2 = -1, length2 = array == null ? 0 : array.length, result = Array(length2);
-  while (++index2 < length2) {
-    result[index2] = iteratee(array[index2], index2, array);
+  var index = -1, length2 = array == null ? 0 : array.length, result = Array(length2);
+  while (++index < length2) {
+    result[index] = iteratee(array[index], index, array);
   }
   return result;
 }
@@ -8541,10 +8240,10 @@ function apply(func, thisArg, args) {
   return func.apply(thisArg, args);
 }
 function copyArray(source, array) {
-  var index2 = -1, length2 = source.length;
+  var index = -1, length2 = source.length;
   array || (array = Array(length2));
-  while (++index2 < length2) {
-    array[index2] = source[index2];
+  while (++index < length2) {
+    array[index] = source[index];
   }
   return array;
 }
@@ -8620,9 +8319,9 @@ function assignValue(object, key, value) {
 function copyObject(source, props, object, customizer) {
   var isNew = !object;
   object || (object = {});
-  var index2 = -1, length2 = props.length;
-  while (++index2 < length2) {
-    var key = props[index2];
+  var index = -1, length2 = props.length;
+  while (++index < length2) {
+    var key = props[index];
     var newValue = void 0;
     if (newValue === void 0) {
       newValue = source[key];
@@ -8639,14 +8338,14 @@ var nativeMax = Math.max;
 function overRest(func, start, transform) {
   start = nativeMax(start === void 0 ? func.length - 1 : start, 0);
   return function() {
-    var args = arguments, index2 = -1, length2 = nativeMax(args.length - start, 0), array = Array(length2);
-    while (++index2 < length2) {
-      array[index2] = args[start + index2];
+    var args = arguments, index = -1, length2 = nativeMax(args.length - start, 0), array = Array(length2);
+    while (++index < length2) {
+      array[index] = args[start + index];
     }
-    index2 = -1;
+    index = -1;
     var otherArgs = Array(start + 1);
-    while (++index2 < start) {
-      otherArgs[index2] = args[index2];
+    while (++index < start) {
+      otherArgs[index] = args[index];
     }
     otherArgs[start] = transform(array);
     return apply(func, this, otherArgs);
@@ -8662,29 +8361,29 @@ function isLength(value) {
 function isArrayLike(value) {
   return value != null && isLength(value.length) && !isFunction(value);
 }
-function isIterateeCall(value, index2, object) {
+function isIterateeCall(value, index, object) {
   if (!isObject(object)) {
     return false;
   }
-  var type = typeof index2;
-  if (type == "number" ? isArrayLike(object) && isIndex(index2, object.length) : type == "string" && index2 in object) {
-    return eq(object[index2], value);
+  var type = typeof index;
+  if (type == "number" ? isArrayLike(object) && isIndex(index, object.length) : type == "string" && index in object) {
+    return eq(object[index], value);
   }
   return false;
 }
 function createAssigner(assigner) {
   return baseRest(function(object, sources) {
-    var index2 = -1, length2 = sources.length, customizer = length2 > 1 ? sources[length2 - 1] : void 0, guard = length2 > 2 ? sources[2] : void 0;
+    var index = -1, length2 = sources.length, customizer = length2 > 1 ? sources[length2 - 1] : void 0, guard = length2 > 2 ? sources[2] : void 0;
     customizer = assigner.length > 3 && typeof customizer == "function" ? (length2--, customizer) : void 0;
     if (guard && isIterateeCall(sources[0], sources[1], guard)) {
       customizer = length2 < 3 ? void 0 : customizer;
       length2 = 1;
     }
     object = Object(object);
-    while (++index2 < length2) {
-      var source = sources[index2];
+    while (++index < length2) {
+      var source = sources[index];
       if (source) {
-        assigner(object, source, index2, customizer);
+        assigner(object, source, index, customizer);
       }
     }
     return object;
@@ -8696,9 +8395,9 @@ function isPrototype(value) {
   return value === proto;
 }
 function baseTimes(n, iteratee) {
-  var index2 = -1, result = Array(n);
-  while (++index2 < n) {
-    result[index2] = iteratee(index2);
+  var index = -1, result = Array(n);
+  while (++index < n) {
+    result[index] = iteratee(index);
   }
   return result;
 }
@@ -8862,10 +8561,10 @@ function hashSet(key, value) {
   return this;
 }
 function Hash(entries) {
-  var index2 = -1, length2 = entries == null ? 0 : entries.length;
+  var index = -1, length2 = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index2 < length2) {
-    var entry = entries[index2];
+  while (++index < length2) {
+    var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
 }
@@ -8890,41 +8589,41 @@ function assocIndexOf(array, key) {
 var arrayProto = Array.prototype;
 var splice = arrayProto.splice;
 function listCacheDelete(key) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  if (index2 < 0) {
+  var data = this.__data__, index = assocIndexOf(data, key);
+  if (index < 0) {
     return false;
   }
   var lastIndex = data.length - 1;
-  if (index2 == lastIndex) {
+  if (index == lastIndex) {
     data.pop();
   } else {
-    splice.call(data, index2, 1);
+    splice.call(data, index, 1);
   }
   --this.size;
   return true;
 }
 function listCacheGet(key) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  return index2 < 0 ? void 0 : data[index2][1];
+  var data = this.__data__, index = assocIndexOf(data, key);
+  return index < 0 ? void 0 : data[index][1];
 }
 function listCacheHas(key) {
   return assocIndexOf(this.__data__, key) > -1;
 }
 function listCacheSet(key, value) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  if (index2 < 0) {
+  var data = this.__data__, index = assocIndexOf(data, key);
+  if (index < 0) {
     ++this.size;
     data.push([key, value]);
   } else {
-    data[index2][1] = value;
+    data[index][1] = value;
   }
   return this;
 }
 function ListCache(entries) {
-  var index2 = -1, length2 = entries == null ? 0 : entries.length;
+  var index = -1, length2 = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index2 < length2) {
-    var entry = entries[index2];
+  while (++index < length2) {
+    var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
 }
@@ -8968,10 +8667,10 @@ function mapCacheSet(key, value) {
   return this;
 }
 function MapCache(entries) {
-  var index2 = -1, length2 = entries == null ? 0 : entries.length;
+  var index = -1, length2 = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index2 < length2) {
-    var entry = entries[index2];
+  while (++index < length2) {
+    var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
 }
@@ -9039,20 +8738,20 @@ function toKey(value) {
 }
 function baseGet(object, path) {
   path = castPath(path, object);
-  var index2 = 0, length2 = path.length;
-  while (object != null && index2 < length2) {
-    object = object[toKey(path[index2++])];
+  var index = 0, length2 = path.length;
+  while (object != null && index < length2) {
+    object = object[toKey(path[index++])];
   }
-  return index2 && index2 == length2 ? object : void 0;
+  return index && index == length2 ? object : void 0;
 }
 function get(object, path, defaultValue) {
   var result = object == null ? void 0 : baseGet(object, path);
   return result === void 0 ? defaultValue : result;
 }
 function arrayPush(array, values) {
-  var index2 = -1, length2 = values.length, offset = array.length;
-  while (++index2 < length2) {
-    array[offset + index2] = values[index2];
+  var index = -1, length2 = values.length, offset = array.length;
+  while (++index < length2) {
+    array[offset + index] = values[index];
   }
   return array;
 }
@@ -9074,7 +8773,7 @@ function isPlainObject(value) {
   return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
 }
 function baseSlice(array, start, end) {
-  var index2 = -1, length2 = array.length;
+  var index = -1, length2 = array.length;
   if (start < 0) {
     start = -start > length2 ? 0 : length2 + start;
   }
@@ -9085,8 +8784,8 @@ function baseSlice(array, start, end) {
   length2 = start > end ? 0 : end - start >>> 0;
   start >>>= 0;
   var result = Array(length2);
-  while (++index2 < length2) {
-    result[index2] = array[index2 + start];
+  while (++index < length2) {
+    result[index] = array[index + start];
   }
   return result;
 }
@@ -9175,10 +8874,10 @@ function cloneBuffer(buffer, isDeep) {
   }
 }
 function arrayFilter(array, predicate) {
-  var index2 = -1, length2 = array == null ? 0 : array.length, resIndex = 0, result = [];
-  while (++index2 < length2) {
-    var value = array[index2];
-    if (predicate(value, index2, array)) {
+  var index = -1, length2 = array == null ? 0 : array.length, resIndex = 0, result = [];
+  while (++index < length2) {
+    var value = array[index];
+    if (predicate(value, index, array)) {
       result[resIndex++] = value;
     }
   }
@@ -9255,18 +8954,18 @@ function setCacheHas(value) {
   return this.__data__.has(value);
 }
 function SetCache(values) {
-  var index2 = -1, length2 = values == null ? 0 : values.length;
+  var index = -1, length2 = values == null ? 0 : values.length;
   this.__data__ = new MapCache();
-  while (++index2 < length2) {
-    this.add(values[index2]);
+  while (++index < length2) {
+    this.add(values[index]);
   }
 }
 SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
 SetCache.prototype.has = setCacheHas;
 function arraySome(array, predicate) {
-  var index2 = -1, length2 = array == null ? 0 : array.length;
-  while (++index2 < length2) {
-    if (predicate(array[index2], index2, array)) {
+  var index = -1, length2 = array == null ? 0 : array.length;
+  while (++index < length2) {
+    if (predicate(array[index], index, array)) {
       return true;
     }
   }
@@ -9286,13 +8985,13 @@ function equalArrays(array, other, bitmask, customizer, equalFunc, stack2) {
   if (arrStacked && othStacked) {
     return arrStacked == other && othStacked == array;
   }
-  var index2 = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$3 ? new SetCache() : void 0;
+  var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$3 ? new SetCache() : void 0;
   stack2.set(array, other);
   stack2.set(other, array);
-  while (++index2 < arrLength) {
-    var arrValue = array[index2], othValue = other[index2];
+  while (++index < arrLength) {
+    var arrValue = array[index], othValue = other[index];
     if (customizer) {
-      var compared = isPartial ? customizer(othValue, arrValue, index2, other, array, stack2) : customizer(arrValue, othValue, index2, array, other, stack2);
+      var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack2) : customizer(arrValue, othValue, index, array, other, stack2);
     }
     if (compared !== void 0) {
       if (compared) {
@@ -9320,16 +9019,16 @@ function equalArrays(array, other, bitmask, customizer, equalFunc, stack2) {
   return result;
 }
 function mapToArray(map2) {
-  var index2 = -1, result = Array(map2.size);
+  var index = -1, result = Array(map2.size);
   map2.forEach(function(value, key) {
-    result[++index2] = [key, value];
+    result[++index] = [key, value];
   });
   return result;
 }
 function setToArray(set2) {
-  var index2 = -1, result = Array(set2.size);
+  var index = -1, result = Array(set2.size);
   set2.forEach(function(value) {
-    result[++index2] = value;
+    result[++index] = value;
   });
   return result;
 }
@@ -9391,9 +9090,9 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack2) {
   if (objLength != othLength && !isPartial) {
     return false;
   }
-  var index2 = objLength;
-  while (index2--) {
-    var key = objProps[index2];
+  var index = objLength;
+  while (index--) {
+    var key = objProps[index];
     if (!(isPartial ? key in other : hasOwnProperty$1.call(other, key))) {
       return false;
     }
@@ -9407,8 +9106,8 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack2) {
   stack2.set(object, other);
   stack2.set(other, object);
   var skipCtor = isPartial;
-  while (++index2 < objLength) {
-    key = objProps[index2];
+  while (++index < objLength) {
+    key = objProps[index];
     var objValue = object[key], othValue = other[key];
     if (customizer) {
       var compared = isPartial ? customizer(othValue, objValue, key, other, object, stack2) : customizer(objValue, othValue, key, object, other, stack2);
@@ -9474,19 +9173,19 @@ function baseIsEqual(value, other, bitmask, customizer, stack2) {
 }
 var COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
 function baseIsMatch(object, source, matchData, customizer) {
-  var index2 = matchData.length, length2 = index2;
+  var index = matchData.length, length2 = index;
   if (object == null) {
     return !length2;
   }
   object = Object(object);
-  while (index2--) {
-    var data = matchData[index2];
+  while (index--) {
+    var data = matchData[index];
     if (data[2] ? data[1] !== object[data[0]] : !(data[0] in object)) {
       return false;
     }
   }
-  while (++index2 < length2) {
-    data = matchData[index2];
+  while (++index < length2) {
+    data = matchData[index];
     var key = data[0], objValue = object[key], srcValue = data[1];
     if (data[2]) {
       if (objValue === void 0 && !(key in object)) {
@@ -9535,15 +9234,15 @@ function baseHasIn(object, key) {
 }
 function hasPath(object, path, hasFunc) {
   path = castPath(path, object);
-  var index2 = -1, length2 = path.length, result = false;
-  while (++index2 < length2) {
-    var key = toKey(path[index2]);
+  var index = -1, length2 = path.length, result = false;
+  while (++index < length2) {
+    var key = toKey(path[index]);
     if (!(result = object != null && hasFunc(object, key))) {
       break;
     }
     object = object[key];
   }
-  if (result || ++index2 != length2) {
+  if (result || ++index != length2) {
     return result;
   }
   length2 = object == null ? 0 : object.length;
@@ -9589,9 +9288,9 @@ function baseIteratee(value) {
 }
 function createBaseFor(fromRight) {
   return function(object, iteratee, keysFunc) {
-    var index2 = -1, iterable = Object(object), props = keysFunc(object), length2 = props.length;
+    var index = -1, iterable = Object(object), props = keysFunc(object), length2 = props.length;
     while (length2--) {
-      var key = props[++index2];
+      var key = props[++index];
       if (iteratee(iterable[key], key, iterable) === false) {
         break;
       }
@@ -9611,9 +9310,9 @@ function createBaseEach(eachFunc, fromRight) {
     if (!isArrayLike(collection)) {
       return eachFunc(collection, iteratee);
     }
-    var length2 = collection.length, index2 = -1, iterable = Object(collection);
-    while (++index2 < length2) {
-      if (iteratee(iterable[index2], index2, iterable) === false) {
+    var length2 = collection.length, index = -1, iterable = Object(collection);
+    while (++index < length2) {
+      if (iteratee(iterable[index], index, iterable) === false) {
         break;
       }
     }
@@ -9702,9 +9401,9 @@ function baseMerge(object, source, srcIndex, customizer, stack2) {
   }, keysIn);
 }
 function baseMap(collection, iteratee) {
-  var index2 = -1, result = isArrayLike(collection) ? Array(collection.length) : [];
+  var index = -1, result = isArrayLike(collection) ? Array(collection.length) : [];
   baseEach(collection, function(value, key, collection2) {
-    result[++index2] = iteratee(value, key, collection2);
+    result[++index] = iteratee(value, key, collection2);
   });
   return result;
 }
@@ -10951,7 +10650,7 @@ const Scrollbar = vue.defineComponent({
       const {
         left,
         top,
-        index: index2,
+        index,
         elSize,
         position,
         behavior,
@@ -10963,8 +10662,8 @@ const Scrollbar = vue.defineComponent({
       }
       if (el !== void 0) {
         scrollToPosition(0, el.offsetTop, el.offsetHeight, debounce, behavior);
-      } else if (index2 !== void 0 && elSize !== void 0) {
-        scrollToPosition(0, index2 * elSize, elSize, debounce, behavior);
+      } else if (index !== void 0 && elSize !== void 0) {
+        scrollToPosition(0, index * elSize, elSize, debounce, behavior);
       } else if (position === "bottom") {
         scrollToPosition(0, Number.MAX_SAFE_INTEGER, 0, false, behavior);
       } else if (position === "top") {
@@ -11814,13 +11513,13 @@ function getFirstAvailableNode(nodes) {
 function rawGetNext(node, loop) {
   const sibs = node.siblings;
   const l = sibs.length;
-  const { index: index2 } = node;
+  const { index } = node;
   if (loop) {
-    return sibs[(index2 + 1) % l];
+    return sibs[(index + 1) % l];
   } else {
-    if (index2 === sibs.length - 1)
+    if (index === sibs.length - 1)
       return null;
-    return sibs[index2 + 1];
+    return sibs[index + 1];
   }
 }
 function move(fromNode, dir, { loop = false, includeDisabled = false } = {}) {
@@ -11873,13 +11572,13 @@ function move(fromNode, dir, { loop = false, includeDisabled = false } = {}) {
 function rawGetPrev(node, loop) {
   const sibs = node.siblings;
   const l = sibs.length;
-  const { index: index2 } = node;
+  const { index } = node;
   if (loop) {
-    return sibs[(index2 - 1 + l) % l];
+    return sibs[(index - 1 + l) % l];
   } else {
-    if (index2 === 0)
+    if (index === 0)
       return null;
-    return sibs[index2 - 1];
+    return sibs[index - 1];
   }
 }
 function rawGetParent(node) {
@@ -11960,7 +11659,7 @@ function contains(parent, child) {
 }
 function createTreeNodes(rawNodes, treeNodeMap, levelTreeNodeMap, nodeProto, getChildren, parent = null, level = 0) {
   const treeNodes = [];
-  rawNodes.forEach((rawNode, index2) => {
+  rawNodes.forEach((rawNode, index) => {
     var _a;
     if (vue.process$1.env.NODE_ENV !== "production" && isNodeInvalid(rawNode, getChildren)) {
       console.error("[treemate]: node", rawNode, "is invalid");
@@ -11969,9 +11668,9 @@ function createTreeNodes(rawNodes, treeNodeMap, levelTreeNodeMap, nodeProto, get
     treeNode.rawNode = rawNode;
     treeNode.siblings = treeNodes;
     treeNode.level = level;
-    treeNode.index = index2;
-    treeNode.isFirstChild = index2 === 0;
-    treeNode.isLastChild = index2 + 1 === rawNodes.length;
+    treeNode.index = index;
+    treeNode.isFirstChild = index === 0;
+    treeNode.isLastChild = index + 1 === rawNodes.length;
     treeNode.parent = parent;
     if (!treeNode.ignored) {
       const rawChildren = getChildren(rawNode);
@@ -14234,9 +13933,9 @@ const NDropdownOption = vue.defineComponent({
         const {
           key
         } = props.tmNode;
-        const index2 = activeKeyPath.findIndex((k) => key === k);
-        if (index2 === -1) return false;
-        return index2 < activeKeyPath.length - 1;
+        const index = activeKeyPath.findIndex((k) => key === k);
+        if (index === -1) return false;
+        return index < activeKeyPath.length - 1;
       }),
       active: useMemo(() => {
         const {
@@ -14245,9 +13944,9 @@ const NDropdownOption = vue.defineComponent({
         const {
           key
         } = props.tmNode;
-        const index2 = activeKeyPath.findIndex((k) => key === k);
-        if (index2 === -1) return false;
-        return index2 === activeKeyPath.length - 1;
+        const index = activeKeyPath.findIndex((k) => key === k);
+        if (index === -1) return false;
+        return index === activeKeyPath.length - 1;
       }),
       mergedDisabled: mergedDisabledRef,
       renderOption: renderOptionRef,
@@ -16149,9 +15848,9 @@ const _sfc_main$c = {
     const showButtons = vue.computed(() => {
       return !getConfig.readOnly && isActiveComment.value && !props.comment.resolvedTime && editingCommentId.value !== props.comment.commentId;
     });
-    const showSeparator = vue.computed(() => (index2) => {
-      if (showInputSection.value && index2 === comments.value.length - 1) return true;
-      return comments.value.length > 1 && index2 !== comments.value.length - 1;
+    const showSeparator = vue.computed(() => (index) => {
+      if (showInputSection.value && index === comments.value.length - 1) return true;
+      return comments.value.length > 1 && index !== comments.value.length - 1;
     });
     const showInputSection = vue.computed(() => {
       return !getConfig.readOnly && isActiveComment.value && !props.comment.resolvedTime && editingCommentId.value !== props.comment.commentId;
@@ -16336,9 +16035,9 @@ const _sfc_main$c = {
             onSelect: handleInternalExternalSelect
           }, null, 8, ["is-disabled", "state"])
         ])) : vue.createCommentVNode("", true),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(comments.value, (comment, index2) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(comments.value, (comment, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
-            key: index2,
+            key: index,
             class: "conversation-item"
           }, [
             vue.createVNode(CommentHeader, {
@@ -16391,7 +16090,7 @@ const _sfc_main$c = {
                 ])
               ]))
             ])) : vue.createCommentVNode("", true),
-            showSeparator.value(index2) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18)) : vue.createCommentVNode("", true)
+            showSeparator.value(index) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18)) : vue.createCommentVNode("", true)
           ]);
         }), 128)),
         showInputSection.value && !vue.unref(getConfig).readOnly ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
@@ -17417,7 +17116,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-CqRCWGPC.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-w-HUP9r7.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17446,7 +17145,14 @@ const _sfc_main = {
       hasInitializedLocations,
       isCommentHighlighted
     } = storeToRefs(commentsStore);
-    const { showAddComment, handleEditorLocationsUpdate, handleTrackedChangeUpdate } = commentsStore;
+    const {
+      showAddComment,
+      handleEditorLocationsUpdate,
+      handleTrackedChangeUpdate,
+      addComment,
+      getComment,
+      COMMENT_EVENTS
+    } = commentsStore;
     const { proxy } = vue.getCurrentInstance();
     commentsStore.proxy = proxy;
     const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
@@ -17638,7 +17344,33 @@ const _sfc_main = {
       handleEditorLocationsUpdate(allCommentPositions, activeThreadId);
     };
     const onEditorCommentsUpdate = (params2 = {}) => {
-      const { activeCommentId, type } = params2;
+      let { activeCommentId, type, comment: commentPayload } = params2;
+      if (COMMENT_EVENTS?.ADD && type === COMMENT_EVENTS.ADD && commentPayload) {
+        if (!commentPayload.commentText && commentPayload.text) {
+          commentPayload.commentText = commentPayload.text;
+        }
+        const currentUser = proxy.$superdoc?.user;
+        if (currentUser) {
+          if (!commentPayload.creatorName) commentPayload.creatorName = currentUser.name;
+          if (!commentPayload.creatorEmail) commentPayload.creatorEmail = currentUser.email;
+        }
+        if (!commentPayload.createdTime) commentPayload.createdTime = Date.now();
+        const primaryDocumentId = commentPayload.documentId || documents.value?.[0]?.id;
+        if (!commentPayload.documentId && primaryDocumentId) {
+          commentPayload.documentId = primaryDocumentId;
+        }
+        if (!commentPayload.fileId && primaryDocumentId) {
+          commentPayload.fileId = primaryDocumentId;
+        }
+        const id = commentPayload.commentId || commentPayload.importedId;
+        if (id && !getComment(id)) {
+          const commentModel = useComment(commentPayload);
+          addComment({ superdoc: proxy.$superdoc, comment: commentModel, skipEditorUpdate: true });
+        }
+        if (!activeCommentId && id) {
+          activeCommentId = id;
+        }
+      }
       if (type === "trackedChange") {
         handleTrackedChangeUpdate({ superdoc: proxy.$superdoc, params: params2 });
       }
@@ -17971,7 +17703,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45f44b6e"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96983cf9"]]);
 const createSuperdocVueApp = () => {
   const app = vue.createApp(App);
   const pinia = createPinia();
@@ -18077,7 +17809,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.22.0";
+    this.version = "0.22.4";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;
@@ -18622,12 +18354,12 @@ class SuperDoc extends eventemitter3.EventEmitter {
   async #triggerCollaborationSaves() {
     this.#log("🦋 [superdoc] Triggering collaboration saves");
     return new Promise((resolve) => {
-      this.superdocStore.documents.forEach((doc, index2) => {
-        this.#log(`Before reset - Doc ${index2}: pending = ${this.pendingCollaborationSaves}`);
+      this.superdocStore.documents.forEach((doc, index) => {
+        this.#log(`Before reset - Doc ${index}: pending = ${this.pendingCollaborationSaves}`);
         this.pendingCollaborationSaves = 0;
         if (doc.ydoc) {
           this.pendingCollaborationSaves++;
-          this.#log(`After increment - Doc ${index2}: pending = ${this.pendingCollaborationSaves}`);
+          this.#log(`After increment - Doc ${index}: pending = ${this.pendingCollaborationSaves}`);
           const metaMap = doc.ydoc.getMap("meta");
           metaMap.observe((event) => {
             if (event.changes.keys.has("immediate-save-finished")) {