wordinweb 0.1.16 → 0.1.18

package/dist/index.js

@@ -2358,6 +2358,7 @@ var BORDER_STYLE_MAP = {
   dashed: "dashed",
   dotDash: "dotDash",
   dotDotDash: "dotDotDash",
+  thinThickSmallGap: "thinThickSmallGap",
   triple: "triple",
   wave: "wave",
   none: "none",
@@ -4215,7 +4216,11 @@ function parseDrawing(drawing, ctx) {
           x2: emuToPx(x2),
           y2: emuToPx(y2),
           color,
-          weight: Math.max(weightEmu / EMU_PER_PT * (4 / 3), 0.75)
+          weight: Math.max(weightEmu / EMU_PER_PT * (4 / 3), 0.75),
+          style: (() => {
+            const dash = attr(child(lnEl, "prstDash"), "val");
+            return dash === "dot" || dash === "sysDot" ? "dotted" : dash && dash !== "solid" ? "dashed" : "single";
+          })()
         });
       }
       const custGeom = child(spPr, "custGeom");
@@ -4772,6 +4777,7 @@ function resolveDiagramDrawing(relIds, ctx) {
 function collectDiagramShapes(dspRoot, ctx, out, dx, dy) {
   const spTree = findDescendant(dspRoot, "spTree");
   if (!spTree) return;
+  let smartArtNodeIndex = 0;
   const emitShape = (sp, ox, oy, sx, sy) => {
     const spPr = child(sp, "spPr");
     if (!spPr) return;
@@ -4803,10 +4809,15 @@ function collectDiagramShapes(dspRoot, ctx, out, dx, dy) {
           x2: dx + emuToPx(x2),
           y2: dy + emuToPx(y2),
           color: stroke.color,
-          weight: Math.max(stroke.width, 0.75)
+          weight: Math.max(stroke.width, 0.75),
+          style: (() => {
+            const dash = attr(child(lnEl, "prstDash"), "val");
+            return dash === "dot" || dash === "sysDot" ? "dotted" : dash && dash !== "solid" ? "dashed" : "single";
+          })()
         });
       }
     } else {
+      const nodeIndex = smartArtNodeIndex++;
       const fill = child(spPr, "noFill") ? void 0 : solidFillColor(spPr, ctx.theme);
       if ((fill || stroke) && w > 0 && h > 0) {
         const d = presetPathD(prst, w, h, child(child(spPr, "prstGeom"), "avLst"));
@@ -4820,7 +4831,8 @@ function collectDiagramShapes(dspRoot, ctx, out, dx, dy) {
             viewW: w,
             viewH: h,
             fill,
-            stroke
+            stroke,
+            smartArtNodeIndex: nodeIndex
           });
         }
       }
@@ -5555,12 +5567,192 @@ function descendant2(node, name) {
   }
   return void 0;
 }
+function descendants3(node, name, out = []) {
+  if (localName(node.name) === name) out.push(node);
+  for (const child4 of node.children) descendants3(child4, name, out);
+  return out;
+}
+function smartArtDrawingPart(doc, drawing) {
+  const relIds = descendant2(drawing, "relIds");
+  const dataRel = relIds ? doc.documentRels.get(attr(relIds, "dm") ?? "") : void 0;
+  if (!dataRel || dataRel.external) return null;
+  const dataXml = doc.pkg.text(dataRel.target);
+  if (!dataXml) return null;
+  const drawingRelId = attr(descendant2(parseXml(dataXml), "dataModelExt"), "relId");
+  if (drawingRelId) {
+    const hostRel = doc.documentRels.get(drawingRelId);
+    if (hostRel && !hostRel.external) return hostRel.target;
+    const relsXml = doc.pkg.text(relsPathFor(dataRel.target));
+    if (relsXml) {
+      const dataRelEntry = parseRelationships(parseXml(relsXml), dataRel.target).get(drawingRelId);
+      if (dataRelEntry && !dataRelEntry.external) return dataRelEntry.target;
+    }
+  }
+  for (const rel of doc.documentRels.values()) {
+    if (!rel.external && rel.type.endsWith("/diagramDrawing")) return rel.target;
+  }
+  return null;
+}
+function smartArtNodeShapes(root) {
+  return descendants3(root, "sp").filter((shape) => {
+    const spPr = shape.children.find((child4) => localName(child4.name) === "spPr");
+    if (!spPr) return false;
+    const name = attr(descendant2(shape, "cNvPr"), "name") ?? "";
+    const geometry = (attr(descendant2(spPr, "prstGeom"), "prst") ?? "").toLowerCase();
+    return !/^connector\b/i.test(name) && geometry !== "line" && !geometry.includes("connector");
+  });
+}
+function smartArtNodeShapeProperties(root) {
+  return smartArtNodeShapes(root).flatMap((shape) => {
+    const spPr = shape.children.find((child4) => localName(child4.name) === "spPr");
+    return spPr ? [spPr] : [];
+  });
+}
+function replaceTextLeaves(root, value) {
+  const leaves = descendants3(root, "t").filter((node) => node.children.length === 0);
+  if (!leaves.length) return false;
+  leaves[0].text = value;
+  for (const leaf of leaves.slice(1)) leaf.text = "";
+  return true;
+}
+function directChild(node, name) {
+  return node.children.find((child4) => localName(child4.name) === name);
+}
+function textColor(rPr) {
+  const color = attr(descendant2(directChild(rPr ?? el("a:rPr"), "solidFill"), "srgbClr"), "val") ?? attr(descendant2(directChild(rPr ?? el("a:rPr"), "solidFill"), "sysClr"), "lastClr");
+  return `#${(color ?? "000000").toUpperCase()}`;
+}
+function applyTextFormat(root, format) {
+  for (const run of descendants3(root, "r")) {
+    let rPr = directChild(run, "rPr");
+    if (!rPr) {
+      rPr = el("a:rPr");
+      run.children.unshift(rPr);
+    }
+    rPr.attrs.sz = String(Math.round(format.fontSizePt * 100));
+    rPr.attrs.b = format.bold ? "1" : "0";
+    rPr.attrs.i = format.italic ? "1" : "0";
+    for (const name of ["latin", "ea", "cs"]) {
+      let font = directChild(rPr, name);
+      if (!font) {
+        font = el(`a:${name}`);
+        rPr.children.push(font);
+      }
+      font.attrs.typeface = format.fontFamily;
+    }
+    rPr.children = rPr.children.filter((child4) => {
+      const name = localName(child4.name);
+      return !["solidFill", "noFill", "gradFill", "pattFill"].includes(name);
+    });
+    rPr.children.unshift(el("a:solidFill", {}, [el("a:srgbClr", { val: format.color.replace(/^#/, "").toUpperCase() })]));
+  }
+  for (const paragraph of descendants3(root, "p")) {
+    let pPr = directChild(paragraph, "pPr");
+    if (!pPr) {
+      pPr = el("a:pPr");
+      paragraph.children.unshift(pPr);
+    }
+    pPr.attrs.algn = format.alignment === "center" ? "ctr" : format.alignment === "right" ? "r" : "l";
+  }
+}
+function smartArtFillColor(doc, drawing, nodeIndex = 0) {
+  const part = smartArtDrawingPart(doc, drawing);
+  const xml = part ? doc.pkg.text(part) : void 0;
+  if (!xml) return null;
+  const spPr = smartArtNodeShapeProperties(parseXml(xml))[nodeIndex];
+  if (!spPr || spPr.children.some((child4) => localName(child4.name) === "noFill")) return null;
+  const solidFill = spPr.children.find((child4) => localName(child4.name) === "solidFill");
+  if (!solidFill) return null;
+  const color = attr(descendant2(solidFill, "srgbClr"), "val") ?? attr(descendant2(solidFill, "sysClr"), "lastClr");
+  return `#${(color ?? COLORS[0]).toUpperCase()}`;
+}
+function setSmartArtFill(doc, drawing, color, nodeIndex) {
+  const part = smartArtDrawingPart(doc, drawing);
+  const xml = part ? doc.pkg.text(part) : void 0;
+  if (!part || !xml) return false;
+  const root = parseXml(xml);
+  const allNodes = smartArtNodeShapeProperties(root);
+  const nodes = nodeIndex === void 0 ? allNodes : allNodes.slice(nodeIndex, nodeIndex + 1);
+  if (!nodes.length) return false;
+  for (const spPr of nodes) {
+    spPr.children = spPr.children.filter((child4) => {
+      const name = localName(child4.name);
+      return !["solidFill", "noFill", "gradFill", "pattFill", "blipFill", "grpFill"].includes(name);
+    });
+    const fill = color ? el("a:solidFill", {}, [el("a:srgbClr", { val: color.replace(/^#/, "").toUpperCase() })]) : el("a:noFill");
+    const lineIndex = spPr.children.findIndex((child4) => localName(child4.name) === "ln");
+    spPr.children.splice(lineIndex === -1 ? spPr.children.length : lineIndex, 0, fill);
+  }
+  doc.pkg.raw()[part] = strToU8(serializeXml(root, true));
+  doc.markPackageResourceChanged();
+  doc.refresh();
+  return true;
+}
+function setSmartArtNodeText(doc, drawing, nodeIndex, value) {
+  const relIds = descendant2(drawing, "relIds");
+  const dataRel = relIds ? doc.documentRels.get(attr(relIds, "dm") ?? "") : void 0;
+  const drawingPart = smartArtDrawingPart(doc, drawing);
+  const dataXml = dataRel && !dataRel.external ? doc.pkg.text(dataRel.target) : void 0;
+  const drawingXml = drawingPart ? doc.pkg.text(drawingPart) : void 0;
+  if (!dataRel || dataRel.external || !drawingPart || !dataXml || !drawingXml) return false;
+  const drawingRoot = parseXml(drawingXml);
+  const shape = smartArtNodeShapes(drawingRoot)[nodeIndex];
+  const modelId = shape ? attr(shape, "modelId") : void 0;
+  if (!shape || !modelId) return false;
+  const dataRoot = parseXml(dataXml);
+  const point = descendants3(dataRoot, "pt").find((candidate) => attr(candidate, "modelId") === modelId);
+  if (!point || !replaceTextLeaves(shape, value) || !replaceTextLeaves(point, value)) return false;
+  doc.pkg.raw()[drawingPart] = strToU8(serializeXml(drawingRoot, true));
+  doc.pkg.raw()[dataRel.target] = strToU8(serializeXml(dataRoot, true));
+  doc.markPackageResourceChanged();
+  doc.refresh();
+  return true;
+}
+function smartArtTextFormat(doc, drawing, nodeIndex = 0) {
+  const part = smartArtDrawingPart(doc, drawing);
+  const xml = part ? doc.pkg.text(part) : void 0;
+  if (!xml) return null;
+  const shape = smartArtNodeShapes(parseXml(xml))[nodeIndex];
+  const rPr = shape ? descendant2(shape, "rPr") : void 0;
+  if (!shape || !rPr) return null;
+  const alignment = attr(descendant2(shape, "pPr"), "algn");
+  return {
+    fontFamily: attr(descendant2(rPr, "latin"), "typeface") ?? "Calibri",
+    fontSizePt: Number(attr(rPr, "sz") ?? "1200") / 100,
+    color: textColor(rPr),
+    bold: attr(rPr, "b") === "1",
+    italic: attr(rPr, "i") === "1",
+    alignment: alignment === "r" ? "right" : alignment === "ctr" ? "center" : "left"
+  };
+}
+function setSmartArtTextFormat(doc, drawing, format, nodeIndex) {
+  const relIds = descendant2(drawing, "relIds");
+  const dataRel = relIds ? doc.documentRels.get(attr(relIds, "dm") ?? "") : void 0;
+  const drawingPart = smartArtDrawingPart(doc, drawing);
+  const dataXml = dataRel && !dataRel.external ? doc.pkg.text(dataRel.target) : void 0;
+  const drawingXml = drawingPart ? doc.pkg.text(drawingPart) : void 0;
+  if (!dataRel || dataRel.external || !drawingPart || !dataXml || !drawingXml) return false;
+  const drawingRoot = parseXml(drawingXml);
+  const allShapes = smartArtNodeShapes(drawingRoot);
+  const shapes = nodeIndex === void 0 ? allShapes : allShapes.slice(nodeIndex, nodeIndex + 1);
+  if (!shapes.length) return false;
+  const modelIds = new Set(shapes.map((shape) => attr(shape, "modelId")).filter((value) => !!value));
+  const dataRoot = parseXml(dataXml);
+  const points = descendants3(dataRoot, "pt").filter((point) => modelIds.has(attr(point, "modelId") ?? ""));
+  for (const shape of shapes) applyTextFormat(shape, format);
+  for (const point of points) applyTextFormat(point, format);
+  doc.pkg.raw()[drawingPart] = strToU8(serializeXml(drawingRoot, true));
+  doc.pkg.raw()[dataRel.target] = strToU8(serializeXml(dataRoot, true));
+  doc.markPackageResourceChanged();
+  doc.refresh();
+  return true;
+}
 function escapeXml(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function normalizeSmartArtData(data) {
   const items = data.items.map((item) => item.trim()).filter(Boolean);
-  return { layout: data.layout, items: items.length ? items : ["First idea", "Second idea", "Third idea"] };
+  return { layout: data.layout, items: items.length ? items : [""] };
 }
 function line(modelId, x1, y1, x2, y2) {
   return { modelId, x: x1, y: y1, width: x2 - x1, height: y2 - y1, geometry: "line" };
@@ -5651,13 +5843,13 @@ function buildSmartArtDataXml(input, drawingRelId) {
     (text, index) => `<dgm:pt modelId="${index + 1}"><dgm:prSet/><dgm:spPr/><dgm:t><a:bodyPr/><a:lstStyle/><a:p><a:r><a:rPr lang="en-US"/><a:t>${escapeXml(text)}</a:t></a:r></a:p></dgm:t></dgm:pt>`
   ).join("");
   const connections = data.items.map(
-    (_, index) => `<dgm:cxn modelId="${data.items.length + index + 1}" srcId="0" destId="${index + 1}" srcOrd="${index}" destOrd="0"/>`
+    (_, index) => `<dgm:cxn modelId="${data.items.length + index + 1}" type="parOf" srcId="0" destId="${index + 1}" srcOrd="${index}" destOrd="0" presId=""/>`
   ).join("");
-  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><dgm:dataModel xmlns:dgm="${NS_DGM}" xmlns:a="${NS_A}"><dgm:ptLst><dgm:pt modelId="0" type="doc"><dgm:prSet loTypeId="urn:wordinweb:smartart:${data.layout}" loCatId="${data.layout}"/><dgm:spPr/><dgm:t><a:bodyPr/><a:lstStyle/><a:p/></dgm:t></dgm:pt>${points}</dgm:ptLst><dgm:cxnLst>${connections}</dgm:cxnLst><dgm:bg/><dgm:whole/><dgm:extLst><a:ext uri="http://schemas.microsoft.com/office/drawing/2008/diagram"><dsp:dataModelExt xmlns:dsp="${NS_DSP}" relId="${escapeXml(drawingRelId)}" minVer="${NS_DGM}"/></a:ext></dgm:extLst></dgm:dataModel>`;
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><dgm:dataModel xmlns:dgm="${NS_DGM}" xmlns:a="${NS_A}"><dgm:ptLst><dgm:pt modelId="0" type="doc"><dgm:prSet loTypeId="urn:wordinweb:smartart:${data.layout}" loCatId="${data.layout}" qsTypeId="urn:wordinweb:smartart:style" qsCatId="simple" csTypeId="urn:wordinweb:smartart:colors" csCatId="accent1"/><dgm:spPr/><dgm:t><a:bodyPr/><a:lstStyle/><a:p/></dgm:t></dgm:pt>${points}</dgm:ptLst><dgm:cxnLst>${connections}</dgm:cxnLst><dgm:bg/><dgm:whole/><dgm:extLst><a:ext uri="http://schemas.microsoft.com/office/drawing/2008/diagram"><dsp:dataModelExt xmlns:dsp="${NS_DSP}" relId="${escapeXml(drawingRelId)}" minVer="${NS_DGM}"/></a:ext></dgm:extLst></dgm:dataModel>`;
 }
 function buildSmartArtLayoutXml(input) {
   const data = normalizeSmartArtData(input);
-  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><dgm:layoutDef xmlns:dgm="${NS_DGM}" xmlns:a="${NS_A}" uniqueId="urn:wordinweb:smartart:${data.layout}"><dgm:title val="${data.layout}"/><dgm:desc val="WordInWeb ${data.layout} diagram"/><dgm:catLst><dgm:cat type="${data.layout}" pri="1000"/></dgm:catLst><dgm:layoutNode name="root"><dgm:alg type="composite"/></dgm:layoutNode></dgm:layoutDef>`;
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><dgm:layoutDef xmlns:dgm="${NS_DGM}" xmlns:a="${NS_A}" uniqueId="urn:wordinweb:smartart:${data.layout}"><dgm:title val="${data.layout}"/><dgm:desc val="WordInWeb ${data.layout} diagram"/><dgm:catLst><dgm:cat type="${data.layout}" pri="1000"/></dgm:catLst><dgm:layoutNode name="diagram"><dgm:alg type="lin"/><dgm:shape/><dgm:presOf/><dgm:constrLst><dgm:constr type="w" for="ch" forName="node" refType="w"/><dgm:constr op="equ" type="h" for="ch" forName="node"/><dgm:constr op="equ" type="primFontSz" for="ch" forName="node" val="65"/></dgm:constrLst><dgm:ruleLst/><dgm:forEach axis="ch" ptType="node"><dgm:layoutNode name="node" styleLbl="node0"><dgm:varLst><dgm:bulletEnabled val="true"/></dgm:varLst><dgm:alg type="tx"/><dgm:shape type="roundRect"/><dgm:presOf axis="desOrSelf" ptType="node"/><dgm:constrLst><dgm:constr type="tMarg" refType="primFontSz" fact="0.3"/><dgm:constr type="bMarg" refType="primFontSz" fact="0.3"/><dgm:constr type="lMarg" refType="primFontSz" fact="0.3"/><dgm:constr type="rMarg" refType="primFontSz" fact="0.3"/></dgm:constrLst><dgm:ruleLst><dgm:rule type="primFontSz" val="5"/></dgm:ruleLst></dgm:layoutNode></dgm:forEach></dgm:layoutNode></dgm:layoutDef>`;
 }
 function buildSmartArtStyleXml() {
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><dgm:styleDef xmlns:dgm="${NS_DGM}" xmlns:a="${NS_A}" uniqueId="urn:wordinweb:smartart:style"><dgm:title val="WordInWeb"/><dgm:desc val="WordInWeb diagram style"/><dgm:catLst><dgm:cat type="simple" pri="1000"/></dgm:catLst><dgm:scene3d><a:camera prst="orthographicFront"/><a:lightRig rig="threePt" dir="t"/></dgm:scene3d><dgm:styleLbl name="node0"><dgm:scene3d><a:camera prst="orthographicFront"/><a:lightRig rig="threePt" dir="t"/></dgm:scene3d><dgm:sp3d/><dgm:txPr/><dgm:style><a:lnRef idx="2"><a:schemeClr val="accent1"/></a:lnRef><a:fillRef idx="1"><a:schemeClr val="accent1"/></a:fillRef><a:effectRef idx="0"><a:schemeClr val="accent1"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="lt1"/></a:fontRef></dgm:style></dgm:styleLbl></dgm:styleDef>`;
@@ -5712,12 +5904,12 @@ function setSmartArtData(doc, drawing, input) {
   const dataRootXml = doc.pkg.text(dataRel.target);
   if (!dataRootXml) return false;
   const drawingRelId = attr(descendant2(parseXml(dataRootXml), "dataModelExt"), "relId");
-  const drawingRel = drawingRelId ? doc.documentRels.get(drawingRelId) : void 0;
-  if (!drawingRel || drawingRel.external) return false;
+  const drawingPart = smartArtDrawingPart(doc, drawing);
+  if (!drawingRelId || !drawingPart) return false;
   const data = normalizeSmartArtData(input);
-  doc.pkg.raw()[dataRel.target] = strToU8(buildSmartArtDataXml(data, drawingRel.id));
+  doc.pkg.raw()[dataRel.target] = strToU8(buildSmartArtDataXml(data, drawingRelId));
   doc.pkg.raw()[layoutRel.target] = strToU8(buildSmartArtLayoutXml(data));
-  doc.pkg.raw()[drawingRel.target] = strToU8(buildSmartArtDrawingXml(data));
+  doc.pkg.raw()[drawingPart] = strToU8(buildSmartArtDrawingXml(data));
   doc.markPackageResourceChanged();
   doc.refresh();
   return true;
@@ -14558,7 +14750,7 @@ var Engine = class {
             y1: by + l.y1,
             x2: bx + l.x2,
             y2: by + l.y2,
-            border: { style: "single", width: l.weight, color: l.color, space: 0 }
+            border: { style: l.style ?? "single", width: l.weight, color: l.color, space: 0 }
           });
         }
         for (const pth of span.drawing.paths ?? []) {
@@ -14585,7 +14777,16 @@ var Engine = class {
             src: span.drawing.srcDrawing,
             anchored: false,
             belowText: true,
-            smartArt: !!span.drawing.smartArt
+            smartArt: !!span.drawing.smartArt,
+            smartArtNodes: span.drawing.smartArt ? (span.drawing.paths ?? []).flatMap((path2) => path2.smartArtNodeIndex === void 0 ? [] : [{
+              index: path2.smartArtNodeIndex,
+              x: path2.x,
+              y: path2.y,
+              width: path2.width,
+              height: path2.height
+            }]) : void 0,
+            chartData: span.drawing.chart,
+            smartArtData: span.drawing.smartArt
           });
         }
         for (const ts of span.drawing.texts ?? []) {
@@ -15061,7 +15262,7 @@ var Engine = class {
           const y1 = oy + l.y1 - fy;
           const x2 = ox + l.x2 - fx;
           const y2 = oy + l.y2 - fy;
-          page.items.push({ kind: "edge", x1, y1, x2, y2, border: { style: "single", width: l.weight, color: l.color, space: 0 }, ...rotate ? { rotate: rotate(Math.min(x1, x2), Math.min(y1, y2)) } : {}, ...shape.behind ? { behind: true } : { front: true }, z: shape.z });
+          page.items.push({ kind: "edge", x1, y1, x2, y2, border: { style: l.style ?? "single", width: l.weight, color: l.color, space: 0 }, ...rotate ? { rotate: rotate(Math.min(x1, x2), Math.min(y1, y2)) } : {}, ...shape.behind ? { behind: true } : { front: true }, z: shape.z });
         }
         for (const img of shape.images) {
           const x = ox + img.x - fx;
@@ -18101,6 +18302,10 @@ function printPages(root, pageWidthPx, pageHeightPx) {
     @page { size: ${pageWidthPx / 96}in ${pageHeightPx / 96}in; margin: 0; }
     html, body { margin: 0; padding: 0; }
     .dxw-pages { display: block !important; padding: 0 !important; gap: 0 !important; }
+    .dxw-pages, .dxw-pages * {
+      -webkit-print-color-adjust: exact !important;
+      print-color-adjust: exact !important;
+    }
     .dxw-page { box-shadow: none !important; margin: 0 !important; break-after: page; }
     .dxw-comment-card, .dxw-hf-marker { display: none !important; }
   `;
@@ -18762,9 +18967,17 @@ function renderItem(doc, item, urls, interactive) {
       hit.dataset.dxwDrawing = "1";
       if (item.ink) hit.dataset.dxwInk = "1";
       if (item.smartArt) hit.dataset.dxwSmartArt = "1";
-      if (item.height < 12) {
+      for (const node of item.smartArtNodes ?? []) {
+        const nodeHit = document.createElement("div");
+        nodeHit.dataset.dxwSmartArtNode = String(node.index);
+        nodeHit.style.cssText = `position:absolute;left:${node.x}px;top:${node.y}px;width:${node.width}px;height:${node.height}px;cursor:move;`;
+        hit.appendChild(nodeHit);
+      }
+      if (item.width < 12 || item.height < 12) {
         const target = document.createElement("div");
-        target.style.cssText = `position:absolute;left:0;top:${-(12 - item.height) / 2}px;width:100%;height:12px;cursor:move;`;
+        const targetWidth = Math.max(item.width, 12);
+        const targetHeight = Math.max(item.height, 12);
+        target.style.cssText = `position:absolute;left:${-(targetWidth - item.width) / 2}px;top:${-(targetHeight - item.height) / 2}px;width:${targetWidth}px;height:${targetHeight}px;cursor:move;`;
         hit.appendChild(target);
       }
       return hit;
@@ -19481,6 +19694,8 @@ function renderEdge(x1, y1, x2, y2, border, rotate) {
     stroke.style.transformOrigin = "0 50%";
     if (border.style === "double") {
       stroke.style.background = `linear-gradient(180deg, ${border.color} 0 ${w}px, transparent ${w}px ${w * 2}px, ${border.color} ${w * 2}px ${w * 3}px)`;
+    } else if (border.style === "thinThickSmallGap") {
+      stroke.style.background = `linear-gradient(180deg, ${border.color} 0 25%, transparent 25% 50%, ${border.color} 50% 100%)`;
     } else if (dashPattern) {
       const on = Math.max(dashPattern[0] * border.width, 2);
       const period = on + Math.max(dashPattern[1] * border.width, 1);
@@ -19505,6 +19720,9 @@ function renderEdge(x1, y1, x2, y2, border, rotate) {
     if (border.style === "double") {
       el16.style.height = `${w * 3}px`;
       el16.style.background = `linear-gradient(180deg, ${border.color} 0 ${w}px, transparent ${w}px ${w * 2}px, ${border.color} ${w * 2}px ${w * 3}px)`;
+    } else if (border.style === "thinThickSmallGap") {
+      el16.style.height = `${w}px`;
+      el16.style.background = `linear-gradient(180deg, ${border.color} 0 25%, transparent 25% 50%, ${border.color} 50% 100%)`;
     } else if (dashPattern) {
       const on = Math.max(dashPattern[0] * border.width, 2);
       const period = on + Math.max(dashPattern[1] * border.width, 1);
@@ -19533,6 +19751,9 @@ function renderEdge(x1, y1, x2, y2, border, rotate) {
     if (border.style === "double") {
       el16.style.width = `${w * 3}px`;
       el16.style.background = `linear-gradient(90deg, ${border.color} 0 ${w}px, transparent ${w}px ${w * 2}px, ${border.color} ${w * 2}px ${w * 3}px)`;
+    } else if (border.style === "thinThickSmallGap") {
+      el16.style.width = `${w}px`;
+      el16.style.background = `linear-gradient(90deg, ${border.color} 0 25%, transparent 25% 50%, ${border.color} 50% 100%)`;
     } else if (dashPattern) {
       const on = Math.max(dashPattern[0] * border.width, 2);
       const period = on + Math.max(dashPattern[1] * border.width, 1);
@@ -20318,6 +20539,13 @@ function cellContextOf(doc, target) {
   }
   return null;
 }
+function cellShadingAt(doc, target) {
+  const ctx = cellContextOf(doc, target);
+  if (!ctx) return void 0;
+  const shd = child(child(ctx.tc, "tcPr"), "shd");
+  const fill = shd ? attr(shd, "fill") : void 0;
+  return fill && fill.toLowerCase() !== "auto" ? `#${fill.replace(/^#/, "").toUpperCase()}` : null;
+}
 function emptyCellLike(tc, w) {
   const tcPr = tc.children.find((c) => localName(c.name) === "tcPr");
   return {
@@ -20716,7 +20944,7 @@ function resizeTableRow(doc, tblEl, rowIdx, newHeightPx) {
   doc.refresh();
   return true;
 }
-function moveTableTo(doc, tblEl, xPx, yPx, preservePageStart = false) {
+function moveTableTo(doc, tblEl, xPx, yPx, preservePageStart = false, pageDelta = 0) {
   if (localName(tblEl.name) !== "tbl") return false;
   const w = prefixOf5(tblEl);
   let tblPr = child(tblEl, "tblPr");
@@ -20725,31 +20953,54 @@ function moveTableTo(doc, tblEl, xPx, yPx, preservePageStart = false) {
     tblEl.children.unshift(tblPr);
   }
   let position = child(tblPr, "tblpPr");
+  const wasInline = !position;
   if (!position) {
-    if (preservePageStart) {
-      const parent = doc.findParentOf(tblEl);
-      const tableIndex = parent?.children.indexOf(tblEl) ?? -1;
-      const previous = parent && tableIndex > 0 ? parent.children[tableIndex - 1] : void 0;
-      const breakRun = {
+    position = { name: `${w}tblpPr`, attrs: {}, children: [], text: "" };
+    const styleIdx = tblPr.children.findIndex((c) => localName(c.name) === "tblStyle");
+    tblPr.children.splice(styleIdx + 1, 0, position);
+  }
+  let pageBreakAdjustment = pageDelta + (wasInline && preservePageStart ? 1 : 0);
+  const parent = doc.findParentOf(tblEl);
+  if (parent && pageBreakAdjustment > 0) {
+    const tableIndex = parent.children.indexOf(tblEl);
+    let previous = tableIndex > 0 ? parent.children[tableIndex - 1] : void 0;
+    if (!previous || localName(previous.name) !== "p") {
+      previous = { name: `${w}p`, attrs: {}, children: [], text: "" };
+      parent.children.splice(tableIndex, 0, previous);
+    }
+    while (pageBreakAdjustment-- > 0) {
+      previous.children.push({
         name: `${w}r`,
         attrs: {},
         children: [{ name: `${w}br`, attrs: { [`${w}type`]: "page" }, children: [], text: "" }],
         text: ""
-      };
-      if (previous && localName(previous.name) === "p") {
-        previous.children.push(breakRun);
-      } else if (parent && tableIndex >= 0) {
-        parent.children.splice(tableIndex, 0, {
-          name: `${w}p`,
-          attrs: {},
-          children: [breakRun],
-          text: ""
-        });
+      });
+    }
+  } else if (parent && pageBreakAdjustment < 0) {
+    while (pageBreakAdjustment++ < 0) {
+      const tableIndex = parent.children.indexOf(tblEl);
+      const previous = tableIndex > 0 ? parent.children[tableIndex - 1] : void 0;
+      if (!previous || localName(previous.name) !== "p") break;
+      let removed = false;
+      for (let runIndex = previous.children.length - 1; runIndex >= 0 && !removed; runIndex--) {
+        const run = previous.children[runIndex];
+        if (localName(run.name) !== "r") continue;
+        for (let childIndex = run.children.length - 1; childIndex >= 0; childIndex--) {
+          const runChild = run.children[childIndex];
+          if (localName(runChild.name) !== "br" || attr(runChild, "type") !== "page") continue;
+          run.children.splice(childIndex, 1);
+          if (!run.children.some((childEl) => localName(childEl.name) !== "rPr")) {
+            previous.children.splice(runIndex, 1);
+          }
+          removed = true;
+          break;
+        }
+      }
+      if (!removed) break;
+      if (!previous.children.some((childEl) => localName(childEl.name) !== "pPr")) {
+        parent.children.splice(parent.children.indexOf(previous), 1);
       }
     }
-    position = { name: `${w}tblpPr`, attrs: {}, children: [], text: "" };
-    const styleIdx = tblPr.children.findIndex((c) => localName(c.name) === "tblStyle");
-    tblPr.children.splice(styleIdx + 1, 0, position);
   }
   const keyOf = (name) => Object.keys(position.attrs).find((key) => localName(key) === name);
   const set = (name, value) => {
@@ -20788,12 +21039,13 @@ function resizeDrawing(doc, drawingEl, widthPx, heightPx) {
     for (const childNode of node.children) findLineExtent(childNode);
   };
   findLineExtent(drawingEl);
+  const keepVertical = lineExtent ? parseInt(lineExtent.attrs[Object.keys(lineExtent.attrs).find((key) => localName(key) === "cx") ?? "cx"] ?? "0", 10) === 0 : false;
   const keepHorizontal = lineExtent ? parseInt(lineExtent.attrs[Object.keys(lineExtent.attrs).find((key) => localName(key) === "cy") ?? "cy"] ?? "0", 10) === 0 : false;
   let touched = false;
   const setExt = (el16) => {
     const cxKey = Object.keys(el16.attrs).find((k) => localName(k) === "cx") ?? "cx";
     const cyKey = Object.keys(el16.attrs).find((k) => localName(k) === "cy") ?? "cy";
-    el16.attrs[cxKey] = cx;
+    el16.attrs[cxKey] = el16 === lineExtent && keepVertical ? "0" : cx;
     el16.attrs[cyKey] = el16 === lineExtent && keepHorizontal ? "0" : cy;
     touched = true;
   };
@@ -21141,6 +21393,10 @@ function insertBlankPageAt(doc, t, offset) {
   if (ordinaryPPr) {
     ordinaryPPr.children = ordinaryPPr.children.filter((c) => localName(c.name) !== "sectPr");
   }
+  const blankPPr = ordinaryPPr ? cloneDeep(ordinaryPPr) : null;
+  if (blankPPr) {
+    blankPPr.children = blankPPr.children.filter((c) => localName(c.name) !== "numPr");
+  }
   const headBefore = pEl.children.slice(0, runIndex).filter((c) => localName(c.name) !== "pPr");
   const tailAfter = pEl.children.slice(runIndex + 1).filter((c) => localName(c.name) !== "pPr");
   pEl.children = [
@@ -21154,7 +21410,7 @@ function insertBlankPageAt(doc, t, offset) {
     el4(`${rw}t`, { "xml:space": "preserve" }, [], "")
   ]);
   const blank = el4(pEl.name, { ...pEl.attrs }, [
-    ...ordinaryPPr ? [cloneDeep(ordinaryPPr)] : [],
+    ...blankPPr ? [blankPPr] : [],
     anchorRun,
     breakRun()
   ]);
@@ -21789,19 +22045,21 @@ function insertShapeAt(doc, caretT, preset, text = "") {
   if (!caretRun || !parent || localName(caretRun.name) !== "r") return null;
   const w = prefixOf8(caretRun);
   const id = String(doc.nextDrawingId());
-  const isLine = preset === "line";
-  const width = isLine ? 240 : preset === "textBox" ? 240 : 192;
-  const height = isLine ? 2 : preset === "textBox" ? 72 : 96;
+  const isLine = preset === "line" || preset === "verticalLine";
+  const isVerticalLine = preset === "verticalLine";
+  const width = isVerticalLine ? 2 : isLine ? 240 : preset === "textBox" ? 240 : 192;
+  const height = isVerticalLine ? 240 : isLine ? 2 : preset === "textBox" ? 72 : 96;
   const cx = String(Math.round(width * EMU_PER_PX4));
   const cy = String(Math.round(height * EMU_PER_PX4));
-  const shapeCy = isLine ? "0" : cy;
-  const geometry = preset === "roundedRectangle" ? "roundRect" : preset === "rectangle" || preset === "textBox" ? "rect" : preset;
+  const shapeCx = isVerticalLine ? "0" : cx;
+  const shapeCy = isLine && !isVerticalLine ? "0" : cy;
+  const geometry = isLine ? "line" : preset === "roundedRectangle" ? "roundRect" : preset === "rectangle" || preset === "textBox" ? "rect" : preset;
   const isTextBox = preset === "textBox";
   const shapeName = isLine ? `Line ${id}` : isTextBox ? `Text Box ${id}` : `Shape ${id}`;
   const spPr = [
     el6("a:xfrm", {}, [
       el6("a:off", { x: "0", y: "0" }),
-      el6("a:ext", { cx, cy: shapeCy })
+      el6("a:ext", { cx: shapeCx, cy: shapeCy })
     ]),
     el6("a:prstGeom", { prst: geometry }, [el6("a:avLst")]),
     isTextBox || isLine ? el6("a:noFill") : el6("a:solidFill", {}, [el6("a:srgbClr", { val: "4472C4" })]),
@@ -21922,10 +22180,12 @@ function drawingLineStyle(drawing) {
   const spPr = descendant3(drawing, "spPr");
   if (!spPr) return null;
   const line2 = descendant3(drawing, "ln");
-  if (!line2) return { color: "#000000", width: 0.75 };
+  if (!line2) return { color: "#000000", width: 0.75, dash: "solid" };
   const color = descendant3(line2, "srgbClr")?.attrs.val ?? "000000";
   const width = Math.max((parseInt(line2.attrs.w ?? "0", 10) || 0) / EMU_PER_PX4, 0.75);
-  return { color: `#${color.toUpperCase()}`, width };
+  const dashValue = line2.children.find((child4) => localName(child4.name) === "prstDash")?.attrs.val;
+  const dash = dashValue === "dot" || dashValue === "sysDot" ? "dotted" : dashValue && dashValue !== "solid" ? "dashed" : "solid";
+  return { color: `#${color.toUpperCase()}`, width, dash };
 }
 function drawingFillColor(drawing) {
   const spPr = descendant3(drawing, "spPr");
@@ -21947,7 +22207,7 @@ function setDrawingFill(doc, drawing, color) {
   doc.refresh();
   return true;
 }
-function setDrawingLineStyle(doc, drawing, color, widthPx) {
+function setDrawingLineStyle(doc, drawing, color, widthPx, dash = "solid") {
   const spPr = descendant3(drawing, "spPr");
   if (!spPr) return false;
   let line2 = spPr.children.find((child4) => localName(child4.name) === "ln");
@@ -21958,9 +22218,10 @@ function setDrawingLineStyle(doc, drawing, color, widthPx) {
   line2.attrs.w = String(Math.max(1, Math.round(widthPx * EMU_PER_PX4)));
   line2.children = line2.children.filter((child4) => {
     const name = localName(child4.name);
-    return name !== "solidFill" && name !== "noFill";
+    return name !== "solidFill" && name !== "noFill" && name !== "prstDash";
   });
   line2.children.unshift(el6("a:solidFill", {}, [el6("a:srgbClr", { val: color.replace(/^#/, "").toUpperCase() })]));
+  line2.children.splice(1, 0, el6("a:prstDash", { val: dash === "dotted" ? "dot" : dash === "dashed" ? "dash" : "solid" }));
   doc.refresh();
   return true;
 }
@@ -22421,6 +22682,12 @@ function requestTextInputDialog(anchor, options) {
     label.textContent = options.label ?? options.title;
     label.style.cssText = "display:grid;gap:5px;color:var(--dxw-toolbar-muted,#5f6368);font-size:12px;";
     const field = options.multiline ? doc.createElement("textarea") : doc.createElement("input");
+    if (field instanceof HTMLInputElement) {
+      field.type = options.inputType ?? "text";
+      if (options.min !== void 0) field.min = String(options.min);
+      if (options.max !== void 0) field.max = String(options.max);
+      if (options.step !== void 0) field.step = String(options.step);
+    }
     field.className = "dxw-input-dialog-field";
     field.value = options.value ?? "";
     field.placeholder = options.placeholder ?? "";
@@ -22476,42 +22743,446 @@ function requestTextInputDialog(anchor, options) {
     });
   });
 }
-
-// ../core/src/edit/objects.ts
-var EMU_PER_PX6 = 9525;
-var NS_WP5 = "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing";
-var NS_A4 = "http://schemas.openxmlformats.org/drawingml/2006/main";
-var NS_PIC2 = "http://schemas.openxmlformats.org/drawingml/2006/picture";
-var NS_R3 = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
-var NS_MC = "http://schemas.openxmlformats.org/markup-compatibility/2006";
-var NS_AM3D = "http://schemas.microsoft.com/office/drawing/2017/model3d";
-var NS_WP15 = "http://schemas.microsoft.com/office/word/2012/wordprocessingDrawing";
-function el8(name, attrs = {}, children2 = [], text = "") {
-  return { name, attrs, children: children2, text };
-}
-function prefixOf9(node) {
-  return node.name.includes(":") ? node.name.slice(0, node.name.indexOf(":") + 1) : "";
+function requestNumberPairDialog(anchor, options) {
+  const doc = anchor.ownerDocument;
+  const win = doc.defaultView;
+  return new Promise((resolve) => {
+    const id = `dxw-number-pair-dialog-${++dialogSequence}`;
+    const previousFocus = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
+    const backdrop = doc.createElement("div");
+    backdrop.className = "dxw-input-dialog-backdrop";
+    backdrop.dataset.dxwNumberPairDialog = "";
+    backdrop.style.cssText = "position:fixed;inset:0;z-index:var(--dxw-dialog-z-index,1000);display:grid;place-items:center;padding:16px;box-sizing:border-box;background:var(--dxw-dialog-backdrop,rgba(32,33,36,.38));";
+    if (win) {
+      const computed = win.getComputedStyle(anchor);
+      for (const property of [
+        "--dxw-toolbar-fg",
+        "--dxw-toolbar-border",
+        "--dxw-toolbar-muted",
+        "--dxw-accent",
+        "--dxw-accent-fg",
+        "--dxw-popover-bg",
+        "--dxw-popover-shadow",
+        "--dxw-dialog-backdrop",
+        "--dxw-dialog-z-index",
+        "--dxw-dialog-width",
+        "--dxw-dialog-radius",
+        "--dxw-dialog-field-bg"
+      ]) {
+        const token = computed.getPropertyValue(property);
+        if (token) backdrop.style.setProperty(property, token);
+      }
+    }
+    const form = doc.createElement("form");
+    form.className = "dxw-input-dialog dxw-number-pair-dialog";
+    form.setAttribute("role", "dialog");
+    form.setAttribute("aria-modal", "true");
+    form.setAttribute("aria-labelledby", id);
+    form.style.cssText = "width:min(var(--dxw-dialog-width,420px),calc(100vw - 32px));box-sizing:border-box;display:grid;gap:12px;padding:16px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:var(--dxw-dialog-radius,10px);color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);box-shadow:var(--dxw-popover-shadow,0 8px 28px rgba(0,0,0,.24));font:13px system-ui,sans-serif;";
+    const title = doc.createElement("strong");
+    title.id = id;
+    title.textContent = options.title;
+    title.style.cssText = "font-size:15px;line-height:1.35;";
+    form.appendChild(title);
+    const fields = doc.createElement("div");
+    fields.style.cssText = "display:grid;grid-template-columns:1fr 1fr;gap:10px;";
+    const makeField = (labelText, value) => {
+      const label = doc.createElement("label");
+      label.textContent = labelText;
+      label.style.cssText = "display:grid;gap:5px;color:var(--dxw-toolbar-muted,#5f6368);font-size:12px;";
+      const input = doc.createElement("input");
+      input.type = "number";
+      input.required = true;
+      input.value = String(value);
+      if (options.min !== void 0) input.min = String(options.min);
+      if (options.step !== void 0) input.step = String(options.step);
+      input.setAttribute("aria-label", labelText);
+      input.style.cssText = "width:100%;min-height:34px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:6px;outline:none;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-dialog-field-bg,var(--dxw-popover-bg,#fff));font:13px system-ui,sans-serif;";
+      label.appendChild(input);
+      fields.appendChild(label);
+      return input;
+    };
+    const first = makeField(options.firstLabel, options.value.first);
+    const second = makeField(options.secondLabel, options.value.second);
+    form.appendChild(fields);
+    const actions = doc.createElement("div");
+    actions.style.cssText = "display:flex;justify-content:flex-end;gap:7px;";
+    const cancel = doc.createElement("button");
+    cancel.type = "button";
+    cancel.textContent = "Cancel";
+    cancel.style.cssText = "min-height:32px;padding:0 12px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:7px;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    const submit = doc.createElement("button");
+    submit.type = "submit";
+    submit.textContent = "Apply";
+    submit.style.cssText = "min-height:32px;padding:0 14px;border:1px solid transparent;border-radius:7px;color:var(--dxw-accent-fg,#fff);background:var(--dxw-accent,#1a73e8);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    actions.append(cancel, submit);
+    form.appendChild(actions);
+    backdrop.appendChild(form);
+    doc.body.appendChild(backdrop);
+    let finished = false;
+    const finish = (value) => {
+      if (finished) return;
+      finished = true;
+      doc.removeEventListener("keydown", onKeyDown, true);
+      backdrop.remove();
+      previousFocus?.focus({ preventScroll: true });
+      resolve(value);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        finish(null);
+      }
+    };
+    doc.addEventListener("keydown", onKeyDown, true);
+    backdrop.addEventListener("mousedown", (event) => {
+      if (event.target === backdrop) finish(null);
+    });
+    cancel.addEventListener("click", () => finish(null));
+    form.addEventListener("submit", (event) => {
+      event.preventDefault();
+      const firstValue = Number(first.value);
+      const secondValue = Number(second.value);
+      if (!Number.isFinite(firstValue) || !Number.isFinite(secondValue)) {
+        form.reportValidity();
+        return;
+      }
+      finish({ first: firstValue, second: secondValue });
+    });
+    requestAnimationFrame(() => {
+      first.focus({ preventScroll: true });
+      first.select();
+    });
+  });
 }
-function insertAfterCaretRun(doc, caretT, content) {
-  const caretRun = doc.findParentOf(caretT);
-  const parent = caretRun && doc.findParentOf(caretRun);
-  if (!caretRun || !parent || localName(caretRun.name) !== "r") return false;
-  const w = prefixOf9(caretRun);
-  parent.children.splice(parent.children.indexOf(caretRun) + 1, 0, el8(`${w}r`, {}, [content]));
-  doc.refresh();
-  return true;
+function requestColorDialog(anchor, options) {
+  const doc = anchor.ownerDocument;
+  const win = doc.defaultView;
+  return new Promise((resolve) => {
+    const id = `dxw-color-dialog-${++dialogSequence}`;
+    const previousFocus = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
+    const backdrop = doc.createElement("div");
+    backdrop.className = "dxw-input-dialog-backdrop";
+    backdrop.dataset.dxwColorDialog = "";
+    backdrop.style.cssText = "position:fixed;inset:0;z-index:var(--dxw-dialog-z-index,1000);display:grid;place-items:center;padding:16px;box-sizing:border-box;background:var(--dxw-dialog-backdrop,rgba(32,33,36,.38));";
+    if (win) {
+      const computed = win.getComputedStyle(anchor);
+      for (const property of [
+        "--dxw-toolbar-fg",
+        "--dxw-toolbar-border",
+        "--dxw-toolbar-muted",
+        "--dxw-accent",
+        "--dxw-accent-fg",
+        "--dxw-popover-bg",
+        "--dxw-popover-shadow",
+        "--dxw-dialog-backdrop",
+        "--dxw-dialog-z-index",
+        "--dxw-dialog-width",
+        "--dxw-dialog-radius",
+        "--dxw-dialog-field-bg"
+      ]) {
+        const token = computed.getPropertyValue(property);
+        if (token) backdrop.style.setProperty(property, token);
+      }
+    }
+    const form = doc.createElement("form");
+    form.className = "dxw-input-dialog dxw-color-dialog";
+    form.setAttribute("role", "dialog");
+    form.setAttribute("aria-modal", "true");
+    form.setAttribute("aria-labelledby", id);
+    form.style.cssText = "width:min(var(--dxw-dialog-width,420px),calc(100vw - 32px));box-sizing:border-box;display:grid;gap:12px;padding:16px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:var(--dxw-dialog-radius,10px);color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);box-shadow:var(--dxw-popover-shadow,0 8px 28px rgba(0,0,0,.24));font:13px system-ui,sans-serif;";
+    const title = doc.createElement("strong");
+    title.id = id;
+    title.textContent = options.title;
+    title.style.cssText = "font-size:15px;line-height:1.35;";
+    form.appendChild(title);
+    const initial = /^#?([0-9a-f]{6})$/i.exec(options.value ?? "")?.[1] ?? "4472C4";
+    const colorLabel = doc.createElement("label");
+    colorLabel.textContent = "Color";
+    colorLabel.style.cssText = "display:grid;gap:5px;color:var(--dxw-toolbar-muted,#5f6368);font-size:12px;";
+    const colorRow = doc.createElement("span");
+    colorRow.style.cssText = "display:grid;grid-template-columns:42px 1fr;gap:7px;";
+    const picker = doc.createElement("input");
+    picker.type = "color";
+    picker.value = `#${initial}`;
+    picker.setAttribute("aria-label", `${options.title} color picker`);
+    picker.style.cssText = "width:42px;height:34px;box-sizing:border-box;padding:2px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:6px;background:var(--dxw-dialog-field-bg,var(--dxw-popover-bg,#fff));";
+    const field = doc.createElement("input");
+    field.type = "text";
+    field.value = `#${initial.toUpperCase()}`;
+    field.required = true;
+    field.pattern = "#?[0-9a-fA-F]{6}";
+    field.setAttribute("aria-label", `${options.title} color`);
+    field.style.cssText = "width:100%;min-height:34px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:6px;outline:none;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-dialog-field-bg,var(--dxw-popover-bg,#fff));font:13px system-ui,sans-serif;";
+    let noFill = null;
+    picker.addEventListener("input", () => {
+      field.value = picker.value.toUpperCase();
+      if (noFill) noFill.checked = false;
+    });
+    field.addEventListener("input", () => {
+      if (noFill) noFill.checked = false;
+      const match = /^#?([0-9a-f]{6})$/i.exec(field.value.trim());
+      if (match) picker.value = `#${match[1]}`;
+    });
+    colorRow.append(picker, field);
+    colorLabel.appendChild(colorRow);
+    form.appendChild(colorLabel);
+    if (options.allowNone) {
+      const noneLabel = doc.createElement("label");
+      noneLabel.style.cssText = "display:flex;align-items:center;gap:7px;color:var(--dxw-toolbar-fg,#3c4043);font-size:12px;";
+      noFill = doc.createElement("input");
+      noFill.type = "checkbox";
+      noFill.checked = options.value === null;
+      noFill.setAttribute("aria-label", "No fill");
+      noneLabel.append(noFill, doc.createTextNode("No fill"));
+      form.appendChild(noneLabel);
+    }
+    const actions = doc.createElement("div");
+    actions.style.cssText = "display:flex;justify-content:flex-end;gap:7px;";
+    const cancel = doc.createElement("button");
+    cancel.type = "button";
+    cancel.textContent = "Cancel";
+    cancel.style.cssText = "min-height:32px;padding:0 12px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:7px;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    const submit = doc.createElement("button");
+    submit.type = "submit";
+    submit.textContent = "Apply";
+    submit.style.cssText = "min-height:32px;padding:0 14px;border:1px solid transparent;border-radius:7px;color:var(--dxw-accent-fg,#fff);background:var(--dxw-accent,#1a73e8);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    actions.append(cancel, submit);
+    form.appendChild(actions);
+    backdrop.appendChild(form);
+    doc.body.appendChild(backdrop);
+    let finished = false;
+    const finish = (value) => {
+      if (finished) return;
+      finished = true;
+      doc.removeEventListener("keydown", onKeyDown, true);
+      backdrop.remove();
+      previousFocus?.focus({ preventScroll: true });
+      resolve(value);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        finish(void 0);
+      }
+    };
+    doc.addEventListener("keydown", onKeyDown, true);
+    backdrop.addEventListener("mousedown", (event) => {
+      if (event.target === backdrop) finish(void 0);
+    });
+    cancel.addEventListener("click", () => finish(void 0));
+    form.addEventListener("submit", (event) => {
+      event.preventDefault();
+      if (noFill?.checked) {
+        finish(null);
+        return;
+      }
+      const color = /^#?([0-9a-f]{6})$/i.exec(field.value.trim());
+      if (!color) {
+        form.reportValidity();
+        return;
+      }
+      finish(`#${color[1].toUpperCase()}`);
+    });
+    requestAnimationFrame(() => {
+      (noFill?.checked ? noFill : field).focus({ preventScroll: true });
+      if (!noFill?.checked) field.select();
+    });
+  });
 }
-function pictureGraphic(relId, id, cx, cy, webVideo) {
-  const blipChildren = webVideo ? [
-    el8("a:extLst", {}, [
-      el8("a:ext", { uri: "{9E29B28B-C9C2-4B96-BA92-6C9A3D8F4A6A}" }, [
-        el8("wp15:webVideoPr", {
-          "xmlns:wp15": NS_WP15,
-          embeddedHtml: webVideo,
-          w: "640",
-          h: "360"
-        })
-      ])
+function requestLineStyleDialog(anchor, value, titleText = "Line style") {
+  const doc = anchor.ownerDocument;
+  const win = doc.defaultView;
+  return new Promise((resolve) => {
+    const fieldName = titleText === "Outline" ? "Outline" : "Line";
+    const id = `dxw-line-style-dialog-${++dialogSequence}`;
+    const previousFocus = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
+    const backdrop = doc.createElement("div");
+    backdrop.className = "dxw-input-dialog-backdrop";
+    backdrop.dataset.dxwLineStyleDialog = "";
+    backdrop.style.cssText = "position:fixed;inset:0;z-index:var(--dxw-dialog-z-index,1000);display:grid;place-items:center;padding:16px;box-sizing:border-box;background:var(--dxw-dialog-backdrop,rgba(32,33,36,.38));";
+    if (win) {
+      const computed = win.getComputedStyle(anchor);
+      for (const property of [
+        "--dxw-toolbar-fg",
+        "--dxw-toolbar-border",
+        "--dxw-toolbar-muted",
+        "--dxw-accent",
+        "--dxw-accent-fg",
+        "--dxw-popover-bg",
+        "--dxw-popover-shadow",
+        "--dxw-dialog-backdrop",
+        "--dxw-dialog-z-index",
+        "--dxw-dialog-width",
+        "--dxw-dialog-radius",
+        "--dxw-dialog-field-bg"
+      ]) {
+        const token = computed.getPropertyValue(property);
+        if (token) backdrop.style.setProperty(property, token);
+      }
+    }
+    const form = doc.createElement("form");
+    form.className = "dxw-input-dialog dxw-line-style-dialog";
+    form.setAttribute("role", "dialog");
+    form.setAttribute("aria-modal", "true");
+    form.setAttribute("aria-labelledby", id);
+    form.style.cssText = "width:min(var(--dxw-dialog-width,420px),calc(100vw - 32px));box-sizing:border-box;display:grid;gap:12px;padding:16px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:var(--dxw-dialog-radius,10px);color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);box-shadow:var(--dxw-popover-shadow,0 8px 28px rgba(0,0,0,.24));font:13px system-ui,sans-serif;";
+    const title = doc.createElement("strong");
+    title.id = id;
+    title.className = "dxw-input-dialog-title";
+    title.textContent = titleText;
+    title.style.cssText = "font-size:15px;line-height:1.35;";
+    form.appendChild(title);
+    const fieldStyle = "width:100%;min-height:34px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:6px;outline:none;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-dialog-field-bg,var(--dxw-popover-bg,#fff));font:13px system-ui,sans-serif;";
+    const labelStyle = "display:grid;gap:5px;color:var(--dxw-toolbar-muted,#5f6368);font-size:12px;";
+    const colorLabel = doc.createElement("label");
+    colorLabel.textContent = "Color";
+    colorLabel.style.cssText = labelStyle;
+    const colorRow = doc.createElement("span");
+    colorRow.style.cssText = "display:grid;grid-template-columns:42px 1fr;gap:7px;";
+    const colorPicker = doc.createElement("input");
+    colorPicker.type = "color";
+    colorPicker.value = value.color;
+    colorPicker.setAttribute("aria-label", `${fieldName} color picker`);
+    colorPicker.style.cssText = "width:42px;height:34px;box-sizing:border-box;padding:2px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:6px;background:var(--dxw-dialog-field-bg,var(--dxw-popover-bg,#fff));";
+    const colorField = doc.createElement("input");
+    colorField.type = "text";
+    colorField.value = value.color.toUpperCase();
+    colorField.required = true;
+    colorField.pattern = "#?[0-9a-fA-F]{6}";
+    colorField.setAttribute("aria-label", `${fieldName} color`);
+    colorField.style.cssText = fieldStyle;
+    colorPicker.addEventListener("input", () => {
+      colorField.value = colorPicker.value.toUpperCase();
+    });
+    colorField.addEventListener("input", () => {
+      const match = /^#?([0-9a-f]{6})$/i.exec(colorField.value.trim());
+      if (match) colorPicker.value = `#${match[1]}`;
+    });
+    colorRow.append(colorPicker, colorField);
+    colorLabel.appendChild(colorRow);
+    form.appendChild(colorLabel);
+    const widthLabel = doc.createElement("label");
+    widthLabel.textContent = "Width (pixels)";
+    widthLabel.style.cssText = labelStyle;
+    const widthField = doc.createElement("input");
+    widthField.type = "number";
+    widthField.min = "0.25";
+    widthField.step = "any";
+    widthField.required = true;
+    widthField.value = String(Number(value.width.toFixed(2)));
+    widthField.setAttribute("aria-label", `${fieldName} width in pixels`);
+    widthField.style.cssText = fieldStyle;
+    widthLabel.appendChild(widthField);
+    form.appendChild(widthLabel);
+    const styleLabel = doc.createElement("label");
+    styleLabel.textContent = "Style";
+    styleLabel.style.cssText = labelStyle;
+    const styleField = doc.createElement("select");
+    styleField.setAttribute("aria-label", `${fieldName} style`);
+    styleField.style.cssText = fieldStyle;
+    for (const [style, label] of [["solid", "Solid"], ["dashed", "Dashed"], ["dotted", "Dotted"]]) {
+      const option = doc.createElement("option");
+      option.value = style;
+      option.textContent = label;
+      option.selected = value.style === style;
+      styleField.appendChild(option);
+    }
+    styleLabel.appendChild(styleField);
+    form.appendChild(styleLabel);
+    const actions = doc.createElement("div");
+    actions.className = "dxw-input-dialog-actions";
+    actions.style.cssText = "display:flex;justify-content:flex-end;gap:7px;";
+    const cancel = doc.createElement("button");
+    cancel.type = "button";
+    cancel.className = "dxw-input-dialog-cancel";
+    cancel.textContent = "Cancel";
+    cancel.style.cssText = "min-height:32px;padding:0 12px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:7px;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    const submit = doc.createElement("button");
+    submit.type = "submit";
+    submit.className = "dxw-input-dialog-submit";
+    submit.textContent = "Apply";
+    submit.style.cssText = "min-height:32px;padding:0 14px;border:1px solid transparent;border-radius:7px;color:var(--dxw-accent-fg,#fff);background:var(--dxw-accent,#1a73e8);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    actions.append(cancel, submit);
+    form.appendChild(actions);
+    backdrop.appendChild(form);
+    doc.body.appendChild(backdrop);
+    let finished = false;
+    const finish = (result) => {
+      if (finished) return;
+      finished = true;
+      doc.removeEventListener("keydown", onKeyDown, true);
+      backdrop.remove();
+      previousFocus?.focus({ preventScroll: true });
+      resolve(result);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        finish(null);
+      }
+    };
+    doc.addEventListener("keydown", onKeyDown, true);
+    backdrop.addEventListener("mousedown", (event) => {
+      if (event.target === backdrop) finish(null);
+    });
+    cancel.addEventListener("click", () => finish(null));
+    form.addEventListener("submit", (event) => {
+      event.preventDefault();
+      const color = /^#?([0-9a-f]{6})$/i.exec(colorField.value.trim());
+      const width = Number(widthField.value);
+      if (!color || !Number.isFinite(width) || width <= 0) {
+        form.reportValidity();
+        return;
+      }
+      finish({
+        color: `#${color[1].toUpperCase()}`,
+        width,
+        style: styleField.value
+      });
+    });
+    requestAnimationFrame(() => {
+      colorField.focus({ preventScroll: true });
+      colorField.select();
+    });
+  });
+}
+
+// ../core/src/edit/objects.ts
+var EMU_PER_PX6 = 9525;
+var NS_WP5 = "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing";
+var NS_A4 = "http://schemas.openxmlformats.org/drawingml/2006/main";
+var NS_PIC2 = "http://schemas.openxmlformats.org/drawingml/2006/picture";
+var NS_R3 = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
+var NS_MC = "http://schemas.openxmlformats.org/markup-compatibility/2006";
+var NS_AM3D = "http://schemas.microsoft.com/office/drawing/2017/model3d";
+var NS_WP15 = "http://schemas.microsoft.com/office/word/2012/wordprocessingDrawing";
+function el8(name, attrs = {}, children2 = [], text = "") {
+  return { name, attrs, children: children2, text };
+}
+function prefixOf9(node) {
+  return node.name.includes(":") ? node.name.slice(0, node.name.indexOf(":") + 1) : "";
+}
+function insertAfterCaretRun(doc, caretT, content) {
+  const caretRun = doc.findParentOf(caretT);
+  const parent = caretRun && doc.findParentOf(caretRun);
+  if (!caretRun || !parent || localName(caretRun.name) !== "r") return false;
+  const w = prefixOf9(caretRun);
+  parent.children.splice(parent.children.indexOf(caretRun) + 1, 0, el8(`${w}r`, {}, [content]));
+  doc.refresh();
+  return true;
+}
+function pictureGraphic(relId, id, cx, cy, webVideo) {
+  const blipChildren = webVideo ? [
+    el8("a:extLst", {}, [
+      el8("a:ext", { uri: "{9E29B28B-C9C2-4B96-BA92-6C9A3D8F4A6A}" }, [
+        el8("wp15:webVideoPr", {
+          "xmlns:wp15": NS_WP15,
+          embeddedHtml: webVideo,
+          w: "640",
+          h: "360"
+        })
+      ])
     ])
   ] : [];
   return el8("a:graphic", { "xmlns:a": NS_A4 }, [
@@ -23375,6 +24046,19 @@ function textElements(el16) {
   walk2(el16);
   return out;
 }
+function clearListParagraphFormatting(doc, paragraph) {
+  const pPr = paragraph.children.find((child4) => localName(child4.name) === "pPr");
+  if (!pPr) return false;
+  const style = pPr.children.find((child4) => localName(child4.name) === "pStyle");
+  const styleHasNumbering = !!resolveParagraphStyleChain(doc.styles, attr(style, "val"), false).pPr.numbering;
+  const hasDirectNumbering = pPr.children.some((child4) => localName(child4.name) === "numPr");
+  if (!hasDirectNumbering && !styleHasNumbering) return false;
+  pPr.children = pPr.children.filter((child4) => {
+    const name = localName(child4.name);
+    return name !== "numPr" && !(name === "pStyle" && styleHasNumbering);
+  });
+  return true;
+}
 function emptyParagraphLike(el16) {
   const prefix = el16.name.includes(":") ? el16.name.slice(0, el16.name.indexOf(":") + 1) : "";
   const text = {
@@ -23546,6 +24230,7 @@ var _DocxEditor = class _DocxEditor {
     this.onGripMouseDown = (e) => {
       const target = e.target;
       if (this.wordArtTextEditor?.input.contains(target)) return;
+      if (this.smartArtTextEditor?.input.contains(target)) return;
       if (this.startInkGroupInteraction(e, target)) return;
       if (this.startInkInteraction(e, target)) return;
       if (this.startCheckboxInteraction(e, target)) return;
@@ -23595,39 +24280,102 @@ var _DocxEditor = class _DocxEditor {
       const zoom = this.host.zoom ?? 1;
       const startX = e.clientX;
       const startY = e.clientY;
+      const pages = Array.from(handle?.root.querySelectorAll(".dxw-page") ?? []);
+      const sourcePage = surface.parentElement;
+      const sourcePageIndex = sourcePage ? pages.indexOf(sourcePage) : -1;
+      const sourceRect = surface.getBoundingClientRect();
+      const pointerOffsetX = (startX - sourceRect.left) / zoom - grip.item.x;
+      const pointerOffsetY = (startY - sourceRect.top) / zoom - grip.item.y1;
       let dx = 0;
       let dy = 0;
-      const onMove = (me) => {
-        dx = (me.clientX - startX) / zoom;
-        dy = (me.clientY - startY) / zoom;
+      let targetPageIndex = sourcePageIndex;
+      let targetX = grip.item.x;
+      let targetY = grip.item.y1;
+      let pointerX = startX;
+      let pointerY = startY;
+      let scrollParent = surface.parentElement;
+      while (scrollParent) {
+        const style = getComputedStyle(scrollParent);
+        if (/(auto|scroll)/.test(style.overflowY) && scrollParent.scrollHeight > scrollParent.clientHeight) break;
+        scrollParent = scrollParent.parentElement;
+      }
+      scrollParent ?? (scrollParent = document.scrollingElement);
+      const updateMove = (clientX, clientY) => {
+        dx = (clientX - startX) / zoom;
+        dy = (clientY - startY) / zoom;
         if (isMove) {
           const width = (grip.item.x2 ?? grip.item.x) - grip.item.x;
           const height = grip.item.y2 - grip.item.y1;
-          const maxX = Math.max(0, parseFloat(surface.style.width) - width);
-          const maxY = Math.max(0, parseFloat(surface.style.height) - height);
-          dx = Math.max(-grip.item.x, Math.min(dx, maxX - grip.item.x));
-          dy = Math.max(-grip.item.y1, Math.min(dy, maxY - grip.item.y1));
-          guide.style.left = `${grip.item.x + dx}px`;
-          guide.style.top = `${grip.item.y1 + dy}px`;
+          let targetSurface = surface;
+          let bestDistance = Infinity;
+          for (let pageIndex = 0; pageIndex < pages.length; pageIndex++) {
+            const candidate = pages[pageIndex].firstElementChild;
+            if (!candidate) continue;
+            const rect = candidate.getBoundingClientRect();
+            const distX = clientX < rect.left ? rect.left - clientX : clientX > rect.right ? clientX - rect.right : 0;
+            const distY = clientY < rect.top ? rect.top - clientY : clientY > rect.bottom ? clientY - rect.bottom : 0;
+            const distance = distX * distX + distY * distY;
+            if (distance >= bestDistance) continue;
+            bestDistance = distance;
+            targetSurface = candidate;
+            targetPageIndex = pageIndex;
+          }
+          const targetRect = targetSurface.getBoundingClientRect();
+          const maxX = Math.max(0, targetRect.width / zoom - width);
+          const maxY = Math.max(0, targetRect.height / zoom - height);
+          targetX = Math.max(0, Math.min((clientX - targetRect.left) / zoom - pointerOffsetX, maxX));
+          targetY = Math.max(0, Math.min((clientY - targetRect.top) / zoom - pointerOffsetY, maxY));
+          dx = targetX - grip.item.x;
+          dy = targetY - grip.item.y1;
+          if (guide.parentElement !== targetSurface) targetSurface.appendChild(guide);
+          guide.style.left = `${targetX}px`;
+          guide.style.top = `${targetY}px`;
         } else if (isCol) {
           guide.style.left = `${grip.item.x + dx}px`;
         } else {
           guide.style.top = `${grip.item.y1 + dy}px`;
         }
       };
+      const onMove = (me) => {
+        pointerX = me.clientX;
+        pointerY = me.clientY;
+        updateMove(pointerX, pointerY);
+      };
+      let autoScrollFrame;
+      const autoScroll = () => {
+        if (isMove && scrollParent) {
+          const isDocumentScroll = scrollParent === document.documentElement || scrollParent === document.body;
+          const rect = isDocumentScroll ? { top: 0, bottom: window.innerHeight } : scrollParent.getBoundingClientRect();
+          const margin = 48;
+          const amount = pointerY < rect.top + margin ? -Math.min(28, Math.ceil(rect.top + margin - pointerY)) : pointerY > rect.bottom - margin ? Math.min(28, Math.ceil(pointerY - (rect.bottom - margin))) : 0;
+          if (amount !== 0) {
+            const before = scrollParent.scrollTop;
+            scrollParent.scrollTop += amount;
+            if (scrollParent.scrollTop !== before) updateMove(pointerX, pointerY);
+          }
+        }
+        autoScrollFrame = requestAnimationFrame(autoScroll);
+      };
+      autoScrollFrame = requestAnimationFrame(autoScroll);
       const onUp = () => {
         document.removeEventListener("mousemove", onMove);
         document.removeEventListener("mouseup", onUp);
+        if (autoScrollFrame !== void 0) cancelAnimationFrame(autoScrollFrame);
         guide.remove();
         this.suppressNextMouseUp = false;
         const delta = isCol ? dx : dy;
-        if ((isMove ? Math.hypot(dx, dy) : Math.abs(delta)) >= 1) {
+        if (isMove ? targetPageIndex !== sourcePageIndex || Math.hypot(dx, dy) >= 1 : Math.abs(delta) >= 1) {
           this.host.history?.checkpoint();
-          const page = surface.parentElement;
-          const pages = Array.from(this.host.getHandle()?.root.querySelectorAll(".dxw-page") ?? []);
-          const bodyTop = parseFloat(page?.dataset.bodyTop ?? "");
-          const preservePageStart = isMove && page !== null && pages.indexOf(page) > 0 && Number.isFinite(bodyTop) && Math.abs(grip.item.y1 - bodyTop) <= 1;
-          const ok = isMove ? moveTableTo(this.host.doc, grip.item.tbl, grip.item.x + dx, grip.item.y1 + dy, preservePageStart) : isCol ? resizeTableColumn(this.host.doc, grip.item.tbl, grip.item.boundary, dx, grip.item.renderedWidths) : resizeTableRow(this.host.doc, grip.item.tbl, grip.item.boundary, (grip.item.rowHeightPx ?? 0) + dy);
+          const bodyTop = parseFloat(sourcePage?.dataset.bodyTop ?? "");
+          const preservePageStart = isMove && sourcePage !== null && sourcePageIndex > 0 && Number.isFinite(bodyTop) && Math.abs(grip.item.y1 - bodyTop) <= 1;
+          const ok = isMove ? moveTableTo(
+            this.host.doc,
+            grip.item.tbl,
+            targetX,
+            targetY,
+            preservePageStart,
+            targetPageIndex - sourcePageIndex
+          ) : isCol ? resizeTableColumn(this.host.doc, grip.item.tbl, grip.item.boundary, dx, grip.item.renderedWidths) : resizeTableRow(this.host.doc, grip.item.tbl, grip.item.boundary, (grip.item.rowHeightPx ?? 0) + dy);
           if (ok) {
             this.host.rerender(void 0, isMove ? "global" : "local");
             this.positionCaret();
@@ -23681,9 +24429,11 @@ var _DocxEditor = class _DocxEditor {
     this.selectedInkGroup = null;
     // ---------- images: select, resize, drag-move ----------
     this.selectedImage = null;
+    this.selectedSmartArtNodeIndex = null;
     this.imageOverlay = null;
     this.imageToolbar = null;
     this.wordArtTextEditor = null;
+    this.smartArtTextEditor = null;
     /** First press selects a model; subsequent drags belong to its 3D viewport. */
     this.onModel3DPointerDown = (event) => {
       const binding = this.model3DBinding(event.target);
@@ -23730,6 +24480,7 @@ var _DocxEditor = class _DocxEditor {
       if (this.imageOverlay?.contains(e.target) || this.imageToolbar?.contains(e.target)) return;
       if (this.wordArtOverlay?.contains(e.target)) return;
       if (this.wordArtTextEditor?.input.contains(e.target)) return;
+      if (this.smartArtTextEditor?.input.contains(e.target)) return;
       if (this.selectedInkGroup?.overlay.contains(e.target)) return;
       if (e.target?.closest?.("[data-dxw-model3d-viewer]")) return;
       this.deselectInkGroup();
@@ -23995,6 +24746,18 @@ var _DocxEditor = class _DocxEditor {
         this.exitHeaderFooter();
         return;
       }
+      if (this.selectedImage && this.selectedSmartArtNodeIndex !== null && !e.metaKey && !e.ctrlKey && !e.altKey) {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          this.editSmartArtNodeText(this.selectedImage.src, this.selectedSmartArtNodeIndex);
+          return;
+        }
+        if (e.key.length === 1) {
+          e.preventDefault();
+          this.editSmartArtNodeText(this.selectedImage.src, this.selectedSmartArtNodeIndex, e.key);
+          return;
+        }
+      }
       if (this.caret && (e.key === "Backspace" || e.key === "Delete" || e.key.startsWith("Arrow"))) {
         this.positionCaret();
       }
@@ -24830,6 +25593,217 @@ var _DocxEditor = class _DocxEditor {
   getSelectedDrawingSource() {
     return this.selectedImage?.src ?? null;
   }
+  getSelectedChartData() {
+    const src = this.selectedImage?.src;
+    if (!src) return null;
+    return this.host.getHandle()?.drawings.find((binding) => binding.item.src === src)?.item.chartData ?? null;
+  }
+  getSelectedSmartArtData() {
+    const src = this.selectedImage?.src;
+    if (!src) return null;
+    return this.host.getHandle()?.drawings.find((binding) => binding.item.src === src)?.item.smartArtData ?? null;
+  }
+  getSelectedSmartArtTextFormat() {
+    const src = this.selectedImage?.src;
+    if (!src || this.getSelectedObjectContext()?.kind !== "smartArt") return null;
+    return smartArtTextFormat(this.host.doc, src, this.selectedSmartArtNodeIndex ?? 0);
+  }
+  setSelectedSmartArtTextFormat(patch) {
+    const src = this.selectedImage?.src;
+    if (!src || this.getSelectedObjectContext()?.kind !== "smartArt") return false;
+    const current = smartArtTextFormat(this.host.doc, src, this.selectedSmartArtNodeIndex ?? 0);
+    if (!current) return false;
+    const nodeIndex = this.selectedSmartArtNodeIndex;
+    this.host.history?.checkpoint();
+    if (!setSmartArtTextFormat(this.host.doc, src, { ...current, ...patch }, nodeIndex ?? void 0)) return false;
+    this.host.rerender();
+    this.reselectImage(src, void 0, nodeIndex);
+    return true;
+  }
+  getSelectedObjectContext() {
+    const selected = this.selectedImage;
+    if (!selected) return null;
+    if (selected.kind === "image") {
+      return { kind: selected.el.dataset.dxwModel3d ? "model3d" : "image", canEditText: false };
+    }
+    const binding = this.host.getHandle()?.drawings.find((item) => item.item.src === selected.src);
+    if (binding?.item.smartArtData) {
+      return {
+        kind: "smartArt",
+        canEditText: this.selectedSmartArtNodeIndex !== null,
+        smartArtNodeSelected: this.selectedSmartArtNodeIndex !== null,
+        smartArtNodeIndex: this.selectedSmartArtNodeIndex ?? void 0
+      };
+    }
+    if (binding?.item.chartData) return { kind: "chart", canEditText: false };
+    const kind = isDrawingLine(selected.src) ? "line" : "shape";
+    return {
+      kind,
+      canEditText: kind === "shape" && !!binding?.item.textboxStory && !isDrawingWordArt(selected.src)
+    };
+  }
+  runSelectedObjectCommand(command) {
+    const selected = this.selectedImage;
+    const context = this.getSelectedObjectContext();
+    if (!selected || !context) return false;
+    const { src, el: el16 } = selected;
+    const selectedSmartArtNodeIndex = this.selectedSmartArtNodeIndex;
+    const reselect = () => this.reselectImage(src, void 0, selectedSmartArtNodeIndex);
+    if (command === "delete") {
+      this.deleteSelectedImage();
+      return true;
+    }
+    if (command === "bringForward" || command === "sendBackward") {
+      return this.arrangeSelectedObject(command === "bringForward" ? "bringToFront" : "sendToBack");
+    }
+    if (command.startsWith("wrap")) {
+      const mode = command === "wrapInline" ? "inline" : command === "wrapSquare" ? "square" : command === "wrapTopAndBottom" ? "topAndBottom" : command === "wrapBehind" ? "behind" : "none";
+      this.host.history?.checkpoint();
+      const handle = this.host.getHandle();
+      const binding = selected.kind === "image" ? handle?.images.find((item) => item.item.src === src) : handle?.drawings.find((item) => item.item.src === src);
+      const marginLeft = this.host.doc.sections[0]?.props.marginLeft ?? 96;
+      const position = binding ? { x: binding.item.x - marginLeft, y: 0 } : void 0;
+      if (!setImageWrap(this.host.doc, src, mode, position)) return false;
+      this.host.rerender(void 0, "global");
+      reselect();
+      return true;
+    }
+    if (command === "size") {
+      void requestNumberPairDialog(this.host.container, {
+        title: "Exact size",
+        firstLabel: "Width (pixels)",
+        secondLabel: "Height (pixels)",
+        value: {
+          first: Math.round(parseFloat(el16.style.width) || 0),
+          second: Math.round(parseFloat(el16.style.height) || 0)
+        },
+        min: 1,
+        step: 1
+      }).then((next) => {
+        if (!next) return;
+        this.host.history?.checkpoint();
+        if (resizeDrawing(this.host.doc, src, next.first, next.second)) {
+          this.host.rerender();
+          reselect();
+        }
+      });
+      return true;
+    }
+    if (command === "position") {
+      void requestNumberPairDialog(this.host.container, {
+        title: "Page position",
+        firstLabel: "X (pixels)",
+        secondLabel: "Y (pixels)",
+        value: {
+          first: Math.round(parseFloat(el16.style.left) || 0),
+          second: Math.round(parseFloat(el16.style.top) || 0)
+        },
+        step: 1
+      }).then((next) => {
+        if (!next) return;
+        this.host.history?.checkpoint();
+        if (!isFloatingDrawing(src)) setImageWrap(this.host.doc, src, "square", { x: 0, y: 0 });
+        if (setFloatingPagePosition(this.host.doc, src, next.first, next.second)) {
+          this.host.rerender();
+          reselect();
+        }
+      });
+      return true;
+    }
+    if (command === "rotate") {
+      if (!["shape", "line", "image", "model3d"].includes(context.kind)) return false;
+      void requestTextInputDialog(this.host.container, {
+        title: "Rotation",
+        label: "Degrees clockwise",
+        value: String(drawingRotation(src)),
+        inputType: "number",
+        step: 1
+      }).then((next) => {
+        if (next === null) return;
+        const degrees = parseFloat(next);
+        if (!Number.isFinite(degrees)) return;
+        this.host.history?.checkpoint();
+        if (setDrawingRotation(this.host.doc, src, degrees)) {
+          this.host.rerender(void 0, "global");
+          reselect();
+        }
+      });
+      return true;
+    }
+    if (command === "altText") {
+      if (context.kind !== "image" && context.kind !== "model3d") return false;
+      void requestTextInputDialog(this.host.container, {
+        title: "Alternative text",
+        label: "Describe this object for screen readers",
+        value: imageAltText(src)
+      }).then((next) => {
+        if (next === null) return;
+        this.host.history?.checkpoint();
+        if (setImageAltText(this.host.doc, src, next)) {
+          this.host.rerender();
+          reselect();
+        }
+      });
+      return true;
+    }
+    if (command === "editText") {
+      if (!context.canEditText) return false;
+      if (context.kind === "smartArt" && selectedSmartArtNodeIndex !== null) {
+        this.editSmartArtNodeText(src, selectedSmartArtNodeIndex);
+        return true;
+      }
+      const binding = this.host.getHandle()?.drawings.find((item) => item.item.src === src);
+      if (!binding) return false;
+      const rect = binding.el.getBoundingClientRect();
+      this.enterTextboxStory(src, rect.left + rect.width / 2, rect.top + rect.height / 2);
+      return true;
+    }
+    if (command === "fill") {
+      if (context.kind !== "shape" && context.kind !== "smartArt") return false;
+      void requestColorDialog(this.host.container, {
+        title: "Fill",
+        value: context.kind === "smartArt" ? smartArtFillColor(this.host.doc, src, selectedSmartArtNodeIndex ?? 0) : drawingFillColor(src),
+        allowNone: true
+      }).then((next) => {
+        if (next === void 0) return;
+        this.host.history?.checkpoint();
+        const changed = context.kind === "smartArt" ? setSmartArtFill(this.host.doc, src, next, selectedSmartArtNodeIndex ?? void 0) : setDrawingFill(this.host.doc, src, next);
+        if (changed) {
+          this.host.rerender();
+          reselect();
+        }
+      });
+      return true;
+    }
+    if (command === "outline" || command === "lineStyle") {
+      if (command === "outline" && context.kind !== "shape" || command === "lineStyle" && context.kind !== "line") return false;
+      const style = drawingLineStyle(src);
+      if (!style) return false;
+      const title = command === "lineStyle" ? "Line style" : "Outline";
+      void requestLineStyleDialog(this.host.container, {
+        color: style.color,
+        width: style.width,
+        style: style.dash
+      }, title).then((next) => {
+        if (!next) return;
+        this.host.history?.checkpoint();
+        if (setDrawingLineStyle(this.host.doc, src, next.color, next.width, next.style)) {
+          this.host.rerender();
+          reselect();
+        }
+      });
+      return true;
+    }
+    if (command === "reset3d") {
+      if (context.kind !== "model3d") return false;
+      this.host.history?.checkpoint();
+      if (!setModel3DRotation(this.host.doc, src, { x: 0, y: 0, z: 0 })) return false;
+      this.host.rerender(void 0, "local");
+      reselect();
+      return true;
+    }
+    return false;
+  }
   /** Whether Layout's contextual object commands currently have a target. */
   hasSelectedObject() {
     return this.selectedImage !== null || this.selectedInkGroup !== null;
@@ -25582,18 +26556,20 @@ var _DocxEditor = class _DocxEditor {
   deselectImage() {
     const changed = this.selectedImage !== null;
     this.wordArtTextEditor?.finish(true, false);
+    this.smartArtTextEditor?.finish(true, false);
     this.imageOverlay?.remove();
     this.imageToolbar?.remove();
     this.imageOverlay = null;
     this.imageToolbar = null;
     this.selectedImage = null;
+    this.selectedSmartArtNodeIndex = null;
     if (changed) this.notifyObjectSelection();
   }
   /** Re-select the same drawing after a re-render replaced its element.
    * A header/footer drawing paints one instance per page from the same src;
    * `near` (client px) picks the instance the user is actually working on
    * instead of the first page's copy. */
-  reselectImage(src, near) {
+  reselectImage(src, near, smartArtNodeIndex = this.selectedSmartArtNodeIndex) {
     const handle = this.host.getHandle();
     if (!handle) return;
     const img = nearestInstance(handle.images.filter((b) => b.item.src === src), near);
@@ -25602,7 +26578,7 @@ var _DocxEditor = class _DocxEditor {
       return;
     }
     const drw = nearestInstance(handle.drawings.filter((b) => b.item.src === src), near);
-    if (drw) this.selectImage(drw.el, src, void 0, "drawing");
+    if (drw) this.selectImage(drw.el, src, void 0, "drawing", smartArtNodeIndex);
   }
   static handleCursor(dir) {
     if (dir === "nw" || dir === "se") return "nwse-resize";
@@ -25610,11 +26586,12 @@ var _DocxEditor = class _DocxEditor {
     if (dir === "n" || dir === "s") return "ns-resize";
     return "ew-resize";
   }
-  selectImage(el16, src, item, kind = "image") {
+  selectImage(el16, src, _item, kind = "image", smartArtNodeIndex = null) {
     this.deselectInkGroup();
     this.deselectImage();
     this.hideCaret();
     this.selectedImage = { el: el16, src, kind };
+    this.selectedSmartArtNodeIndex = smartArtNodeIndex;
     const overlay = document.createElement("div");
     overlay.dataset.dxwObjectSelection = "1";
     overlay.style.position = "absolute";
@@ -25628,6 +26605,15 @@ var _DocxEditor = class _DocxEditor {
     overlay.style.boxSizing = "border-box";
     overlay.style.pointerEvents = "none";
     overlay.style.zIndex = "2147483647";
+    if (smartArtNodeIndex !== null) {
+      const node = this.host.getHandle()?.drawings.find((binding) => binding.item.src === src && binding.el === el16)?.item.smartArtNodes?.find((candidate) => candidate.index === smartArtNodeIndex);
+      if (node) {
+        const nodeOutline = document.createElement("div");
+        nodeOutline.dataset.dxwSmartArtNodeSelection = String(node.index);
+        nodeOutline.style.cssText = `position:absolute;left:${node.x}px;top:${node.y}px;width:${node.width}px;height:${node.height}px;box-sizing:border-box;border:2px solid #1a73e8;border-radius:3px;background:rgba(26,115,232,.08);`;
+        overlay.appendChild(nodeOutline);
+      }
+    }
     const line2 = kind === "drawing" && isDrawingLine(src);
     if (line2) {
       const move = document.createElement("div");
@@ -25677,15 +26663,8 @@ var _DocxEditor = class _DocxEditor {
       });
       b.addEventListener("click", (ce) => {
         ce.stopPropagation();
-        this.host.history?.checkpoint();
-        const sp = this.host.doc.sections[0]?.props;
-        const pos = item ? { x: item.x - (sp?.marginLeft ?? 96), y: 0 } : void 0;
-        if (setImageWrap(this.host.doc, src, mode, pos)) {
-          this.host.rerender();
-          this.reselectImage(src);
-        } else {
-          this.deselectImage();
-        }
+        const command = mode === "inline" ? "wrapInline" : mode === "square" ? "wrapSquare" : mode === "topAndBottom" ? "wrapTopAndBottom" : mode === "behind" ? "wrapBehind" : "wrapFront";
+        if (!this.runSelectedObjectCommand(command)) this.deselectImage();
       });
       bar.appendChild(b);
     }
@@ -25707,117 +26686,58 @@ var _DocxEditor = class _DocxEditor {
       });
       bar.appendChild(b);
     };
-    extra("Alt", "Alternative text", () => {
-      const cur = imageAltText(src);
-      void requestTextInputDialog(this.host.container, {
-        title: "Alternative text",
-        label: "Describe this object for screen readers",
-        value: cur
-      }).then((next) => {
-        if (next === null) return;
-        this.host.history?.checkpoint();
-        if (setImageAltText(this.host.doc, src, next)) this.host.rerender();
-        this.deselectImage();
+    const context = this.getSelectedObjectContext();
+    if (context?.kind === "image" || context?.kind === "model3d") {
+      extra("Alt", "Alternative text", () => {
+        this.runSelectedObjectCommand("altText");
       });
-    });
+    }
     extra("Size", "Exact size (px)", () => {
-      const curW = parseFloat(el16.style.width) || 0;
-      const curH = parseFloat(el16.style.height) || 0;
-      const cur = `${Math.round(curW)}x${Math.round(curH)}`;
-      void requestTextInputDialog(this.host.container, {
-        title: "Exact size",
-        label: "Width \xD7 height in pixels",
-        value: cur,
-        placeholder: "640 \xD7 360"
-      }).then((next) => {
-        const match = next && /^\s*(\d+)\s*[x×]\s*(\d+)\s*$/i.exec(next);
-        if (!match) return;
-        this.host.history?.checkpoint();
-        if (resizeDrawing(this.host.doc, src, parseInt(match[1], 10), parseInt(match[2], 10))) this.host.rerender();
-        this.deselectImage();
-      });
+      this.runSelectedObjectCommand("size");
     });
     extra("Position", "Exact page position (px)", () => {
-      const curX = parseFloat(el16.style.left) || 0;
-      const curY = parseFloat(el16.style.top) || 0;
-      void requestTextInputDialog(this.host.container, {
-        title: "Page position",
-        label: "X, Y in pixels",
-        value: `${Math.round(curX)}, ${Math.round(curY)}`,
-        placeholder: "120, 80"
-      }).then((next) => {
-        const match = next && /^\s*(-?\d+(?:\.\d+)?)\s*,\s*(-?\d+(?:\.\d+)?)\s*$/.exec(next);
-        if (!match) return;
-        this.host.history?.checkpoint();
-        if (!isFloatingDrawing(src)) setImageWrap(this.host.doc, src, "square", { x: 0, y: 0 });
-        if (setFloatingPagePosition(this.host.doc, src, parseFloat(match[1]), parseFloat(match[2]))) {
-          this.host.rerender();
-          this.reselectImage(src);
-        }
-      });
+      this.runSelectedObjectCommand("position");
     });
+    const drawingBinding = kind === "drawing" ? this.host.getHandle()?.drawings.find((binding) => binding.item.src === src) : void 0;
     if (kind === "drawing") {
-      extra("Rotate", "Set rotation (degrees)", () => {
-        void requestTextInputDialog(this.host.container, {
-          title: "Rotation",
-          label: "Degrees clockwise",
-          value: String(drawingRotation(src)),
-          placeholder: "90"
-        }).then((next) => {
-          if (next === null) return;
-          const degrees = parseFloat(next);
-          if (!Number.isFinite(degrees)) return;
-          this.host.history?.checkpoint();
-          if (setDrawingRotation(this.host.doc, src, degrees)) {
-            this.host.rerender(void 0, "global");
-            this.reselectImage(src);
-          }
+      const drawingIsLine = isDrawingLine(src);
+      if (context?.kind === "shape" || context?.kind === "line") {
+        extra("Rotate", "Set rotation (degrees)", () => {
+          this.runSelectedObjectCommand("rotate");
         });
-      });
-      if (!isDrawingLine(src)) {
-        extra("Fill", "Shape fill color", () => {
-          void requestTextInputDialog(this.host.container, {
-            title: "Fill",
-            label: "Color or none",
-            value: drawingFillColor(src) ?? "none",
-            placeholder: "#4472C4 or none"
-          }).then((next) => {
-            if (next === null) return;
-            const color = /^\s*none\s*$/i.test(next) ? null : /^\s*#?([0-9a-f]{6})\s*$/i.exec(next)?.[1];
-            if (color === void 0) return;
-            this.host.history?.checkpoint();
-            if (setDrawingFill(this.host.doc, src, color ? `#${color}` : null)) {
-              this.host.rerender();
-              this.reselectImage(src);
+      }
+      if (!drawingIsLine) {
+        if (context?.kind === "shape" || context?.kind === "smartArt") {
+          extra(
+            context.kind === "smartArt" ? context.smartArtNodeSelected ? "Node fill" : "Fill all" : "Fill",
+            context.kind === "smartArt" ? context.smartArtNodeSelected ? "Selected SmartArt node fill" : "All SmartArt node fills" : "Shape fill color",
+            () => {
+              this.runSelectedObjectCommand("fill");
             }
-          });
-        });
+          );
+        }
       }
-      extra("Outline", "Outline color and weight", () => {
-        const style = drawingLineStyle(src);
-        if (!style) return;
-        void requestTextInputDialog(this.host.container, {
-          title: "Outline",
-          label: "Color and width in pixels",
-          value: `${style.color}, ${Number(style.width.toFixed(2))}`,
-          placeholder: "#1a73e8, 1.5"
-        }).then((next) => {
-          const match = next && /^\s*#?([0-9a-f]{6})\s*,\s*(\d+(?:\.\d+)?)\s*$/i.exec(next);
-          if (!match) return;
-          this.host.history?.checkpoint();
-          if (setDrawingLineStyle(this.host.doc, src, `#${match[1]}`, parseFloat(match[2]))) {
-            this.host.rerender();
-            this.reselectImage(src);
-          }
+      if (context?.kind === "line") {
+        extra("Line style", "Line color, weight, and style", () => {
+          this.runSelectedObjectCommand("lineStyle");
+        });
+      } else if (context?.kind === "shape") {
+        extra("Outline", "Outline color, weight, and style", () => {
+          this.runSelectedObjectCommand("outline");
         });
+      }
+      extra("Delete", "Delete shape", () => {
+        this.runSelectedObjectCommand("delete");
       });
-      extra("Delete", "Delete shape", () => this.deleteSelectedImage());
     }
-    const drawingBinding = kind === "drawing" ? this.host.getHandle()?.drawings.find((binding) => binding.item.src === src) : void 0;
     if (drawingBinding?.item.textboxStory && !isDrawingWordArt(src)) {
       extra("Edit text", "Edit shape text with the Home font controls", () => {
-        const rect = drawingBinding.el.getBoundingClientRect();
-        this.enterTextboxStory(src, rect.left + rect.width / 2, rect.top + rect.height / 2);
+        this.runSelectedObjectCommand("editText");
+      });
+    }
+    if (context?.kind === "smartArt" && this.selectedSmartArtNodeIndex !== null) {
+      extra("Edit text", "Edit selected SmartArt node text", () => {
+        this.runSelectedObjectCommand("editText");
       });
     }
     if (kind === "drawing" && isDrawingWordArt(src)) {
@@ -25845,11 +26765,7 @@ var _DocxEditor = class _DocxEditor {
     }
     if (el16.dataset.dxwModel3d) {
       extra("Reset 3D", "Reset 3D rotation", () => {
-        this.host.history?.checkpoint();
-        if (setModel3DRotation(this.host.doc, src, { x: 0, y: 0, z: 0 })) {
-          this.host.rerender(void 0, "local");
-          this.reselectImage(src);
-        }
+        this.runSelectedObjectCommand("reset3d");
       });
     }
     const surface = el16.parentElement;
@@ -26008,7 +26924,9 @@ var _DocxEditor = class _DocxEditor {
       void requestTextInputDialog(this.host.container, {
         title: "Watermark rotation",
         label: "Degrees clockwise",
-        value: String(cur)
+        value: String(cur),
+        inputType: "number",
+        step: 1
       }).then((next) => {
         if (next === null) return;
         const degrees = parseFloat(next);
@@ -26166,6 +27084,8 @@ var _DocxEditor = class _DocxEditor {
     const drawingTarget = objectMove && this.selectedImage?.kind === "drawing" ? this.selectedImage.el : target.closest?.("[data-dxw-drawing]");
     const handle = this.host.getHandle();
     let drawingBinding = drawingTarget ? handle?.drawings.find((b) => b.el === drawingTarget) : void 0;
+    const smartArtNodeTarget = target.closest?.("[data-dxw-smart-art-node]");
+    const smartArtNodeIndex = smartArtNodeTarget ? Number.parseInt(smartArtNodeTarget.dataset.dxwSmartArtNode ?? "", 10) : null;
     if (!drawingBinding && !target.closest("button")) {
       const pointCaret2 = this.caretFromPoint(e.clientX, e.clientY);
       if (!pointCaret2 || !this.inActiveRegion(pointCaret2.t)) {
@@ -26186,6 +27106,11 @@ var _DocxEditor = class _DocxEditor {
       e.stopPropagation();
       this.suppressNextMouseUp = true;
       if (e.detail >= 2) {
+        if (binding.item.smartArtData && smartArtNodeIndex !== null && Number.isFinite(smartArtNodeIndex)) {
+          this.selectImage(binding.el, binding.item.src, void 0, "drawing", smartArtNodeIndex);
+          this.editSmartArtNodeText(binding.item.src, smartArtNodeIndex);
+          return true;
+        }
         if (textboxStory) {
           this.enterTextboxStory(binding.item.src, e.clientX, e.clientY);
           return true;
@@ -26209,7 +27134,7 @@ var _DocxEditor = class _DocxEditor {
           moved = true;
           if (binding.item.anchored) {
             if (this.selectedImage?.src !== binding.item.src) {
-              this.selectImage(el16, binding.item.src, void 0, "drawing");
+              this.selectImage(el16, binding.item.src, void 0, "drawing", Number.isFinite(smartArtNodeIndex) ? smartArtNodeIndex : null);
             }
             toolbarLeft0 = parseFloat(this.imageToolbar?.style.left ?? "") || 0;
             toolbarTop0 = parseFloat(this.imageToolbar?.style.top ?? "") || 0;
@@ -26239,7 +27164,7 @@ var _DocxEditor = class _DocxEditor {
         this.hideDropIndicator();
         this.suppressNextMouseUp = false;
         if (!moved) {
-          this.selectImage(binding.el, binding.item.src, void 0, "drawing");
+          this.selectImage(binding.el, binding.item.src, void 0, "drawing", Number.isFinite(smartArtNodeIndex) ? smartArtNodeIndex : null);
           return;
         }
         if (binding.item.anchored) {
@@ -26457,6 +27382,59 @@ var _DocxEditor = class _DocxEditor {
     }
     return false;
   }
+  editSmartArtNodeText(src, nodeIndex, replacement) {
+    if (this.smartArtTextEditor) {
+      this.smartArtTextEditor.input.focus();
+      this.smartArtTextEditor.input.select();
+      return;
+    }
+    const binding = this.host.getHandle()?.drawings.find((item) => item.item.src === src);
+    const node = binding?.item.smartArtNodes?.find((item) => item.index === nodeIndex);
+    const surface = binding?.el.parentElement;
+    const original = binding?.item.smartArtData?.items[nodeIndex];
+    if (!binding || !node || !surface || original === void 0) return;
+    const zoom = this.host.zoom ?? 1;
+    const surfaceRect = surface.getBoundingClientRect();
+    const drawingRect = binding.el.getBoundingClientRect();
+    const input = document.createElement("input");
+    input.dataset.dxwSmartArtNodeEditor = String(nodeIndex);
+    input.value = replacement ?? original;
+    input.setAttribute("aria-label", `Edit SmartArt node ${nodeIndex + 1}`);
+    input.style.cssText = `position:absolute;left:${(drawingRect.left - surfaceRect.left) / zoom + node.x}px;top:${(drawingRect.top - surfaceRect.top) / zoom + node.y}px;width:${node.width}px;height:${node.height}px;box-sizing:border-box;border:2px solid #1a73e8;border-radius:4px;background:rgba(255,255,255,.96);color:#202124;font:600 14px/1.2 system-ui,sans-serif;text-align:center;padding:4px 8px;z-index:2147483647;outline:none;`;
+    const near = {
+      x: drawingRect.left + (node.x + node.width / 2) * zoom,
+      y: drawingRect.top + (node.y + node.height / 2) * zoom
+    };
+    const finish = (commit, reselect) => {
+      if (this.smartArtTextEditor?.input !== input) return;
+      this.smartArtTextEditor = null;
+      const next = input.value;
+      input.remove();
+      if (commit && next !== original) {
+        this.host.history?.checkpoint();
+        if (setSmartArtNodeText(this.host.doc, src, nodeIndex, next)) this.host.rerender();
+      }
+      if (reselect) this.reselectImage(src, near, nodeIndex);
+      this.focusText();
+    };
+    this.smartArtTextEditor = { input, finish };
+    input.addEventListener("mousedown", (event) => event.stopPropagation());
+    input.addEventListener("keydown", (event) => {
+      event.stopPropagation();
+      if (event.key === "Enter") {
+        event.preventDefault();
+        finish(true, true);
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        finish(false, true);
+      }
+    });
+    input.addEventListener("blur", () => finish(true, true));
+    surface.appendChild(input);
+    input.focus();
+    if (replacement === void 0) input.select();
+    else input.setSelectionRange(input.value.length, input.value.length);
+  }
   editDrawingWordArt(src) {
     if (this.wordArtTextEditor) {
       this.wordArtTextEditor.input.focus();
@@ -27106,8 +28084,14 @@ var _DocxEditor = class _DocxEditor {
       offset: endText.text.length,
       bias: endText.text.length > 0 ? "end" : void 0
     };
+    const splitWasList = (() => {
+      const pPr = paragraph.children.find((child4) => localName(child4.name) === "pPr");
+      const style = pPr?.children.find((child4) => localName(child4.name) === "pStyle");
+      return !!pPr?.children.some((child4) => localName(child4.name) === "numPr") || !!resolveParagraphStyleChain(this.host.doc.styles, attr(style, "val"), false).pPr.numbering;
+    })();
     const split = this.splitParagraphCore();
     if (!split) return null;
+    if (splitWasList) clearListParagraphFormatting(this.host.doc, split.after);
     const hasPageBreak = (element) => localName(element.name) === "br" && attr(element, "type") === "page" || element.children.some(hasPageBreak);
     const insertBeforeTrailingBreak = hasPageBreak(split.after);
     const afterSources = insertBeforeTrailingBreak ? [] : [split.after];
@@ -27707,6 +28691,14 @@ var _DocxEditor = class _DocxEditor {
     this.splitParagraphNoHistory();
   }
   splitParagraphNoHistory() {
+    if (this.caret) {
+      const paragraph = paragraphOf(this.host.doc, this.caret.t);
+      if (paragraph && textElements(paragraph).every((text) => text.text.length === 0) && clearListParagraphFormatting(this.host.doc, paragraph)) {
+        this.commit();
+        this.focusText();
+        return;
+      }
+    }
     const split = this.splitParagraphCore();
     const reparsed = split ? this.host.doc.reparseDirectBodyParagraphSplit(split.before, split.after) : null;
     if (reparsed && split && this.caret) {
@@ -28586,6 +29578,84 @@ function adjustIndent(doc, targets, direction) {
   if (touched) doc.refresh();
   return touched;
 }
+var DIVIDER_STYLES = /* @__PURE__ */ new Set([
+  "single",
+  "double",
+  "dotted",
+  "dashed",
+  "thinThickSmallGap"
+]);
+function paragraphDividerAt(doc, target) {
+  const paragraph = paragraphOf(doc, target);
+  const pPr = paragraph?.children.find((child4) => localName(child4.name) === "pPr");
+  const pBdr = pPr?.children.find((child4) => localName(child4.name) === "pBdr");
+  const bottom = pBdr?.children.find((child4) => localName(child4.name) === "bottom");
+  if (!bottom) return null;
+  const value = bottom.attrs[Object.keys(bottom.attrs).find((key) => localName(key) === "val") ?? ""];
+  if (value === "none" || value === "nil") return null;
+  const style = DIVIDER_STYLES.has(value) ? value : "single";
+  const colorValue2 = bottom.attrs[Object.keys(bottom.attrs).find((key) => localName(key) === "color") ?? ""];
+  const sizeValue = bottom.attrs[Object.keys(bottom.attrs).find((key) => localName(key) === "sz") ?? ""];
+  const spaceValue = bottom.attrs[Object.keys(bottom.attrs).find((key) => localName(key) === "space") ?? ""];
+  return {
+    style,
+    color: colorValue2 && colorValue2 !== "auto" ? `#${colorValue2.toUpperCase()}` : "#000000",
+    widthPt: (parseInt(sizeValue ?? "4", 10) || 4) / 8,
+    spacePt: parseInt(spaceValue ?? "0", 10) || 0
+  };
+}
+function setParagraphDivider(doc, targets, divider) {
+  const paragraphs = paragraphsOf(doc, targets);
+  if (paragraphs.size === 0) return false;
+  for (const paragraph of paragraphs) {
+    const w = prefixOf13(paragraph);
+    const pPr = ensurePPr(paragraph);
+    let pBdr = pPr.children.find((child4) => localName(child4.name) === "pBdr");
+    if (!divider) {
+      if (!pBdr) continue;
+      pBdr.children = pBdr.children.filter((child4) => localName(child4.name) !== "bottom");
+      if (pBdr.children.length === 0) pPr.children.splice(pPr.children.indexOf(pBdr), 1);
+      continue;
+    }
+    if (!pBdr) {
+      pBdr = { name: `${w}pBdr`, attrs: {}, children: [], text: "" };
+      const later = /* @__PURE__ */ new Set([
+        "shd",
+        "tabs",
+        "spacing",
+        "ind",
+        "contextualSpacing",
+        "mirrorIndents",
+        "suppressOverlap",
+        "jc",
+        "textDirection",
+        "textAlignment",
+        "textboxTightWrap",
+        "outlineLvl",
+        "divId",
+        "cnfStyle",
+        "rPr",
+        "sectPr",
+        "pPrChange"
+      ]);
+      const index = pPr.children.findIndex((child4) => later.has(localName(child4.name)));
+      pPr.children.splice(index === -1 ? pPr.children.length : index, 0, pBdr);
+    }
+    let bottom = pBdr.children.find((child4) => localName(child4.name) === "bottom");
+    if (!bottom) {
+      bottom = { name: `${w}bottom`, attrs: {}, children: [], text: "" };
+      pBdr.children.push(bottom);
+    }
+    bottom.attrs = {
+      [`${w}val`]: divider.style,
+      [`${w}sz`]: String(Math.max(1, Math.round(divider.widthPt * 8))),
+      [`${w}space`]: String(Math.max(0, Math.round(divider.spacePt))),
+      [`${w}color`]: divider.color.replace(/^#/, "").toUpperCase()
+    };
+  }
+  doc.refresh();
+  return true;
+}
 function firstText2(node) {
   if (localName(node.name) === "t") return node;
   for (const child4 of node.children) {
@@ -29324,7 +30394,7 @@ var GUIDE_GROUPS = [
     items: [
       {
         title: "Open or upload a document",
-        description: "Choose a sample from Try a template or use Upload .docx to edit a local Word file in the browser."
+        description: "Choose File \u2192 Open .docx to edit a local Word file, or choose a starting document from the template menu."
       },
       {
         title: "Zoom, review, and author",
@@ -29386,7 +30456,7 @@ var GUIDE_GROUPS = [
       },
       {
         title: "Shapes and lines",
-        description: "Insert a line, rectangle, rounded rectangle, ellipse, arrow, or callout. Select it to move, resize, rotate, change wrapping and layering, or edit fill and outline."
+        description: "Insert a horizontal or vertical line, rectangle, rounded rectangle, ellipse, arrow, or callout. Select it to move, resize, rotate, change wrapping and layering, or edit its color, thickness, and solid, dashed, or dotted outline."
       },
       {
         title: "Text boxes and WordArt",
@@ -29452,7 +30522,7 @@ var GUIDE_GROUPS = [
       },
       {
         title: "Page borders and line numbers",
-        description: "Apply a repeating page border and enable continuous, per-page, per-section, or interval-based line numbering."
+        description: "Apply a repeating page border with a preset or custom color and line weight, and enable continuous, per-page, per-section, or interval-based line numbering."
       },
       {
         title: "Arrange selected objects",
@@ -29473,7 +30543,7 @@ var GUIDE_GROUPS = [
       },
       {
         title: "Exact object properties",
-        description: "Use Size to set the object's width \xD7 height, Position for exact page coordinates, Fill for a shape's interior color, and Outline for its border or line color and thickness."
+        description: "Set a line's color, weight, and solid, dashed, or dotted style directly in Insert \u2192 Shapes. After insertion, select it and choose Line style to revise those settings; Size and Position provide exact geometry."
       }
     ]
   },
@@ -29487,7 +30557,7 @@ var GUIDE_GROUPS = [
           "Open Insert \u2192 Header, then insert a text box in the repeating header layer.",
           "Enter 1 through 28 as separate paragraphs and select all of those numbered paragraphs.",
           "Open Home \u2192 Line & paragraph spacing \u2192 Exactly 24 pt, then choose Remove space before and Remove space after.",
-          "Use Insert \u2192 Shape \u2192 Line for each vertical rule, rotate and position it in the same repeating header layer.",
+          "Open Insert \u2192 Shapes, set the line color, weight, and style, then insert a Vertical line for each rule and set its exact Size and Position in the repeating header layer.",
           "Choose Close to return to body text."
         ]
       },
@@ -29502,11 +30572,11 @@ var GUIDE_GROUPS = [
       },
       {
         title: "Resume horizontal rule",
-        description: "Use a body line when the rule belongs to one location in the document.",
+        description: "Use a native paragraph divider so the rule stays attached to the r\xE9sum\xE9 heading or contact line.",
         steps: [
-          "Place the caret near the intended rule and choose Insert \u2192 Shape \u2192 Line.",
-          "Drag to position and size it; use Position for exact placement.",
-          "Choose Inline, Wrap, In front, or Behind according to how nearby text should flow."
+          "Place the caret in the paragraph that should carry the rule and choose Insert \u2192 Divider.",
+          "Choose a single, double, dashed, dotted, or thin + thick style, then set its color, width, and gap.",
+          "Choose Apply divider. Return to the same paragraph and reopen Divider whenever you want to edit or remove it."
         ]
       },
       {
@@ -29515,7 +30585,7 @@ var GUIDE_GROUPS = [
       },
       {
         title: "Border around every page",
-        description: "Choose Layout \u2192 Page border for a true page border. Use header shapes when the design needs custom partial rules or ornaments."
+        description: "Choose Layout \u2192 Page border \u2192 Custom border, set the color and line weight, then apply it to the whole document or current section."
       }
     ]
   }
@@ -29819,7 +30889,7 @@ function detectFonts() {
     };
     ctx.font = "16px monospace";
     const base = ctx.measureText(probe).width;
-    const always = /* @__PURE__ */ new Set(["Calibri", "Cambria"]);
+    const always = /* @__PURE__ */ new Set(["Arial", "Calibri", "Cambria", "Courier New", "Times New Roman"]);
     availableFonts = FONT_CANDIDATES.filter((f) => always.has(f) || Math.abs(widthIn(f) - base) > 0.5);
   } catch {
     availableFonts = FONT_CANDIDATES;
@@ -30565,6 +31635,7 @@ function LinkMenu({ api }) {
             "input",
             {
               ref: inputRef,
+              type: "url",
               value: url,
               placeholder: "Paste or type a link",
               onChange: (e) => setUrl(e.target.value),
@@ -30889,12 +31960,16 @@ function EquationMenu({ api }) {
       setError("Place the caret in editable text and enter a valid equation.");
     }
   };
+  const anchor = open ? rootRef.current?.getBoundingClientRect() : null;
+  const viewportWidth = typeof window === "undefined" ? 356 : window.innerWidth;
+  const popoverWidth = Math.min(340, viewportWidth - 16);
+  const popoverLeft = Math.max(8, Math.min(anchor?.left ?? 8, viewportWidth - popoverWidth - 8));
   return /* @__PURE__ */ jsxs2("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ jsxs2("button", { title: "Insert equation", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: [
       /* @__PURE__ */ jsx2("span", { style: { fontFamily: "'Cambria Math', serif", fontSize: 18 }, children: "\u03C0" }),
       /* @__PURE__ */ jsx2("span", { style: { marginLeft: 5 }, children: "Equation" })
     ] }),
-    open && /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 340, padding: 10, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
+    open && /* @__PURE__ */ jsxs2("div", { "data-dxw-equation-menu": "", style: { position: "fixed", top: anchor?.bottom ?? 28, left: popoverLeft, zIndex: 100, width: popoverWidth, boxSizing: "border-box", padding: 10, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
       /* @__PURE__ */ jsx2("div", { style: { font: "600 12px system-ui, sans-serif", marginBottom: 5, color: T.fg }, children: "Linear equation" }),
       /* @__PURE__ */ jsx2(
         "input",
@@ -30969,15 +32044,88 @@ function SymbolMenu({ api }) {
 }
 var SHAPES = [
   ["line", "Line", "\u2015"],
+  ["verticalLine", "Vertical line", "\u2502"],
   ["rectangle", "Rectangle", "\u25AD"],
   ["roundedRectangle", "Rounded rectangle", "\u25A2"],
   ["ellipse", "Ellipse", "\u25EF"],
   ["diamond", "Diamond", "\u25C7"],
   ["textBox", "Text box", "T"]
 ];
+function DividerMenu({ api }) {
+  const [open, setOpen] = useState2(false);
+  const [style, setStyle] = useState2("single");
+  const [color, setColor] = useState2("#000000");
+  const [widthPt, setWidthPt] = useState2(1);
+  const [spacePt, setSpacePt] = useState2(1);
+  const rootRef = useRef2(null);
+  useEffect2(() => {
+    if (!open) return;
+    const close = (event) => {
+      if (!rootRef.current?.contains(event.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, [open]);
+  const toggle = () => {
+    if (!open) {
+      const current = api?.getParagraphDivider();
+      if (current) {
+        setStyle(current.style);
+        setColor(current.color);
+        setWidthPt(current.widthPt);
+        setSpacePt(current.spacePt);
+      }
+    }
+    setOpen(!open);
+  };
+  const apply = () => {
+    if (api?.setParagraphDivider({ style, color, widthPt, spacePt })) setOpen(false);
+  };
+  const previewStyle = style === "double" || style === "thinThickSmallGap" ? "double" : style;
+  return /* @__PURE__ */ jsxs2("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsx2("button", { title: "Insert or edit divider", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: toggle, children: "Divider" }),
+    open && /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 270, padding: 10, display: "grid", gap: 8, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
+      /* @__PURE__ */ jsx2("div", { style: { color: T.muted, font: "11.5px system-ui, sans-serif" }, children: "Horizontal rule below the current paragraph" }),
+      /* @__PURE__ */ jsx2("div", { "aria-hidden": "true", style: { height: 12, borderBottom: `${Math.max(widthPt, 1)}px ${previewStyle} ${color}` } }),
+      /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 3, color: T.muted, font: "11.5px system-ui, sans-serif" }, children: [
+        "Style",
+        /* @__PURE__ */ jsxs2("select", { "aria-label": "Divider style", value: style, onChange: (event) => setStyle(event.target.value), style: { border: `1px solid ${T.border}`, borderRadius: 5, padding: "5px 7px", background: T.popoverBg, color: T.fg }, children: [
+          /* @__PURE__ */ jsx2("option", { value: "single", children: "Single" }),
+          /* @__PURE__ */ jsx2("option", { value: "double", children: "Double" }),
+          /* @__PURE__ */ jsx2("option", { value: "dashed", children: "Dashed" }),
+          /* @__PURE__ */ jsx2("option", { value: "dotted", children: "Dotted" }),
+          /* @__PURE__ */ jsx2("option", { value: "thinThickSmallGap", children: "Thin + thick" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 7 }, children: [
+        /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 3, color: T.muted, font: "11.5px system-ui, sans-serif" }, children: [
+          "Color",
+          /* @__PURE__ */ jsx2("input", { "aria-label": "Divider color", type: "color", value: color, onChange: (event) => setColor(event.target.value), style: { width: "100%", height: 30, border: `1px solid ${T.border}`, borderRadius: 5, background: T.popoverBg } })
+        ] }),
+        /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 3, color: T.muted, font: "11.5px system-ui, sans-serif" }, children: [
+          "Width (pt)",
+          /* @__PURE__ */ jsx2("input", { "aria-label": "Divider width in points", type: "number", min: "0.25", step: "0.25", value: widthPt, onChange: (event) => setWidthPt(Number(event.target.value)), style: { width: "100%", boxSizing: "border-box", border: `1px solid ${T.border}`, borderRadius: 5, padding: "5px 6px", color: T.fg, background: T.popoverBg } })
+        ] }),
+        /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 3, color: T.muted, font: "11.5px system-ui, sans-serif" }, children: [
+          "Gap (pt)",
+          /* @__PURE__ */ jsx2("input", { "aria-label": "Divider gap in points", type: "number", min: "0", step: "1", value: spacePt, onChange: (event) => setSpacePt(Number(event.target.value)), style: { width: "100%", boxSizing: "border-box", border: `1px solid ${T.border}`, borderRadius: 5, padding: "5px 6px", color: T.fg, background: T.popoverBg } })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "flex", justifyContent: "space-between", gap: 8 }, children: [
+        /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => {
+          if (api?.setParagraphDivider(null)) setOpen(false);
+        }, style: { ...pillBtn, background: T.popoverBg, color: T.fg, border: `1px solid ${T.border}` }, children: "Remove" }),
+        /* @__PURE__ */ jsx2("button", { type: "button", onClick: apply, style: pillBtn, children: "Apply divider" })
+      ] })
+    ] })
+  ] });
+}
 function ShapeMenu({ api }) {
   const [open, setOpen] = useState2(false);
   const [text, setText] = useState2("");
+  const [lineColor, setLineColor] = useState2("#404040");
+  const [lineWidth, setLineWidth] = useState2("1.33");
+  const [lineDash, setLineDash] = useState2("solid");
   const rootRef = useRef2(null);
   useEffect2(() => {
     if (!open) return;
@@ -30988,14 +32136,17 @@ function ShapeMenu({ api }) {
     return () => document.removeEventListener("mousedown", close);
   }, [open]);
   const insert = (preset) => {
-    if (api?.insertShape(preset, text)) {
+    const isLine = preset === "line" || preset === "verticalLine";
+    const width = Number(lineWidth);
+    if (isLine && (!Number.isFinite(width) || width <= 0)) return;
+    if (api?.insertShape(preset, text, isLine ? { color: lineColor, width, dash: lineDash } : void 0)) {
       setText("");
       setOpen(false);
     }
   };
   return /* @__PURE__ */ jsxs2("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ jsx2("button", { title: "Insert shape", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: /* @__PURE__ */ jsx2("span", { style: { fontSize: 17 }, children: "\u25C7" }) }),
-    open && /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 250, padding: 10, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
+    open && /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 290, padding: 10, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
       /* @__PURE__ */ jsx2(
         "input",
         {
@@ -31006,6 +32157,53 @@ function ShapeMenu({ api }) {
           style: { width: "100%", boxSizing: "border-box", border: `1px solid ${T.border}`, borderRadius: 6, padding: "5px 8px", font: "13px system-ui, sans-serif", outline: "none" }
         }
       ),
+      /* @__PURE__ */ jsx2("div", { style: { marginTop: 9, color: T.muted, font: "11.5px system-ui, sans-serif" }, children: "Line appearance" }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "grid", gridTemplateColumns: "auto 82px 88px", gap: 6, alignItems: "end", marginTop: 5 }, children: [
+        /* @__PURE__ */ jsx2(
+          ColorMenu,
+          {
+            current: lineColor,
+            title: "Line color",
+            trigger: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+              /* @__PURE__ */ jsx2("span", { style: { fontSize: 12 }, children: "Color" }),
+              /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", style: { width: 16, height: 16, borderRadius: 3, border: `1px solid ${T.border}`, background: lineColor } })
+            ] }),
+            onPick: setLineColor
+          }
+        ),
+        /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 3, color: T.muted, font: "10.5px system-ui, sans-serif" }, children: [
+          "Weight (px)",
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              "aria-label": "Line width in pixels",
+              type: "number",
+              min: "0.25",
+              step: "0.25",
+              value: lineWidth,
+              onChange: (event) => setLineWidth(event.target.value),
+              style: { width: "100%", height: 28, boxSizing: "border-box", border: `1px solid ${T.border}`, borderRadius: 5, padding: "3px 5px", color: T.fg, background: T.popoverBg }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 3, color: T.muted, font: "10.5px system-ui, sans-serif" }, children: [
+          "Style",
+          /* @__PURE__ */ jsxs2(
+            "select",
+            {
+              "aria-label": "Line style",
+              value: lineDash,
+              onChange: (event) => setLineDash(event.target.value),
+              style: { width: "100%", height: 28, border: `1px solid ${T.border}`, borderRadius: 5, padding: "3px 4px", color: T.fg, background: T.popoverBg },
+              children: [
+                /* @__PURE__ */ jsx2("option", { value: "solid", children: "Solid" }),
+                /* @__PURE__ */ jsx2("option", { value: "dashed", children: "Dashed" }),
+                /* @__PURE__ */ jsx2("option", { value: "dotted", children: "Dotted" })
+              ]
+            }
+          )
+        ] })
+      ] }),
       /* @__PURE__ */ jsx2("div", { style: { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 6, marginTop: 8 }, children: SHAPES.map(([preset, label, glyph]) => /* @__PURE__ */ jsxs2("button", { title: `Insert ${label}`, onClick: () => insert(preset), style: { minHeight: 48, border: `1px solid ${T.border}`, borderRadius: 6, background: T.popoverBg, color: T.fg, cursor: "pointer", font: "12px system-ui, sans-serif" }, children: [
         /* @__PURE__ */ jsx2("span", { style: { display: "block", fontSize: 20, lineHeight: 1 }, children: glyph }),
         /* @__PURE__ */ jsx2("span", { children: label })
@@ -31101,12 +32299,12 @@ function WordArtMenu({ api }) {
     ] })
   ] });
 }
-function ChartMenu({ api }) {
+function ChartMenu({ api, label = "Chart" }) {
   const [open, setOpen] = useState2(false);
   const [type, setType] = useState2("column");
-  const [title, setTitle] = useState2("Quarterly sales");
-  const [categories, setCategories] = useState2("Q1, Q2, Q3, Q4");
-  const [series, setSeries] = useState2("Revenue: 12, 19, 15, 24\nCosts: 8, 11, 10, 14");
+  const [title, setTitle] = useState2("");
+  const [categories, setCategories] = useState2(["", ""]);
+  const [series, setSeries] = useState2([{ name: "", values: ["", ""] }]);
   const [error, setError] = useState2("");
   const rootRef = useRef2(null);
   useEffect2(() => {
@@ -31118,28 +32316,52 @@ function ChartMenu({ api }) {
     return () => document.removeEventListener("mousedown", close);
   }, [open]);
   const submit = () => {
-    const categoryValues = categories.split(",").map((value) => value.trim()).filter(Boolean);
-    const seriesValues = series.split(/\r?\n/).map((line2) => {
-      const separator = line2.indexOf(":");
-      if (separator === -1) return null;
-      const name = line2.slice(0, separator).trim();
-      const values = line2.slice(separator + 1).split(",").map((value) => Number(value.trim()));
-      return name && values.length === categoryValues.length && values.every(Number.isFinite) ? { name, values } : null;
-    }).filter((value) => value !== null);
-    if (!categoryValues.length || !seriesValues.length || seriesValues.length !== series.split(/\r?\n/).filter((line2) => line2.trim()).length) {
-      setError("Use comma-separated categories and one \u201CName: 1, 2, 3\u201D series per line.");
+    const categoryValues = categories.map((value) => value.trim());
+    const rawSeries = 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.");
       return;
     }
+    const seriesValues = rawSeries.map((entry) => ({ name: entry.name, values: entry.values.map(Number) }));
     const data = { type, title, categories: categoryValues, series: seriesValues };
     if (api?.updateSelectedChart(data) || api?.insertChart(data)) {
       setError("");
       setOpen(false);
     }
   };
+  const addCategory = () => {
+    setCategories([...categories, ""]);
+    setSeries(series.map((entry) => ({ ...entry, values: [...entry.values, ""] })));
+  };
+  const removeCategory = (index) => {
+    if (categories.length === 1) return;
+    setCategories(categories.filter((_, itemIndex) => itemIndex !== index));
+    setSeries(series.map((entry) => ({ ...entry, values: entry.values.filter((_, itemIndex) => itemIndex !== index) })));
+  };
+  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 toggle = () => {
+    if (open) {
+      setOpen(false);
+      return;
+    }
+    const selected = api?.getSelectedChart();
+    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: ["", ""] }]);
+    setError("");
+    setOpen(true);
+  };
   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: () => setOpen(!open), children: "Chart" }),
-    open && /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 320, padding: 10, display: "grid", gap: 7, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, 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,
         {
@@ -31158,58 +32380,145 @@ function ChartMenu({ api }) {
         }
       ),
       /* @__PURE__ */ jsx2("input", { "aria-label": "Chart title", value: title, onChange: (event) => setTitle(event.target.value), placeholder: "Chart title", style: fieldStyle }),
-      /* @__PURE__ */ jsx2("input", { "aria-label": "Chart categories", value: categories, onChange: (event) => setCategories(event.target.value), placeholder: "Q1, Q2, Q3, Q4", style: fieldStyle }),
-      /* @__PURE__ */ jsx2("textarea", { "aria-label": "Chart series", rows: 3, value: series, onChange: (event) => setSeries(event.target.value), style: { ...fieldStyle, resize: "vertical" } }),
-      /* @__PURE__ */ jsx2("div", { style: { color: T.muted, font: "11.5px system-ui, sans-serif" }, children: "Each series: Name: value, value, value" }),
+      /* @__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(
+              "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)),
+                style: fieldStyle
+              }
+            ),
+            entry.values.map((value, valueIndex) => /* @__PURE__ */ jsx2(
+              "input",
+              {
+                "aria-label": `Chart series ${seriesIndex + 1} value ${valueIndex + 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)),
+                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))
+        ] }) }),
+        /* @__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" })
+        ] })
+      ] }),
       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" })
     ] })
   ] });
 }
-function SmartArtMenu({ api }) {
+function SmartArtMenu({ api, label = "SmartArt" }) {
   const [open, setOpen] = useState2(false);
+  const [step, setStep] = useState2("layout");
+  const [editing, setEditing] = useState2(false);
   const [layout, setLayout] = useState2("process");
-  const [items, setItems] = useState2("Discover\nDesign\nDeliver");
+  const [items, setItems] = useState2([""]);
   const rootRef = useRef2(null);
-  useEffect2(() => {
-    if (!open) return;
-    const close = (event) => {
-      if (!rootRef.current?.contains(event.target)) setOpen(false);
-    };
-    document.addEventListener("mousedown", close);
-    return () => document.removeEventListener("mousedown", close);
-  }, [open]);
   const submit = () => {
-    const values = items.split(/\r?\n/).map((value) => value.trim()).filter(Boolean);
+    const values = items.map((value) => value.trim()).filter(Boolean);
     if (!values.length) return;
     const data = { layout, items: values };
     if (api?.updateSelectedSmartArt(data) || api?.insertSmartArt(data)) setOpen(false);
   };
   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 toggle = () => {
+    if (open) {
+      setOpen(false);
+      return;
+    }
+    const selected = api?.getSelectedSmartArt();
+    setEditing(!!selected);
+    setLayout(selected?.layout ?? "process");
+    setItems(selected ? [...selected.items] : [""]);
+    setStep(selected ? "items" : "layout");
+    setOpen(true);
+  };
+  const layouts = [
+    { value: "process", label: "Process" },
+    { value: "cycle", label: "Cycle" },
+    { value: "hierarchy", label: "Hierarchy" },
+    { value: "list", label: "List" }
+  ];
+  const preview = (value) => {
+    const node = { width: 22, height: 13, borderRadius: 3, background: T.accent };
+    if (value === "list") return /* @__PURE__ */ jsx2("div", { style: { display: "grid", gap: 4 }, children: [0, 1, 2].map((key) => /* @__PURE__ */ jsx2("span", { style: { ...node, width: 72 } }, key)) });
+    if (value === "hierarchy") return /* @__PURE__ */ jsxs2("div", { style: { display: "grid", justifyItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ jsx2("span", { style: node }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 12 }, children: [
+        /* @__PURE__ */ jsx2("span", { style: node }),
+        /* @__PURE__ */ jsx2("span", { style: node })
+      ] })
+    ] });
+    if (value === "cycle") return /* @__PURE__ */ jsx2("div", { style: { position: "relative", width: 76, height: 48 }, children: [[27, 0], [53, 18], [27, 35], [1, 18]].map(([left, top], key) => /* @__PURE__ */ jsx2("span", { style: { ...node, position: "absolute", left, top } }, key)) });
+    return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: 5 }, children: [
+      /* @__PURE__ */ jsx2("span", { style: node }),
+      /* @__PURE__ */ jsx2("span", { children: "\u2192" }),
+      /* @__PURE__ */ jsx2("span", { style: node }),
+      /* @__PURE__ */ jsx2("span", { children: "\u2192" }),
+      /* @__PURE__ */ jsx2("span", { style: node })
+    ] });
+  };
   return /* @__PURE__ */ jsxs2("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsx2("button", { title: "Insert or edit SmartArt", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: "SmartArt" }),
-    open && /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 280, padding: 10, display: "grid", gap: 7, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
-      /* @__PURE__ */ jsx2(
-        ToolbarMenuSelect,
-        {
-          value: layout,
-          ariaLabel: "SmartArt layout",
-          width: "100%",
-          menuWidth: 260,
-          options: [
-            { value: "process", label: "Process" },
-            { value: "cycle", label: "Cycle" },
-            { value: "hierarchy", label: "Hierarchy" },
-            { value: "list", label: "List" }
-          ],
-          onChange: (value) => setLayout(value),
-          style: fieldStyle
-        }
-      ),
-      /* @__PURE__ */ jsx2("textarea", { "aria-label": "SmartArt items", rows: 5, value: items, onChange: (event) => setItems(event.target.value), style: { ...fieldStyle, resize: "vertical" } }),
-      /* @__PURE__ */ jsx2("div", { style: { color: T.muted, font: "11.5px system-ui, sans-serif" }, children: "One diagram item per line." }),
-      /* @__PURE__ */ jsx2("button", { disabled: !items.trim(), onClick: submit, style: { border: 0, borderRadius: 6, padding: "7px 10px", background: items.trim() ? T.accent : T.border, color: T.accentFg, cursor: items.trim() ? "pointer" : "default", font: "600 12px system-ui, sans-serif" }, children: "Insert or update SmartArt" })
-    ] })
+    /* @__PURE__ */ jsx2("button", { title: "Insert or edit SmartArt", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: toggle, children: label }),
+    open && createPortal2(
+      /* @__PURE__ */ jsx2("div", { style: { position: "fixed", inset: 0, zIndex: 1e3, display: "grid", placeItems: "center", padding: 16, background: "rgba(0,0,0,.34)" }, onMouseDown: (event) => event.target === event.currentTarget && setOpen(false), children: /* @__PURE__ */ jsxs2("div", { role: "dialog", "aria-modal": "true", "aria-label": editing ? "Edit SmartArt" : "Insert SmartArt", style: { width: "min(560px,calc(100vw - 32px))", maxHeight: "calc(100vh - 32px)", overflow: "auto", boxSizing: "border-box", padding: 18, display: "grid", gap: 14, color: T.fg, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 12, boxShadow: T.popoverShadow }, children: [
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx2("strong", { style: { display: "block", font: "600 18px system-ui, sans-serif" }, children: step === "layout" ? "Choose a SmartArt layout" : editing ? "Edit SmartArt" : "Add SmartArt text" }),
+          /* @__PURE__ */ jsx2("span", { style: { color: T.muted, font: "12px system-ui, sans-serif" }, children: step === "layout" ? "Choose one of the supported layout families." : layouts.find((item) => item.value === layout)?.label })
+        ] }),
+        step === "layout" ? /* @__PURE__ */ jsx2("div", { role: "group", "aria-label": "SmartArt layouts", style: { display: "grid", gridTemplateColumns: "repeat(2,minmax(0,1fr))", gap: 10 }, children: layouts.map((option) => /* @__PURE__ */ jsxs2("button", { type: "button", "aria-label": `${option.label} SmartArt`, onClick: () => {
+          setLayout(option.value);
+          setStep("items");
+        }, style: { minHeight: 118, display: "grid", placeItems: "center", gap: 9, padding: 12, border: `1px solid ${layout === option.value ? T.accent : T.border}`, borderRadius: 9, background: layout === option.value ? T.activeBg : T.popoverBg, color: T.fg, cursor: "pointer" }, children: [
+          preview(option.value),
+          /* @__PURE__ */ jsx2("span", { style: { font: "600 13px system-ui, sans-serif" }, children: option.label })
+        ] }, option.value)) }) : /* @__PURE__ */ jsxs2("div", { role: "group", "aria-label": "SmartArt items", style: { display: "grid", gap: 7 }, children: [
+          items.map((item, index) => /* @__PURE__ */ jsxs2("div", { style: { display: "grid", gridTemplateColumns: "1fr auto auto auto", gap: 5 }, children: [
+            /* @__PURE__ */ jsx2("input", { "aria-label": `SmartArt item ${index + 1}`, value: item, placeholder: "Item", onChange: (event) => setItems(items.map((value, itemIndex) => itemIndex === index ? event.target.value : value)), style: fieldStyle }),
+            /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Move SmartArt item ${index + 1} up`, disabled: index === 0, onClick: () => setItems(items.map((value, itemIndex) => itemIndex === index - 1 ? items[index] : itemIndex === index ? items[index - 1] : value)), style: { ...pillBtn, padding: "0 8px" }, children: "\u2191" }),
+            /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Move SmartArt item ${index + 1} down`, disabled: index === items.length - 1, onClick: () => setItems(items.map((value, itemIndex) => itemIndex === index ? items[index + 1] : itemIndex === index + 1 ? items[index] : value)), style: { ...pillBtn, padding: "0 8px" }, children: "\u2193" }),
+            /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove SmartArt item ${index + 1}`, disabled: items.length === 1, onClick: () => setItems(items.filter((_, itemIndex) => itemIndex !== index)), style: { ...pillBtn, padding: "0 8px" }, children: "\xD7" })
+          ] }, index)),
+          /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setItems([...items, ""]), style: { ...pillBtn, justifySelf: "start", background: T.popoverBg, color: T.fg }, children: "Add item" })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { style: { display: "flex", justifyContent: "space-between", gap: 8 }, children: [
+          /* @__PURE__ */ jsx2("div", { children: step === "items" && /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setStep("layout"), style: { ...pillBtn, background: T.popoverBg, color: T.fg }, children: "Back" }) }),
+          /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 7 }, children: [
+            /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setOpen(false), style: { ...pillBtn, background: T.popoverBg, color: T.fg }, children: "Cancel" }),
+            step === "items" && /* @__PURE__ */ jsx2("button", { type: "button", disabled: !items.some((item) => item.trim()), onClick: submit, style: { border: 0, borderRadius: 6, padding: "7px 12px", background: items.some((item) => item.trim()) ? T.accent : T.border, color: T.accentFg, cursor: items.some((item) => item.trim()) ? "pointer" : "default", font: "600 12px system-ui, sans-serif" }, children: editing ? "Update" : "Insert" })
+          ] })
+        ] })
+      ] }) }),
+      document.body
+    )
   ] });
 }
 function MediaMenu({ api }) {
@@ -31227,7 +32536,7 @@ function MediaMenu({ api }) {
   return /* @__PURE__ */ jsxs2("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ jsx2("button", { title: "Insert online video", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: "Media" }),
     open && /* @__PURE__ */ jsxs2("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 300, padding: 10, display: "grid", gap: 7, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
-      /* @__PURE__ */ jsx2("input", { "aria-label": "Online video URL", value: url, onChange: (event) => setUrl(event.target.value), placeholder: "https://www.youtube.com/watch?v=\u2026", style: { 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 } }),
+      /* @__PURE__ */ jsx2("input", { "aria-label": "Online video URL", type: "url", value: url, onChange: (event) => setUrl(event.target.value), placeholder: "https://www.youtube.com/watch?v=\u2026", style: { 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 } }),
       /* @__PURE__ */ jsx2(
         "button",
         {
@@ -31497,6 +32806,65 @@ function TableMenu({ api }) {
     )
   ] });
 }
+function TableFormatTab({
+  api,
+  fill,
+  onChanged
+}) {
+  const run = (op) => {
+    api?.tableOp(op);
+    onChanged();
+  };
+  return /* @__PURE__ */ jsxs2("span", { "data-dxw-table-format": "", style: { display: "contents" }, children: [
+    /* @__PURE__ */ jsx2(
+      ColorMenu,
+      {
+        current: fill ?? "#FFFFFF",
+        title: "Cell fill color",
+        trigger: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", style: { width: 14, height: 14, borderRadius: 3, border: `1px solid ${T.border}`, background: fill ?? "#FFFFFF" } }),
+          "Cell fill"
+        ] }),
+        onPick: (color) => run({ kind: "cellShading", fill: color })
+      }
+    ),
+    fill !== null && /* @__PURE__ */ jsx2(Btn, { label: "No fill", title: "Remove cell fill", onClick: () => run({ kind: "cellShading", fill: null }) }),
+    /* @__PURE__ */ jsx2(
+      ActionMenu,
+      {
+        label: "Cell alignment",
+        title: "Align text inside the current cell",
+        width: 132,
+        groups: [{ items: [["top", "Top"], ["center", "Middle"], ["bottom", "Bottom"]] }],
+        onPick: (value) => run({ kind: "cellVAlign", v: value })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ActionMenu,
+      {
+        label: "Rows & columns",
+        title: "Edit rows and columns around the current cell",
+        width: 144,
+        groups: [
+          { label: "Rows", items: [["rowAbove", "Insert row above"], ["rowBelow", "Insert row below"], ["deleteRow", "Delete row"]] },
+          { label: "Columns", items: [["colLeft", "Insert column left"], ["colRight", "Insert column right"], ["deleteCol", "Delete column"]] }
+        ],
+        onPick: (value) => run(value)
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ActionMenu,
+      {
+        label: "Merge",
+        title: "Merge or split the current cell",
+        width: 78,
+        groups: [{ items: [["mergeRight", "Merge right"], ["mergeDown", "Merge down"], ["splitCell", "Split cell"]] }],
+        onPick: (value) => run(value)
+      }
+    ),
+    /* @__PURE__ */ jsx2(Btn, { label: "Delete table", title: "Delete the current table", onClick: () => run("deleteTable") })
+  ] });
+}
 function PagePreview({
   kind,
   width = 8.5,
@@ -31506,6 +32874,7 @@ function PagePreview({
   columns,
   columnSeparator,
   border,
+  borderColor,
   lineNumbers
 }) {
   const maxWidth = mirrored ? 21 : 34;
@@ -31516,7 +32885,7 @@ function PagePreview({
   const papers = mirrored ? 2 : 1;
   const inset = margins ?? [0.8, 0.8, 0.8, 0.8];
   const borderWidth = border === "thick" ? 2 : border === "none" ? 0 : 1;
-  const borderColor = border === "accent" ? T.accent : T.muted;
+  const pageBorderColor = borderColor ?? (border === "accent" ? T.accent : T.muted);
   return /* @__PURE__ */ jsx2(
     "span",
     {
@@ -31535,7 +32904,7 @@ function PagePreview({
             width: paperWidth,
             height: paperHeight,
             background: "var(--dxw-layout-preview-bg, #fff)",
-            border: `${Math.max(1, borderWidth)}px solid ${borderWidth ? borderColor : T.border}`
+            border: `${Math.max(1, borderWidth)}px solid ${borderWidth ? pageBorderColor : T.border}`
           },
           children: [
             kind === "margins" && /* @__PURE__ */ jsx2("span", { style: {
@@ -31864,8 +33233,9 @@ function MarginMenu({
       "input",
       {
         "aria-label": `${label} margin (inches)`,
-        type: "text",
-        inputMode: "decimal",
+        type: "number",
+        min: "0",
+        step: "0.05",
         required: true,
         autoFocus: side === "top",
         value: values[side],
@@ -31990,8 +33360,9 @@ function PageSizeMenu({
       "input",
       {
         "aria-label": `Page ${side} (inches)`,
-        type: "text",
-        inputMode: "decimal",
+        type: "number",
+        min: "0.1",
+        step: "0.05",
         required: true,
         autoFocus: side === "width",
         value: values[side],
@@ -32071,6 +33442,136 @@ function PageSizeMenu({
     )
   ] });
 }
+function PageBorderMenu({
+  scope,
+  onApply,
+  open,
+  onOpenChange
+}) {
+  const [customOpen, setCustomOpen] = useState2(false);
+  const [color, setColor] = useState2("#4472c4");
+  const [widthPt, setWidthPt] = useState2("1");
+  const rootRef = useRef2(null);
+  const [dialogPosition, setDialogPosition] = useState2({ left: 8, top: 8 });
+  useEffect2(() => {
+    if (!customOpen) return;
+    const positionDialog = () => {
+      const trigger = rootRef.current?.querySelector("[data-dxw-layout-menu-trigger]");
+      if (!trigger) return;
+      const rect = trigger.getBoundingClientRect();
+      const width2 = Math.min(244, window.innerWidth - 16);
+      setDialogPosition({
+        left: Math.max(8, Math.min(rect.left, window.innerWidth - width2 - 8)),
+        top: Math.max(8, Math.min(rect.bottom + 4, window.innerHeight - 224))
+      });
+    };
+    const close = (event) => {
+      if (!rootRef.current?.contains(event.target)) setCustomOpen(false);
+    };
+    const keydown = (event) => {
+      if (event.key === "Escape") setCustomOpen(false);
+    };
+    positionDialog();
+    document.addEventListener("mousedown", close);
+    document.addEventListener("keydown", keydown);
+    window.addEventListener("resize", positionDialog);
+    return () => {
+      document.removeEventListener("mousedown", close);
+      document.removeEventListener("keydown", keydown);
+      window.removeEventListener("resize", positionDialog);
+    };
+  }, [customOpen]);
+  const validColor = normalizedColor(color);
+  const width = Number(widthPt);
+  const valid = validColor !== null && Number.isFinite(width) && width >= 0.25 && width <= 12;
+  const applyCustom = () => {
+    if (!validColor || !valid) return;
+    onApply({ pageBorders: { sz: Math.round(width * 8), color: validColor } });
+    setCustomOpen(false);
+  };
+  const pick = (value) => {
+    if (value === "custom") {
+      setCustomOpen(true);
+      return;
+    }
+    setCustomOpen(false);
+    if (value === "none") onApply({ pageBorders: null });
+    else if (value === "thin") onApply({ pageBorders: { sz: 4 } });
+    else if (value === "thick") onApply({ pageBorders: { sz: 12 } });
+    else onApply({ pageBorders: { sz: 8, color: "4472C4" } });
+  };
+  return /* @__PURE__ */ jsxs2("span", { ref: rootRef, style: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsx2(
+      LayoutMenu,
+      {
+        name: "page-border",
+        label: "Page border",
+        open,
+        onOpenChange,
+        onPick: pick,
+        options: [
+          { value: "none", label: "None", description: "No page border", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "none" }) },
+          { value: "thin", label: "Thin box", description: "\xBD pt solid line", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "thin" }) },
+          { value: "thick", label: "Thick box", description: "1\xBD pt solid line", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "thick" }) },
+          { value: "accent", label: "Accent box", description: "Blue 1 pt line", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "accent" }) },
+          { value: "custom", label: "Custom border\u2026", description: "Choose a color and line weight", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "accent", borderColor: validColor ?? "#4472c4" }) }
+        ]
+      }
+    ),
+    customOpen && /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        role: "dialog",
+        "aria-label": "Custom Page Border",
+        onMouseDown: (event) => event.stopPropagation(),
+        style: {
+          position: "fixed",
+          top: dialogPosition.top,
+          left: dialogPosition.left,
+          zIndex: 201,
+          width: "min(224px, calc(100vw - 16px))",
+          boxSizing: "border-box",
+          background: T.popoverBg,
+          border: `1px solid ${T.border}`,
+          borderRadius: 8,
+          boxShadow: T.popoverShadow,
+          padding: 10,
+          display: "grid",
+          gap: 8
+        },
+        children: [
+          /* @__PURE__ */ jsx2("strong", { style: { fontSize: 13 }, children: "Custom Page Border" }),
+          /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gridTemplateColumns: "54px 1fr", gap: 8, alignItems: "center", fontSize: 12 }, children: [
+            /* @__PURE__ */ jsx2("span", { children: "Color" }),
+            /* @__PURE__ */ jsxs2("span", { style: { display: "flex", gap: 6 }, children: [
+              /* @__PURE__ */ jsx2("input", { "aria-label": "Page border color picker", type: "color", value: validColor ?? "#4472c4", onChange: (event) => setColor(event.target.value), style: { width: 34, height: 28, padding: 1, border: `1px solid ${T.border}`, borderRadius: 5, background: T.popoverBg } }),
+              /* @__PURE__ */ jsx2("input", { "aria-label": "Page border color", autoFocus: true, value: color, onChange: (event) => setColor(event.target.value), onKeyDown: (event) => event.key === "Enter" && applyCustom(), spellCheck: false, style: { width: 92, boxSizing: "border-box", border: `1px solid ${T.border}`, borderRadius: 5, padding: "4px 6px", color: T.fg, background: T.popoverBg } })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gridTemplateColumns: "54px 1fr", gap: 8, alignItems: "center", fontSize: 12 }, children: [
+            /* @__PURE__ */ jsx2("span", { children: "Weight" }),
+            /* @__PURE__ */ jsxs2("select", { "aria-label": "Page border width", value: widthPt, onChange: (event) => setWidthPt(event.target.value), style: { width: 132, border: `1px solid ${T.border}`, borderRadius: 5, padding: "4px 6px", color: T.fg, background: T.popoverBg }, children: [
+              /* @__PURE__ */ jsx2("option", { value: "0.5", children: "\xBD pt" }),
+              /* @__PURE__ */ jsx2("option", { value: "1", children: "1 pt" }),
+              /* @__PURE__ */ jsx2("option", { value: "1.5", children: "1\xBD pt" }),
+              /* @__PURE__ */ jsx2("option", { value: "2.25", children: "2\xBC pt" }),
+              /* @__PURE__ */ jsx2("option", { value: "3", children: "3 pt" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs2("span", { style: { color: T.muted, fontSize: 11 }, children: [
+            "Applies to ",
+            scope === "section" ? "this section" : "the whole document",
+            "."
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { style: { display: "flex", justifyContent: "flex-end", gap: 6 }, children: [
+            /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setCustomOpen(false), style: { ...pillBtn, background: T.popoverBg, color: T.fg }, children: "Cancel" }),
+            /* @__PURE__ */ jsx2("button", { type: "button", onClick: applyCustom, disabled: !valid, style: pillBtn, children: "Apply" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 function LayoutTab({ api, showArrange }) {
   const [scope, setScope] = useState2("document");
   const [section, setSection] = useState2(null);
@@ -32166,26 +33667,7 @@ function LayoutTab({ api, showArrange }) {
             onPick: (value) => set({ columns: parseInt(value, 10), columnSeparator: value === "2-divider" })
           }
         ),
-        /* @__PURE__ */ jsx2(
-          LayoutMenu,
-          {
-            name: "page-border",
-            label: "Page border",
-            ...menuState("page-border"),
-            options: [
-              { value: "none", label: "None", description: "No page border", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "none" }) },
-              { value: "thin", label: "Thin box", description: "\xBD pt solid line", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "thin" }) },
-              { value: "thick", label: "Thick box", description: "1\xBD pt solid line", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "thick" }) },
-              { value: "accent", label: "Accent box", description: "Blue 1 pt line", preview: /* @__PURE__ */ jsx2(PagePreview, { kind: "page-border", border: "accent" }) }
-            ],
-            onPick: (value) => {
-              if (value === "none") set({ pageBorders: null });
-              else if (value === "thin") set({ pageBorders: { sz: 4 } });
-              else if (value === "thick") set({ pageBorders: { sz: 12 } });
-              else set({ pageBorders: { sz: 8, color: "4472C4" } });
-            }
-          }
-        ),
+        /* @__PURE__ */ jsx2(PageBorderMenu, { scope, onApply: set, ...menuState("page-border") }),
         /* @__PURE__ */ jsx2(
           LayoutMenu,
           {
@@ -32250,6 +33732,125 @@ function LayoutTab({ api, showArrange }) {
     }
   );
 }
+function SmartArtTextControls({ api, nodeIndex }) {
+  const nodeSelected = nodeIndex !== void 0;
+  const [format, setFormat] = useState2(() => api?.getSelectedSmartArtTextFormat() ?? null);
+  useEffect2(() => setFormat(api?.getSelectedSmartArtTextFormat() ?? null), [api, nodeIndex]);
+  if (!format) return null;
+  const apply = (patch) => {
+    if (api?.setSelectedSmartArtTextFormat(patch)) setFormat(api.getSelectedSmartArtTextFormat());
+  };
+  const fonts = detectFonts();
+  const sizes = SIZES.includes(format.fontSizePt) ? SIZES : [format.fontSizePt, ...SIZES];
+  const scope = nodeSelected ? "selected node" : "all nodes";
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(Sep, {}),
+    /* @__PURE__ */ jsx2(
+      ToolbarMenuSelect,
+      {
+        title: `Font for ${scope}`,
+        value: format.fontFamily,
+        width: 126,
+        menuWidth: 210,
+        options: (fonts.includes(format.fontFamily) ? fonts : [format.fontFamily, ...fonts]).map((font) => ({
+          value: font,
+          label: font,
+          fontFamily: font
+        })),
+        onChange: (fontFamily) => fontFamily && apply({ fontFamily })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ToolbarMenuSelect,
+      {
+        title: `Font size for ${scope}`,
+        value: String(format.fontSizePt),
+        width: 58,
+        menuWidth: 92,
+        options: sizes.map((size) => ({ value: String(size), label: String(size) })),
+        onChange: (value) => value && apply({ fontSizePt: Number(value) })
+      }
+    ),
+    /* @__PURE__ */ jsx2(Btn, { label: /* @__PURE__ */ jsx2("b", { children: "B" }), title: `Bold ${scope}`, active: format.bold, onClick: () => apply({ bold: !format.bold }) }),
+    /* @__PURE__ */ jsx2(Btn, { label: /* @__PURE__ */ jsx2("i", { children: "I" }), title: `Italic ${scope}`, active: format.italic, onClick: () => apply({ italic: !format.italic }) }),
+    /* @__PURE__ */ jsx2(
+      ColorMenu,
+      {
+        current: format.color,
+        title: `Text color for ${scope}`,
+        trigger: /* @__PURE__ */ jsx2("span", { style: { fontSize: 13, borderBottom: `3px solid ${format.color}`, padding: "0 3px" }, children: "A" }),
+        onPick: (color) => apply({ color })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ActionMenu,
+      {
+        label: format.alignment === "center" ? "Center" : format.alignment === "right" ? "Right" : "Left",
+        title: `Text alignment for ${scope}`,
+        width: 74,
+        groups: [{ items: [["left", "Align left"], ["center", "Align center"], ["right", "Align right"]] }],
+        onPick: (alignment) => apply({ alignment })
+      }
+    )
+  ] });
+}
+function ObjectFormatTab({
+  api,
+  context,
+  showArrange
+}) {
+  const run = (command) => api?.runSelectedObjectCommand(command);
+  const wrap = /* @__PURE__ */ jsx2(
+    ActionMenu,
+    {
+      label: "Wrap",
+      title: "Wrap",
+      width: 72,
+      groups: [{ items: [
+        ["wrapInline", "Inline with text"],
+        ["wrapSquare", "Square"],
+        ["wrapTopAndBottom", "Top and bottom"],
+        ["wrapFront", "In front of text"],
+        ["wrapBehind", "Behind text"]
+      ] }],
+      onPick: (value) => run(value)
+    }
+  );
+  return /* @__PURE__ */ jsxs2("span", { "data-dxw-object-format": "", style: { display: "contents" }, children: [
+    context.kind === "chart" && /* @__PURE__ */ jsx2(ChartMenu, { api, label: "Edit data" }),
+    context.kind === "smartArt" && /* @__PURE__ */ jsx2(SmartArtMenu, { api, label: "Edit SmartArt" }),
+    context.kind === "smartArt" && /* @__PURE__ */ jsx2(SmartArtTextControls, { api, nodeIndex: context.smartArtNodeIndex }),
+    context.canEditText && /* @__PURE__ */ jsx2(
+      Btn,
+      {
+        label: "Edit text",
+        title: context.kind === "smartArt" ? "Edit selected SmartArt node text" : "Edit shape text",
+        onClick: () => run("editText")
+      }
+    ),
+    (context.kind === "shape" || context.kind === "smartArt") && /* @__PURE__ */ jsx2(
+      Btn,
+      {
+        label: context.kind === "smartArt" ? context.smartArtNodeSelected ? "Node fill" : "Fill all" : "Fill",
+        title: context.kind === "smartArt" ? context.smartArtNodeSelected ? "Selected SmartArt node fill" : "All SmartArt node fills" : "Fill color",
+        onClick: () => run("fill")
+      }
+    ),
+    context.kind === "shape" && /* @__PURE__ */ jsx2(Btn, { label: "Outline", title: "Outline color, weight, and style", onClick: () => run("outline") }),
+    context.kind === "line" && /* @__PURE__ */ jsx2(Btn, { label: "Line style", title: "Line color, weight, and style", onClick: () => run("lineStyle") }),
+    (context.kind === "image" || context.kind === "model3d") && /* @__PURE__ */ jsx2(Btn, { label: "Alt text", title: "Alternative text", onClick: () => run("altText") }),
+    wrap,
+    /* @__PURE__ */ jsx2(Btn, { label: "Size", title: "Exact size", onClick: () => run("size") }),
+    /* @__PURE__ */ jsx2(Btn, { label: "Position", title: "Exact page position", onClick: () => run("position") }),
+    (context.kind === "shape" || context.kind === "line" || context.kind === "image" || context.kind === "model3d") && /* @__PURE__ */ jsx2(Btn, { label: "Rotate", title: "Set rotation", onClick: () => run("rotate") }),
+    showArrange && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx2(Btn, { label: "Bring forward", title: "Bring selected object forward", onClick: () => run("bringForward") }),
+      /* @__PURE__ */ jsx2(Btn, { label: "Send backward", title: "Send selected object backward", onClick: () => run("sendBackward") })
+    ] }),
+    context.kind === "model3d" && /* @__PURE__ */ jsx2(Btn, { label: "Reset 3D", title: "Reset 3D rotation", onClick: () => run("reset3d") }),
+    /* @__PURE__ */ jsx2(Btn, { label: "Delete", title: "Delete selected object", onClick: () => run("delete") })
+  ] });
+}
 function DocxToolbar({
   api,
   onSave,
@@ -32260,6 +33861,14 @@ function DocxToolbar({
 }) {
   const on = (k) => features?.[k] !== false;
   const [tab, setTab] = useState2("home");
+  const priorNormalTab = useRef2("home");
+  const [objectContext, setObjectContext] = useState2(null);
+  const [tableCellFill, setTableCellFill] = useState2(void 0);
+  const tableContextRef = useRef2(void 0);
+  const selectNormalTab = (next) => {
+    priorNormalTab.current = next;
+    setTab(next);
+  };
   const [helpOpen, setHelpOpen] = useState2(false);
   const apple = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform);
   const shortcut = (key) => apple ? `\u2318${key}` : `Ctrl+${key}`;
@@ -32308,6 +33917,22 @@ function DocxToolbar({
     document.addEventListener("keydown", keydown);
     return () => document.removeEventListener("keydown", keydown);
   }, [features]);
+  useEffect2(() => {
+    const refreshObject = () => {
+      const next = api?.getSelectedObjectContext() ?? null;
+      setObjectContext(next);
+      setTab((current) => {
+        if (next) {
+          if (["home", "insert", "draw", "layout"].includes(current)) priorNormalTab.current = current;
+          return "format";
+        }
+        return current === "format" ? tableContextRef.current !== void 0 ? "tableFormat" : priorNormalTab.current : current;
+      });
+    };
+    refreshObject();
+    document.addEventListener("dxw-object-selection", refreshObject);
+    return () => document.removeEventListener("dxw-object-selection", refreshObject);
+  }, [api]);
   useEffect2(() => {
     const el16 = rootRef.current;
     if (!el16 || typeof ResizeObserver === "undefined") return;
@@ -32332,6 +33957,18 @@ function DocxToolbar({
     setFmt(api?.getSelectionFormat() ?? null);
     setCurStyle(api?.getParagraphStyleId?.() ?? null);
     setListKind(api?.getListType?.() ?? null);
+    const nextTableFill = api?.getTableCellFill();
+    const wasInTable = tableContextRef.current !== void 0;
+    tableContextRef.current = nextTableFill;
+    setTableCellFill(nextTableFill);
+    setTab((current) => {
+      if (nextTableFill !== void 0 && !wasInTable && current !== "format") {
+        if (["home", "insert", "draw", "layout"].includes(current)) priorNormalTab.current = current;
+        return "tableFormat";
+      }
+      if (nextTableFill === void 0 && current === "tableFormat") return priorNormalTab.current;
+      return current;
+    });
   }, [api]);
   useEffect2(() => {
     document.addEventListener("selectionchange", refresh);
@@ -32547,8 +34184,10 @@ function DocxToolbar({
                   title: "Exact line height",
                   label: "Line height (points)",
                   value: "24",
-                  placeholder: "24",
-                  submitLabel: "Apply"
+                  submitLabel: "Apply",
+                  inputType: "number",
+                  min: 1,
+                  step: 0.5
                 }).then((next) => {
                   if (next === null) return;
                   const points = Number(next.trim());
@@ -32656,8 +34295,9 @@ function DocxToolbar({
               "button",
               {
                 "data-tab": t,
+                "aria-pressed": tab === t,
                 onMouseDown: (e) => e.preventDefault(),
-                onClick: () => setTab(t),
+                onClick: () => selectNormalTab(t),
                 style: {
                   border: "none",
                   background: tab === t ? T.tabActiveBg : "transparent",
@@ -32672,6 +34312,51 @@ function DocxToolbar({
               },
               t
             )),
+            objectContext && /* @__PURE__ */ jsx2(
+              "button",
+              {
+                "data-tab": "format",
+                "aria-pressed": tab === "format",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => setTab("format"),
+                style: {
+                  border: "none",
+                  background: tab === "format" ? T.tabActiveBg : "transparent",
+                  color: tab === "format" ? T.accent : T.fg,
+                  font: "600 12.5px system-ui, sans-serif",
+                  padding: "5px 10px",
+                  borderRadius: 6,
+                  cursor: "pointer"
+                },
+                children: {
+                  shape: "Shape Format",
+                  line: "Line Format",
+                  smartArt: "SmartArt Format",
+                  chart: "Chart Format",
+                  image: "Picture Format",
+                  model3d: "3D Format"
+                }[objectContext.kind]
+              }
+            ),
+            !objectContext && tableCellFill !== void 0 && /* @__PURE__ */ jsx2(
+              "button",
+              {
+                "data-tab": "tableFormat",
+                "aria-pressed": tab === "tableFormat",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => setTab("tableFormat"),
+                style: {
+                  border: "none",
+                  background: tab === "tableFormat" ? T.tabActiveBg : "transparent",
+                  color: tab === "tableFormat" ? T.accent : T.fg,
+                  font: "600 12.5px system-ui, sans-serif",
+                  padding: "5px 10px",
+                  borderRadius: 6,
+                  cursor: "pointer"
+                },
+                children: "Table Format"
+              }
+            ),
             on("help") && /* @__PURE__ */ jsx2(
               "button",
               {
@@ -32711,6 +34396,7 @@ function DocxToolbar({
             on("chart") && /* @__PURE__ */ jsx2(ChartMenu, { api }),
             on("media") && /* @__PURE__ */ jsx2(MediaMenu, { api }),
             on("shape") && /* @__PURE__ */ jsx2(ShapeMenu, { api }),
+            on("divider") && /* @__PURE__ */ jsx2(DividerMenu, { api }),
             on("textBox") && /* @__PURE__ */ jsx2(TextBoxMenu, { api }),
             on("wordArt") && /* @__PURE__ */ jsx2(WordArtMenu, { api }),
             on("link") && /* @__PURE__ */ jsx2(LinkMenu, { api }),
@@ -32718,10 +34404,16 @@ function DocxToolbar({
             on("footnote") && /* @__PURE__ */ jsx2(FootnoteMenu, { api }),
             on("bookmark") && /* @__PURE__ */ jsx2(BookmarkMenu, { api }),
             on("crossReference") && /* @__PURE__ */ jsx2(CrossReferenceMenu, { api }),
-            on("headerFooter") && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-              /* @__PURE__ */ jsx2(Btn, { label: "Header", title: "Edit header", onClick: () => api?.openHeaderFooter("header") }),
-              /* @__PURE__ */ jsx2(Btn, { label: "Footer", title: "Edit footer", onClick: () => api?.openHeaderFooter("footer") })
-            ] }),
+            on("headerFooter") && /* @__PURE__ */ jsx2(
+              ActionMenu,
+              {
+                label: "Header & footer",
+                title: "Edit the repeating header or footer",
+                width: 118,
+                groups: [{ items: [["header", "Header"], ["footer", "Footer"]] }],
+                onPick: (value) => api?.openHeaderFooter(value)
+              }
+            ),
             /* @__PURE__ */ jsx2(Sep, {}),
             on("pageNumber") && /* @__PURE__ */ jsx2(
               ActionMenu,
@@ -32805,6 +34497,7 @@ function DocxToolbar({
             on("chart") && /* @__PURE__ */ jsx2(ChartMenu, { api }),
             on("media") && /* @__PURE__ */ jsx2(MediaMenu, { api }),
             on("shape") && /* @__PURE__ */ jsx2(ShapeMenu, { api }),
+            on("divider") && /* @__PURE__ */ jsx2(DividerMenu, { api }),
             on("textBox") && /* @__PURE__ */ jsx2(TextBoxMenu, { api }),
             on("wordArt") && /* @__PURE__ */ jsx2(WordArtMenu, { api }),
             on("link") && /* @__PURE__ */ jsx2(LinkMenu, { api }),
@@ -32812,10 +34505,16 @@ function DocxToolbar({
             on("footnote") && /* @__PURE__ */ jsx2(FootnoteMenu, { api }),
             on("bookmark") && /* @__PURE__ */ jsx2(BookmarkMenu, { api }),
             on("crossReference") && /* @__PURE__ */ jsx2(CrossReferenceMenu, { api }),
-            on("headerFooter") && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-              /* @__PURE__ */ jsx2(Btn, { label: "Header", title: "Edit header", onClick: () => api?.openHeaderFooter("header") }),
-              /* @__PURE__ */ jsx2(Btn, { label: "Footer", title: "Edit footer", onClick: () => api?.openHeaderFooter("footer") })
-            ] }),
+            on("headerFooter") && /* @__PURE__ */ jsx2(
+              ActionMenu,
+              {
+                label: "Header & footer",
+                title: "Edit the repeating header or footer",
+                width: 118,
+                groups: [{ items: [["header", "Header"], ["footer", "Footer"]] }],
+                onPick: (value) => api?.openHeaderFooter(value)
+              }
+            ),
             on("pageNumber") && /* @__PURE__ */ jsx2(
               ActionMenu,
               {
@@ -32877,6 +34576,8 @@ function DocxToolbar({
           ] })
         ] }),
         mode === "advanced" && tab === "draw" && on("drawing") && /* @__PURE__ */ jsx2(DrawTab, { api }),
+        mode === "advanced" && tab === "format" && objectContext && /* @__PURE__ */ jsx2(ObjectFormatTab, { api, context: objectContext, showArrange: on("arrange") }),
+        mode === "advanced" && tab === "tableFormat" && tableCellFill !== void 0 && /* @__PURE__ */ jsx2(TableFormatTab, { api, fill: tableCellFill, onChanged: refresh }),
         /* @__PURE__ */ jsx2(
           "input",
           {
@@ -33309,7 +35010,8 @@ function DocxView({
               void requestTextInputDialog(anchor, {
                 title: "Link address",
                 label: "URL",
-                value: current.getLinkAt() ?? "https://"
+                value: current.getLinkAt() ?? "https://",
+                inputType: "url"
               }).then((next) => {
                 if (next !== null) current.setLink(next.trim() || null);
               });
@@ -33459,12 +35161,13 @@ function DocxView({
             return true;
           },
           insertSymbol: (symbol) => editor?.insertText(symbol) ?? false,
-          insertShape: (preset, text) => {
+          insertShape: (preset, text, lineStyle) => {
             const target = insertionTarget();
             if (!target) return false;
             history.checkpoint();
             const drawing = insertShapeAt(doc, target.t, preset, text);
             if (!drawing) return false;
+            if (lineStyle) setDrawingLineStyle(doc, drawing, lineStyle.color, lineStyle.width, lineStyle.dash);
             pages = rerender(doc, void 0, "global");
             editor?.reselectDrawing(drawing);
             return true;
@@ -33494,6 +35197,7 @@ function DocxView({
             editor?.reselectDrawing(source2);
             return true;
           },
+          getSelectedChart: () => editor?.getSelectedChartData() ?? null,
           insertSmartArt: (data) => {
             const target = insertionTarget();
             if (!target) return false;
@@ -33511,6 +35215,7 @@ function DocxView({
             editor?.reselectDrawing(source2);
             return true;
           },
+          getSelectedSmartArt: () => editor?.getSelectedSmartArtData() ?? null,
           insertModel3D: async (file, poster) => {
             const target = insertionTarget();
             if (!target) return false;
@@ -33548,6 +35253,10 @@ function DocxView({
           getDrawingTool: () => editor?.getDrawingTool() ?? null,
           arrangeObject: (action) => editor?.arrangeSelectedObject(action) ?? false,
           hasSelectedObject: () => editor?.hasSelectedObject() ?? false,
+          getSelectedObjectContext: () => editor?.getSelectedObjectContext() ?? null,
+          runSelectedObjectCommand: (command) => editor?.runSelectedObjectCommand(command) ?? false,
+          getSelectedSmartArtTextFormat: () => editor?.getSelectedSmartArtTextFormat() ?? null,
+          setSelectedSmartArtTextFormat: (patch) => editor?.setSelectedSmartArtTextFormat(patch) ?? false,
           addComment: (text) => {
             const segs = editor?.getSelectionSegments() ?? [];
             const segments = segs.length > 0 ? segs : handle ? selectionToSegments(handle.bindings) : [];
@@ -33576,6 +35285,10 @@ function DocxView({
             history.checkpoint();
             if (applyTableOp(doc, caret.t, op)) pages = rerender(doc);
           },
+          getTableCellFill: () => {
+            const caret = editor?.getCaretTarget();
+            return caret ? cellShadingAt(doc, caret.t) : void 0;
+          },
           insertImage: async (file) => {
             const caret = editor?.getCaretTarget();
             if (!caret) return;
@@ -33731,6 +35444,20 @@ function DocxView({
             history.checkpoint();
             if (setParagraphSpacing(doc, targets, patch)) pages = rerender(doc);
           },
+          setParagraphDivider: (divider) => {
+            const segs = editor?.getSelectionSegments() ?? [];
+            const caret = editor?.getCaretTarget();
+            const targets = segs.length > 0 ? segs.map((segment) => segment.t).filter((target) => !!target) : caret ? [caret.t] : [];
+            if (targets.length === 0) return false;
+            history.checkpoint();
+            if (!setParagraphDivider(doc, targets, divider)) return false;
+            pages = rerender(doc);
+            return true;
+          },
+          getParagraphDivider: () => {
+            const target = editor?.getSelectionSegments()?.find((segment) => segment.t)?.t ?? editor?.getCaretTarget()?.t;
+            return target ? paragraphDividerAt(doc, target) : null;
+          },
           setDropCap: (mode, lines = 3) => {
             const target = insertionTarget();
             if (!target) return false;