wordinweb 0.2.1 → 0.2.3

package/dist/{chunk-XGTWJMDG.js → chunk-OIN65MGS.js}

@@ -3930,7 +3930,7 @@ function parseParaChildren(parent, ctx, out, field, bookmarks) {
         const style = (r) => {
           r.props = {
             ...r.props,
-            color: isInsert ? "#C00000" : "#B0261C",
+            color: isInsert ? "#188038" : "#D93025",
             ...isInsert ? { underline: "single" } : { strike: true }
           };
         };
@@ -20533,8 +20533,14 @@ function setPageLayout(doc, patch, target) {
       return key ? elm.attrs[key] : void 0;
     };
     if (patch.size) {
-      setAttr(pgSz, "w", String(Math.round(patch.size.width * TWIPS_PER_INCH)));
-      setAttr(pgSz, "h", String(Math.round(patch.size.height * TWIPS_PER_INCH)));
+      let width = Math.round(patch.size.width * TWIPS_PER_INCH);
+      let height = Math.round(patch.size.height * TWIPS_PER_INCH);
+      const currentWidth = parseInt(getAttr(pgSz, "w") ?? "12240", 10);
+      const currentHeight = parseInt(getAttr(pgSz, "h") ?? "15840", 10);
+      const isLandscape = getAttr(pgSz, "orient") === "landscape" || currentWidth > currentHeight;
+      if (isLandscape !== width > height) [width, height] = [height, width];
+      setAttr(pgSz, "w", String(width));
+      setAttr(pgSz, "h", String(height));
     }
     if (patch.orientation) {
       const cw = parseInt(getAttr(pgSz, "w") ?? "12240", 10);
@@ -24170,6 +24176,26 @@ function insertSuggestedText(doc, t, offset, text, meta) {
   if (offset < t.text.length) afterChildren.push(textLike(t, t.name, t.text.slice(offset)));
   afterChildren.push(...following);
   if (afterChildren.length > 0) replacement.push(runLike(rEl, rPr, afterChildren));
+  if (localName(parent.name) === "ins") {
+    const grand = doc.findParentOf(parent);
+    if (!grand) return null;
+    const parentIdx = grand.children.indexOf(parent);
+    if (parentIdx === -1) return null;
+    const insIdx = replacement.indexOf(ins);
+    const before = [...parent.children.slice(0, idx), ...replacement.slice(0, insIdx)];
+    const after = [...replacement.slice(insIdx + 1), ...parent.children.slice(idx + 1)];
+    const outerParts = [];
+    if (before.length > 0) outerParts.push({ ...cloneXml(parent), children: before });
+    outerParts.push(ins);
+    if (after.length > 0) {
+      const afterOuter = { ...cloneXml(parent), children: after };
+      const idKey = Object.keys(afterOuter.attrs).find((key) => localName(key) === "id");
+      if (before.length > 0 && idKey) afterOuter.attrs[idKey] = String(meta.nextId());
+      outerParts.push(afterOuter);
+    }
+    grand.children.splice(parentIdx, 1, ...outerParts);
+    return { t: newT, offset: text.length };
+  }
   parent.children.splice(idx, 1, ...replacement);
   return { t: newT, offset: text.length };
 }
@@ -25403,7 +25429,7 @@ var _DocxEditor = class _DocxEditor {
         this.caret = caret;
         this.positionCaret();
         this.focusText();
-        const ref = revisionForText(this.host.doc, caret.t);
+        const ref = this.revisionAtCaret();
         if (ref) this.showSuggestionPopover(ref, e.clientX, e.clientY);
       } else {
         this.hideCaret();
@@ -28610,7 +28636,7 @@ var _DocxEditor = class _DocxEditor {
   showSuggestionPopover(ref, clientX, clientY) {
     this.dismissSuggestionPopover();
     const isIns = ref.kind === "insertion" || ref.kind === "markInsertion";
-    const ink = isIns ? "#C00000" : "#B0261C";
+    const ink = isIns ? "#188038" : "#D93025";
     const attrEndingWith = (suffix) => {
       const key = Object.keys(ref.el.attrs).find((k) => k.toLowerCase().endsWith(suffix));
       return key ? ref.el.attrs[key] : void 0;
@@ -28665,17 +28691,9 @@ var _DocxEditor = class _DocxEditor {
       });
       btnRow.appendChild(b);
     };
-    if (this.reviewBlockedByCollab()) {
-      const note = document.createElement("div");
-      note.dataset.dxwReviewBlocked = "1";
-      note.style.cssText = "font-size:11.5px;color:#5f6368;line-height:1.35;";
-      note.textContent = "Accept and reject are not available in a shared session yet.";
-      box.appendChild(note);
-    } else {
-      box.appendChild(btnRow);
-      mkBtn("\u2713 Accept", "Accept this suggestion", true, () => this.acceptRevisionRef(ref));
-      mkBtn("\u2717 Reject", "Reject this suggestion", false, () => this.rejectRevisionRef(ref));
-    }
+    box.appendChild(btnRow);
+    mkBtn("\u2713 Accept", "Accept this suggestion", true, () => this.acceptRevisionRef(ref));
+    mkBtn("\u2717 Reject", "Reject this suggestion", false, () => this.rejectRevisionRef(ref));
     document.body.appendChild(box);
     this.suggestionPopover = box;
   }
@@ -29619,27 +29637,16 @@ var _DocxEditor = class _DocxEditor {
     }
     return null;
   }
-  /** True in a live session, where accept/reject would fork the room.
-   *
-   * Collab gate (narrow): the four accept/reject entry points below mutate
-   * host.doc DIRECTLY (no emission), so in a live session they would resolve
-   * the suggestion locally with no peer ever seeing it — refused per the
-   * standing audit rule (no mutation branch without an emission). The
-   * acceptRevision/rejectRevision/acceptAllRevisions INTENTS exist and apply
-   * fine (collab/src/apply.ts), but they address a revision by its index in
-   * collectRevisions order, which the editor has no path to produce here.
-   * Wiring that is known follow-on work. Local mode is unaffected. */
-  reviewBlockedByCollab() {
-    return !!this.host.onIntent;
-  }
   /** Accept (keep insertion / drop deletion) the given revision, or the one at
    * the caret. Re-renders and returns whether anything changed. */
   acceptRevisionRef(ref) {
-    if (this.reviewBlockedByCollab()) return false;
     const target = ref ?? this.revisionAtCaret();
     if (!target) return false;
+    const index = this.host.onIntent ? collectRevisions(this.host.doc).findIndex((item) => item.el === target.el && item.kind === target.kind) : -1;
+    if (this.host.onIntent && index < 0) return false;
     this.host.history?.checkpoint();
     if (!acceptRevision(this.host.doc, target)) return false;
+    if (this.host.onIntent) this.host.onIntent({ kind: "acceptRevision", index });
     this.dismissSuggestionPopover();
     this.host.rerender();
     this.positionCaret();
@@ -29649,11 +29656,13 @@ var _DocxEditor = class _DocxEditor {
   /** Reject (drop insertion / restore deletion) the given revision, or the one
    * at the caret. */
   rejectRevisionRef(ref) {
-    if (this.reviewBlockedByCollab()) return false;
     const target = ref ?? this.revisionAtCaret();
     if (!target) return false;
+    const index = this.host.onIntent ? collectRevisions(this.host.doc).findIndex((item) => item.el === target.el && item.kind === target.kind) : -1;
+    if (this.host.onIntent && index < 0) return false;
     this.host.history?.checkpoint();
     if (!rejectRevision(this.host.doc, target)) return false;
+    if (this.host.onIntent) this.host.onIntent({ kind: "rejectRevision", index });
     this.dismissSuggestionPopover();
     this.host.rerender();
     this.positionCaret();
@@ -29666,10 +29675,10 @@ var _DocxEditor = class _DocxEditor {
   }
   /** Accept every tracked change (one undo step). Returns how many applied. */
   acceptAllRevisions() {
-    if (this.reviewBlockedByCollab()) return 0;
     this.host.history?.checkpoint();
     const n = acceptAllRevisions(this.host.doc);
     if (n === 0) return 0;
+    this.host.onIntent?.({ kind: "acceptAllRevisions" });
     this.dismissSuggestionPopover();
     this.host.rerender();
     this.positionCaret();
@@ -29678,10 +29687,10 @@ var _DocxEditor = class _DocxEditor {
   }
   /** Reject every tracked change (one undo step). Returns how many applied. */
   rejectAllRevisions() {
-    if (this.reviewBlockedByCollab()) return 0;
     this.host.history?.checkpoint();
     const n = rejectAllRevisions(this.host.doc);
     if (n === 0) return 0;
+    this.host.onIntent?.({ kind: "rejectAllRevisions" });
     this.dismissSuggestionPopover();
     this.host.rerender();
     this.positionCaret();
@@ -30166,14 +30175,21 @@ var _DocxEditor = class _DocxEditor {
       return;
     }
     const splitPos = this.host.onIntent ? this.encodeCaretForIntent() : null;
-    const split = this.splitParagraphCore();
+    const splitMeta = this.suggesting && this.host.onIntent ? this.frozenRevMeta() : void 0;
+    const split = this.splitParagraphCore(splitMeta);
     if (split && splitPos && this.host.doc.stableIds && this.host.onIntent) {
       const ids = this.host.doc.stableIds;
       const alloc = this.host.allocIds?.(2) ?? [];
       const newBlockId = ids.assign(split.after, alloc[0]);
       const newRunEl = split.after.children.find((c) => localName(c.name) === "r");
       const newRunId = newRunEl ? ids.assign(newRunEl, alloc[1]) : newBlockId;
-      this.host.onIntent({ kind: "splitParagraph", at: splitPos, newBlockId, newRunId });
+      this.host.onIntent({
+        kind: "splitParagraph",
+        at: splitPos,
+        newBlockId,
+        newRunId,
+        suggest: splitMeta ? { author: splitMeta.author, date: splitMeta.date } : void 0
+      });
     }
     const reparsed = split ? this.host.doc.reparseDirectBodyParagraphSplit(split.before, split.after) : null;
     if (reparsed && split && this.caret) {
@@ -30238,9 +30254,10 @@ var _DocxEditor = class _DocxEditor {
   }
   /** Split the paragraph at the caret without history or commit — shared by
    * Enter and multi-line paste. */
-  splitParagraphCore() {
+  splitParagraphCore(meta) {
     if (!this.caret) return null;
-    const result = applySplitParagraph(this.host.doc, this.caret, this.mutationCtx());
+    const ctx = meta ? { suggesting: true, revMeta: () => meta } : this.mutationCtx();
+    const result = applySplitParagraph(this.host.doc, this.caret, ctx);
     if (!result) return null;
     this.caret = result.caret;
     return { before: result.before, after: result.after };
@@ -34206,6 +34223,7 @@ function WordArtMenu({ api }) {
 }
 function ChartMenu({ api, label = "Chart" }) {
   const [open, setOpen] = useState2(false);
+  const [editing, setEditing] = useState2(false);
   const [type, setType] = useState2("column");
   const [title, setTitle] = useState2("");
   const [categories, setCategories] = useState2(["", ""]);
@@ -34222,16 +34240,35 @@ function ChartMenu({ api, label = "Chart" }) {
   }, [open]);
   const submit = () => {
     const categoryValues = categories.map((value) => value.trim());
-    const rawSeries = series.map((entry) => ({
+    const rawSeries = (type === "pie" ? series.slice(0, 1) : series).map((entry) => ({
       name: entry.name.trim(),
       values: entry.values.map((value) => value.trim())
     }));
-    if (categoryValues.some((value) => !value) || rawSeries.some((entry) => !entry.name || entry.values.some((value) => value === "" || !Number.isFinite(Number(value))))) {
-      setError("Give every category and series a name, and enter a number in every data cell.");
+    if (categoryValues.some((value) => !value)) {
+      setError(type === "pie" ? "Enter a label for every slice." : "Enter a name for every category.");
       return;
     }
-    const seriesValues = rawSeries.map((entry) => ({ name: entry.name, values: entry.values.map(Number) }));
-    const data = { type, title, categories: categoryValues, series: seriesValues };
+    if (type !== "pie" && rawSeries.some((entry) => !entry.name)) {
+      setError("Enter a name for every series.");
+      return;
+    }
+    if (rawSeries.some((entry) => entry.values.some((value) => value === "" || !Number.isFinite(Number(value))))) {
+      setError("Enter a number in every value field.");
+      return;
+    }
+    if (type === "pie" && rawSeries.some((entry) => entry.values.some((value) => Number(value) < 0))) {
+      setError("Pie chart values must be zero or greater.");
+      return;
+    }
+    if (type === "pie" && rawSeries.every((entry) => entry.values.every((value) => Number(value) === 0))) {
+      setError("Enter at least one pie chart value greater than zero.");
+      return;
+    }
+    const seriesValues = rawSeries.map((entry) => ({
+      name: type === "pie" ? entry.name || "Values" : entry.name,
+      values: entry.values.map(Number)
+    }));
+    const data = { type, title: title.trim(), categories: categoryValues, series: seriesValues };
     if (api?.updateSelectedChart(data) || api?.insertChart(data)) {
       setError("");
       setOpen(false);
@@ -34246,97 +34283,187 @@ function ChartMenu({ api, label = "Chart" }) {
     setCategories(categories.filter((_, itemIndex) => itemIndex !== index));
     setSeries(series.map((entry) => ({ ...entry, values: entry.values.filter((_, itemIndex) => itemIndex !== index) })));
   };
+  const changeType = (next) => {
+    setType(next);
+    if (next === "pie") {
+      setSeries((current) => [
+        current[0] ?? { name: "Values", values: categories.map(() => "") }
+      ]);
+    }
+    setError("");
+  };
   const anchor = open ? rootRef.current?.getBoundingClientRect() : null;
   const viewportWidth = typeof window === "undefined" ? 456 : window.innerWidth;
   const popoverWidth = Math.min(440, viewportWidth - 16);
   const popoverLeft = Math.max(8, Math.min(anchor?.left ?? 8, viewportWidth - popoverWidth - 8));
   const fieldStyle = { width: "100%", boxSizing: "border-box", border: `1px solid ${T.border}`, borderRadius: 6, padding: "6px 8px", font: "13px system-ui, sans-serif", color: T.fg, background: T.popoverBg };
+  const fieldLabelStyle = { display: "grid", gap: 3, color: T.muted, font: "11px system-ui, sans-serif" };
+  const tableHeaderStyle = { padding: "0 3px 4px", textAlign: "left", verticalAlign: "bottom", color: T.muted, font: "600 11px system-ui, sans-serif" };
+  const tableCellStyle = { padding: 3, verticalAlign: "bottom" };
   const toggle = () => {
     if (open) {
       setOpen(false);
       return;
     }
     const selected = api?.getSelectedChart();
+    const nextCategories = selected?.categories.length ? [...selected.categories] : ["", ""];
+    const nextSeries = selected?.series.length ? selected.series.map((entry) => ({
+      name: entry.name,
+      values: nextCategories.map((_, index) => String(entry.values[index] ?? ""))
+    })) : [{ name: "", values: nextCategories.map(() => "") }];
+    setEditing(!!selected);
     setType(selected?.type ?? "column");
     setTitle(selected?.title ?? "");
-    setCategories(selected ? [...selected.categories] : ["", ""]);
-    setSeries(selected ? selected.series.map((entry) => ({ name: entry.name, values: entry.values.map(String) })) : [{ name: "", values: ["", ""] }]);
+    setCategories(nextCategories);
+    setSeries(selected?.type === "pie" ? nextSeries.slice(0, 1) : nextSeries);
     setError("");
     setOpen(true);
   };
+  const chartTypes = [
+    { value: "column", label: "Column" },
+    { value: "bar", label: "Bar" },
+    { value: "line", label: "Line" },
+    { value: "pie", label: "Pie" }
+  ];
   return /* @__PURE__ */ jsxs2("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ jsx2("button", { title: "Insert or edit chart", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: toggle, children: label }),
     open && /* @__PURE__ */ jsxs2("div", { style: { position: "fixed", top: anchor?.bottom ?? 28, left: popoverLeft, zIndex: 100, width: popoverWidth, maxHeight: "calc(100vh - 48px)", overflow: "auto", boxSizing: "border-box", padding: 10, display: "grid", gap: 8, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
-      /* @__PURE__ */ jsx2(
-        ToolbarMenuSelect,
-        {
-          value: type,
-          ariaLabel: "Chart type",
-          width: "100%",
-          menuWidth: 300,
-          options: [
-            { value: "column", label: "Column" },
-            { value: "bar", label: "Bar" },
-            { value: "line", label: "Line" },
-            { value: "pie", label: "Pie" }
-          ],
-          onChange: (value) => setType(value),
-          style: fieldStyle
-        }
-      ),
-      /* @__PURE__ */ jsx2("input", { "aria-label": "Chart title", value: title, onChange: (event) => setTitle(event.target.value), placeholder: "Chart title", style: fieldStyle }),
+      /* @__PURE__ */ jsx2("strong", { style: { color: T.fg, font: "600 13px system-ui, sans-serif" }, children: editing ? "Edit chart" : "Insert chart" }),
+      /* @__PURE__ */ jsxs2("fieldset", { style: { minWidth: 0, margin: 0, padding: 0, border: 0 }, children: [
+        /* @__PURE__ */ jsx2("legend", { style: { marginBottom: 4, color: T.muted, font: "11px system-ui, sans-serif" }, children: "Chart type" }),
+        /* @__PURE__ */ jsx2("div", { role: "radiogroup", "aria-label": "Chart type", style: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 5 }, children: chartTypes.map((chartType) => {
+          const selected = chartType.value === type;
+          return /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": selected,
+              onClick: () => changeType(chartType.value),
+              style: {
+                minHeight: 34,
+                border: `1px solid ${selected ? T.accent : T.border}`,
+                borderRadius: 6,
+                background: selected ? T.tabActiveBg : T.popoverBg,
+                color: selected ? T.accent : T.fg,
+                cursor: "pointer",
+                font: "600 12px system-ui, sans-serif"
+              },
+              children: chartType.label
+            },
+            chartType.value
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs2("label", { style: fieldLabelStyle, children: [
+        /* @__PURE__ */ jsx2("span", { children: "Chart title (optional)" }),
+        /* @__PURE__ */ jsx2("input", { "aria-label": "Chart title", value: title, onChange: (event) => setTitle(event.target.value), style: fieldStyle })
+      ] }),
       /* @__PURE__ */ jsxs2("div", { role: "group", "aria-label": "Chart data", style: { display: "grid", gap: 7 }, children: [
-        /* @__PURE__ */ jsx2("strong", { style: { color: T.fg, font: "600 11.5px system-ui, sans-serif" }, children: "Data" }),
-        /* @__PURE__ */ jsx2("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs2("div", { style: { display: "grid", gridTemplateColumns: `minmax(110px,1.2fr) repeat(${categories.length},minmax(72px,1fr)) 62px`, gap: 5, minWidth: categories.length > 3 ? 430 : void 0 }, children: [
-          /* @__PURE__ */ jsx2("span", { style: { alignSelf: "center", color: T.muted, font: "11px system-ui, sans-serif" }, children: "Series" }),
-          categories.map((category, index) => /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gridTemplateColumns: "1fr auto", gap: 3 }, children: [
-            /* @__PURE__ */ jsx2(
-              "input",
-              {
-                "aria-label": `Chart category ${index + 1}`,
-                value: category,
-                placeholder: "Category",
-                onChange: (event) => setCategories(categories.map((value, itemIndex) => itemIndex === index ? event.target.value : value)),
-                style: fieldStyle
-              }
-            ),
-            categories.length > 1 && /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove chart category ${index + 1}`, onClick: () => removeCategory(index), style: { ...pillBtn, padding: "0 6px" }, children: "\xD7" })
-          ] }, index)),
-          /* @__PURE__ */ jsx2("span", {}),
-          series.map((entry, seriesIndex) => /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx2("strong", { style: { color: T.fg, font: "600 11.5px system-ui, sans-serif" }, children: type === "pie" ? "Slices" : "Chart data" }),
+        /* @__PURE__ */ jsx2("div", { style: { overflowX: "auto" }, children: type === "pie" ? /* @__PURE__ */ jsxs2("table", { "aria-label": "Pie chart data", style: { width: "100%", borderCollapse: "collapse" }, children: [
+          /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+            /* @__PURE__ */ jsx2("th", { scope: "col", style: tableHeaderStyle, children: "Slice label" }),
+            /* @__PURE__ */ jsx2("th", { scope: "col", style: tableHeaderStyle, children: "Value" }),
+            /* @__PURE__ */ jsx2("th", { scope: "col", "aria-label": "Actions" })
+          ] }) }),
+          /* @__PURE__ */ jsx2("tbody", { children: categories.map((category, index) => /* @__PURE__ */ jsxs2("tr", { children: [
+            /* @__PURE__ */ jsx2("th", { scope: "row", style: { ...tableCellStyle, width: "52%", fontWeight: 400 }, children: /* @__PURE__ */ jsxs2("label", { style: fieldLabelStyle, children: [
+              /* @__PURE__ */ jsxs2("span", { children: [
+                "Slice ",
+                index + 1
+              ] }),
+              /* @__PURE__ */ jsx2(
+                "input",
+                {
+                  "aria-label": `Chart slice ${index + 1} label`,
+                  value: category,
+                  onChange: (event) => setCategories(categories.map((value, itemIndex) => itemIndex === index ? event.target.value : value)),
+                  style: fieldStyle
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx2("td", { style: tableCellStyle, children: /* @__PURE__ */ jsx2(
               "input",
               {
-                "aria-label": `Chart series ${seriesIndex + 1} name`,
-                value: entry.name,
-                placeholder: "Series",
-                onChange: (event) => setSeries(series.map((value, itemIndex) => itemIndex === seriesIndex ? { ...value, name: event.target.value } : value)),
+                "aria-label": `Chart slice ${index + 1} value`,
+                type: "number",
+                min: "0",
+                step: "any",
+                value: series[0]?.values[index] ?? "",
+                onChange: (event) => setSeries([{
+                  ...series[0] ?? { name: "Values", values: categories.map(() => "") },
+                  values: categories.map((_, itemIndex) => itemIndex === index ? event.target.value : series[0]?.values[itemIndex] ?? "")
+                }]),
                 style: fieldStyle
               }
-            ),
-            entry.values.map((value, valueIndex) => /* @__PURE__ */ jsx2(
+            ) }),
+            /* @__PURE__ */ jsx2("td", { style: tableCellStyle, children: categories.length > 1 && /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove chart slice ${index + 1}`, onClick: () => removeCategory(index), style: { ...pillBtn, padding: "0 7px" }, children: "Remove" }) })
+          ] }, index)) })
+        ] }) : /* @__PURE__ */ jsxs2("table", { "aria-label": `${type} chart data`, style: { minWidth: series.length > 2 ? 430 : void 0, width: "100%", borderCollapse: "collapse" }, children: [
+          /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+            /* @__PURE__ */ jsx2("th", { scope: "col", style: tableHeaderStyle, children: "Category" }),
+            series.map((entry, seriesIndex) => /* @__PURE__ */ jsxs2("th", { scope: "col", style: tableHeaderStyle, children: [
+              /* @__PURE__ */ jsxs2("label", { style: fieldLabelStyle, children: [
+                /* @__PURE__ */ jsxs2("span", { children: [
+                  "Series ",
+                  seriesIndex + 1,
+                  " name"
+                ] }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    "aria-label": `Chart series ${seriesIndex + 1} name`,
+                    value: entry.name,
+                    onChange: (event) => setSeries(series.map((value, itemIndex) => itemIndex === seriesIndex ? { ...value, name: event.target.value } : value)),
+                    style: fieldStyle
+                  }
+                )
+              ] }),
+              series.length > 1 && /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove chart series ${seriesIndex + 1}`, onClick: () => setSeries(series.filter((_, itemIndex) => itemIndex !== seriesIndex)), style: { ...pillBtn, marginTop: 3, padding: "0 7px" }, children: "Remove" })
+            ] }, seriesIndex)),
+            /* @__PURE__ */ jsx2("th", { scope: "col", "aria-label": "Actions" })
+          ] }) }),
+          /* @__PURE__ */ jsx2("tbody", { children: categories.map((category, categoryIndex) => /* @__PURE__ */ jsxs2("tr", { children: [
+            /* @__PURE__ */ jsx2("th", { scope: "row", style: { ...tableCellStyle, minWidth: 120, fontWeight: 400 }, children: /* @__PURE__ */ jsxs2("label", { style: fieldLabelStyle, children: [
+              /* @__PURE__ */ jsxs2("span", { children: [
+                "Category ",
+                categoryIndex + 1
+              ] }),
+              /* @__PURE__ */ jsx2(
+                "input",
+                {
+                  "aria-label": `Chart category ${categoryIndex + 1}`,
+                  value: category,
+                  onChange: (event) => setCategories(categories.map((value, itemIndex) => itemIndex === categoryIndex ? event.target.value : value)),
+                  style: fieldStyle
+                }
+              )
+            ] }) }),
+            series.map((entry, seriesIndex) => /* @__PURE__ */ jsx2("td", { style: { ...tableCellStyle, minWidth: 82 }, children: /* @__PURE__ */ jsx2(
               "input",
               {
-                "aria-label": `Chart series ${seriesIndex + 1} value ${valueIndex + 1}`,
+                "aria-label": `Chart series ${seriesIndex + 1} value ${categoryIndex + 1}`,
                 type: "number",
                 step: "any",
-                value,
-                placeholder: "0",
-                onChange: (event) => setSeries(series.map((seriesValue, itemIndex) => itemIndex === seriesIndex ? { ...seriesValue, values: seriesValue.values.map((itemValue, itemValueIndex) => itemValueIndex === valueIndex ? event.target.value : itemValue) } : seriesValue)),
+                value: entry.values[categoryIndex] ?? "",
+                onChange: (event) => setSeries(series.map((seriesValue, itemIndex) => itemIndex === seriesIndex ? {
+                  ...seriesValue,
+                  values: categories.map((_, itemValueIndex) => itemValueIndex === categoryIndex ? event.target.value : seriesValue.values[itemValueIndex] ?? "")
+                } : seriesValue)),
                 style: fieldStyle
-              },
-              valueIndex
-            )),
-            /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove chart series ${seriesIndex + 1}`, disabled: series.length === 1, onClick: () => setSeries(series.filter((_, itemIndex) => itemIndex !== seriesIndex)), style: { ...pillBtn, padding: "0 7px" }, children: "Remove" })
-          ] }, seriesIndex))
+              }
+            ) }, seriesIndex)),
+            /* @__PURE__ */ jsx2("td", { style: tableCellStyle, children: categories.length > 1 && /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove chart category ${categoryIndex + 1}`, onClick: () => removeCategory(categoryIndex), style: { ...pillBtn, padding: "0 7px" }, children: "Remove" }) })
+          ] }, categoryIndex)) })
         ] }) }),
         /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 6 }, children: [
-          /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setSeries([...series, { name: "", values: categories.map(() => "") }]), style: { ...pillBtn, background: T.popoverBg, color: T.fg }, children: "Add series" }),
-          /* @__PURE__ */ jsx2("button", { type: "button", onClick: addCategory, style: { ...pillBtn, background: T.popoverBg, color: T.fg }, children: "Add category" })
+          type !== "pie" && /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setSeries([...series, { name: "", values: categories.map(() => "") }]), style: { ...pillBtn, background: T.popoverBg, color: T.fg }, children: "Add series" }),
+          /* @__PURE__ */ jsx2("button", { type: "button", onClick: addCategory, style: { ...pillBtn, background: T.popoverBg, color: T.fg }, children: type === "pie" ? "Add slice" : "Add category" })
         ] })
       ] }),
       error && /* @__PURE__ */ jsx2("div", { role: "alert", style: { color: "#c5221f", font: "11.5px system-ui, sans-serif" }, children: error }),
-      /* @__PURE__ */ jsx2("button", { onClick: submit, style: { border: 0, borderRadius: 6, padding: "7px 10px", background: T.accent, color: T.accentFg, cursor: "pointer", font: "600 12px system-ui, sans-serif" }, children: "Insert or update chart" })
+      /* @__PURE__ */ jsx2("button", { onClick: submit, style: { border: 0, borderRadius: 6, padding: "7px 10px", background: T.accent, color: T.accentFg, cursor: "pointer", font: "600 12px system-ui, sans-serif" }, children: editing ? "Update chart" : "Insert chart" })
     ] })
   ] });
 }
@@ -35859,7 +35986,7 @@ function DocxToolbar({
       result === "too-large" ? (() => {
         const max = api?.imageMaxBytes() ?? null;
         return max === null ? "That image is too large for this document." : `Images must be under ${formatBytes(max)}.`;
-      })() : result === "unsupported-format" ? "Images in a shared document must be PNG, JPEG, GIF, BMP or WebP." : result === "no-relay" ? "This shared document has no image relay, so images can\u2019t be added to it." : result === "upload-failed" ? "Upload failed \u2014 the image may be too large, or the connection dropped. Try a smaller image." : result === "no-caret" ? "Click in the document before inserting an image." : "That file could not be read as an image."
+      })() : result === "unsupported-format" ? "Images in a shared document must be PNG, JPEG, GIF, BMP or WebP." : result === "no-relay" ? "This shared document has no image relay, so images can\u2019t be added to it." : result === "upload-failed" ? "Upload failed. The image may be too large, or the connection dropped. Try a smaller image." : result === "no-caret" ? "Click in the document before inserting an image." : "That file could not be read as an image."
     );
   };
   const rootRef = useRef2(null);
@@ -36735,6 +36862,8 @@ function DocxView({
   const redrawPresenceRef = useRef3(null);
   const presenceRef = useRef3(void 0);
   presenceRef.current = collab?.presence;
+  const collabRef = useRef3(collab);
+  collabRef.current = collab;
   useEffect3(() => {
     redrawPresenceRef.current?.();
   }, [collab?.presence]);
@@ -36901,14 +37030,15 @@ function DocxView({
     };
     const emitBlockIntents = (targets, make) => {
       const d = docCacheRef.current?.doc;
-      if (!collab || !d?.stableIds) return;
+      const current = collabRef.current;
+      if (!current || !d?.stableIds) return;
       const seen = /* @__PURE__ */ new Set();
       for (const t of targets) {
         const p = paragraphOf(d, t);
         const blockId = p ? d.stableIds.idOf(p) : void 0;
         if (blockId !== void 0 && !seen.has(blockId)) {
           seen.add(blockId);
-          collab.submit(make(blockId));
+          current.submit(make(blockId));
         }
       }
     };
@@ -36918,7 +37048,7 @@ function DocxView({
       const presence = presenceRef.current;
       if (!handle2 || !d || !presence) return;
       drawPresenceSelections(handle2.root, computePresenceSelections(handle2, d, presence));
-      drawPresenceCarets(handle2.root, computePresenceCarets(handle2, d, presence), collab?.participantNames);
+      drawPresenceCarets(handle2.root, computePresenceCarets(handle2, d, presence), collabRef.current?.participantNames);
     };
     redrawPresenceRef.current = drawCollabPresence;
     const rerender = (doc, dirtyBlock, scope = "local", dirtySource) => {
@@ -37054,7 +37184,8 @@ function DocxView({
         };
         const flushPresence = () => {
           presenceQueued = false;
-          if (!collab?.setPresence) return;
+          const current = collabRef.current;
+          if (!current?.setPresence) return;
           const ranges = selectionRanges();
           const last = ranges?.[ranges.length - 1];
           const anchor = presenceCaret ?? (last ? { blockId: last.blockId, runId: last.runId, offset: last.end } : null);
@@ -37062,7 +37193,7 @@ function DocxView({
           const key = pos ? JSON.stringify(pos) : "null";
           if (key === presenceKey) return;
           presenceKey = key;
-          collab.setPresence(pos);
+          current.setPresence(pos);
         };
         const queuePresence = () => {
           if (presenceQueued) return;
@@ -37101,11 +37232,11 @@ function DocxView({
           onStyleShortcut: (styleId) => applyStyleShortcut?.(styleId),
           // Collaboration: forward each local edit as an intent. The editor
           // emits only when doc.stableIds is populated, so enable it here.
-          onIntent: collab ? (intent) => collab.submit(intent) : void 0,
+          onIntent: collab ? (intent) => collabRef.current?.submit(intent) : void 0,
           // Cmd+Z in a room reverses the last SEQUENCED action over the wire;
           // without this hook the editor declines rather than replaying local
           // history (which would fork the room silently).
-          onCollabUndo: collab?.undoLast,
+          onCollabUndo: collab?.undoLast ? () => collabRef.current?.undoLast?.() : void 0,
           // Presence: broadcast the local caret so remote participants can
           // draw this user's cursor (the anchor mirrors the intent addressing).
           // The caret is recorded here and sent by flushPresence together with
@@ -37116,7 +37247,7 @@ function DocxView({
           } : void 0,
           // Disjoint carried-id blocks for the editor's node-creating intents
           // (paragraph split); see EditorHost.allocIds.
-          allocIds: collab?.allocIds,
+          allocIds: collab?.allocIds ? (n) => collabRef.current?.allocIds?.(n) ?? [] : void 0,
           onTextCommand: (command) => {
             const current = apiRef.current;
             if (!current) return;
@@ -37221,27 +37352,30 @@ function DocxView({
         };
         const collabAnchor = (t, offset) => doc.stableIds ? doc.stableIds.encodeCaret(t, offset, (el16) => doc.findParentOf(el16) ?? null) : null;
         const collabOp = (make, at) => {
-          if (!collab?.submitOp || !doc.stableIds) return false;
+          const current = collabRef.current;
+          if (!current?.submitOp || !doc.stableIds) return false;
           const target = at !== void 0 ? at : insertionTarget();
           if (!target) return true;
           const anchor = collabAnchor(target.t, target.offset);
           if (!anchor) return true;
-          const intent = make(anchor, (n) => collab.allocIds?.(n) ?? []);
+          const intent = make(anchor, (n) => current.allocIds?.(n) ?? []);
           if (!intent) return true;
           history.checkpoint();
-          collab.submitOp(intent);
+          current.submitOp(intent);
           return true;
         };
         const collabDocOp = (make) => {
-          if (!collab?.submitOp || !doc.stableIds) return false;
-          const intent = make((n) => collab.allocIds?.(n) ?? []);
+          const current = collabRef.current;
+          if (!current?.submitOp || !doc.stableIds) return false;
+          const intent = make((n) => current.allocIds?.(n) ?? []);
           if (!intent) return true;
           history.checkpoint();
-          collab.submitOp(intent);
+          current.submitOp(intent);
           return true;
         };
         const collabBlockOp = (targets, make) => {
-          if (!collab?.submitOp || !doc.stableIds) return false;
+          const current = collabRef.current;
+          if (!current?.submitOp || !doc.stableIds) return false;
           const submitted = /* @__PURE__ */ new Set();
           let any = false;
           for (const t of targets) {
@@ -37252,18 +37386,19 @@ function DocxView({
             if (!intent) continue;
             if (!any) history.checkpoint();
             any = true;
-            collab.submitOp(intent);
+            current.submitOp(intent);
           }
           return true;
         };
-        const captureFormatIds = (segs) => collab && doc.stableIds ? segs.map((seg) => ({
+        const captureFormatIds = (segs) => collabRef.current && doc.stableIds ? segs.map((seg) => ({
           runId: seg.run.src ? doc.stableIds.idOf(seg.run.src) : void 0,
           blockId: seg.run.srcParent ? doc.stableIds.idOf(seg.run.srcParent) : void 0,
           runLen: seg.run.src ? runWireLength(seg.run.src) : 0,
           cumStart: seg.run.src && seg.t ? wireOffsetOf(seg.run.src, seg.t, seg.start) ?? seg.start : seg.start
         })) : [];
         const emitFormatIntents = (segs, preIds, formatted, patch) => {
-          if (!collab || !doc.stableIds) return;
+          const current = collabRef.current;
+          if (!current || !doc.stableIds) return;
           const spanByRun = /* @__PURE__ */ new Map();
           segs.forEach((seg, i) => {
             const pre = preIds[i];
@@ -37286,18 +37421,18 @@ function DocxView({
             const cumEnd = cumStart + (seg.end - seg.start);
             const whole = !seg.t || span.lo <= 0 && span.hi >= runLen || (segCountByRun.get(runId) ?? 1) > 1;
             if (whole) {
-              collab.submit({ kind: "formatRun", blockId, runId, patch });
+              current.submit({ kind: "formatRun", blockId, runId, patch });
               return;
             }
             const before = cumStart > 0;
             const after = cumEnd < runLen;
-            const alloc = collab.allocIds?.((before ? 1 : 0) + 1 + (after ? 1 : 0)) ?? [];
+            const alloc = current.allocIds?.((before ? 1 : 0) + 1 + (after ? 1 : 0)) ?? [];
             let k = 0;
             const beforeId = before ? alloc[k++] : void 0;
             const middleId = alloc[k++];
             const afterId = after ? alloc[k++] : void 0;
             if (middleId === void 0) return;
-            collab.submit({ kind: "formatRange", blockId, runId, start: cumStart, end: cumEnd, patch, beforeId, middleId, afterId });
+            current.submit({ kind: "formatRange", blockId, runId, start: cumStart, end: cumEnd, patch, beforeId, middleId, afterId });
             const middleT = formatted[i]?.t;
             const middleRun = middleT ? doc.findParentOf(middleT) : null;
             const parent = middleRun ? doc.findParentOf(middleRun) : null;
@@ -37451,7 +37586,7 @@ function DocxView({
             return true;
           },
           updateSelectedChart: (data) => {
-            if (collab?.submitOp) return false;
+            if (collabRef.current?.submitOp) return false;
             const source2 = editor?.getSelectedDrawingSource();
             if (!source2) return false;
             history.checkpoint();
@@ -37471,7 +37606,7 @@ function DocxView({
             return true;
           },
           updateSelectedSmartArt: (data) => {
-            if (collab?.submitOp) return false;
+            if (collabRef.current?.submitOp) return false;
             const source2 = editor?.getSelectedDrawingSource();
             if (!source2) return false;
             history.checkpoint();
@@ -37482,7 +37617,7 @@ function DocxView({
           },
           getSelectedSmartArt: () => editor?.getSelectedSmartArtData() ?? null,
           insertModel3D: async (file, poster) => {
-            if (collab?.submitOp) return false;
+            if (collabRef.current?.submitOp) return false;
             const target = insertionTarget();
             if (!target) return false;
             const preview = poster ?? await objectPoster("3D model", "Double-click in Word to explore", "\u25C7");
@@ -37494,7 +37629,7 @@ function DocxView({
             return true;
           },
           insertOnlineVideo: async (url) => {
-            if (collab?.submitOp) return false;
+            if (collabRef.current?.submitOp) return false;
             const target = insertionTarget();
             if (!target) return false;
             const preview = await objectPoster("Online video", url, "\u25B6");
@@ -37505,7 +37640,7 @@ function DocxView({
             return true;
           },
           insertEmbeddedObject: async (file, filename) => {
-            if (collab?.submitOp) return false;
+            if (collabRef.current?.submitOp) return false;
             const target = insertionTarget();
             if (!target) return false;
             const name = filename ?? (file instanceof File ? file.name : "embedded-file.bin");
@@ -37526,7 +37661,7 @@ function DocxView({
           getSelectedSmartArtTextFormat: () => editor?.getSelectedSmartArtTextFormat() ?? null,
           setSelectedSmartArtTextFormat: (patch) => editor?.setSelectedSmartArtTextFormat(patch) ?? false,
           addComment: (text) => {
-            if (collab?.submitOp) return false;
+            if (collabRef.current?.submitOp) return false;
             const segs = editor?.getSelectionSegments() ?? [];
             const segments = segs.length > 0 ? segs : handle ? selectionToSegments(handle.bindings) : [];
             if (segments.length === 0) return false;
@@ -37568,12 +37703,12 @@ function DocxView({
             const caret = editor?.getCaretTarget();
             return caret ? cellShadingAt(doc, caret.t) : void 0;
           },
-          imageAccept: () => collab?.submitOp && doc.stableIds ? COLLAB_IMAGE_ACCEPT : LOCAL_IMAGE_ACCEPT,
-          imageMaxBytes: () => collab?.submitOp && doc.stableIds ? collab.mediaMaxBlobBytes ?? null : null,
+          imageAccept: () => collabRef.current?.submitOp && doc.stableIds ? COLLAB_IMAGE_ACCEPT : LOCAL_IMAGE_ACCEPT,
+          imageMaxBytes: () => collabRef.current?.submitOp && doc.stableIds ? collabRef.current.mediaMaxBlobBytes ?? null : null,
           insertImage: async (file) => {
             const caret = insertionTarget() ?? documentStart();
             if (!caret) return "no-caret";
-            const maxBytes = collab?.submitOp && doc.stableIds ? collab.mediaMaxBlobBytes ?? null : null;
+            const maxBytes = collabRef.current?.submitOp && doc.stableIds ? collabRef.current.mediaMaxBlobBytes ?? null : null;
             if (typeof maxBytes === "number" && file.size > maxBytes) return "too-large";
             const bytes2 = new Uint8Array(await file.arrayBuffer());
             const isSvg = file.type === "image/svg+xml";
@@ -37586,11 +37721,12 @@ function DocxView({
             const maxW = sp ? sp.pageWidth - sp.marginLeft - sp.marginRight : 624;
             const scale = Math.min(1, maxW / naturalWidth);
             const ext = file.type === "image/svg+xml" ? "svg" : (file.type.split("/")[1] ?? "png").replace("jpeg", "jpg");
-            if (collab?.submitOp && doc.stableIds) {
+            const current = collabRef.current;
+            if (current?.submitOp && doc.stableIds) {
               bmp?.close();
-              if (!collab.uploadMedia) return "no-relay";
+              if (!current.uploadMedia) return "no-relay";
               if (!COLLAB_IMAGE_EXTS.includes(ext)) return "unsupported-format";
-              const media = await collab.uploadMedia(bytes2);
+              const media = await current.uploadMedia(bytes2);
               if (!media) return "upload-failed";
               const w = naturalWidth * scale;
               const h2 = naturalHeight * scale;
@@ -38171,6 +38307,7 @@ export {
   acceptRevision,
   rejectRevision,
   acceptAllRevisions,
+  rejectAllRevisions,
   applyInsertText,
   applyDeleteRange,
   applySplitParagraph,
@@ -38205,4 +38342,4 @@ export {
 cfb/cfb.js:
   (*! crc32.js (C) 2014-present SheetJS -- http://sheetjs.com *)
 */
-//# sourceMappingURL=chunk-XGTWJMDG.js.map
+//# sourceMappingURL=chunk-OIN65MGS.js.map