@beyondwork/docx-react-component 1.0.84 → 1.0.86

package/src/ui-tailwind/tw-review-workspace.tsx

@@ -85,7 +85,7 @@ export type {
   TwReviewWorkspaceProps,
 } from "./review-workspace/types.ts";
 
-import type { EditorRole } from "../api/public-types.ts";
+import type { EditorRole, EditorStoryTarget } from "../api/public-types.ts";
 
 // Default shell-header modes for the workspace's default composition.
 // Designsystem §6.1 prescribes a 4-mode switcher; all four are reachable in
@@ -184,7 +184,21 @@ export function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps) {
   const caps = props.capabilities;
   const isPageWorkspace = props.workspaceMode === "page";
   const markupDisplay = props.markupDisplay;
+  const trackedChangesAuthoringEnabled =
+    props.trackedChangesAuthoringEnabled ?? props.showTrackedChanges;
   const [navOpen, setNavOpen] = useState(false);
+  const handleOpenPageModeStory = useCallback(
+    (target: EditorStoryTarget) => {
+      if (
+        !isPageWorkspace &&
+        (target.kind === "header" || target.kind === "footer")
+      ) {
+        return;
+      }
+      props.onOpenStory?.(target);
+    },
+    [isPageWorkspace, props.onOpenStory],
+  );
 
   // Scope card state — tracks which scope's card is currently open so
   // the ChromeOverlay's card layer renders the right one. Open/close
@@ -597,7 +611,7 @@ export function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps) {
                   toolbarInteractionPolicy?.canAddComment ??
                   (caps ? caps.canAddComment : false)
                 }
-                showTrackedChanges={props.showTrackedChanges}
+                showTrackedChanges={trackedChangesAuthoringEnabled}
                 capabilities={caps}
                 onAddComment={
                   props.onAddComment
@@ -608,6 +622,10 @@ export function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps) {
                   dismissSelectionToolbar();
                   props.onShowTrackedChangesChange(show);
                 }}
+                onReviewMarkupMode={(mode) => {
+                  dismissSelectionToolbar();
+                  props.onReviewMarkupModeChange?.(mode);
+                }}
                 onReviewSidebarTrackedChanges={
                   props.onReviewSidebarTrackedChanges
                     ? runWithSelectionToolbarDismiss(props.onReviewSidebarTrackedChanges)
@@ -728,7 +746,7 @@ export function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps) {
               formattingState={props.formattingState}
               activeListContext={props.activeListContext}
               styleCatalog={props.styleCatalog}
-              showTrackedChanges={props.showTrackedChanges}
+              showTrackedChanges={trackedChangesAuthoringEnabled}
               showSidebarToggle={responsiveChrome.showSidebarToggle}
               isSidebarOpen={reviewRailOpen}
               onUndo={runWithSelectionToolbarDismiss(props.onUndo)}
@@ -1159,7 +1177,7 @@ export function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps) {
                             }
                             renderFrameRevision={renderFrameRevision}
                             activeStory={snapshot.activeStory}
-                            onOpenStory={props.onOpenStory}
+                            onOpenStory={handleOpenPageModeStory}
                             pmSurfaceElement={pmSurfaceElement}
                             visiblePageIndexRange={visiblePageIndexRange}
                             mediaPreviews={props.mediaPreviews}
@@ -1227,6 +1245,7 @@ export function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps) {
               onAddReply: props.onAddReply,
               onEditBody: props.onEditBody,
               onOpenRevision: props.onOpenRevision,
+              onReplyToRevision: props.onReplyToRevision,
               onAcceptRevision: props.onAcceptRevision,
               onRejectRevision: props.onRejectRevision,
               onAcceptAllChanges: props.onAcceptAllChanges,
@@ -1235,6 +1254,10 @@ export function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps) {
               // Layer-06 workflow facet. Layout facet no longer exposes
               // `getAllScopeRailSegments` (methods removed in v40 / Slice 4C).
               scopeRailSegments: props.workflowFacet?.getAllRailSegments() ?? [],
+              activeScopeId,
+              onOpenScope: (segment) => {
+                handleScopeStripeClick({ scopeId: segment.scopeId });
+              },
               workflowTab: props.reviewRailWorkflowTab,
               workflowCount: props.reviewRailWorkflowCount,
               workflowScopesTitle: props.reviewRailWorkflowScopesTitle,