@beyondwork/docx-react-component 1.0.122 → 1.0.124

package/dist/{chunk-GZW2ERUO.js → chunk-N4VIXI2Z.js}

@@ -3,17 +3,17 @@ import {
   PAGE_STACK_GAP_PX,
   defaultChromeReservations,
   resolveDefaultZoom
-} from "./chunk-G3B2OBCZ.js";
+} from "./chunk-ZRHLLPSJ.js";
 import {
   storyTargetKey
-} from "./chunk-3TUQCHYT.js";
+} from "./chunk-H6IL5ABU.js";
 import {
   MAIN_STORY_KEY,
   collectCanonicalLayoutInputs,
   collectStoryBlockContexts,
   createHeaderFooterStoryKey,
   createNoteStoryKey
-} from "./chunk-TFSXOIAI.js";
+} from "./chunk-FNWKE74J.js";
 import {
   MAIN_STORY_TARGET
 } from "./chunk-M2HUK3KF.js";

package/dist/{chunk-OBCP6VTG.js → chunk-NAMAWCXN.js}

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

package/dist/{chunk-QFU7ZOAD.js → chunk-PFYUJU3Q.js}

@@ -2,7 +2,7 @@ import {
   incrementInvalidationCounter,
   recordPerfSample,
   resolvePageOverlayRectsFromGeometry
-} from "./chunk-GZW2ERUO.js";
+} from "./chunk-N4VIXI2Z.js";
 import {
   buildPageAnchorAttributes,
   buildPageAnchorSelector,
@@ -10,7 +10,7 @@ import {
   resolveChromePreset,
   resolveChromePresetOptions,
   resolveChromeVisibilityForPreset
-} from "./chunk-GON2DNTE.js";
+} from "./chunk-HXHQA4BU.js";
 import {
   DEFAULT_PAGE_ESTIMATE_PX_PER_TWIP,
   DEFAULT_PX_PER_TWIP,
@@ -20,19 +20,19 @@ import {
   findPageForOffset,
   getUsableColumnWidth,
   sanitizeMarkdown
-} from "./chunk-G3B2OBCZ.js";
+} from "./chunk-ZRHLLPSJ.js";
 import {
   createCanvasBackend
 } from "./chunk-KFCQYZXR.js";
 import {
   storyTargetKey
-} from "./chunk-3TUQCHYT.js";
+} from "./chunk-H6IL5ABU.js";
 import {
   EMU_PER_INCH,
   EMU_PER_PX,
   ROTATION_UNITS_PER_DEGREE,
   TWIPS_PER_PX
-} from "./chunk-TFSXOIAI.js";
+} from "./chunk-FNWKE74J.js";
 import {
   createPublicNodeAnchor,
   createPublicRangeAnchor
@@ -84,14 +84,13 @@ var TOOLBAR_CHROME_REGISTRY = [
     surfaces: ["top-toolbar"],
     group: "text",
     presets: ["advanced", "review", "workflow"],
-    roles: ALL_ROLES,
+    roles: EDITOR_AND_REVIEW,
     fullPlacement: "inline",
     compactPlacement: "overflow",
     runtimeBehavior: "formatting",
     rolePlacement: {
       editor: "inline",
-      review: "inline",
-      workflow: "overflow"
+      review: "overflow"
     }
   },
   {
@@ -99,14 +98,13 @@ var TOOLBAR_CHROME_REGISTRY = [
     surfaces: ["top-toolbar"],
     group: "text",
     presets: ["simple", "advanced", "review", "workflow"],
-    roles: ALL_ROLES,
+    roles: EDITOR_AND_REVIEW,
     fullPlacement: "inline",
     compactPlacement: "inline",
     runtimeBehavior: "formatting",
     rolePlacement: {
       editor: "inline",
-      review: "inline",
-      workflow: "overflow"
+      review: "overflow"
     }
   },
   {
@@ -233,10 +231,9 @@ var TOOLBAR_CHROME_REGISTRY = [
     surfaces: ["top-toolbar"],
     group: "review",
     presets: ["simple", "advanced", "review", "workflow"],
-    // Visible in every role, but editor/review roles render it inside the
-    // role action region (see ROLE_ACTION_SETS) and the right cluster
-    // suppresses it via `isChromeItemOwnedByRoleRegion` to avoid duplication.
-    roles: ALL_ROLES,
+    // Comment authoring belongs to Edit / Review. Workflow mode keeps scope
+    // and work-item controls primary instead of carrying review chrome.
+    roles: EDITOR_AND_REVIEW,
     fullPlacement: "inline",
     compactPlacement: "inline",
     runtimeBehavior: "comment"
@@ -1860,12 +1857,16 @@ function TwToolbar(props) {
   const showUpdateActions = isToolbarChromeItemVisible(scopedChromePolicy, "update-actions");
   const showSidebarToggle = (props.showSidebarToggle ?? false) && isToolbarChromeItemVisible(scopedChromePolicy, "sidebar-toggle");
   const showStyleSelectorsInRow = getToolbarChromePlacement(scopedChromePolicy, "text-style-selectors") === "inline";
+  const showStyleSelectorsInOverflow = getToolbarChromePlacement(scopedChromePolicy, "text-style-selectors") === "overflow";
+  const showInlineFormattingInOverflow = getToolbarChromePlacement(scopedChromePolicy, "inline-formatting") === "overflow";
+  const showTextColorsInOverflow = getToolbarChromePlacement(scopedChromePolicy, "text-colors") === "overflow";
+  const showParagraphAlignmentInOverflow = getToolbarChromePlacement(scopedChromePolicy, "paragraph-alignment") === "overflow";
   const showListActionsInRow = getToolbarChromePlacement(scopedChromePolicy, "list-actions") === "inline";
   const showSpacingActionsInRow = getToolbarChromePlacement(scopedChromePolicy, "indentation") === "inline";
   const showListContinuationInRow = getToolbarChromePlacement(scopedChromePolicy, "list-continuation") === "inline";
   const showInsertActionsInRow = getToolbarChromePlacement(scopedChromePolicy, "insert-actions") === "inline";
   const showUpdateActionsInRow = getToolbarChromePlacement(scopedChromePolicy, "update-actions") === "inline";
-  const showCompactOverflow = getToolbarChromePlacement(scopedChromePolicy, "text-style-selectors") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "list-actions") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "indentation") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "list-continuation") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "insert-actions") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "update-actions") === "overflow";
+  const showCompactOverflow = getToolbarChromePlacement(scopedChromePolicy, "text-style-selectors") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "inline-formatting") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "text-colors") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "paragraph-alignment") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "list-actions") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "indentation") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "list-continuation") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "insert-actions") === "overflow" || getToolbarChromePlacement(scopedChromePolicy, "update-actions") === "overflow";
   const showPostFormattingDivider = showListActionsInRow || showSpacingActionsInRow || showInsertActionsInRow || showUpdateActionsInRow || showCompactOverflow;
   const zoomLabel = typeof zoomLevel === "number" ? `${zoomLevel}%` : zoomLevel === "pageWidth" ? "Fit width" : "Fit page";
   const showZoomSteppers = responsiveTier === "wide";
@@ -2160,14 +2161,26 @@ function TwToolbar(props) {
               insertDisabledReason,
               paragraphStyles,
               showInsertMenu: getToolbarChromePlacement(scopedChromePolicy, "insert-actions") === "overflow",
+              showInlineFormatting: showInlineFormattingInOverflow,
               showListActions: getToolbarChromePlacement(scopedChromePolicy, "list-actions") === "overflow",
               showParagraphActions: getToolbarChromePlacement(scopedChromePolicy, "indentation") === "overflow",
+              showParagraphAlignment: showParagraphAlignmentInOverflow,
               showListContinuation: getToolbarChromePlacement(scopedChromePolicy, "list-continuation") === "overflow",
-              showStyleSelectors: getToolbarChromePlacement(scopedChromePolicy, "text-style-selectors") === "overflow",
+              showStyleSelectors: showStyleSelectorsInOverflow,
+              showTextColors: showTextColorsInOverflow,
               showUpdateActions: getToolbarChromePlacement(scopedChromePolicy, "update-actions") === "overflow",
               onSetParagraphStyle: props.onSetParagraphStyle,
               onSetFontFamily: props.onSetFontFamily,
               onSetFontSize: props.onSetFontSize,
+              onToggleBold: props.onToggleBold,
+              onToggleItalic: props.onToggleItalic,
+              onToggleUnderline: props.onToggleUnderline,
+              onToggleStrikethrough: props.onToggleStrikethrough,
+              onToggleSuperscript: props.onToggleSuperscript,
+              onToggleSubscript: props.onToggleSubscript,
+              onSetTextColor: props.onSetTextColor,
+              onSetHighlightColor: props.onSetHighlightColor,
+              onSetAlignment: props.onSetAlignment,
               onToggleBulletedList: props.onToggleBulletedList,
               onToggleNumberedList: props.onToggleNumberedList,
               onOutdent: props.onOutdent,
@@ -2677,8 +2690,8 @@ function ToolbarFontSizeSelect(props) {
 function ToolbarCompactOverflow(props) {
   const [open, setOpen] = React4.useState(false);
   const overflowGroups = [
-    props.showStyleSelectors ? "Format" : null,
-    props.showListActions || props.showParagraphActions || props.showListContinuation ? "Paragraph" : null,
+    props.showStyleSelectors || props.showInlineFormatting || props.showTextColors ? "Format" : null,
+    props.showListActions || props.showParagraphActions || props.showParagraphAlignment || props.showListContinuation ? "Paragraph" : null,
     props.showInsertMenu ? "Insert" : null,
     props.showUpdateActions ? "Update" : null
   ].filter((label) => Boolean(label));
@@ -2763,6 +2776,129 @@ function ToolbarCompactOverflow(props) {
           ] })
         ] })
       ] }) : null,
+      props.showInlineFormatting || props.showTextColors ? /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
+        !props.showStyleSelectors ? /* @__PURE__ */ jsx6("div", { className: "px-1 text-[10px] font-semibold uppercase tracking-[var(--tracking-status)] text-tertiary", children: "Text" }) : null,
+        props.showInlineFormatting ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          /* @__PURE__ */ jsx6(
+            ToolbarMenuButton,
+            {
+              ariaLabel: "Bold",
+              disabled: !props.canEdit || !props.onToggleBold,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Bold, { className: "h-3.5 w-3.5" }),
+              label: "Bold",
+              onClick: () => {
+                props.onToggleBold?.();
+                setOpen(false);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            ToolbarMenuButton,
+            {
+              ariaLabel: "Italic",
+              disabled: !props.canEdit || !props.onToggleItalic,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Italic, { className: "h-3.5 w-3.5" }),
+              label: "Italic",
+              onClick: () => {
+                props.onToggleItalic?.();
+                setOpen(false);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            ToolbarMenuButton,
+            {
+              ariaLabel: "Underline",
+              disabled: !props.canEdit || !props.onToggleUnderline,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Underline, { className: "h-3.5 w-3.5" }),
+              label: "Underline",
+              onClick: () => {
+                props.onToggleUnderline?.();
+                setOpen(false);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            ToolbarMenuButton,
+            {
+              ariaLabel: "Strikethrough",
+              disabled: !props.canEdit || !props.onToggleStrikethrough,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Strikethrough, { className: "h-3.5 w-3.5" }),
+              label: "Strikethrough",
+              onClick: () => {
+                props.onToggleStrikethrough?.();
+                setOpen(false);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            ToolbarMenuButton,
+            {
+              ariaLabel: "Superscript",
+              disabled: !props.canEdit || !props.onToggleSuperscript,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Superscript, { className: "h-3.5 w-3.5" }),
+              label: "Superscript",
+              onClick: () => {
+                props.onToggleSuperscript?.();
+                setOpen(false);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            ToolbarMenuButton,
+            {
+              ariaLabel: "Subscript",
+              disabled: !props.canEdit || !props.onToggleSubscript,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Subscript, { className: "h-3.5 w-3.5" }),
+              label: "Subscript",
+              onClick: () => {
+                props.onToggleSubscript?.();
+                setOpen(false);
+              }
+            }
+          )
+        ] }) : null,
+        props.showTextColors ? /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: [
+          /* @__PURE__ */ jsx6(
+            ToolbarColorPopover,
+            {
+              ariaLabel: "Text color",
+              colors: TEXT_COLORS.map((value) => ({ value, label: value })),
+              disabled: !props.canEdit || !props.onSetTextColor,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Baseline, { className: "h-3.5 w-3.5" }),
+              onSelect: (value) => {
+                if (value) {
+                  props.onSetTextColor?.(value);
+                  setOpen(false);
+                }
+              },
+              title: "Text color"
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            ToolbarColorPopover,
+            {
+              ariaLabel: "Highlight color",
+              colors: HIGHLIGHT_COLORS.map((entry) => ({ value: entry.value, label: entry.label })),
+              disabled: !props.canEdit || !props.onSetHighlightColor,
+              disabledReason: props.editDisabledReason,
+              icon: /* @__PURE__ */ jsx6(Highlighter2, { className: "h-3.5 w-3.5" }),
+              onSelect: (value) => {
+                props.onSetHighlightColor?.(value);
+                setOpen(false);
+              },
+              title: "Highlight color"
+            }
+          )
+        ] }) : null
+      ] }) : null,
       props.showListActions ? /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsx6("div", { className: "px-1 text-[10px] font-semibold uppercase tracking-[var(--tracking-status)] text-tertiary", children: "Structure" }),
         /* @__PURE__ */ jsx6(
@@ -2794,8 +2930,20 @@ function ToolbarCompactOverflow(props) {
           }
         )
       ] }) : null,
-      props.showParagraphActions || props.showListContinuation && props.activeListContext ? /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
+      props.showParagraphActions || props.showParagraphAlignment || props.showListContinuation && props.activeListContext ? /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsx6("div", { className: "px-1 text-[10px] font-semibold uppercase tracking-[var(--tracking-status)] text-tertiary", children: "Paragraph" }),
+        props.showParagraphAlignment ? /* @__PURE__ */ jsx6("div", { className: "px-1 pb-1", children: /* @__PURE__ */ jsx6(
+          ToolbarAlignmentPopover,
+          {
+            activeAlignment: props.formattingState?.alignment,
+            disabled: !props.canEdit || !props.onSetAlignment,
+            disabledReason: props.editDisabledReason,
+            onSelect: (alignment) => {
+              props.onSetAlignment?.(alignment);
+              setOpen(false);
+            }
+          }
+        ) }) : null,
         props.showParagraphActions ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
           /* @__PURE__ */ jsx6(
             ToolbarMenuButton,
@@ -8088,10 +8236,7 @@ var TwPageStackOverlayLayer = ({
         null
       );
       if (warm) {
-        return extendPageOverlayRectsAcrossTableBoundaryGaps(
-          warm,
-          containsTableBoundaryRisk(scrollRoot) ? collectTableEmbeddedBoundaryIndices(scrollRoot) : []
-        );
+        return warm;
       }
     }
     return resolveSkeletalPageOverlayRectsFromLayout(facet);
@@ -8132,7 +8277,7 @@ var TwPageStackOverlayLayer = ({
       );
       if (uiRects !== null) {
         incrementInvalidationCounter("overlay.page.ui_api.hit");
-        setRectsIfChanged(reconcilePaperRectsWithFlow(uiRects, pageCount));
+        setRectsIfChanged(uiRects);
         return;
       }
       incrementInvalidationCounter("overlay.page.ui_api.fallthrough");
@@ -8147,7 +8292,7 @@ var TwPageStackOverlayLayer = ({
       );
       if (geometryRects !== null) {
         incrementInvalidationCounter("overlay.page.geometry.hit");
-        setRectsIfChanged(reconcilePaperRectsWithFlow(geometryRects, pageCount));
+        setRectsIfChanged(geometryRects);
         return;
       }
       incrementInvalidationCounter("overlay.page.geometry.fallthrough");
@@ -8516,11 +8661,6 @@ function buildParagraphStyle(block) {
       style[cssKey] = `${width} ${bStyle} ${color}`;
     }
   }
-  if (block.pageBreakBefore) {
-    style.borderTop = "2px dashed rgba(0,0,0,0.1)";
-    style.paddingTop = "8px";
-    style.marginTop = "16px";
-  }
   const framePr = block.frameProperties;
   const hasPosition = typeof framePr?.xTwips === "number" || typeof framePr?.yTwips === "number" || typeof framePr?.xAlign === "string" || typeof framePr?.yAlign === "string";
   if (framePr && framePr.dropCap !== "drop" && framePr.dropCap !== "margin" && hasPosition) {
@@ -16995,7 +17135,7 @@ var TwPageStackChromeLayerInner = ({
   const [activeStoryPageIndex, setActiveStoryPageIndex] = React34.useState(null);
   const refreshRectsNow = React34.useCallback(() => {
     const pageCount = facet.getPageCount();
-    const reconcileRects = (baseRects) => reconcilePageStackRectsWithFlow({
+    const reconcileDomRects = (baseRects) => reconcilePageStackRectsWithFlow({
       baseRects,
       pageCount,
       scrollRoot,
@@ -17003,7 +17143,7 @@ var TwPageStackChromeLayerInner = ({
     });
     const uiRects = resolveUiPageRects(pageCount);
     if (uiRects !== null) {
-      setRects(reconcileRects(uiRects));
+      setRects(uiRects);
       return;
     }
     if (geometryFacet) {
@@ -17013,7 +17153,7 @@ var TwPageStackChromeLayerInner = ({
         visiblePageIndexRange
       );
       if (geometryRects !== null) {
-        setRects(reconcileRects(geometryRects));
+        setRects(geometryRects);
         return;
       }
       setRects([]);
@@ -17041,7 +17181,7 @@ var TwPageStackChromeLayerInner = ({
         visiblePageIndexRange
       });
       setRects(
-        reconcileRects(domRects)
+        reconcileDomRects(domRects)
       );
     } else {
       const widgets = measureWidgetsViaOffsetChain(scrollRoot, {
@@ -17056,7 +17196,7 @@ var TwPageStackChromeLayerInner = ({
         visiblePageIndexRange
       });
       setRects(
-        reconcileRects(domRects)
+        reconcileDomRects(domRects)
       );
     }
   }, [facet, geometryFacet, resolveUiPageRects, scrollRoot, visiblePageIndexRange]);

package/dist/{chunk-PCXTMEGY.js → chunk-Q76XPPTA.js}

@@ -7,27 +7,27 @@ import {
   resolveSectionForStoryTarget,
   searchSecondaryStories,
   searchSurfaceBlocks
-} from "./chunk-G3B2OBCZ.js";
+} from "./chunk-ZRHLLPSJ.js";
 import {
   createEditorSurfaceSnapshot,
   createFormattingContext,
   resolveTableStyleResolution
-} from "./chunk-3TUQCHYT.js";
+} from "./chunk-H6IL5ABU.js";
 import {
   createSelectionSnapshot
 } from "./chunk-OYGMRRR7.js";
 import {
   normalizeParsedTextDocument
-} from "./chunk-UWDWGQH5.js";
+} from "./chunk-TY4DIJO3.js";
 import {
   buildFieldRegistry,
   parseMainDocumentXml,
   parseTocLevelRange
-} from "./chunk-TMU7JMXX.js";
+} from "./chunk-A74Y5NE4.js";
 import {
   collectEditableTargetRefs,
   validateEditableTargetRef
-} from "./chunk-TFSXOIAI.js";
+} from "./chunk-FNWKE74J.js";
 import {
   serializeMainDocument
 } from "./chunk-EB6M3GE6.js";
@@ -4475,7 +4475,7 @@ function deriveScopeEditableTargetEvidence(document, scope, entry, options = {})
     facts.push(projectWorkflowBlockerFact(fact));
     factsByTargetKey.set(fact.targetKey, facts);
   }
-  const entries = collectEditableTargetRefs(document).map((target) => {
+  const entries = collectEditableTargetRefs(document, options.editableTargetCache).map((target) => {
     const relation = relationForTarget(target, scope, entry);
     if (!relation) return null;
     const workflowBlockers = Object.freeze(
@@ -5454,7 +5454,8 @@ function composeEvidence(inputs) {
     scope,
     entry,
     {
-      ...inputs.editableTargetBlockerFacts ? { workflowBlockerFacts: inputs.editableTargetBlockerFacts } : {}
+      ...inputs.editableTargetBlockerFacts ? { workflowBlockerFacts: inputs.editableTargetBlockerFacts } : {},
+      ...inputs.editableTargetCache ? { editableTargetCache: inputs.editableTargetCache } : {}
     }
   ) : void 0;
   const contentControls = deriveScopeContentControlEvidence(document, selfRange);
@@ -5543,7 +5544,8 @@ function compileScopeBundle(scope, inputs) {
     ...inputs.layout ? { layout: inputs.layout } : {},
     ...inputs.adjacentGeometry ? { adjacentGeometry: inputs.adjacentGeometry } : {},
     ...inputs.tableCellTextRange ? { tableCellTextRange: inputs.tableCellTextRange } : {},
-    ...inputs.editableTargetBlockerFacts ? { editableTargetBlockerFacts: inputs.editableTargetBlockerFacts } : {}
+    ...inputs.editableTargetBlockerFacts ? { editableTargetBlockerFacts: inputs.editableTargetBlockerFacts } : {},
+    ...inputs.editableTargetCache ? { editableTargetCache: inputs.editableTargetCache } : {}
   });
   return {
     scope,
@@ -7178,7 +7180,7 @@ function createScopeCompilerService(runtime) {
       const interactionGuard = runtime.getInteractionGuardSnapshot?.();
       const activeStory = runtime.getActiveStory?.();
       const editableTargetBlockerFacts = deriveWorkflowEditableTargetBlockerFacts({
-        targets: collectEditableTargetRefs(document),
+        targets: collectEditableTargetRefs(document, runtime.getEditableTargetCache?.()),
         ...interactionGuard ? { guard: interactionGuard } : {},
         ...runtime.getProtectionSnapshot ? { protectionSnapshot: runtime.getProtectionSnapshot() } : {},
         ...activeStory ? { activeStoryKey: storyKeyForEditableTarget(activeStory) } : {}
@@ -7189,6 +7191,7 @@ function createScopeCompilerService(runtime) {
           runtime.getRenderSnapshot?.()
         )
       }) : void 0;
+      const editableTargetCache = runtime.getEditableTargetCache?.();
       return compileScopeBundleById(scopeId, {
         document,
         ...overlay ? { overlay } : {},
@@ -7198,7 +7201,8 @@ function createScopeCompilerService(runtime) {
         editableTargetBlockerFacts,
         ...runtime.geometry ? { geometry: runtime.geometry } : {},
         ...layout ? { layout } : {},
-        tableCellTextRange
+        tableCellTextRange,
+        ...editableTargetCache ? { editableTargetCache } : {}
       });
     },
     buildReplacementScope(targetHandle, input) {
@@ -7835,7 +7839,7 @@ function resolveEditableTextTarget(input) {
       "Editable target ref does not belong to the active story."
     );
   }
-  const currentTargets = collectEditableTargetRefs(input.document);
+  const currentTargets = collectEditableTargetRefs(input.document, input.editableTargetCache);
   const current = currentTargets.find(
     (candidate) => candidate.targetKey === input.target.targetKey
   );
@@ -7944,7 +7948,7 @@ function resolveEditableCommandTarget(input) {
       `Editable target kind "${input.target.kind}" is not supported by this command.`
     );
   }
-  const currentTargets = collectEditableTargetRefs(input.document);
+  const currentTargets = collectEditableTargetRefs(input.document, input.editableTargetCache);
   const current = currentTargets.find(
     (candidate) => candidate.targetKey === input.target?.targetKey
   );
@@ -8019,7 +8023,13 @@ function rejectCommand(code, message) {
   };
 }
 function sameResolvedTarget2(left, right) {
-  return left.kind === right.kind && left.storyKey === right.storyKey && left.blockPath === right.blockPath && left.leafPath === right.leafPath && left.commandFamily === right.commandFamily && left.editability === right.editability && left.staleCheck.paragraphTextHash === right.staleCheck.paragraphTextHash && left.staleCheck.paragraphTextLength === right.staleCheck.paragraphTextLength && left.staleCheck.inlineCount === right.staleCheck.inlineCount && left.staleCheck.targetHash === right.staleCheck.targetHash && left.staleCheck.targetTextLength === right.staleCheck.targetTextLength && left.staleCheck.childCount === right.staleCheck.childCount && left.staleCheck.blockType === right.staleCheck.blockType && left.staleCheck.wordParaId === right.staleCheck.wordParaId && left.staleCheck.wordTextId === right.staleCheck.wordTextId && jsonStable(left.staleCheck.sourceRef) === jsonStable(right.staleCheck.sourceRef) && jsonStable(left.sourceRef) === jsonStable(right.sourceRef) && jsonStable(left.table) === jsonStable(right.table) && jsonStable(left.editableOwner) === jsonStable(right.editableOwner);
+  return left.kind === right.kind && left.storyKey === right.storyKey && left.blockPath === right.blockPath && left.leafPath === right.leafPath && left.commandFamily === right.commandFamily && left.editability === right.editability && sameTextTargetStaleCheck(left, right) && left.staleCheck.inlineCount === right.staleCheck.inlineCount && left.staleCheck.targetHash === right.staleCheck.targetHash && left.staleCheck.targetTextLength === right.staleCheck.targetTextLength && left.staleCheck.childCount === right.staleCheck.childCount && left.staleCheck.blockType === right.staleCheck.blockType && left.staleCheck.wordParaId === right.staleCheck.wordParaId && left.staleCheck.wordTextId === right.staleCheck.wordTextId && jsonStable(left.staleCheck.sourceRef) === jsonStable(right.staleCheck.sourceRef) && jsonStable(left.sourceRef) === jsonStable(right.sourceRef) && jsonStable(left.table) === jsonStable(right.table) && jsonStable(left.editableOwner) === jsonStable(right.editableOwner);
+}
+function sameTextTargetStaleCheck(left, right) {
+  if (left.staleCheck.paragraphTextHash === right.staleCheck.paragraphTextHash && left.staleCheck.paragraphTextLength === right.staleCheck.paragraphTextLength) {
+    return true;
+  }
+  return left.commandFamily === "text-leaf" && left.staleCheck.paragraphTextLength !== void 0 && right.staleCheck.paragraphTextLength !== void 0 && left.staleCheck.paragraphTextLength !== right.staleCheck.paragraphTextLength;
 }
 function locateTargetRange(document, surface, target) {
   if (target.kind === "hyperlink-text") {
@@ -8338,7 +8348,7 @@ function resolveEditableTableStructureTarget(input) {
       `Editable target is not editable${input.target.posture.blockers.length > 0 ? `: ${input.target.posture.blockers.join(", ")}` : "."}`
     );
   }
-  const current = collectEditableTargetRefs(input.document).find(
+  const current = collectEditableTargetRefs(input.document, input.editableTargetCache).find(
     (candidate) => candidate.targetKey === input.target?.targetKey
   );
   if (!current) {

package/dist/{chunk-37SEJQ3G.js → chunk-RSYN6FTS.js}

@@ -1,10 +1,10 @@
 import {
   TextTransactionError
-} from "./chunk-3OHVK2D6.js";
+} from "./chunk-IR7QV2BX.js";
 import {
   replaceParagraphScope,
   resolveParagraphScope
-} from "./chunk-ZKSDVHGH.js";
+} from "./chunk-KOHQFZMM.js";
 import {
   cloneParagraphProperties,
   cloneStoryUnit,

package/dist/{chunk-UWDWGQH5.js → chunk-TY4DIJO3.js}

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

package/dist/{chunk-IT2DK3A7.js → chunk-ZMRO6P3A.js}

@@ -17,7 +17,7 @@ import {
   resolveScopeRange,
   scopeSpecificity,
   searchDocument
-} from "./chunk-PCXTMEGY.js";
+} from "./chunk-Q76XPPTA.js";
 import {
   BROADCAST_COMMAND_TYPES,
   COMMAND_EVENT_SCHEMA_VERSION,
@@ -28,7 +28,7 @@ import {
   buildPageAnchorElementId,
   createUiApi,
   emitUxResponse
-} from "./chunk-GON2DNTE.js";
+} from "./chunk-HXHQA4BU.js";
 import {
   DEFAULT_PX_PER_TWIP,
   DEFAULT_REGISTRY_ENTRIES,
@@ -36,23 +36,23 @@ import {
   LAYCACHE_SCHEMA_VERSION,
   LAYOUT_ENGINE_VERSION,
   createScopeTagRegistry
-} from "./chunk-G3B2OBCZ.js";
+} from "./chunk-ZRHLLPSJ.js";
 import {
   chartModelStore,
   createFormattingContext
-} from "./chunk-3TUQCHYT.js";
+} from "./chunk-H6IL5ABU.js";
 import {
   deriveDocumentStats
 } from "./chunk-OYGMRRR7.js";
 import {
   DocxSession
-} from "./chunk-S4ANOS2M.js";
+} from "./chunk-7PC6XUNO.js";
 import {
   WORKFLOW_PAYLOAD_PART_PATH,
   buildEditorStateXml,
   parseEditorStateXml,
   parseWorkflowPayloadEnvelopeFromPackage
-} from "./chunk-EMDH4IQN.js";
+} from "./chunk-4B74ETJI.js";
 import {
   EMU_PER_PX,
   GRADIENT_STOP_UNITS,
@@ -61,7 +61,7 @@ import {
   createHeaderFooterStoryKey,
   createNoteStoryKey,
   validateEditableTargetRef
-} from "./chunk-TFSXOIAI.js";
+} from "./chunk-FNWKE74J.js";
 import {
   readOpcPackage
 } from "./chunk-OL2UEHRP.js";
@@ -1997,6 +1997,8 @@ function toV3PageLocalStoryObject(object) {
         heightTwips: object.extentTwips.heightTwips
       }
     } : {},
+    ...object.anchorRectTwips ? { anchorRectTwips: cloneRect(object.anchorRectTwips) } : {},
+    ...object.textBoxBody ? { textBoxBody: object.textBoxBody } : {},
     ...object.relationshipIds ? { relationshipIds: [...object.relationshipIds] } : {},
     ...object.mediaIds ? { mediaIds: [...object.mediaIds] } : {},
     preserveOnly: object.preserveOnly,