@pixerate/editor 0.234.0 → 0.236.0

package/dist/{chunk-O7QXVGMP.cjs → chunk-WV5WTOC6.cjs}

@@ -20,11 +20,257 @@ var _chunkG43MNQ4Ccjs = require('./chunk-G43MNQ4C.cjs');
 
 
 
+
+
 var _chunk34RQAGWIcjs = require('./chunk-34RQAGWI.cjs');
 
+// src/extensions/comments.ts
+var _core = require('@tiptap/core');
+var _state = require('@tiptap/pm/state');
+var _view = require('@tiptap/pm/view');
+var commentsPluginKey = new (0, _state.PluginKey)("comments");
+var COMMENT_MARK_NAME = "comment";
+function findCommentRanges(doc) {
+  const result = /* @__PURE__ */ new Map();
+  doc.descendants((node, pos) => {
+    if (!node.isInline) return;
+    node.marks.forEach((mark) => {
+      if (mark.type.name !== COMMENT_MARK_NAME) return;
+      const id = mark.attrs.commentId;
+      if (!id) return;
+      const ranges = _nullishCoalesce(result.get(id), () => ( []));
+      const last = ranges[ranges.length - 1];
+      const end = pos + node.nodeSize;
+      if (last && last.to === pos) {
+        last.to = end;
+      } else {
+        ranges.push({ from: pos, to: end });
+      }
+      result.set(id, ranges);
+    });
+  });
+  return result;
+}
+function getCommentAnchors(doc) {
+  const anchors = /* @__PURE__ */ new Map();
+  findCommentRanges(doc).forEach((ranges, id) => {
+    const from = ranges[0].from;
+    const to = ranges[ranges.length - 1].to;
+    anchors.set(id, {
+      from,
+      to,
+      quote: ranges.map((r) => doc.textBetween(r.from, r.to, " ", " ")).join(" ")
+    });
+  });
+  return anchors;
+}
+function getCommentIdsAt(state, pos = state.selection.from) {
+  const $pos = state.doc.resolve(pos);
+  const marks = [
+    ..._nullishCoalesce(_optionalChain([$pos, 'access', _2 => _2.nodeAfter, 'optionalAccess', _3 => _3.marks]), () => ( [])),
+    ..._nullishCoalesce(_optionalChain([$pos, 'access', _4 => _4.nodeBefore, 'optionalAccess', _5 => _5.marks]), () => ( []))
+  ];
+  const ids = [];
+  marks.forEach((m) => {
+    if (m.type.name === COMMENT_MARK_NAME && m.attrs.commentId && !ids.includes(m.attrs.commentId)) {
+      ids.push(m.attrs.commentId);
+    }
+  });
+  return ids;
+}
+function getCommentStore(editor) {
+  return _nullishCoalesce(_optionalChain([editor, 'optionalAccess', _6 => _6.storage, 'optionalAccess', _7 => _7[COMMENT_MARK_NAME], 'optionalAccess', _8 => _8.store]), () => ( null));
+}
+function resolveAuthor(author) {
+  return typeof author === "function" ? author() : author;
+}
+var Comments = _core.Mark.create({
+  name: COMMENT_MARK_NAME,
+  // Typing at the edge of a comment does not extend it.
+  inclusive: false,
+  // Allow several comment marks (different threads) on the same text.
+  excludes: "",
+  addOptions() {
+    return {
+      store: null,
+      author: { id: "anonymous", name: "Anonymous" },
+      HTMLAttributes: {},
+      commentClass: "pixerate-comment bg-amber-100 border-b-2 border-amber-400 dark:bg-amber-500/20 cursor-pointer",
+      activeClass: "pixerate-comment-active bg-amber-200 dark:bg-amber-500/40",
+      resolvedClass: "",
+      activateOnSelection: true
+    };
+  },
+  addStorage() {
+    return {
+      store: _nullishCoalesce(this.options.store, () => ( new (0, _chunk34RQAGWIcjs.CommentStore)())),
+      // tiptap-markdown: comments are not part of the exported markdown.
+      markdown: { serialize: { open: "", close: "" }, parse: {} }
+    };
+  },
+  addAttributes() {
+    return {
+      commentId: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("data-comment-id"),
+        renderHTML: (attrs) => attrs.commentId ? { "data-comment-id": attrs.commentId } : {}
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "span[data-comment-id]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["span", _chunk34RQAGWIcjs.safeMergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+  addCommands() {
+    const store = () => this.storage.store;
+    return {
+      addComment: (options = {}) => ({ state, tr, dispatch }) => {
+        const { from, to, empty } = state.selection;
+        if (empty) return false;
+        if (dispatch) {
+          const id = _nullishCoalesce(options.id, () => ( _chunk34RQAGWIcjs.createReviewId.call(void 0, "comment")));
+          tr.addMark(from, to, this.type.create({ commentId: id }));
+          tr.setMeta(commentsPluginKey, "refresh");
+          store().createThread({
+            id,
+            body: _nullishCoalesce(options.body, () => ( "")),
+            author: _nullishCoalesce(options.author, () => ( resolveAuthor(this.options.author))),
+            anchor: { from, to, quote: state.doc.textBetween(from, to, " ", " ") }
+          });
+          store().setActiveThread(id);
+        }
+        return true;
+      },
+      resolveComment: (id, resolved = true) => ({ tr, dispatch }) => {
+        if (!store().getThread(id)) return false;
+        if (dispatch) {
+          store().resolveThread(id, resolved, resolveAuthor(this.options.author));
+          tr.setMeta(commentsPluginKey, "refresh");
+        }
+        return true;
+      },
+      deleteComment: (id) => ({ state, tr, dispatch }) => {
+        const ranges = _nullishCoalesce(findCommentRanges(state.doc).get(id), () => ( []));
+        if (ranges.length === 0 && !store().getThread(id)) return false;
+        if (dispatch) {
+          ranges.forEach(({ from, to }) => {
+            state.doc.nodesBetween(from, to, (node, pos) => {
+              const mark = node.marks.find(
+                (m) => m.type === this.type && m.attrs.commentId === id
+              );
+              if (mark) {
+                tr.removeMark(Math.max(pos, from), Math.min(pos + node.nodeSize, to), mark);
+              }
+            });
+          });
+          tr.setMeta(commentsPluginKey, "refresh");
+          store().deleteThread(id);
+        }
+        return true;
+      },
+      setActiveComment: (id) => ({ tr, dispatch }) => {
+        if (id !== null && !store().getThread(id)) return false;
+        if (dispatch) {
+          store().setActiveThread(id);
+          tr.setMeta(commentsPluginKey, "refresh");
+        }
+        return true;
+      },
+      focusComment: (id) => ({ state, tr, dispatch }) => {
+        const ranges = findCommentRanges(state.doc).get(id);
+        if (!ranges || ranges.length === 0) return false;
+        if (dispatch) {
+          const from = ranges[0].from;
+          const to = ranges[ranges.length - 1].to;
+          tr.setSelection(_state.TextSelection.create(tr.doc, from, to)).scrollIntoView();
+          store().setActiveThread(id);
+          tr.setMeta(commentsPluginKey, "refresh");
+        }
+        return true;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const store = this.storage.store;
+    const options = this.options;
+    let cache = null;
+    const buildDecorations2 = (doc) => {
+      const snapshot = store.getSnapshot();
+      if (cache && cache.doc === doc && cache.snapshot === snapshot) return cache.set;
+      const decorations = [];
+      findCommentRanges(doc).forEach((ranges, id) => {
+        const thread = store.getThread(id);
+        const resolved = _nullishCoalesce(_optionalChain([thread, 'optionalAccess', _9 => _9.resolved]), () => ( false));
+        const active = snapshot.activeThreadId === id;
+        const cls = [
+          resolved ? options.resolvedClass : options.commentClass,
+          active ? options.activeClass : ""
+        ].filter(Boolean).join(" ");
+        if (!cls) return;
+        ranges.forEach(({ from, to }) => {
+          decorations.push(_view.Decoration.inline(from, to, { class: cls }));
+        });
+      });
+      const set = _view.DecorationSet.create(doc, decorations);
+      cache = { doc, snapshot, set };
+      return set;
+    };
+    return [
+      new (0, _state.Plugin)({
+        key: commentsPluginKey,
+        props: {
+          decorations: (state) => buildDecorations2(state.doc)
+        },
+        view: (view) => {
+          let destroyed = false;
+          let scheduled = false;
+          const sync = () => store.syncAnchors(getCommentAnchors(view.state.doc));
+          sync();
+          const unsubscribe = store.subscribe(() => {
+            if (scheduled) return;
+            scheduled = true;
+            queueMicrotask(() => {
+              scheduled = false;
+              if (destroyed) return;
+              sync();
+              if (_optionalChain([cache, 'optionalAccess', _10 => _10.snapshot]) !== store.getSnapshot()) {
+                view.dispatch(
+                  view.state.tr.setMeta(commentsPluginKey, "refresh").setMeta("addToHistory", false)
+                );
+              }
+            });
+          });
+          return {
+            update(view2, prevState) {
+              if (!prevState.doc.eq(view2.state.doc)) sync();
+              if (options.activateOnSelection && !prevState.selection.eq(view2.state.selection)) {
+                const ids = getCommentIdsAt(view2.state);
+                const active = store.getSnapshot().activeThreadId;
+                if (!active || !ids.includes(active)) {
+                  store.setActiveThread(_nullishCoalesce(ids[0], () => ( null)));
+                }
+              }
+            },
+            destroy() {
+              destroyed = true;
+              unsubscribe();
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+function getCommentAuthor(editor) {
+  const ext = _optionalChain([editor, 'optionalAccess', _11 => _11.extensionManager, 'optionalAccess', _12 => _12.extensions, 'access', _13 => _13.find, 'call', _14 => _14((e) => e.name === COMMENT_MARK_NAME)]);
+  return ext ? resolveAuthor(ext.options.author) : null;
+}
+
 // src/extensions/table/nesting.ts
 var _model = require('@tiptap/pm/model');
-var _state = require('@tiptap/pm/state');
+
 
 
 
@@ -145,7 +391,7 @@ function unnestTables(tr, ranges) {
         const node = nodes[i];
         const $pos = tr.doc.resolve(pos);
         const parent = $pos.parent;
-        const filler = parent.childCount === 1 ? _optionalChain([parent, 'access', _2 => _2.type, 'access', _3 => _3.contentMatch, 'access', _4 => _4.defaultType, 'optionalAccess', _5 => _5.createAndFill, 'call', _6 => _6()]) : null;
+        const filler = parent.childCount === 1 ? _optionalChain([parent, 'access', _15 => _15.type, 'access', _16 => _16.contentMatch, 'access', _17 => _17.defaultType, 'optionalAccess', _18 => _18.createAndFill, 'call', _19 => _19()]) : null;
         if (filler) tr.replaceWith(pos, pos + node.nodeSize, filler);
         else tr.delete(pos, pos + node.nodeSize);
       }
@@ -1057,13 +1303,13 @@ function applyReplacements(tr, matches) {
 }
 
 // src/extensions/table/extension.ts
-var _core = require('@tiptap/core');
+
 
 var _extensiontable = require('@tiptap/extension-table'); var _Table = _interopRequireWildcard(_extensiontable);
 var _extensiontablerow = require('@tiptap/extension-table-row'); var _TableRow = _interopRequireWildcard(_extensiontablerow);
 var _extensiontableheader = require('@tiptap/extension-table-header'); var _TableHeader = _interopRequireWildcard(_extensiontableheader);
 var _extensiontablecell = require('@tiptap/extension-table-cell'); var _TableCell = _interopRequireWildcard(_extensiontablecell);
-var resolveExt = (mod, name) => _optionalChain([mod, 'optionalAccess', _7 => _7[name]]) || _optionalChain([mod, 'optionalAccess', _8 => _8.default, 'optionalAccess', _9 => _9[name]]) || _optionalChain([mod, 'optionalAccess', _10 => _10.default, 'optionalAccess', _11 => _11.default]) || _optionalChain([mod, 'optionalAccess', _12 => _12.default]) || mod;
+var resolveExt = (mod, name) => _optionalChain([mod, 'optionalAccess', _20 => _20[name]]) || _optionalChain([mod, 'optionalAccess', _21 => _21.default, 'optionalAccess', _22 => _22[name]]) || _optionalChain([mod, 'optionalAccess', _23 => _23.default, 'optionalAccess', _24 => _24.default]) || _optionalChain([mod, 'optionalAccess', _25 => _25.default]) || mod;
 var BaseTable = resolveExt(_Table, "Table");
 var BaseTableRow = resolveExt(_TableRow, "TableRow");
 var BaseTableHeader = resolveExt(_TableHeader, "TableHeader");
@@ -1083,7 +1329,7 @@ function normalizeTableCellColor(value) {
 var cellAttributes = () => ({
   align: {
     default: null,
-    parseHTML: (element) => normalizeTableCellAlignment(_optionalChain([element, 'access', _13 => _13.style, 'optionalAccess', _14 => _14.textAlign]) || element.getAttribute("align")),
+    parseHTML: (element) => normalizeTableCellAlignment(_optionalChain([element, 'access', _26 => _26.style, 'optionalAccess', _27 => _27.textAlign]) || element.getAttribute("align")),
     renderHTML: (attrs) => {
       const align = normalizeTableCellAlignment(attrs.align);
       return align ? { style: `text-align: ${align}` } : {};
@@ -1092,7 +1338,7 @@ var cellAttributes = () => ({
   backgroundColor: {
     default: null,
     parseHTML: (element) => normalizeTableCellColor(
-      element.getAttribute("data-background-color") || _optionalChain([element, 'access', _15 => _15.style, 'optionalAccess', _16 => _16.backgroundColor]) || element.getAttribute("bgcolor")
+      element.getAttribute("data-background-color") || _optionalChain([element, 'access', _28 => _28.style, 'optionalAccess', _29 => _29.backgroundColor]) || element.getAttribute("bgcolor")
     ),
     renderHTML: (attrs) => {
       const color = normalizeTableCellColor(attrs.backgroundColor);
@@ -1163,18 +1409,18 @@ var Table = BaseTable.extend({
     return { markdown: { serialize: serializeTableMarkdown } };
   },
   addProseMirrorPlugins() {
-    return [..._nullishCoalesce(_optionalChain([this, 'access', _17 => _17.parent, 'optionalCall', _18 => _18()]), () => ( [])), createTableNestingPlugin()];
+    return [..._nullishCoalesce(_optionalChain([this, 'access', _30 => _30.parent, 'optionalCall', _31 => _31()]), () => ( [])), createTableNestingPlugin()];
   }
 });
 var TableRow = BaseTableRow;
 var TableCell = BaseTableCell.extend({
   addAttributes() {
-    return { ..._optionalChain([this, 'access', _19 => _19.parent, 'optionalCall', _20 => _20()]), ...cellAttributes() };
+    return { ..._optionalChain([this, 'access', _32 => _32.parent, 'optionalCall', _33 => _33()]), ...cellAttributes() };
   }
 });
 var TableHeader = BaseTableHeader.extend({
   addAttributes() {
-    return { ..._optionalChain([this, 'access', _21 => _21.parent, 'optionalCall', _22 => _22()]), ...cellAttributes() };
+    return { ..._optionalChain([this, 'access', _34 => _34.parent, 'optionalCall', _35 => _35()]), ...cellAttributes() };
   }
 });
 function createTableExtensions(options = {}) {
@@ -1324,7 +1570,7 @@ var ChartNodeView = (_class = class {
   destroy() {
     this.editor.off("update", this.onEditorUpdate);
     this.unsubscribe();
-    _optionalChain([this, 'access', _23 => _23.renderer, 'optionalAccess', _24 => _24.destroy, 'call', _25 => _25()]);
+    _optionalChain([this, 'access', _36 => _36.renderer, 'optionalAccess', _37 => _37.destroy, 'call', _38 => _38()]);
     this.controller.destroy();
   }
 }, _class);
@@ -1397,11 +1643,11 @@ function arraysEqual(a, b, eq) {
 }
 function scrollDomAtPos(view, pos, behavior = "smooth") {
   try {
-    const dom = _optionalChain([view, 'optionalAccess', _26 => _26.nodeDOM, 'optionalCall', _27 => _27(pos)]);
+    const dom = _optionalChain([view, 'optionalAccess', _39 => _39.nodeDOM, 'optionalCall', _40 => _40(pos)]);
     if (dom && typeof dom.scrollIntoView === "function") {
       dom.scrollIntoView({ block: "start", behavior });
     }
-  } catch (e) {
+  } catch (e2) {
   }
 }
 function syncInitialContent(editor, sync) {
@@ -1412,8 +1658,8 @@ function syncInitialContent(editor, sync) {
       errorOnInvalidContent: false
     });
     const tr = sync(_state.EditorState.create({ doc }));
-    if (_optionalChain([tr, 'optionalAccess', _28 => _28.docChanged])) editor.options.content = tr.doc;
-  } catch (e2) {
+    if (_optionalChain([tr, 'optionalAccess', _41 => _41.docChanged])) editor.options.content = tr.doc;
+  } catch (e3) {
   }
 }
 var STRUCTURE_PRIORITY = 45;
@@ -1432,14 +1678,14 @@ function getDocumentCharts(doc, typeName = "chart") {
   return charts;
 }
 function isChartEnabled(editor) {
-  return !!_optionalChain([editor, 'optionalAccess', _29 => _29.schema, 'optionalAccess', _30 => _30.nodes, 'optionalAccess', _31 => _31.chart]);
+  return !!_optionalChain([editor, 'optionalAccess', _42 => _42.schema, 'optionalAccess', _43 => _43.nodes, 'optionalAccess', _44 => _44.chart]);
 }
 function readSpec(value) {
   let input = value;
   if (typeof value === "string") {
     try {
       input = JSON.parse(value);
-    } catch (e3) {
+    } catch (e4) {
       return null;
     }
   }
@@ -1464,7 +1710,7 @@ function syncChartIds(state, typeName, generateId) {
     tr = _nullishCoalesce(tr, () => ( state.tr));
     tr.setNodeMarkup(chart.pos, void 0, { ...chart.node.attrs, id });
   }
-  return _nullishCoalesce(_optionalChain([tr, 'optionalAccess', _32 => _32.setMeta, 'call', _33 => _33("addToHistory", false)]), () => ( null));
+  return _nullishCoalesce(_optionalChain([tr, 'optionalAccess', _45 => _45.setMeta, 'call', _46 => _46("addToHistory", false)]), () => ( null));
 }
 function staticChartSvg(node, options) {
   const spec = node.attrs.spec;
@@ -1539,7 +1785,7 @@ var Chart = _core.Node.create({
         priority: 60,
         getAttrs: (element) => {
           const code = element.querySelector("code");
-          const language = _nullishCoalesce(_nullishCoalesce(_optionalChain([code, 'optionalAccess', _34 => _34.getAttribute, 'call', _35 => _35("class")]), () => ( element.getAttribute("data-language"))), () => ( ""));
+          const language = _nullishCoalesce(_nullishCoalesce(_optionalChain([code, 'optionalAccess', _47 => _47.getAttribute, 'call', _48 => _48("class")]), () => ( element.getAttribute("data-language"))), () => ( ""));
           if (!/(?:^|\s)language-mermaid(?:\s|$)/.test(language) && language !== "mermaid") return false;
           const result = _chunk5DQPDXOMcjs.chartFromMermaid.call(void 0, _nullishCoalesce((_nullishCoalesce(code, () => ( element))).textContent, () => ( "")));
           return result.family ? { spec: result.spec } : false;
@@ -1559,7 +1805,7 @@ var Chart = _core.Node.create({
     ];
   },
   renderText({ node }) {
-    return `[Chart: ${_optionalChain([node, 'access', _36 => _36.attrs, 'access', _37 => _37.spec, 'optionalAccess', _38 => _38.title]) || "untitled"}]`;
+    return `[Chart: ${_optionalChain([node, 'access', _49 => _49.attrs, 'access', _50 => _50.spec, 'optionalAccess', _51 => _51.title]) || "untitled"}]`;
   },
   addStorage() {
     return {
@@ -1642,7 +1888,7 @@ function readValues(text) {
   if (!text) return [];
   try {
     return normalizeSparklineValues(JSON.parse(text));
-  } catch (e4) {
+  } catch (e5) {
     return normalizeSparklineValues(text.split(/[\s,]+/).filter(Boolean).map(Number));
   }
 }
@@ -1813,7 +2059,7 @@ var isInt = (value, min, max) => typeof value === "number" && Number.isInteger(v
 var can = (editor, run) => {
   try {
     return !!run(editor.can().chain()).run();
-  } catch (e5) {
+  } catch (e6) {
     return false;
   }
 };
@@ -1861,13 +2107,13 @@ function getTableActionState(editor, action, params = {}) {
       if (params.align !== void 0 && params.align !== null && !normalizeTableCellAlignment(params.align)) {
         return 'Alignment must be "left", "center", "right", "justify" or null.';
       }
-      if (!_optionalChain([editor, 'access', _39 => _39.schema, 'access', _40 => _40.nodes, 'access', _41 => _41.tableCell, 'optionalAccess', _42 => _42.spec, 'access', _43 => _43.attrs, 'optionalAccess', _44 => _44.align])) return "Cell alignment is not supported by this schema.";
+      if (!_optionalChain([editor, 'access', _52 => _52.schema, 'access', _53 => _53.nodes, 'access', _54 => _54.tableCell, 'optionalAccess', _55 => _55.spec, 'access', _56 => _56.attrs, 'optionalAccess', _57 => _57.align])) return "Cell alignment is not supported by this schema.";
       return true;
     case "setCellBackground":
       if (params.color !== void 0 && params.color !== null && !normalizeTableCellColor(params.color)) {
         return "Color must be a CSS color such as #fde68a, rgb(\u2026) or a color name, or null.";
       }
-      if (!_optionalChain([editor, 'access', _45 => _45.schema, 'access', _46 => _46.nodes, 'access', _47 => _47.tableCell, 'optionalAccess', _48 => _48.spec, 'access', _49 => _49.attrs, 'optionalAccess', _50 => _50.backgroundColor])) return "Cell backgrounds are not supported by this schema.";
+      if (!_optionalChain([editor, 'access', _58 => _58.schema, 'access', _59 => _59.nodes, 'access', _60 => _60.tableCell, 'optionalAccess', _61 => _61.spec, 'access', _62 => _62.attrs, 'optionalAccess', _63 => _63.backgroundColor])) return "Cell backgrounds are not supported by this schema.";
       return true;
     default:
       return can(editor, (c) => c[action]()) ? true : "This table action is not available here.";
@@ -1930,7 +2176,7 @@ function getTableState(editor) {
     const rect = _tables.selectedRect.call(void 0, state);
     const { map, table } = rect;
     const cellAt = (row, col) => table.nodeAt(map.map[row * map.width + col]);
-    const allHeaders = (positions) => positions.length > 0 && positions.every((pos) => _optionalChain([table, 'access', _51 => _51.nodeAt, 'call', _52 => _52(pos), 'optionalAccess', _53 => _53.type, 'access', _54 => _54.name]) === "tableHeader");
+    const allHeaders = (positions) => positions.length > 0 && positions.every((pos) => _optionalChain([table, 'access', _64 => _64.nodeAt, 'call', _65 => _65(pos), 'optionalAccess', _66 => _66.type, 'access', _67 => _67.name]) === "tableHeader");
     const firstRow = map.cellsInRect({ left: 0, right: map.width, top: 0, bottom: 1 });
     const firstColumn = map.cellsInRect({ left: 0, right: 1, top: 0, bottom: map.height });
     const cell = cellAt(rect.top, rect.left);
@@ -1944,11 +2190,11 @@ function getTableState(editor) {
       column: rect.left,
       headerRow: allHeaders(firstRow),
       headerColumn: allHeaders(firstColumn),
-      headerCell: _optionalChain([cell, 'optionalAccess', _55 => _55.type, 'access', _56 => _56.name]) === "tableHeader",
-      cellAlignment: normalizeTableCellAlignment(_optionalChain([cell, 'optionalAccess', _57 => _57.attrs, 'access', _58 => _58.align])),
-      cellBackground: normalizeTableCellColor(_optionalChain([cell, 'optionalAccess', _59 => _59.attrs, 'access', _60 => _60.backgroundColor]))
+      headerCell: _optionalChain([cell, 'optionalAccess', _68 => _68.type, 'access', _69 => _69.name]) === "tableHeader",
+      cellAlignment: normalizeTableCellAlignment(_optionalChain([cell, 'optionalAccess', _70 => _70.attrs, 'access', _71 => _71.align])),
+      cellBackground: normalizeTableCellColor(_optionalChain([cell, 'optionalAccess', _72 => _72.attrs, 'access', _73 => _73.backgroundColor]))
     };
-  } catch (e6) {
+  } catch (e7) {
     return { ...base, inTable: true };
   }
 }
@@ -1966,10 +2212,10 @@ function createTableStore(editor) {
     listeners.forEach((listener) => listener());
   };
   const detach = () => {
-    _optionalChain([editor, 'optionalAccess', _61 => _61.off, 'call', _62 => _62("transaction", update)]);
-    _optionalChain([editor, 'optionalAccess', _63 => _63.off, 'call', _64 => _64("update", update)]);
-    _optionalChain([editor, 'optionalAccess', _65 => _65.off, 'call', _66 => _66("focus", update)]);
-    _optionalChain([editor, 'optionalAccess', _67 => _67.off, 'call', _68 => _68("destroy", update)]);
+    _optionalChain([editor, 'optionalAccess', _74 => _74.off, 'call', _75 => _75("transaction", update)]);
+    _optionalChain([editor, 'optionalAccess', _76 => _76.off, 'call', _77 => _77("update", update)]);
+    _optionalChain([editor, 'optionalAccess', _78 => _78.off, 'call', _79 => _79("focus", update)]);
+    _optionalChain([editor, 'optionalAccess', _80 => _80.off, 'call', _81 => _81("destroy", update)]);
   };
   return {
     getSnapshot: () => {
@@ -2008,7 +2254,7 @@ function createTableStore(editor) {
 
 var _history = require('@tiptap/pm/history');
 
-var _view = require('@tiptap/pm/view');
+
 var DEFAULT_AGENT_CARET_COLOR = "#8b5cf6";
 var DEFAULT_AGENT_CARET_NAME = "Agent";
 var agentCaretPluginKey = new (0, _state.PluginKey)("agentCaret");
@@ -2097,11 +2343,11 @@ function createAgentCaretPlugin() {
           const anchor = clamp(input.from, size);
           const caret = {
             id: input.id,
-            name: _nullishCoalesce(_nullishCoalesce(input.name, () => ( _optionalChain([prev, 'optionalAccess', _69 => _69.name]))), () => ( DEFAULT_AGENT_CARET_NAME)),
-            color: _nullishCoalesce(_nullishCoalesce(input.color, () => ( _optionalChain([prev, 'optionalAccess', _70 => _70.color]))), () => ( DEFAULT_AGENT_CARET_COLOR)),
+            name: _nullishCoalesce(_nullishCoalesce(input.name, () => ( _optionalChain([prev, 'optionalAccess', _82 => _82.name]))), () => ( DEFAULT_AGENT_CARET_NAME)),
+            color: _nullishCoalesce(_nullishCoalesce(input.color, () => ( _optionalChain([prev, 'optionalAccess', _83 => _83.color]))), () => ( DEFAULT_AGENT_CARET_COLOR)),
             anchor,
             head: input.to === void 0 ? anchor : clamp(input.to, size),
-            changed: _nullishCoalesce(_optionalChain([prev, 'optionalAccess', _71 => _71.changed]), () => ( []))
+            changed: _nullishCoalesce(_optionalChain([prev, 'optionalAccess', _84 => _84.changed]), () => ( []))
           };
           carets = prev ? carets.map((c) => c.id === input.id ? caret : c) : [...carets, caret];
         } else if (meta && "clear" in meta) {
@@ -2115,13 +2361,13 @@ function createAgentCaretPlugin() {
           const span = meta.span;
           spans = { ...spans };
           if ("end" in span) delete spans[span.id];
-          else spans[span.id] = { from: span.from, to: span.to, foreign: _nullishCoalesce(_optionalChain([spans, 'access', _72 => _72[span.id], 'optionalAccess', _73 => _73.foreign]), () => ( false)) };
+          else spans[span.id] = { from: span.from, to: span.to, foreign: _nullishCoalesce(_optionalChain([spans, 'access', _85 => _85[span.id], 'optionalAccess', _86 => _86.foreign]), () => ( false)) };
         }
         return { carets, spans, decorations: buildDecorations(state, carets) };
       }
     },
     props: {
-      decorations: (state) => _optionalChain([agentCaretPluginKey, 'access', _74 => _74.getState, 'call', _75 => _75(state), 'optionalAccess', _76 => _76.decorations])
+      decorations: (state) => _optionalChain([agentCaretPluginKey, 'access', _87 => _87.getState, 'call', _88 => _88(state), 'optionalAccess', _89 => _89.decorations])
     }
   });
 }
@@ -2152,7 +2398,7 @@ function markAgentChanges(editor, id, ranges) {
   dispatchMeta(editor, { changed: { id, ranges } });
 }
 function getAgentCarets(state) {
-  return _nullishCoalesce(_optionalChain([agentCaretPluginKey, 'access', _77 => _77.getState, 'call', _78 => _78(state), 'optionalAccess', _79 => _79.carets]), () => ( []));
+  return _nullishCoalesce(_optionalChain([agentCaretPluginKey, 'access', _90 => _90.getState, 'call', _91 => _91(state), 'optionalAccess', _92 => _92.carets]), () => ( []));
 }
 function replaceWithTextTransaction(state, from, to, text) {
   return /[\r\n]/.test(text) ? state.tr.replace(from, to, _chunkG43MNQ4Ccjs.plainTextToSlice.call(void 0, text, state.schema)) : text ? state.tr.insertText(text, from, to) : state.tr.delete(from, to);
@@ -2196,7 +2442,7 @@ async function typeAgentText(editor, options) {
   try {
     if (from < to) await wait(_nullishCoalesce(options.selectMs, () => ( 250)));
     for (let i = 1; i <= frames; i++) {
-      if (_optionalChain([signal, 'optionalAccess', _80 => _80.aborted])) throw new Error("Typing was cancelled; the document is unchanged.");
+      if (_optionalChain([signal, 'optionalAccess', _93 => _93.aborted])) throw new Error("Typing was cancelled; the document is unchanged.");
       if (editor.isDestroyed) throw new Error("The editor was closed while the agent was typing.");
       const s = span();
       const prefix = chars.slice(0, Math.round(chars.length * i / frames)).join("");
@@ -2287,4 +2533,12 @@ async function typeAgentText(editor, options) {
 
 
 
-exports.ALLOW_NESTED_TABLES_META = ALLOW_NESTED_TABLES_META; exports.tableNestingPluginKey = tableNestingPluginKey; exports.outermostTableDepth = outermostTableDepth; exports.isInTableCell = isInTableCell; exports.sliceContainsTable = sliceContainsTable; exports.insertSliceAfterTable = insertSliceAfterTable; exports.handleTablePasteWithoutNesting = handleTablePasteWithoutNesting; exports.unnestTables = unnestTables; exports.createTableNestingPlugin = createTableNestingPlugin; exports.generateStructureId = generateStructureId; exports.presenceStateSpec = presenceStateSpec; exports.arraysEqual = arraysEqual; exports.scrollDomAtPos = scrollDomAtPos; exports.syncInitialContent = syncInitialContent; exports.STRUCTURE_PRIORITY = STRUCTURE_PRIORITY; exports.FIND_PARAGRAPH_MARK = FIND_PARAGRAPH_MARK; exports.MAX_FIND_PATTERN_LENGTH = MAX_FIND_PATTERN_LENGTH; exports.createSearchBudget = createSearchBudget; exports.foldCodePoint = foldCodePoint; exports.compileFindPattern = compileFindPattern; exports.findAllMatches = findAllMatches; exports.parseReplacement = parseReplacement; exports.expandReplacement = expandReplacement; exports.searchDocument = searchDocument; exports.applyReplacements = applyReplacements; exports.normalizeTableCellAlignment = normalizeTableCellAlignment; exports.normalizeTableCellColor = normalizeTableCellColor; exports.isGfmTable = isGfmTable; exports.DEFAULT_TABLE_OPTIONS = DEFAULT_TABLE_OPTIONS; exports.Table = Table; exports.TableRow = TableRow; exports.TableCell = TableCell; exports.TableHeader = TableHeader; exports.createTableExtensions = createTableExtensions; exports.ChartNodeView = ChartNodeView; exports.createChartNodeView = createChartNodeView; exports.chartPluginKey = chartPluginKey; exports.getDocumentCharts = getDocumentCharts; exports.isChartEnabled = isChartEnabled; exports.staticChartSvg = staticChartSvg; exports.Chart = Chart; exports.SPARKLINE_KINDS = SPARKLINE_KINDS; exports.MAX_SPARKLINE_VALUES = MAX_SPARKLINE_VALUES; exports.normalizeSparklineValues = normalizeSparklineValues; exports.sparklineLabel = sparklineLabel; exports.Sparkline = Sparkline; exports.TABLE_ACTIONS = TABLE_ACTIONS; exports.DEFAULT_TABLE_TOOLBAR = DEFAULT_TABLE_TOOLBAR; exports.MAX_TABLE_ROWS = MAX_TABLE_ROWS; exports.MAX_TABLE_COLUMNS = MAX_TABLE_COLUMNS; exports.isTableEnabled = isTableEnabled; exports.isSelectionInTable = isSelectionInTable; exports.shouldShowTableBubbleMenu = shouldShowTableBubbleMenu; exports.getTableActionState = getTableActionState; exports.runTableAction = runTableAction; exports.EMPTY_TABLE_STATE = EMPTY_TABLE_STATE; exports.getTableState = getTableState; exports.createTableStore = createTableStore; exports.DEFAULT_AGENT_CARET_COLOR = DEFAULT_AGENT_CARET_COLOR; exports.DEFAULT_AGENT_CARET_NAME = DEFAULT_AGENT_CARET_NAME; exports.agentCaretPluginKey = agentCaretPluginKey; exports.createAgentCaretPlugin = createAgentCaretPlugin; exports.AgentCaret = AgentCaret; exports.ensureAgentCaret = ensureAgentCaret; exports.setAgentCaret = setAgentCaret; exports.clearAgentCaret = clearAgentCaret; exports.markAgentChanges = markAgentChanges; exports.getAgentCarets = getAgentCarets; exports.replaceWithTextTransaction = replaceWithTextTransaction; exports.typeAgentText = typeAgentText;
+
+
+
+
+
+
+
+
+exports.commentsPluginKey = commentsPluginKey; exports.COMMENT_MARK_NAME = COMMENT_MARK_NAME; exports.findCommentRanges = findCommentRanges; exports.getCommentAnchors = getCommentAnchors; exports.getCommentIdsAt = getCommentIdsAt; exports.getCommentStore = getCommentStore; exports.Comments = Comments; exports.getCommentAuthor = getCommentAuthor; exports.ALLOW_NESTED_TABLES_META = ALLOW_NESTED_TABLES_META; exports.tableNestingPluginKey = tableNestingPluginKey; exports.outermostTableDepth = outermostTableDepth; exports.isInTableCell = isInTableCell; exports.sliceContainsTable = sliceContainsTable; exports.insertSliceAfterTable = insertSliceAfterTable; exports.handleTablePasteWithoutNesting = handleTablePasteWithoutNesting; exports.unnestTables = unnestTables; exports.createTableNestingPlugin = createTableNestingPlugin; exports.generateStructureId = generateStructureId; exports.presenceStateSpec = presenceStateSpec; exports.arraysEqual = arraysEqual; exports.scrollDomAtPos = scrollDomAtPos; exports.syncInitialContent = syncInitialContent; exports.STRUCTURE_PRIORITY = STRUCTURE_PRIORITY; exports.FIND_PARAGRAPH_MARK = FIND_PARAGRAPH_MARK; exports.MAX_FIND_PATTERN_LENGTH = MAX_FIND_PATTERN_LENGTH; exports.createSearchBudget = createSearchBudget; exports.foldCodePoint = foldCodePoint; exports.compileFindPattern = compileFindPattern; exports.findAllMatches = findAllMatches; exports.parseReplacement = parseReplacement; exports.expandReplacement = expandReplacement; exports.searchDocument = searchDocument; exports.applyReplacements = applyReplacements; exports.normalizeTableCellAlignment = normalizeTableCellAlignment; exports.normalizeTableCellColor = normalizeTableCellColor; exports.isGfmTable = isGfmTable; exports.DEFAULT_TABLE_OPTIONS = DEFAULT_TABLE_OPTIONS; exports.Table = Table; exports.TableRow = TableRow; exports.TableCell = TableCell; exports.TableHeader = TableHeader; exports.createTableExtensions = createTableExtensions; exports.ChartNodeView = ChartNodeView; exports.createChartNodeView = createChartNodeView; exports.chartPluginKey = chartPluginKey; exports.getDocumentCharts = getDocumentCharts; exports.isChartEnabled = isChartEnabled; exports.staticChartSvg = staticChartSvg; exports.Chart = Chart; exports.SPARKLINE_KINDS = SPARKLINE_KINDS; exports.MAX_SPARKLINE_VALUES = MAX_SPARKLINE_VALUES; exports.normalizeSparklineValues = normalizeSparklineValues; exports.sparklineLabel = sparklineLabel; exports.Sparkline = Sparkline; exports.TABLE_ACTIONS = TABLE_ACTIONS; exports.DEFAULT_TABLE_TOOLBAR = DEFAULT_TABLE_TOOLBAR; exports.MAX_TABLE_ROWS = MAX_TABLE_ROWS; exports.MAX_TABLE_COLUMNS = MAX_TABLE_COLUMNS; exports.isTableEnabled = isTableEnabled; exports.isSelectionInTable = isSelectionInTable; exports.shouldShowTableBubbleMenu = shouldShowTableBubbleMenu; exports.getTableActionState = getTableActionState; exports.runTableAction = runTableAction; exports.EMPTY_TABLE_STATE = EMPTY_TABLE_STATE; exports.getTableState = getTableState; exports.createTableStore = createTableStore; exports.DEFAULT_AGENT_CARET_COLOR = DEFAULT_AGENT_CARET_COLOR; exports.DEFAULT_AGENT_CARET_NAME = DEFAULT_AGENT_CARET_NAME; exports.agentCaretPluginKey = agentCaretPluginKey; exports.createAgentCaretPlugin = createAgentCaretPlugin; exports.AgentCaret = AgentCaret; exports.ensureAgentCaret = ensureAgentCaret; exports.setAgentCaret = setAgentCaret; exports.clearAgentCaret = clearAgentCaret; exports.markAgentChanges = markAgentChanges; exports.getAgentCarets = getAgentCarets; exports.replaceWithTextTransaction = replaceWithTextTransaction; exports.typeAgentText = typeAgentText;