@parhelia/core 0.4.12818 → 0.4.12871

package/dist/editor/page-editor-chrome/useBridgeRichTextFieldOptions.js

@@ -0,0 +1,79 @@
+import { useEffect } from "react";
+import { useEditContext } from "../client/editContext";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
+import { loadParsedRichTextProfile } from "../field-types/richtext/bridgeRichTextProfile";
+import { getCachedSimplifiedProfile } from "../field-types/richtext/hooks/useProfileCache";
+import { resolveSelectedRangeField } from "./BridgeInlineFormatOverlay";
+/** The profile allows no block tags ("PlainText"/"NoTag" only) */
+export function isPlainTextProfile(profile) {
+    if (!profile)
+        return false;
+    const { blocks } = getCachedSimplifiedProfile(profile);
+    return blocks.length === 1 && blocks[0] === "no-tag";
+}
+/**
+ * Hands the rules of the active rich text field's profile to the bridge.
+ * Typing and pasting on the canvas reach the page without passing the
+ * editor, so the bridge has to enforce them itself (e.g. no Enter in plain
+ * text fields). Runs for any caret in a rich text field, not only for text
+ * selections like the inline toolbar.
+ */
+export function useBridgeRichTextFieldOptions(pageViewContext) {
+    const editContext = useEditContext();
+    const richTextField = (state) => {
+        const field = state.bridgeSelection?.activeField;
+        return field?.isRichText ? field : undefined;
+    };
+    const elementKey = usePageViewState(pageViewContext, (state) => richTextField(state)?.elementKey);
+    const fieldId = usePageViewState(pageViewContext, (state) => richTextField(state)?.fieldId);
+    const itemId = usePageViewState(pageViewContext, (state) => richTextField(state)?.item?.id);
+    const language = usePageViewState(pageViewContext, (state) => richTextField(state)?.item?.language);
+    const version = usePageViewState(pageViewContext, (state) => richTextField(state)?.item?.version);
+    // A reloaded host page forgets the options; the structure changes with it
+    const bridgeStructure = usePageViewState(pageViewContext, (state) => state.bridgeStructure);
+    useEffect(() => {
+        if (!editContext || !pageViewContext || !elementKey || !fieldId)
+            return;
+        let cancelled = false;
+        const sendOptions = async () => {
+            try {
+                const field = await resolveSelectedRangeField({
+                    elementKey,
+                    fieldId,
+                    itemId: itemId ?? "",
+                    language,
+                    version,
+                    isRichText: true,
+                    startOffset: 0,
+                    endOffset: 0,
+                    text: "",
+                }, pageViewContext, editContext);
+                const profile = field ? await loadParsedRichTextProfile(field) : null;
+                if (cancelled)
+                    return;
+                pageViewContext.requestBridgeRichTextFieldOptions?.({
+                    elementKey,
+                    plainText: isPlainTextProfile(profile),
+                });
+            }
+            catch (error) {
+                // The field keeps the browser's default editing behaviour
+                console.error("Error loading rich text field options:", error);
+            }
+        };
+        void sendOptions();
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        editContext,
+        pageViewContext,
+        elementKey,
+        fieldId,
+        itemId,
+        language,
+        version,
+        bridgeStructure,
+    ]);
+}
+//# sourceMappingURL=useBridgeRichTextFieldOptions.js.map

package/dist/editor/page-editor-chrome/useBridgeRichTextFieldOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBridgeRichTextFieldOptions.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/useBridgeRichTextFieldOptions.ts"],"names":[],"mappings":"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"}

package/dist/editor/page-editor-chrome/useComponentDragHandle.js

@@ -26,7 +26,7 @@ export function useComponentDragHandle({ component, pageViewContext, enabled, })
         pageViewContext,
         enabled,
         getStartDetail: useCallback(() => {
-            const pvc = pvcRef.current;
+            const pvc = pvcRef.current?.getState();
             const component = componentRef.current;
             const geometry = pvc?.bridgeGeometry;
             const normalizedComponentId = normalizeMarkerId(component.id);

package/dist/editor/page-editor-chrome/useComponentDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentDragHandle.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/useComponentDragHandle.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AASpE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,SAAS,EACT,eAAe,EACf,OAAO,GACC;IACR,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACvC,MAAM,CAAC,OAAO,GAAG,eAAe,CAAC;IACjC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IAEjC,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,CAAC;QAChD,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,eAAe;QACf,OAAO;QACP,cAAc,EAAE,WAAW,CAAC,GAAG,EAAE;YAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;YAC3B,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;YACvC,MAAM,QAAQ,GAAG,GAAG,EAAE,cAAc,CAAC;YACrC,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC9D,MAAM,mBAAmB,GAAG,GAAG,EAAE,eAAe,EAAE,UAAU,CAAC,IAAI,CAC/D,CAAC,SAAS,EAAE,EAAE,CACZ,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,qBAAqB,CAC5D,EAAE,UAAU,CAAC;YACd,MAAM,UAAU,GAAG,QAAQ;gBACzB,CAAC,CAAC,CAAC,yBAAyB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,UAAU;oBAC3D,mBAAmB;oBACnB,EAAE,CAAC;gBACL,CAAC,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAC;YAChC,OAAO;gBACL,UAAU;gBACV,WAAW,EAAE,SAAS,CAAC,EAAE;gBACzB,aAAa,EAAE,SAAS,CAAC,IAAI;aAC9B,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC;KACP,CAAC,CAAC;IAEH,OAAO,EAAE,aAAa,EAAE,CAAC;AAC3B,CAAC"}
+{"version":3,"file":"useComponentDragHandle.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/useComponentDragHandle.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AASpE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,SAAS,EACT,eAAe,EACf,OAAO,GACC;IACR,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACvC,MAAM,CAAC,OAAO,GAAG,eAAe,CAAC;IACjC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IAEjC,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,CAAC;QAChD,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,eAAe;QACf,OAAO;QACP,cAAc,EAAE,WAAW,CAAC,GAAG,EAAE;YAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC;YACvC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;YACvC,MAAM,QAAQ,GAAG,GAAG,EAAE,cAAc,CAAC;YACrC,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC9D,MAAM,mBAAmB,GAAG,GAAG,EAAE,eAAe,EAAE,UAAU,CAAC,IAAI,CAC/D,CAAC,SAAS,EAAE,EAAE,CACZ,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,qBAAqB,CAC5D,EAAE,UAAU,CAAC;YACd,MAAM,UAAU,GAAG,QAAQ;gBACzB,CAAC,CAAC,CAAC,yBAAyB,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,UAAU;oBAC3D,mBAAmB;oBACnB,EAAE,CAAC;gBACL,CAAC,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAC;YAChC,OAAO;gBACL,UAAU;gBACV,WAAW,EAAE,SAAS,CAAC,EAAE;gBACzB,aAAa,EAAE,SAAS,CAAC,IAAI;aAC9B,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC;KACP,CAAC,CAAC;IAEH,OAAO,EAAE,aAAa,EAAE,CAAC;AAC3B,CAAC"}

package/dist/editor/page-editor-chrome/useDragInsertionGesture.js

@@ -74,7 +74,7 @@ export function useDragInsertionGesture({ iframe, pageViewContext, enabled, prev
             const step = edgeAutoScrollStep();
             if (step === 0)
                 return;
-            pvcRef.current?.requestBridgeScrollBy?.({ y: step, behavior: "auto" });
+            pvcRef.current?.requestBridgeScrollBy?.({ y: step, behavior: "instant" });
             dispatch({
                 phase: "move",
                 pointerId,

package/dist/editor/page-editor-chrome/useDragInsertionGesture.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragInsertionGesture.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/useDragInsertionGesture.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDragInsertionGesture.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/useDragInsertionGesture.ts"],"names":[],"mappings":"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"}

package/dist/editor/page-editor-chrome/usePinnedHoveredComponentId.d.ts

@@ -1,2 +1,2 @@
-import type { PageViewContext } from "../page-viewer/pageViewContext";
+import { type PageViewContext } from "../page-viewer/pageViewContext";
 export declare function usePinnedHoveredComponentId(pageViewContext?: PageViewContext): string | undefined;

package/dist/editor/page-editor-chrome/usePinnedHoveredComponentId.js

@@ -1,9 +1,11 @@
 import { useRef } from "react";
 import { useEditContext } from "../client/editContext";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
 export function usePinnedHoveredComponentId(pageViewContext) {
     const editContext = useEditContext();
-    const hoveredComponentId = pageViewContext?.bridgeInteraction?.kind === "hover"
-        ? pageViewContext.bridgeInteraction.componentId
+    const bridgeInteraction = usePageViewState(pageViewContext, (state) => state.bridgeInteraction);
+    const hoveredComponentId = bridgeInteraction?.kind === "hover"
+        ? bridgeInteraction.componentId
         : undefined;
     const lastHoveredComponentIdRef = useRef(undefined);
     if (hoveredComponentId) {

package/dist/editor/page-editor-chrome/usePinnedHoveredComponentId.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePinnedHoveredComponentId.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/usePinnedHoveredComponentId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,UAAU,2BAA2B,CAAC,eAAiC;IAC3E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,kBAAkB,GACtB,eAAe,EAAE,iBAAiB,EAAE,IAAI,KAAK,OAAO;QAClD,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,WAAW;QAC/C,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,yBAAyB,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAExE,IAAI,kBAAkB,EAAE,CAAC;QACvB,yBAAyB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IACzD,CAAC;IAED,MAAM,0BAA0B,GAC9B,WAAW,EAAE,cAAc,KAAK,cAAc;QAC9C,WAAW,CAAC,iBAAiB,KAAK,oBAAoB,CAAC;IAEzD,OAAO,kBAAkB,IAAI,0BAA0B;QACrD,CAAC,CAAC,CAAC,kBAAkB,IAAI,yBAAyB,CAAC,OAAO,CAAC;QAC3D,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC"}
+{"version":3,"file":"usePinnedHoveredComponentId.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/usePinnedHoveredComponentId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,gBAAgB,GAEjB,MAAM,gCAAgC,CAAC;AAExC,MAAM,UAAU,2BAA2B,CAAC,eAAiC;IAC3E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,eAAe,EACf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CACnC,CAAC;IACF,MAAM,kBAAkB,GACtB,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACjC,CAAC,CAAC,iBAAiB,CAAC,WAAW;QAC/B,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,yBAAyB,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAExE,IAAI,kBAAkB,EAAE,CAAC;QACvB,yBAAyB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IACzD,CAAC;IAED,MAAM,0BAA0B,GAC9B,WAAW,EAAE,cAAc,KAAK,cAAc;QAC9C,WAAW,CAAC,iBAAiB,KAAK,oBAAoB,CAAC;IAEzD,OAAO,kBAAkB,IAAI,0BAA0B;QACrD,CAAC,CAAC,CAAC,kBAAkB,IAAI,yBAAyB,CAAC,OAAO,CAAC;QAC3D,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC"}

package/dist/editor/page-viewer/CanvasOverviewRuler.d.ts

@@ -0,0 +1,11 @@
+export declare const CANVAS_OVERVIEW_RULER_TEST_ID = "canvas-overview-ruler";
+/**
+ * Paints the marks published by the canvas highlightings in one strip over
+ * the canvas's right edge (where the page's scrollbar is), the whole page
+ * scaled onto the strip's height. Shown whether or not the minimap is. Marks
+ * are buttons handing the click to their source; the strip between them lets
+ * the pointer through to the scrollbar.
+ */
+export declare function CanvasOverviewRuler({ height }: {
+    height: number | string;
+}): import("react").JSX.Element | null;

package/dist/editor/page-viewer/CanvasOverviewRuler.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { layoutOverviewRuler, OVERVIEW_RULER_MARK_HEIGHT, OVERVIEW_RULER_WIDTH, useOverviewRulerSnapshot, useOverviewRulerStore, } from "./overviewRuler";
+export const CANVAS_OVERVIEW_RULER_TEST_ID = "canvas-overview-ruler";
+// Same colours as the minimap dots (comments, suggestions), the canvas
+// highlights (agent changes), the spelling underline (faded, there are many)
+// and the validation severity badges.
+const toneClassNames = {
+    comment: "bg-highlight-100",
+    "comment-resolved": "bg-highlight-100/40",
+    suggestion: "bg-component-suggestions",
+    added: "bg-feedback-green",
+    removed: "bg-feedback-red",
+    spelling: "bg-feedback-red/50",
+    "validation-error": "bg-feedback-red",
+    "validation-warning": "bg-feedback-orange",
+    "validation-suggestion": "bg-feedback-blue",
+};
+const toneLabels = {
+    comment: ["Comment", "comments"],
+    "comment-resolved": ["Resolved comment", "resolved comments"],
+    suggestion: ["Suggestion", "suggestions"],
+    added: ["Agent change", "agent changes"],
+    removed: ["Text removed by the agent", "removals by the agent"],
+    spelling: ["Spelling mistake", "spelling mistakes"],
+    "validation-error": ["Validation error", "validation errors"],
+    "validation-warning": ["Validation warning", "validation warnings"],
+    "validation-suggestion": ["Validation suggestion", "validation suggestions"],
+};
+function getMarkLabel({ tone, mark }) {
+    const [one, many] = toneLabels[tone];
+    const count = mark.ids?.length ?? 0;
+    return count > 1 ? `${count} ${many}` : one;
+}
+/** The label, then what the mark is about (e.g. the validation messages). */
+function getMarkTitleLines(placed) {
+    const details = placed.mark.details ?? [];
+    return [getMarkLabel(placed), ...details];
+}
+/**
+ * Paints the marks published by the canvas highlightings in one strip over
+ * the canvas's right edge (where the page's scrollbar is), the whole page
+ * scaled onto the strip's height. Shown whether or not the minimap is. Marks
+ * are buttons handing the click to their source; the strip between them lets
+ * the pointer through to the scrollbar.
+ */
+export function CanvasOverviewRuler({ height }) {
+    const store = useOverviewRulerStore();
+    const snapshot = useOverviewRulerSnapshot();
+    const marks = layoutOverviewRuler(snapshot);
+    if (!store || !marks)
+        return null;
+    return (_jsx("div", { className: "pointer-events-none absolute top-0 right-0 z-20", "data-testid": CANVAS_OVERVIEW_RULER_TEST_ID, style: { width: OVERVIEW_RULER_WIDTH, height }, children: marks.map((placed, index) => {
+            const titleLines = getMarkTitleLines(placed);
+            return (_jsx("button", { type: "button", tabIndex: -1, "aria-label": titleLines.join(": "), title: titleLines.join("\n"), className: cn("pointer-events-auto absolute inset-x-0 cursor-pointer rounded-full p-0 transition-[filter,box-shadow]", "hover:shadow-[0_0_0_1px_white] hover:brightness-110", toneClassNames[placed.tone]), "data-testid": `${CANVAS_OVERVIEW_RULER_TEST_ID}-mark`, "data-tone": placed.tone, "data-source": placed.source, style: {
+                    // A line at the very bottom stays inside the ruler.
+                    top: `min(${placed.top * 100}%, calc(100% - ${OVERVIEW_RULER_MARK_HEIGHT}px))`,
+                    height: OVERVIEW_RULER_MARK_HEIGHT,
+                }, onClick: (event) => {
+                    event.stopPropagation();
+                    store.activate(placed.source, placed.mark);
+                } }, index));
+        }) }));
+}
+//# sourceMappingURL=CanvasOverviewRuler.js.map

package/dist/editor/page-viewer/CanvasOverviewRuler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasOverviewRuler.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/CanvasOverviewRuler.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-viewer/DeviceToolbar.d.ts

@@ -1,4 +1,4 @@
-import { PageViewContext } from "./pageViewContext";
+import { type PageViewContext } from "./pageViewContext";
 import { EditorConfiguration } from "../../config/types";
 export declare function DeviceToolbar({ pageViewContext, configuration, }: {
     pageViewContext: PageViewContext;

package/dist/editor/page-viewer/DeviceToolbar.js

@@ -3,6 +3,7 @@ import { Select } from "../../components/ui/select";
 import { Input } from "../../components/ui/input";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
 import { RotateDeviceIcon } from "../ui/Icons";
+import { usePageViewState } from "./pageViewContext";
 import { cn } from "../../lib/utils";
 import { Lock, LockOpen } from "lucide-react";
 import { useEffect, useState } from "react";
@@ -35,13 +36,17 @@ function DeviceDimensionInput({ label, value, onCommit, }) {
                 } }), invalid && (_jsx("span", { role: "alert", className: "bg-popover text-feedback-red absolute top-full left-0 z-10 w-48 rounded border p-2 text-xs", children: "Enter a whole number from 1 to 10,000." }))] }));
 }
 export function DeviceToolbar({ pageViewContext, configuration, }) {
-    const { deviceWidth, deviceHeight, lockHeight, rotate } = pageViewContext;
+    const device = usePageViewState(pageViewContext, (state) => state.device);
+    const deviceWidth = usePageViewState(pageViewContext, (state) => state.deviceWidth);
+    const deviceHeight = usePageViewState(pageViewContext, (state) => state.deviceHeight);
+    const lockHeight = usePageViewState(pageViewContext, (state) => state.lockHeight);
+    const rotate = usePageViewState(pageViewContext, (state) => state.rotate);
     const orient = (device) => rotate ? [device.height, device.width] : [device.width, device.height];
     const matchingDevice = configuration.devices.find((device) => {
         const [width, height] = orient(device);
         return width === deviceWidth && height === deviceHeight;
     });
-    const selectedDevice = configuration.devices.find((device) => device.name === pageViewContext.device);
+    const selectedDevice = configuration.devices.find((candidate) => candidate.name === device);
     // Rotate the dimensions currently shown rather than the preset's, so a
     // custom size survives the turn. An unlocked height has no value to swap in,
     // so the selected preset supplies the new width.
@@ -71,6 +76,6 @@ export function DeviceToolbar({ pageViewContext, configuration, }) {
                 ], value: matchingDevice?.name ?? "custom", onValueChange: (value) => {
                     if (value !== "custom")
                         pageViewContext.setDevice(value);
-                }, placeholder: "Select device" }), _jsx(DeviceDimensionInput, { label: "Device width", value: pageViewContext.deviceWidth, onCommit: pageViewContext.setDeviceWidth }), "x", _jsx(DeviceDimensionInput, { label: "Device height", value: pageViewContext.deviceHeight, onCommit: pageViewContext.setDeviceHeight }), _jsx(SimpleIconButton, { icon: pageViewContext.lockHeight ? (_jsx(Lock, { className: "h-4 w-4", strokeWidth: 1 })) : (_jsx(LockOpen, { className: "h-4 w-4", strokeWidth: 1 })), className: "hover:bg-neutral-grey-15", selected: false, onClick: toggleLockHeight, label: "Lock Height" }), _jsx(SimpleIconButton, { className: "hover:bg-neutral-grey-15", icon: _jsx(RotateDeviceIcon, { className: cn("h-4 w-4 transition-transform duration-300", pageViewContext.rotate ? "rotate-90" : "") }), selected: pageViewContext.rotate || false, onClick: toggleRotate, label: pageViewContext.rotate ? "Switch to Portrait" : "Switch to Landscape" })] }));
+                }, placeholder: "Select device" }), _jsx(DeviceDimensionInput, { label: "Device width", value: deviceWidth, onCommit: pageViewContext.setDeviceWidth }), "x", _jsx(DeviceDimensionInput, { label: "Device height", value: deviceHeight, onCommit: pageViewContext.setDeviceHeight }), _jsx(SimpleIconButton, { icon: lockHeight ? (_jsx(Lock, { className: "h-4 w-4", strokeWidth: 1 })) : (_jsx(LockOpen, { className: "h-4 w-4", strokeWidth: 1 })), className: "hover:bg-neutral-grey-15", selected: false, onClick: toggleLockHeight, label: "Lock Height" }), _jsx(SimpleIconButton, { className: "hover:bg-neutral-grey-15", icon: _jsx(RotateDeviceIcon, { className: cn("h-4 w-4 transition-transform duration-300", rotate ? "rotate-90" : "") }), selected: rotate, onClick: toggleRotate, label: rotate ? "Switch to Portrait" : "Switch to Landscape" })] }));
 }
 //# sourceMappingURL=DeviceToolbar.js.map

package/dist/editor/page-viewer/DeviceToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceToolbar.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/DeviceToolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DeviceToolbar.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/DeviceToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-viewer/DynamicRenderingsBar.d.ts

@@ -0,0 +1,23 @@
+import type { RenderingState } from "../services/renderingsService";
+type DynamicRenderingsBarProps = {
+    /** The page's dynamic renderings with their approval state. */
+    renderings?: readonly RenderingState[];
+    renderingsLoading?: boolean;
+    renderingsError?: string;
+    /** The user may open the review dialog (an administrator, or the sandbox's owner). */
+    canReview?: boolean;
+    /** The user may approve and revoke (an administrator, not a sandbox). */
+    canApprove?: boolean;
+    onReview?: (rendering: RenderingState) => void;
+    onRevoke?: (rendering: RenderingState) => void;
+};
+/**
+ * Sits above the preview canvas when the page has dynamic renderings. It
+ * lists them with their approval state (published pages show only approved
+ * ones) and says when client code does not run because it is not approved.
+ * Administrators, and on a sandbox page its owner, review a rendering's code
+ * and try its client code in the review dialog; administrators also approve
+ * and revoke. Nobody else gets a review.
+ */
+export declare function DynamicRenderingsBar({ renderings, renderingsLoading, renderingsError, canReview, canApprove, onReview, onRevoke, }: DynamicRenderingsBarProps): import("react").JSX.Element;
+export {};

package/dist/editor/page-viewer/DynamicRenderingsBar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CodeXmlIcon, PaletteIcon } from "lucide-react";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Spinner } from "../ui/Spinner";
+import { getClientCodeNotice, getRenderingApprovalStatus, getRenderingDisplayName, RENDERING_APPROVAL_BADGE_CLASSES, RENDERING_APPROVAL_DESCRIPTIONS, RENDERING_APPROVAL_LABELS, } from "./renderingApproval";
+/**
+ * Sits above the preview canvas when the page has dynamic renderings. It
+ * lists them with their approval state (published pages show only approved
+ * ones) and says when client code does not run because it is not approved.
+ * Administrators, and on a sandbox page its owner, review a rendering's code
+ * and try its client code in the review dialog; administrators also approve
+ * and revoke. Nobody else gets a review.
+ */
+export function DynamicRenderingsBar({ renderings = [], renderingsLoading = false, renderingsError, canReview = false, canApprove = false, onReview, onRevoke, }) {
+    const clientCodeNotice = getClientCodeNotice(renderings, canReview);
+    return (_jsxs("div", { role: "region", "aria-label": "Dynamic renderings", "data-testid": "dynamic-renderings-bar", 
+        // pl-14 clears the editor form toggle that floats over the canvas's top-left corner (PageViewer).
+        className: "text-neutral-grey-100 bg-feedback-blue-light border-border-default flex max-h-24 w-full shrink-0 items-start gap-2 overflow-y-auto border-b py-1.5 pr-3 pl-14 text-xs", children: [_jsx(CodeXmlIcon, { className: "text-feedback-blue mt-0.5 h-4 w-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }), _jsxs("div", { className: "flex min-h-5 min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-1", children: [_jsx("span", { className: "font-medium", children: "Dynamic renderings" }), renderings.map((rendering) => {
+                        const approval = getRenderingApprovalStatus(rendering);
+                        const name = getRenderingDisplayName(rendering);
+                        const approvable = canApprove && !rendering.sandbox;
+                        return (_jsxs("span", { className: "inline-flex max-w-full min-w-0 items-center gap-1.5", "data-testid": "preview-rendering", "data-rendering-id": rendering.id, "data-approval": approval, children: [rendering.kind === "theme" && (_jsx(PaletteIcon, { className: "text-neutral-grey-50 h-3.5 w-3.5 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" })), _jsx("span", { className: "max-w-48 truncate", title: rendering.path || name, children: name }), _jsx(Badge, { size: "sm", variant: "secondary", className: RENDERING_APPROVAL_BADGE_CLASSES[approval], title: RENDERING_APPROVAL_DESCRIPTIONS[approval], children: RENDERING_APPROVAL_LABELS[approval] }), canReview && (_jsx(Button, { variant: "link", size: "xxs", className: "h-auto p-0 text-xs", onClick: () => onReview?.(rendering), "data-testid": "preview-rendering-review", children: approvable && !rendering.approved
+                                        ? "Review and approve"
+                                        : "Review" })), approvable && rendering.approved && (_jsx(Button, { variant: "link", size: "xxs", className: "h-auto p-0 text-xs", onClick: () => onRevoke?.(rendering), "data-testid": "preview-rendering-revoke", children: "Revoke" }))] }, rendering.id));
+                    }), clientCodeNotice && (_jsx("span", { className: "text-neutral-grey-80", "data-testid": "preview-renderings-client-code-notice", children: clientCodeNotice })), renderingsLoading && renderings.length === 0 && (_jsx(Spinner, { size: "xs" })), renderingsError && (_jsxs("span", { className: "text-feedback-red truncate", title: renderingsError, "data-testid": "preview-renderings-error", children: ["Approval state unavailable: ", renderingsError] }))] })] }));
+}
+//# sourceMappingURL=DynamicRenderingsBar.js.map

package/dist/editor/page-viewer/DynamicRenderingsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicRenderingsBar.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/DynamicRenderingsBar.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-viewer/DynamicRenderingsStrip.d.ts

@@ -0,0 +1,18 @@
+import type { PageVersion } from "../services/renderingsService";
+type DynamicRenderingsStripProps = {
+    page: PageVersion | undefined;
+    /** The page's dynamic renderings as read from the preview canvas. */
+    renderingIds: readonly string[];
+    /** The preview canvas URL, for trying client code in the review dialog. */
+    getCanvasUrl?: () => string | undefined;
+};
+/**
+ * The preview strip with its data: the approval state of the page's dynamic
+ * renderings (and theme) from the CM; the review dialog (code, and the page's
+ * client code in a sealed frame) for administrators and, on a sandbox page,
+ * its owner; approve and revoke for administrators. Everyone else sees client
+ * code run only once it is approved. The state is loaded again after every
+ * approval change.
+ */
+export declare function DynamicRenderingsStrip({ page, renderingIds, getCanvasUrl, }: DynamicRenderingsStripProps): import("react").JSX.Element;
+export {};

package/dist/editor/page-viewer/DynamicRenderingsStrip.js

@@ -0,0 +1,29 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DynamicRenderingsBar } from "./DynamicRenderingsBar";
+import { RenderingApprovalDialog, RevokeRenderingDialog, } from "./RenderingApprovalDialog";
+import { sortRenderingsForPage, useRenderingPageState, } from "./renderingApproval";
+/**
+ * The preview strip with its data: the approval state of the page's dynamic
+ * renderings (and theme) from the CM; the review dialog (code, and the page's
+ * client code in a sealed frame) for administrators and, on a sandbox page,
+ * its owner; approve and revoke for administrators. Everyone else sees client
+ * code run only once it is approved. The state is loaded again after every
+ * approval change.
+ */
+export function DynamicRenderingsStrip({ page, renderingIds, getCanvasUrl, }) {
+    const pageState = useRenderingPageState({
+        page,
+        renderingIds,
+        enabled: renderingIds.length > 0,
+    });
+    const [reviewing, setReviewing] = useState();
+    const [revoking, setRevoking] = useState();
+    const canReview = !!pageState.state?.canReview;
+    const canApprove = !!pageState.state?.canApprove;
+    const renderings = pageState.state
+        ? sortRenderingsForPage(pageState.state.renderings, renderingIds)
+        : undefined;
+    return (_jsxs(_Fragment, { children: [_jsx(DynamicRenderingsBar, { renderings: renderings, renderingsLoading: pageState.loading, renderingsError: pageState.error, canReview: canReview, canApprove: canApprove, onReview: setReviewing, onRevoke: setRevoking }), reviewing && canReview && (_jsx(RenderingApprovalDialog, { rendering: reviewing, canApprove: canApprove, page: page, getCanvasUrl: getCanvasUrl, onClose: () => setReviewing(undefined), onChanged: pageState.refresh })), revoking && (_jsx(RevokeRenderingDialog, { rendering: revoking, onClose: () => setRevoking(undefined), onChanged: pageState.refresh }))] }));
+}
+//# sourceMappingURL=DynamicRenderingsStrip.js.map

package/dist/editor/page-viewer/DynamicRenderingsStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicRenderingsStrip.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/DynamicRenderingsStrip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAU7B;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,YAAY,GACgB;IAC5B,MAAM,SAAS,GAAG,qBAAqB,CAAC;QACtC,IAAI;QACJ,YAAY;QACZ,OAAO,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC;KACjC,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAkB,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAkB,CAAC;IAC3D,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC;IAC/C,MAAM,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,UAAU,CAAC;IACjD,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;QAChC,CAAC,CAAC,qBAAqB,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,YAAY,CAAC;QACjE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,8BACE,KAAC,oBAAoB,IACnB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,SAAS,CAAC,OAAO,EACpC,eAAe,EAAE,SAAS,CAAC,KAAK,EAChC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,WAAW,GACrB,EACD,SAAS,IAAI,SAAS,IAAI,CACzB,KAAC,uBAAuB,IACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,EACtC,SAAS,EAAE,SAAS,CAAC,OAAO,GAC5B,CACH,EACA,QAAQ,IAAI,CACX,KAAC,qBAAqB,IACpB,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,EACrC,SAAS,EAAE,SAAS,CAAC,OAAO,GAC5B,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}