@beyondwork/docx-react-component 1.0.132 → 1.0.133

package/dist/{chunk-4HGFJ6Z2.js → chunk-PZIEOEJZ.js}

@@ -1,6 +1,6 @@
 import {
   classifyFieldInstruction
-} from "./chunk-RBWJHRNP.js";
+} from "./chunk-T66OS7MN.js";
 import {
   describeOpaqueFragment,
   describeStructuredWrapperBlock,

package/dist/{chunk-C5LXKR54.js → chunk-QTRJLKR2.js}

@@ -1,7 +1,7 @@
 import {
   NO_EDITABLE_TARGETS_INDEX,
   createEditorSurfaceSnapshot
-} from "./chunk-U3UMKA7B.js";
+} from "./chunk-XBQFDBXE.js";
 import {
   createSelectionSnapshot
 } from "./chunk-OYGMRRR7.js";

package/dist/{chunk-SZ6BJA4Q.js → chunk-REFHJ2FN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-Y4XZCMCS.js";
 import {
   applyTextTransaction
-} from "./chunk-N5FTU4HZ.js";
+} from "./chunk-MQ5GAJ54.js";
 import {
   createInsertedTableBlock,
   createNoopStructuralMutation,
@@ -11,11 +11,11 @@ import {
   replaceParagraphScope,
   resolveInsertedTableStyleId,
   resolveParagraphScope
-} from "./chunk-C5LXKR54.js";
+} from "./chunk-QTRJLKR2.js";
 import {
   NO_EDITABLE_TARGETS_INDEX,
   createEditorSurfaceSnapshot
-} from "./chunk-U3UMKA7B.js";
+} from "./chunk-XBQFDBXE.js";
 import {
   createSelectionSnapshot
 } from "./chunk-OYGMRRR7.js";

package/dist/{chunk-ZDYGRO2Z.js → chunk-RP76USJE.js}

@@ -1,6 +1,6 @@
 import {
   extractBookmarksFromBodyXml
-} from "./chunk-RBWJHRNP.js";
+} from "./chunk-T66OS7MN.js";
 
 // src/legal/document-root.ts
 function resolveWalkableRoot(document) {

package/dist/{chunk-QUTVR72L.js → chunk-S3PEKX6H.js}

@@ -1,6 +1,6 @@
 import {
   resolvePageOverlayRectsFromGeometry
-} from "./chunk-UP2KDOYE.js";
+} from "./chunk-57HTKX3P.js";
 import {
   buildPageAnchorAttributes,
   buildPageAnchorSelector,
@@ -8,7 +8,7 @@ import {
   resolveChromePreset,
   resolveChromePresetOptions,
   resolveChromeVisibilityForPreset
-} from "./chunk-W2I47J2Q.js";
+} from "./chunk-NJFKPDNG.js";
 import {
   DEFAULT_PAGE_ESTIMATE_PX_PER_TWIP,
   DEFAULT_PX_PER_TWIP,
@@ -20,19 +20,19 @@ import {
   incrementInvalidationCounter,
   recordPerfSample,
   sanitizeMarkdown
-} from "./chunk-LPLJZJT2.js";
+} from "./chunk-CVSD3UNK.js";
 import {
   createCanvasBackend
 } from "./chunk-OVLZQ6FZ.js";
 import {
   storyTargetKey
-} from "./chunk-U3UMKA7B.js";
+} from "./chunk-XBQFDBXE.js";
 import {
   EMU_PER_INCH,
   EMU_PER_PX,
   ROTATION_UNITS_PER_DEGREE,
   TWIPS_PER_PX
-} from "./chunk-RYMMKOFI.js";
+} from "./chunk-5KTJKTNE.js";
 import {
   createPublicNodeAnchor,
   createPublicRangeAnchor
@@ -1870,6 +1870,43 @@ function TwToolbar(props) {
   const showPostFormattingDivider = showListActionsInRow || showSpacingActionsInRow || showInsertActionsInRow || showUpdateActionsInRow || showCompactOverflow;
   const zoomLabel = typeof zoomLevel === "number" ? `${zoomLevel}%` : zoomLevel === "pageWidth" ? "Fit width" : "Fit page";
   const showZoomSteppers = responsiveTier === "wide";
+  const bulletedListState = resolveListCommandControl({
+    canEdit,
+    editDisabledReason,
+    callback: props.onToggleBulletedList,
+    availability: getListCommandAvailability(props.activeListReadback, "toggle-bulleted")
+  });
+  const numberedListState = resolveListCommandControl({
+    canEdit,
+    editDisabledReason,
+    callback: props.onToggleNumberedList,
+    availability: getListCommandAvailability(props.activeListReadback, "toggle-numbered")
+  });
+  const outdentState = resolveListCommandControl({
+    canEdit,
+    editDisabledReason,
+    callback: props.onOutdent,
+    availability: getListCommandAvailability(props.activeListReadback, "outdent")
+  });
+  const indentState = resolveListCommandControl({
+    canEdit,
+    editDisabledReason,
+    callback: props.onIndent,
+    availability: getListCommandAvailability(props.activeListReadback, "indent")
+  });
+  const restartNumberingState = resolveListCommandControl({
+    canEdit,
+    editDisabledReason,
+    callback: props.onRestartNumbering,
+    availability: getListCommandAvailability(props.activeListReadback, "restart-numbering")
+  });
+  const continueNumberingState = resolveListCommandControl({
+    canEdit,
+    editDisabledReason,
+    callback: props.onContinueNumbering,
+    availability: getListCommandAvailability(props.activeListReadback, "continue-numbering")
+  });
+  const activeListKind = props.activeListReadback?.listKind;
   return /* @__PURE__ */ jsxs6(
     "header",
     {
@@ -1885,7 +1922,7 @@ function TwToolbar(props) {
       },
       className: [
         "shrink-0 rounded-[var(--radius-sm)] border border-[var(--color-border-subtle)]",
-        "bg-[var(--color-bg-chrome)] px-2.5",
+        "bg-[var(--color-bg-chrome)] px-2.5 shadow-[var(--shadow-soft)]",
         isCompact ? "flex min-h-10 flex-wrap items-center gap-1.5 py-1.5" : "flex items-center gap-1"
       ].join(" "),
       children: [
@@ -2054,9 +2091,9 @@ function TwToolbar(props) {
               {
                 icon: List,
                 label: "Bulleted list",
-                active: Boolean(props.activeListContext && !props.activeListContext.isOrdered),
-                disabled: !canEdit || !props.onToggleBulletedList,
-                disabledReason: editDisabledReason,
+                active: activeListKind ? activeListKind === "bulleted" : Boolean(props.activeListContext && !props.activeListContext.isOrdered),
+                disabled: bulletedListState.disabled,
+                disabledReason: bulletedListState.disabledReason,
                 onClick: props.onToggleBulletedList
               }
             ),
@@ -2065,9 +2102,9 @@ function TwToolbar(props) {
               {
                 icon: Rows32,
                 label: "Numbered list",
-                active: Boolean(props.activeListContext?.isOrdered),
-                disabled: !canEdit || !props.onToggleNumberedList,
-                disabledReason: editDisabledReason,
+                active: activeListKind ? activeListKind === "numbered" : Boolean(props.activeListContext?.isOrdered),
+                disabled: numberedListState.disabled,
+                disabledReason: numberedListState.disabledReason,
                 onClick: props.onToggleNumberedList
               }
             )
@@ -2078,8 +2115,8 @@ function TwToolbar(props) {
               {
                 icon: Outdent,
                 label: "Outdent",
-                disabled: !canEdit || !props.onOutdent,
-                disabledReason: editDisabledReason,
+                disabled: outdentState.disabled,
+                disabledReason: outdentState.disabledReason,
                 onClick: props.onOutdent
               }
             ),
@@ -2088,8 +2125,8 @@ function TwToolbar(props) {
               {
                 icon: Indent,
                 label: "Indent",
-                disabled: !canEdit || !props.onIndent,
-                disabledReason: editDisabledReason,
+                disabled: indentState.disabled,
+                disabledReason: indentState.disabledReason,
                 onClick: props.onIndent
               }
             )
@@ -2099,8 +2136,8 @@ function TwToolbar(props) {
               ToolbarTextButton,
               {
                 ariaLabel: "Restart numbering",
-                disabled: !canEdit || !props.onRestartNumbering,
-                disabledReason: editDisabledReason,
+                disabled: restartNumberingState.disabled,
+                disabledReason: restartNumberingState.disabledReason,
                 onClick: props.onRestartNumbering,
                 children: "Restart"
               }
@@ -2109,8 +2146,8 @@ function TwToolbar(props) {
               ToolbarTextButton,
               {
                 ariaLabel: "Continue numbering",
-                disabled: !canEdit || !props.onContinueNumbering,
-                disabledReason: editDisabledReason,
+                disabled: continueNumberingState.disabled,
+                disabledReason: continueNumberingState.disabledReason,
                 onClick: props.onContinueNumbering,
                 children: "Continue"
               }
@@ -2154,6 +2191,7 @@ function TwToolbar(props) {
             ToolbarCompactOverflow,
             {
               activeListContext: props.activeListContext,
+              activeListReadback: props.activeListReadback,
               canEdit,
               canInsertStructural,
               editDisabledReason,
@@ -2687,8 +2725,59 @@ function ToolbarFontSizeSelect(props) {
     }
   );
 }
+function getListCommandAvailability(readback, command) {
+  return readback?.commandSupport.find((entry) => entry.command === command);
+}
+function resolveListCommandControl(input) {
+  if (!input.canEdit) {
+    return { disabled: true, disabledReason: input.editDisabledReason };
+  }
+  if (!input.callback) {
+    return { disabled: true };
+  }
+  if (input.availability?.enabled === false) {
+    return { disabled: true, disabledReason: input.availability.reason };
+  }
+  return { disabled: false };
+}
 function ToolbarCompactOverflow(props) {
   const [open, setOpen] = React4.useState(false);
+  const bulletedListState = resolveListCommandControl({
+    canEdit: props.canEdit,
+    editDisabledReason: props.editDisabledReason,
+    callback: props.onToggleBulletedList,
+    availability: getListCommandAvailability(props.activeListReadback, "toggle-bulleted")
+  });
+  const numberedListState = resolveListCommandControl({
+    canEdit: props.canEdit,
+    editDisabledReason: props.editDisabledReason,
+    callback: props.onToggleNumberedList,
+    availability: getListCommandAvailability(props.activeListReadback, "toggle-numbered")
+  });
+  const outdentState = resolveListCommandControl({
+    canEdit: props.canEdit,
+    editDisabledReason: props.editDisabledReason,
+    callback: props.onOutdent,
+    availability: getListCommandAvailability(props.activeListReadback, "outdent")
+  });
+  const indentState = resolveListCommandControl({
+    canEdit: props.canEdit,
+    editDisabledReason: props.editDisabledReason,
+    callback: props.onIndent,
+    availability: getListCommandAvailability(props.activeListReadback, "indent")
+  });
+  const restartNumberingState = resolveListCommandControl({
+    canEdit: props.canEdit,
+    editDisabledReason: props.editDisabledReason,
+    callback: props.onRestartNumbering,
+    availability: getListCommandAvailability(props.activeListReadback, "restart-numbering")
+  });
+  const continueNumberingState = resolveListCommandControl({
+    canEdit: props.canEdit,
+    editDisabledReason: props.editDisabledReason,
+    callback: props.onContinueNumbering,
+    availability: getListCommandAvailability(props.activeListReadback, "continue-numbering")
+  });
   const overflowGroups = [
     props.showStyleSelectors || props.showInlineFormatting || props.showTextColors ? "Format" : null,
     props.showListActions || props.showParagraphActions || props.showParagraphAlignment || props.showListContinuation ? "Paragraph" : null,
@@ -2905,8 +2994,8 @@ function ToolbarCompactOverflow(props) {
           ToolbarMenuButton,
           {
             ariaLabel: "Bulleted list",
-            disabled: !props.canEdit || !props.onToggleBulletedList,
-            disabledReason: props.editDisabledReason,
+            disabled: bulletedListState.disabled,
+            disabledReason: bulletedListState.disabledReason,
             icon: /* @__PURE__ */ jsx6(List, { className: "h-3.5 w-3.5" }),
             label: "Bulleted list",
             onClick: () => {
@@ -2919,8 +3008,8 @@ function ToolbarCompactOverflow(props) {
           ToolbarMenuButton,
           {
             ariaLabel: "Numbered list",
-            disabled: !props.canEdit || !props.onToggleNumberedList,
-            disabledReason: props.editDisabledReason,
+            disabled: numberedListState.disabled,
+            disabledReason: numberedListState.disabledReason,
             icon: /* @__PURE__ */ jsx6(Rows32, { className: "h-3.5 w-3.5" }),
             label: "Numbered list",
             onClick: () => {
@@ -2949,8 +3038,8 @@ function ToolbarCompactOverflow(props) {
             ToolbarMenuButton,
             {
               ariaLabel: "Outdent",
-              disabled: !props.canEdit || !props.onOutdent,
-              disabledReason: props.editDisabledReason,
+              disabled: outdentState.disabled,
+              disabledReason: outdentState.disabledReason,
               icon: /* @__PURE__ */ jsx6(Outdent, { className: "h-3.5 w-3.5" }),
               label: "Outdent",
               onClick: () => {
@@ -2963,8 +3052,8 @@ function ToolbarCompactOverflow(props) {
             ToolbarMenuButton,
             {
               ariaLabel: "Indent",
-              disabled: !props.canEdit || !props.onIndent,
-              disabledReason: props.editDisabledReason,
+              disabled: indentState.disabled,
+              disabledReason: indentState.disabledReason,
               icon: /* @__PURE__ */ jsx6(Indent, { className: "h-3.5 w-3.5" }),
               label: "Indent",
               onClick: () => {
@@ -2979,8 +3068,8 @@ function ToolbarCompactOverflow(props) {
             ToolbarMenuButton,
             {
               ariaLabel: "Restart numbering",
-              disabled: !props.canEdit || !props.onRestartNumbering,
-              disabledReason: props.editDisabledReason,
+              disabled: restartNumberingState.disabled,
+              disabledReason: restartNumberingState.disabledReason,
               icon: /* @__PURE__ */ jsx6(Rows32, { className: "h-3.5 w-3.5" }),
               label: "Restart numbering",
               onClick: () => {
@@ -2993,8 +3082,8 @@ function ToolbarCompactOverflow(props) {
             ToolbarMenuButton,
             {
               ariaLabel: "Continue numbering",
-              disabled: !props.canEdit || !props.onContinueNumbering,
-              disabledReason: props.editDisabledReason,
+              disabled: continueNumberingState.disabled,
+              disabledReason: continueNumberingState.disabledReason,
               icon: /* @__PURE__ */ jsx6(Rows32, { className: "h-3.5 w-3.5" }),
               label: "Continue numbering",
               onClick: () => {
@@ -9043,6 +9132,18 @@ function emuToPx(emu, pxPerTwip) {
   return emu / EMU_PER_PX * zoomFactor;
 }
 
+// src/ui-tailwind/editor-surface/media-src-policy.ts
+var SAFE_DATA_IMAGE_PREFIX_RE = /^data:image\/(?:png|jpe?g|gif|webp|bmp);base64,/iu;
+var MAX_NUMBERING_PICTURE_BULLET_DATA_URL_LENGTH = 1024 * 1024;
+function sanitizeNumberingPictureBulletSrc(src) {
+  if (typeof src !== "string") return null;
+  const trimmed = src.trim();
+  if (trimmed.length === 0) return null;
+  if (trimmed.length > MAX_NUMBERING_PICTURE_BULLET_DATA_URL_LENGTH) return null;
+  if (!SAFE_DATA_IMAGE_PREFIX_RE.test(trimmed)) return null;
+  return trimmed;
+}
+
 // src/ui-tailwind/page-stack/tw-region-block-renderer.tsx
 import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var EMU_PER_PX2 = 9525;
@@ -9157,6 +9258,10 @@ function renderSegment(seg, mediaPreviews, fallbackDisplay, tabInfoBySegment) {
         "span",
         {
           "data-node-type": "field_ref",
+          "data-generated-field": "true",
+          "data-field-family": seg.fieldFamily,
+          "data-field-target": seg.fieldTarget,
+          "data-field-refresh-status": seg.refreshStatus,
           style: { opacity: 0.6, fontSize: "0.85em" },
           children: seg.displayText ?? seg.label
         },
@@ -9206,6 +9311,9 @@ function RegionParagraph({
   const markerWidth = resolvedNumbering?.geometry?.markerLane?.width;
   const markerStart = resolvedNumbering?.geometry?.markerLane?.start;
   const markerJustification = resolvedNumbering?.geometry?.markerJustification;
+  const pictureBulletSrc = sanitizeNumberingPictureBulletSrc(
+    resolvedNumbering?.picBulletMediaId ? mediaPreviews[resolvedNumbering.picBulletMediaId]?.src : null
+  );
   const prefixSpan = numberingPrefix != null ? /* @__PURE__ */ jsx29(
     "span",
     {
@@ -9216,7 +9324,9 @@ function RegionParagraph({
         ...!markerRunProperties ? ["text-tertiary", "font-[family-name:var(--font-legal-sans)]"] : []
       ].join(" "),
       contentEditable: false,
-      "data-numbering-prefix": numberingPrefix,
+      "data-numbering-marker": "true",
+      "data-numbering-prefix": pictureBulletSrc ? "" : numberingPrefix,
+      ...pictureBulletSrc ? { "data-numbering-picture-bullet": resolvedNumbering?.pictureBulletPosture?.status ?? "media-rendered" } : {},
       ...typeof resolvedNumbering?.level === "number" ? { "data-numbering-level": String(resolvedNumbering.level) } : {},
       ...numberingSuffix ? { "data-numbering-suffix": numberingSuffix } : {},
       style: buildMarkerStyle(
@@ -9227,7 +9337,20 @@ function RegionParagraph({
         markerStart,
         markerJustification
       ),
-      children: numberingPrefix
+      children: pictureBulletSrc ? /* @__PURE__ */ jsx29(
+        "img",
+        {
+          src: pictureBulletSrc,
+          alt: "",
+          "aria-hidden": "true",
+          style: {
+            maxWidth: "100%",
+            maxHeight: "100%",
+            objectFit: "contain",
+            display: "block"
+          }
+        }
+      ) : numberingPrefix
     }
   ) : null;
   const attrs = {
@@ -10945,7 +11068,17 @@ function TwSelectionToolStructure(props) {
           onSetCellVerticalAlign: props.onSetCellVerticalAlign
         }
       );
-    case "list":
+    case "list": {
+      const continueState = resolveListToolbarButtonState({
+        canMutate: props.model.canMutate,
+        callback: props.onContinueNumbering,
+        availability: getListCommandAvailability2(props.activeListReadback, "continue-numbering")
+      });
+      const restartState = resolveListToolbarButtonState({
+        canMutate: props.model.canMutate,
+        callback: props.onRestartNumbering,
+        availability: getListCommandAvailability2(props.activeListReadback, "restart-numbering")
+      });
       return /* @__PURE__ */ jsxs34(
         "div",
         {
@@ -10957,7 +11090,8 @@ function TwSelectionToolStructure(props) {
               ToolbarButton3,
               {
                 ariaLabel: "Continue numbering",
-                disabled: !props.model.canMutate || !props.onContinueNumbering,
+                disabled: continueState.disabled,
+                disabledReason: continueState.disabledReason,
                 onClick: props.onContinueNumbering,
                 children: "Continue"
               }
@@ -10966,7 +11100,8 @@ function TwSelectionToolStructure(props) {
               ToolbarButton3,
               {
                 ariaLabel: "Restart numbering",
-                disabled: !props.model.canMutate || !props.onRestartNumbering,
+                disabled: restartState.disabled,
+                disabledReason: restartState.disabledReason,
                 onClick: props.onRestartNumbering,
                 children: "Restart"
               }
@@ -10974,15 +11109,31 @@ function TwSelectionToolStructure(props) {
           ]
         }
       );
+    }
+  }
+}
+function getListCommandAvailability2(readback, command) {
+  return readback?.commandSupport.find((entry) => entry.command === command);
+}
+function resolveListToolbarButtonState(input) {
+  if (!input.canMutate || !input.callback) {
+    return { disabled: true };
   }
+  if (input.availability?.enabled === false) {
+    return { disabled: true, disabledReason: input.availability.reason };
+  }
+  return { disabled: false };
 }
 function ToolbarButton3(props) {
+  const disabledReason = props.disabled && props.disabledReason ? props.disabledReason : void 0;
   return /* @__PURE__ */ jsx43(
     "button",
     {
       type: "button",
       "aria-label": props.ariaLabel,
       disabled: props.disabled,
+      "data-disabled-reason": disabledReason,
+      title: disabledReason ? `Not available: ${disabledReason}` : void 0,
       onMouseDown: preserveEditorSelectionMouseDown,
       onClick: props.onClick,
       className: "inline-flex h-7 items-center rounded-md border border-border px-2 text-[length:var(--text-xs)] font-medium text-secondary transition-colors hover:bg-surface disabled:cursor-not-allowed disabled:opacity-40",
@@ -11371,6 +11522,7 @@ function renderTool(props, tool, density) {
           onSetImageFrame: props.onSetImageFrame,
           onRestartNumbering: props.onRestartNumbering,
           onContinueNumbering: props.onContinueNumbering,
+          activeListReadback: props.activeListReadback,
           onToggleRowHeader: props.onToggleRowHeader,
           onToggleRowCantSplit: props.onToggleRowCantSplit,
           onDistributeColumnsEvenly: props.onDistributeColumnsEvenly,
@@ -11571,6 +11723,7 @@ var EDITOR_ACTION_REGISTRY = [
     group: "clipboard",
     targetKinds: [
       "plain-text",
+      "list-item",
       "table-cell",
       "image",
       "hyperlink",
@@ -11589,9 +11742,11 @@ var EDITOR_ACTION_REGISTRY = [
     group: "clipboard",
     targetKinds: [
       "plain-text",
+      "list-item",
       "table-cell",
       "image",
       "hyperlink",
+      "generated-field",
       "suggestion",
       "comment-anchor",
       "opaque-block",
@@ -11606,6 +11761,7 @@ var EDITOR_ACTION_REGISTRY = [
     group: "clipboard",
     targetKinds: [
       "plain-text",
+      "list-item",
       "table-cell",
       "hyperlink",
       "suggestion",
@@ -11766,28 +11922,28 @@ var EDITOR_ACTION_REGISTRY = [
     id: "list-bulleted",
     label: "Bulleted list",
     group: "formatting",
-    targetKinds: ["plain-text", "table-cell"],
+    targetKinds: ["list-item", "plain-text", "table-cell"],
     callback: "onToggleBulletedList"
   }),
   mk({
     id: "list-numbered",
     label: "Numbered list",
     group: "formatting",
-    targetKinds: ["plain-text", "table-cell"],
+    targetKinds: ["list-item", "plain-text", "table-cell"],
     callback: "onToggleNumberedList"
   }),
   mk({
     id: "paragraph-outdent",
     label: "Decrease indent",
     group: "formatting",
-    targetKinds: ["plain-text", "table-cell"],
+    targetKinds: ["list-item", "plain-text", "table-cell"],
     callback: "onOutdent"
   }),
   mk({
     id: "paragraph-indent",
     label: "Increase indent",
     group: "formatting",
-    targetKinds: ["plain-text", "table-cell"],
+    targetKinds: ["list-item", "plain-text", "table-cell"],
     callback: "onIndent"
   }),
   mkArg({
@@ -12136,6 +12292,15 @@ var EDITOR_ACTION_REGISTRY = [
     targetKinds: ["hyperlink"],
     callback: "onOpenHyperlink"
   }),
+  // -------- Generated fields --------
+  mk({
+    id: "field-refresh",
+    label: "Refresh field",
+    description: "Refresh generated field results through the runtime field updater.",
+    group: "misc",
+    targetKinds: ["generated-field"],
+    callback: "onUpdateFields"
+  }),
   // -------- Workflow scope --------
   mk({
     id: "scope-open-card",
@@ -12726,8 +12891,18 @@ function resolveTargetKind(target, options = {}) {
   const el = toElement(target);
   if (el) {
     const { root } = options;
+    const insideNumberingMarker = hasAncestorAttributeValue(
+      el,
+      "data-numbering-marker",
+      "true",
+      root
+    );
+    const insideListItem = insideNumberingMarker || hasAncestorAttributeValue(el, "data-numbered", "true", root);
+    const insideGeneratedField = hasAncestorAttributeValue(el, "data-generated-field", "true", root) || hasAncestorAttributeValue(el, "data-node-type", "field_ref_atom", root) || hasAncestorAttributeValue(el, "data-node-type", "field_ref", root);
+    if (insideListItem) kinds.push("list-item");
+    if (insideGeneratedField) kinds.push("generated-field");
     if (hasAncestorTag(el, "a", root)) kinds.push("hyperlink");
-    if (hasAncestorTag(el, "img", root)) {
+    if (!insideNumberingMarker && hasAncestorTag(el, "img", root)) {
       kinds.push("image");
     }
     if (hasAncestorTag(el, "td", root) || hasAncestorTag(el, "th", root)) {
@@ -12763,7 +12938,9 @@ function resolveTargetKind(target, options = {}) {
       if (!kinds.includes("template-slot")) kinds.push("template-slot");
     }
   }
-  if (!kinds.includes("plain-text")) kinds.push("plain-text");
+  if (!kinds.includes("generated-field") && !kinds.includes("plain-text")) {
+    kinds.push("plain-text");
+  }
   return kinds;
 }
 
@@ -15405,6 +15582,21 @@ function resolveRoleChromePreset(basePreset, role) {
   }
   return basePreset;
 }
+function resolveActiveListReadback(rows, activeListContext, selection) {
+  if (!activeListContext) {
+    return null;
+  }
+  const selectionPoint = selection.activeRange.kind === "range" ? selection.head : selection.activeRange.kind === "node" ? selection.activeRange.at : selection.activeRange.lastKnownRange.from;
+  const matchingSelectionRow = rows.find(
+    (row) => row.numberingInstanceId === activeListContext.numberingInstanceId && row.level === activeListContext.level && selectionPoint >= row.authoredTextRange.from && selectionPoint <= row.authoredTextRange.to
+  );
+  if (matchingSelectionRow) {
+    return matchingSelectionRow;
+  }
+  return rows.find(
+    (row) => row.numberingInstanceId === activeListContext.numberingInstanceId && row.level === activeListContext.level
+  ) ?? null;
+}
 function TwReviewWorkspace(inputProps) {
   const props = {
     ...inputProps,
@@ -15519,6 +15711,14 @@ function TwReviewWorkspace(inputProps) {
     () => uiApi?.scope.list().length,
     [uiApi, renderFrameRevision]
   );
+  const activeListReadback = useMemo15(
+    () => resolveActiveListReadback(
+      uiApi?.lists.list() ?? [],
+      props.activeListContext,
+      viewState.selection
+    ),
+    [uiApi, props.activeListContext, viewState.selection, renderFrameRevision]
+  );
   const headings = props.documentNavigation?.headings ?? [];
   const headerVariant = snapshot.pageLayout?.headerVariants[0]?.variant ?? "default";
   const footerVariant = snapshot.pageLayout?.footerVariants[0]?.variant ?? "default";
@@ -15787,6 +15987,7 @@ function TwReviewWorkspace(inputProps) {
                 zoomLevel: props.zoomLevel,
                 formattingState: props.formattingState,
                 activeListContext: props.activeListContext,
+                activeListReadback,
                 styleCatalog: props.styleCatalog,
                 showTrackedChanges: trackedChangesAuthoringEnabled,
                 showSidebarToggle: responsiveChrome.showSidebarToggle,
@@ -15998,6 +16199,7 @@ function TwReviewWorkspace(inputProps) {
                               onSetImageFrame: props.onSetImageFrame,
                               onRestartNumbering: props.onRestartNumbering,
                               onContinueNumbering: props.onContinueNumbering,
+                              activeListReadback,
                               onToggleRowHeader: props.onToggleRowHeader,
                               onToggleRowCantSplit: props.onToggleRowCantSplit,
                               onDistributeColumnsEvenly: props.onDistributeColumnsEvenly,
@@ -18798,6 +19000,7 @@ export {
   TwCommandPaletteMount,
   UiApiProvider,
   shouldRenderAbsoluteFloatingImageInPageOverlay,
+  sanitizeNumberingPictureBulletSrc,
   TwChromeOverlay,
   TwScopeRailLayer,
   buildPictureFilterCss,