@parhelia/core 0.3.12832 → 0.3.12833

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

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { getViewportClipPath } from "../../lib/viewportClip";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+export function BridgePasteCleanupOverlay({ iframe, menu, onCommand, }) {
+    const menuRef = useRef(null);
+    const layout = useOverlayMeasurement(() => {
+        if (!iframe || !menu.width || !menu.height)
+            return null;
+        const frame = iframe.getBoundingClientRect();
+        const scaleX = frame.width / menu.viewport.width;
+        const scaleY = frame.height / menu.viewport.height;
+        const rect = {
+            left: frame.left + menu.rect.left * scaleX,
+            top: frame.top + menu.rect.top * scaleY,
+            width: menu.rect.width * scaleX,
+            height: menu.rect.height * scaleY,
+        };
+        return {
+            ...rect,
+            scaleX: rect.width / menu.width,
+            scaleY: rect.height / menu.height,
+            clipPath: getViewportClipPath(rect, frame),
+        };
+    }, [iframe, menu], {
+        initialValue: null,
+        equals: (previous, next) => JSON.stringify(previous) === JSON.stringify(next),
+        interests: ["viewport", "layout"],
+        validateBeforePaint: true,
+    });
+    useEffect(() => {
+        const dismiss = () => onCommand({ id: menu.id, mode: "dismiss" });
+        const handlePointerDown = (event) => {
+            if (!menuRef.current?.contains(event.target))
+                dismiss();
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                dismiss();
+            }
+        };
+        document.addEventListener("pointerdown", handlePointerDown, true);
+        document.addEventListener("keydown", handleKeyDown, true);
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown, true);
+            document.removeEventListener("keydown", handleKeyDown, true);
+        };
+    }, [menu.id, onCommand]);
+    if (!layout)
+        return null;
+    return createPortal(_jsx("div", { ref: menuRef, "data-parhelia-paste-cleanup": "true", role: "menu", "aria-label": "Clean up pasted text", 
+        // Keep the caret and focus in the inline field when choosing cleanup.
+        onMouseDown: (event) => event.preventDefault(), style: {
+            position: "fixed",
+            // Above canvas chrome and inline toolbars, below modal dialogs.
+            zIndex: 95,
+            left: layout.left,
+            top: layout.top,
+            width: layout.width,
+            height: layout.height,
+            clipPath: layout.clipPath,
+            pointerEvents: "auto",
+        }, children: _jsxs("div", { style: {
+                width: menu.width,
+                minHeight: menu.height,
+                transform: `scale(${layout.scaleX}, ${layout.scaleY})`,
+                transformOrigin: "top left",
+                boxSizing: "border-box",
+                padding: 6,
+                border: "1px solid var(--color-border-default)",
+                borderRadius: 6,
+                background: "var(--color-white)",
+                boxShadow: "0 8px 24px color-mix(in srgb, var(--color-neutral-grey-100) 16%, transparent)",
+                color: "var(--color-neutral-grey-100)",
+                fontFamily: "Inter, ui-sans-serif, sans-serif",
+                lineHeight: "normal",
+            }, children: [_jsx("div", { style: {
+                        padding: "3px 9px 5px",
+                        color: "var(--color-neutral-grey-50)",
+                        fontSize: 11,
+                        fontWeight: 600,
+                    }, children: "Clean up pasted text" }), [
+                    ["text", "Text only"],
+                    ["basic", "Basic formatting only"],
+                ].map(([mode, label]) => (_jsx("button", { type: "button", role: "menuitem", "data-paste-cleanup-mode": mode, className: "hover:bg-neutral-grey-5", onClick: () => onCommand({ id: menu.id, mode }), style: {
+                        display: "block",
+                        width: "100%",
+                        border: 0,
+                        borderRadius: 4,
+                        padding: "7px 9px",
+                        color: "var(--color-neutral-grey-100)",
+                        font: "500 12px/1.25 Inter, ui-sans-serif, sans-serif",
+                        textAlign: "left",
+                        whiteSpace: "nowrap",
+                        cursor: "pointer",
+                    }, children: label }, mode)))] }) }), document.body);
+}
+//# sourceMappingURL=BridgePasteCleanupOverlay.js.map

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

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

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

@@ -0,0 +1,9 @@
+import type { PageViewContext } from "../page-viewer/pageViewContext";
+/**
+ * Connects the canvas overview ruler to the canvas: tells it how tall the
+ * page is in overlay pixels (the space the highlightings measure their marks
+ * in) and scrolls the canvas to a clicked mark.
+ */
+export declare function CanvasOverviewRulerBinding({ pageViewContext, }: {
+    pageViewContext: PageViewContext;
+}): null;

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

@@ -0,0 +1,32 @@
+import { useCallback } from "react";
+import { usePublishOverviewRulerCanvas, } from "../page-viewer/overviewRuler";
+import { getOverlayLayerHeight } from "./overlay/geometry";
+import { useIframeOverlay } from "./overlay/IframeOverlayProvider";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+/**
+ * Connects the canvas overview ruler to the canvas: tells it how tall the
+ * page is in overlay pixels (the space the highlightings measure their marks
+ * in) and scrolls the canvas to a clicked mark.
+ */
+export function CanvasOverviewRulerBinding({ pageViewContext, }) {
+    const overlay = useIframeOverlay();
+    const extent = useOverlayMeasurement((metrics) => getOverlayLayerHeight(metrics), [], {
+        initialValue: 0,
+        equals: Object.is,
+        interests: ["viewport", "layout"],
+    });
+    // The mark lands a third down the canvas, so the text above it stays
+    // readable.
+    const scrollToMark = useCallback((mark) => {
+        const metrics = overlay.getMetrics();
+        const scale = metrics.scrollScale * metrics.visualScale || 1;
+        const target = Math.max(0, mark.top - metrics.viewportHeight / 3);
+        pageViewContext.requestBridgeScrollBy?.({
+            y: target / scale - metrics.scrollTop,
+            behavior: "smooth",
+        });
+    }, [overlay, pageViewContext]);
+    usePublishOverviewRulerCanvas(extent, scrollToMark);
+    return null;
+}
+//# sourceMappingURL=CanvasOverviewRulerBinding.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasOverviewRulerBinding.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/CanvasOverviewRulerBinding.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAEL,6BAA6B,GAC9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAC,EACzC,eAAe,GAGhB;IACC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,qBAAqB,CAClC,CAAC,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC3C,EAAE,EACF;QACE,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM,CAAC,EAAE;QACjB,SAAS,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;KAClC,CACF,CAAC;IAEF,qEAAqE;IACrE,YAAY;IACZ,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAuB,EAAE,EAAE;QAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC;QAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;QAClE,eAAe,CAAC,qBAAqB,EAAE,CAAC;YACtC,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC,SAAS;YACrC,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,6BAA6B,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpD,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { InteractionEventPayload } from "../bridge/protocol";
+import { type PageViewContext } from "../page-viewer/pageViewContext";
+/**
+ * The canvas half of comment target picking: outlines and names what a click
+ * would comment on. It takes no pointer events. The page underneath stays
+ * fully interactive, so a passage can be selected to comment on it, and the
+ * picking itself runs on the host bridge's events (`handleCanvasPickInteraction`,
+ * `isCanvasPickSelection` in PageViewerFrame): what the bridge reports as
+ * hovered is exactly what its click will report.
+ */
+export declare function CommentTargetPickerCanvasLayer({ pageViewContext, bridgeInteraction, }: {
+    pageViewContext: PageViewContext;
+    bridgeInteraction?: InteractionEventPayload;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
+import { CommentTargetOutline } from "../reviews/CommentTargetOutline";
+import { normalizeMarkerId } from "../utils";
+import { bridgeRectToOverlayRect } from "./overlay/geometry";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+function outlinesEqual(a, b) {
+    if (!a || !b)
+        return a === b;
+    return (a.fieldKey === b.fieldKey &&
+        a.componentName === b.componentName &&
+        a.rect.x === b.rect.x &&
+        a.rect.y === b.rect.y &&
+        a.rect.width === b.rect.width &&
+        a.rect.height === b.rect.height);
+}
+/**
+ * The canvas half of comment target picking: outlines and names what a click
+ * would comment on. It takes no pointer events. The page underneath stays
+ * fully interactive, so a passage can be selected to comment on it, and the
+ * picking itself runs on the host bridge's events (`handleCanvasPickInteraction`,
+ * `isCanvasPickSelection` in PageViewerFrame): what the bridge reports as
+ * hovered is exactly what its click will report.
+ */
+export function CommentTargetPickerCanvasLayer({ pageViewContext, bridgeInteraction, }) {
+    const geometry = usePageViewState(pageViewContext, (state) => state.bridgeGeometry);
+    const structure = usePageViewState(pageViewContext, (state) => state.bridgeStructure);
+    const editContext = useEditContext();
+    const [fieldNames, setFieldNames] = useState({});
+    const requestedFieldNamesRef = useRef(new Set());
+    const hover = bridgeInteraction?.kind === "hover" ? bridgeInteraction : undefined;
+    const outline = useOverlayMeasurement((metrics) => {
+        if (!hover || !geometry)
+            return null;
+        const componentId = normalizeMarkerId(hover.componentId);
+        const componentName = structure?.components.find((component) => normalizeMarkerId(component.id) === componentId)?.name;
+        // A field wins over the component around it, as it does for the click.
+        if (hover.fieldId && hover.item?.id) {
+            const fieldId = normalizeMarkerId(hover.fieldId);
+            const itemId = normalizeMarkerId(hover.item.id);
+            const field = geometry.targets.find((target) => target.kind === "field" &&
+                !target.decorationsSuppressed &&
+                (target.elementKey === hover.elementKey ||
+                    (normalizeMarkerId(target.fieldId) === fieldId &&
+                        normalizeMarkerId(target.item?.id) === itemId)));
+            if (field) {
+                return {
+                    rect: bridgeRectToOverlayRect(geometry, field.rect, metrics),
+                    fieldKey: `${itemId}:${fieldId}`,
+                    componentName,
+                };
+            }
+        }
+        if (!componentId)
+            return null;
+        const component = geometry.targets.find((target) => target.kind === "component" &&
+            !target.decorationsSuppressed &&
+            (normalizeMarkerId(target.componentId) === componentId ||
+                normalizeMarkerId(target.key) === componentId));
+        if (!component)
+            return null;
+        return {
+            rect: bridgeRectToOverlayRect(geometry, component.rect, metrics),
+            componentName,
+        };
+    }, [hover, geometry, structure], {
+        initialValue: null,
+        equals: outlinesEqual,
+        interests: ["viewport", "layout"],
+    });
+    // The field's name for the label; the bridge only knows its id.
+    const fieldKey = outline?.fieldKey;
+    useEffect(() => {
+        if (!fieldKey || !editContext || !hover?.fieldId || !hover.item?.id)
+            return;
+        if (requestedFieldNamesRef.current.has(fieldKey))
+            return;
+        requestedFieldNamesRef.current.add(fieldKey);
+        const page = pageViewContext.getState().pageItemDescriptor;
+        // Cached even when the pointer has moved on: each field is asked once.
+        void editContext.itemsRepository
+            .getField({
+            fieldId: hover.fieldId,
+            item: {
+                id: hover.item.id,
+                language: hover.item.language ?? page?.language ?? "",
+                version: hover.item.version ?? page?.version ?? 0,
+            },
+        })
+            .then((field) => {
+            const name = field?.name;
+            if (!name)
+                return;
+            setFieldNames((current) => ({ ...current, [fieldKey]: name }));
+        })
+            .catch(() => { });
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed by the field identity
+    }, [fieldKey, editContext]);
+    if (!outline)
+        return null;
+    const label = outline.fieldKey
+        ? [outline.componentName, fieldNames[outline.fieldKey]]
+            .filter(Boolean)
+            .join(" › ") || "Field"
+        : outline.componentName || "Component";
+    return (_jsx(CommentTargetOutline, { rect: outline.rect, label: label, position: "absolute", zIndex: 41 }));
+}
+//# sourceMappingURL=CommentTargetPickerCanvasLayer.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { type PageViewContext } from "../page-viewer/pageViewContext";
+/**
+ * Frames the components a conversion just created and offers a one-click
+ * undo. The edit context clears the conversion on the next edit or page switch.
+ */
+export declare function ConversionIndicators({ pageViewContext, }: {
+    pageViewContext: PageViewContext;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,75 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Undo2 } from "lucide-react";
+import { useEditContext } from "../client/editContext";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
+import { getComponentById } from "../componentTreeHelper";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+import { measureBridgeComponentRect, rectEquals, } from "./overlay/geometry";
+/**
+ * Frames the components a conversion just created and offers a one-click
+ * undo. The edit context clears the conversion on the next edit or page switch.
+ */
+export function ConversionIndicators({ pageViewContext, }) {
+    const editContext = useEditContext();
+    const conversion = editContext?.recentConversion;
+    const [undoing, setUndoing] = useState(false);
+    const page = usePageViewState(pageViewContext, (state) => state.page);
+    const bridgeGeometry = usePageViewState(pageViewContext, (state) => state.bridgeGeometry);
+    const rects = useOverlayMeasurement((metrics) => {
+        if (!conversion || !page || !bridgeGeometry) {
+            return [];
+        }
+        return conversion.componentIds
+            .map((componentId) => {
+            const component = getComponentById(componentId, page);
+            if (!component)
+                return null;
+            const measurement = measureBridgeComponentRect(bridgeGeometry, component, metrics);
+            return measurement?.rect ? { componentId, rect: measurement.rect } : null;
+        })
+            .filter((entry) => entry !== null);
+    }, [conversion, bridgeGeometry, page], {
+        initialValue: [],
+        equals: (previous, next) => previous.length === next.length &&
+            previous.every((entry, index) => entry.componentId === next[index].componentId &&
+                rectEquals(entry.rect, next[index].rect)),
+        interests: ["viewport", "layout", "adornment-data"],
+    });
+    if (!conversion || rects.length === 0 || !editContext)
+        return null;
+    const undo = async () => {
+        if (undoing)
+            return;
+        setUndoing(true);
+        try {
+            const undone = await editContext.operations.undoOperations([conversion.operationId]);
+            if (undone)
+                editContext.setRecentConversion?.(undefined);
+        }
+        finally {
+            setUndoing(false);
+        }
+    };
+    return (_jsx(_Fragment, { children: rects.map(({ componentId, rect }, index) => (_jsxs("div", { children: [_jsx("div", { className: "border-feedback-green pointer-events-none absolute rounded-[3px] border-2", "data-testid": "component-conversion-frame", style: {
+                        top: rect.y,
+                        left: rect.x,
+                        width: rect.width,
+                        height: rect.height,
+                        zIndex: 999,
+                    } }), index === 0 && (_jsxs("div", { className: "border-border-default pointer-events-auto absolute flex items-center gap-2 rounded-[4px] border bg-white px-2 py-1 text-xs shadow-sm", "data-testid": "component-conversion-badge", 
+                    // Below the bottom-right corner: the selected component's frame
+                    // menu owns the top edge and the insert handles the bottom center.
+                    style: {
+                        top: rect.y + rect.height + 6,
+                        left: rect.x + rect.width,
+                        transform: "translateX(-100%)",
+                        zIndex: 1001,
+                        whiteSpace: "nowrap",
+                    }, children: [_jsxs("span", { className: "text-neutral-grey-100", children: ["Converted from ", conversion.fromName] }), _jsxs("button", { type: "button", className: "text-highlight-100 flex items-center gap-1 font-medium hover:underline disabled:opacity-50", disabled: undoing, onClick: (event) => {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                void undo();
+                            }, "data-testid": "component-conversion-undo", children: [_jsx(Undo2, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Undo"] })] }))] }, componentId))) }));
+}
+//# sourceMappingURL=ConversionIndicators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversionIndicators.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/ConversionIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAEL,gBAAgB,GACjB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EACL,0BAA0B,EAC1B,UAAU,GAEX,MAAM,oBAAoB,CAAC;AAI5B;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,eAAe,GAGhB;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,WAAW,EAAE,gBAAgB,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,gBAAgB,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,gBAAgB,CACrC,eAAe,EACf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAChC,CAAC;IAEF,MAAM,KAAK,GAAG,qBAAqB,CACjC,CAAC,OAAO,EAAE,EAAE;QACV,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,OAAO,UAAU,CAAC,YAAY;aAC3B,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;YACnB,MAAM,SAAS,GAAG,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YACtD,IAAI,CAAC,SAAS;gBAAE,OAAO,IAAI,CAAC;YAC5B,MAAM,WAAW,GAAG,0BAA0B,CAC5C,cAAc,EACd,SAAS,EACT,OAAO,CACR,CAAC;YACF,OAAO,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5E,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,KAAK,EAAmC,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC;IACxE,CAAC,EACD,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,CAAC,EAClC;QACE,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CACzB,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM;YAC/B,QAAQ,CAAC,KAAK,CACZ,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,CAAE,CAAC,WAAW;gBAC9C,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAE,CAAC,IAAI,CAAC,CAC5C;QACH,SAAS,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,gBAAgB,CAAC;KACpD,CACF,CAAC;IAEF,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAEnE,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;QACtB,IAAI,OAAO;YAAE,OAAO;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;YACrF,IAAI,MAAM;gBAAE,WAAW,CAAC,mBAAmB,EAAE,CAAC,SAAS,CAAC,CAAC;QAC3D,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,0BACE,cACE,SAAS,EAAC,2EAA2E,iBACzE,4BAA4B,EACxC,KAAK,EAAE;wBACL,GAAG,EAAE,IAAI,CAAC,CAAC;wBACX,IAAI,EAAE,IAAI,CAAC,CAAC;wBACZ,KAAK,EAAE,IAAI,CAAC,KAAK;wBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;wBACnB,MAAM,EAAE,GAAG;qBACZ,GACD,EACD,KAAK,KAAK,CAAC,IAAI,CACd,eACE,SAAS,EAAC,sIAAsI,iBACpI,4BAA4B;oBACxC,gEAAgE;oBAChE,mEAAmE;oBACnE,KAAK,EAAE;wBACL,GAAG,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;wBAC7B,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK;wBACzB,SAAS,EAAE,mBAAmB;wBAC9B,MAAM,EAAE,IAAI;wBACZ,UAAU,EAAE,QAAQ;qBACrB,aAED,gBAAM,SAAS,EAAC,uBAAuB,gCACrB,UAAU,CAAC,QAAQ,IAC9B,EACP,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4FAA4F,EACtG,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gCACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gCACxB,KAAK,IAAI,EAAE,CAAC;4BACd,CAAC,iBACW,2BAA2B,aAEvC,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,GAAG,GAAI,YAE5C,IACL,CACP,KA5CO,WAAW,CA6Cf,CACP,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}

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

@@ -1,16 +1,7 @@
-import type { PageViewContext } from "../page-viewer/pageViewContext";
+import { type PageViewContext } from "../page-viewer/pageViewContext";
 import { type ComponentDiffTarget, type DiffTarget } from "../version-diff/versionDiffTargets";
 import { type VersionDiffVariant } from "../version-diff/versionDiffGeometryKeys";
-/**
- * An overview ruler next to the highlights: a vertical bar with one dash per
- * run of changes, so edits are visible even where the thumbnail is too small
- * to show the highlight itself. Positioned in overlay-layer pixels.
- */
-export type DiffHighlightRuler = {
-    left: number;
-    width: number;
-    testId?: string;
-};
+import { type OverviewRulerSource } from "../page-viewer/overviewRuler";
 export type DiffHighlightOverlayProps = {
     pageViewContext: PageViewContext;
     variant?: VersionDiffVariant;
@@ -23,11 +14,16 @@ export type DiffHighlightOverlayProps = {
     targets: DiffTarget[];
     componentTargets: ComponentDiffTarget[];
     testId?: string;
-    ruler?: DiffHighlightRuler;
+    /**
+     * Also marks the changes on the canvas overview ruler, as this source.
+     * The source stays published while the overlay is mounted, even with
+     * nothing measured.
+     */
+    rulerSource?: OverviewRulerSource;
 };
 /**
  * Publishes diff targets to the bridge geometry union and paints the measured
  * rects: shared by the version-diff (compare) highlights and the agent-change
  * highlights, which only differ in how they resolve their targets.
  */
-export declare function DiffHighlightOverlay({ pageViewContext, variant, scope, targets, componentTargets, testId, ruler, }: DiffHighlightOverlayProps): import("react").JSX.Element | null;
+export declare function DiffHighlightOverlay({ pageViewContext, variant, scope, targets, componentTargets, testId, rulerSource, }: DiffHighlightOverlayProps): import("react").JSX.Element | null;

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

@@ -1,13 +1,13 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef } from "react";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
 import { fieldKey, } from "../version-diff/versionDiffTargets";
 import { versionDiffHighlightClasses } from "../version-diff/versionDiffHighlightStyles";
 import { getDiffBridgeSource, getDiffInnerRangeKey, getDiffTextRangeKey, } from "../version-diff/versionDiffGeometryKeys";
 import { bridgeRectToOverlayRect, measureBridgeFieldRect, measureBridgeTextRangeRects, rectListEquals, } from "./overlay/geometry";
 import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
 import { normalizeMarkerId } from "../utils";
-import { buildDiffRulerSegments } from "./diffRulerSegments";
-import { cn } from "../../lib/utils";
+import { buildOverviewRulerMarks, usePublishOverviewRulerMarks, } from "../page-viewer/overviewRuler";
 function measuredDiffHighlightsEqual(previous, next) {
     if (previous.length !== next.length)
         return false;
@@ -29,8 +29,11 @@ function measuredDiffHighlightsEqual(previous, next) {
  * rects: shared by the version-diff (compare) highlights and the agent-change
  * highlights, which only differ in how they resolve their targets.
  */
-export function DiffHighlightOverlay({ pageViewContext, variant = "default", scope, targets, componentTargets, testId = "version-diff-highlight", ruler, }) {
+export function DiffHighlightOverlay({ pageViewContext, variant = "default", scope, targets, componentTargets, testId = "version-diff-highlight", rulerSource, }) {
     const bridgeSource = getDiffBridgeSource(scope);
+    const bridgeReady = usePageViewState(pageViewContext, (state) => state.bridgeReady);
+    const bridgeGeometry = usePageViewState(pageViewContext, (state) => state.bridgeGeometry);
+    const bridgeStructure = usePageViewState(pageViewContext, (state) => state.bridgeStructure);
     const rangesByTargetKey = useMemo(() => new Map(targets.map((target) => [
         fieldKey(target.descriptor),
         target.hasDeletionOnlyChange
@@ -39,7 +42,7 @@ export function DiffHighlightOverlay({ pageViewContext, variant = "default", sco
     ])), [targets]);
     const lastBridgeTextRangeSignatureRef = useRef("");
     useEffect(() => {
-        if (!pageViewContext.bridgeReady) {
+        if (!bridgeReady) {
             lastBridgeTextRangeSignatureRef.current = "";
             return;
         }
@@ -111,7 +114,7 @@ export function DiffHighlightOverlay({ pageViewContext, variant = "default", sco
         };
     }, [
         pageViewContext,
-        pageViewContext.bridgeReady,
+        bridgeReady,
         rangesByTargetKey,
         targets,
         variant,
@@ -129,8 +132,6 @@ export function DiffHighlightOverlay({ pageViewContext, variant = "default", sco
         };
     }, [pageViewContext, bridgeSource]);
     const highlights = useOverlayMeasurement((metrics) => {
-        const bridgeGeometry = pageViewContext.bridgeGeometry;
-        const bridgeStructure = pageViewContext.bridgeStructure;
         if (!bridgeGeometry)
             return [];
         const isMini = variant === "minimap";
@@ -229,8 +230,8 @@ export function DiffHighlightOverlay({ pageViewContext, variant = "default", sco
         }
         return measured;
     }, [
-        pageViewContext.bridgeGeometry,
-        pageViewContext.bridgeStructure,
+        bridgeGeometry,
+        bridgeStructure,
         targets,
         componentTargets,
         rangesByTargetKey,
@@ -241,17 +242,21 @@ export function DiffHighlightOverlay({ pageViewContext, variant = "default", sco
         equals: measuredDiffHighlightsEqual,
         interests: ["viewport", "layout", "text", "adornment-data"],
     });
-    const rulerSegments = useMemo(() => (ruler ? buildDiffRulerSegments(highlights) : []), [ruler, highlights]);
-    if (highlights.length === 0 && !ruler)
+    const rulerMarks = useMemo(() => rulerSource
+        ? buildOverviewRulerMarks(highlights.map((highlight) => ({
+            tone: highlight.kind === "removed" ? "removed" : "added",
+            rects: highlight.rects,
+        })))
+        : null, [rulerSource, highlights]);
+    usePublishOverviewRulerMarks(rulerSource, rulerMarks);
+    if (highlights.length === 0)
         return null;
-    return (_jsxs(_Fragment, { children: [ruler && (_jsx("div", { className: "bg-neutral-grey-10 pointer-events-none absolute top-0 bottom-0", "data-testid": ruler.testId ?? `${testId}-ruler`, style: { left: ruler.left, width: ruler.width }, children: rulerSegments.map((segment, index) => (_jsx("div", { className: cn("absolute inset-x-0 rounded-full", segment.kind === "removed"
-                        ? "bg-feedback-red"
-                        : "bg-feedback-green"), "data-testid": `${ruler.testId ?? `${testId}-ruler`}-dash`, "data-diff-kind": segment.kind, style: { top: segment.top, height: segment.height } }, index))) })), highlights.flatMap((highlight) => highlight.rects.map((rect, index) => (_jsx("div", { className: highlight.className, "data-testid": testId, "data-diff-kind": highlight.kind, "data-diff-tier": highlight.tier, style: {
-                    top: rect.y,
-                    left: rect.x,
-                    width: Math.max(rect.width, 2),
-                    height: Math.max(rect.height, 2),
-                } }, `${highlight.key}-${index}`))))] }));
+    return (_jsx(_Fragment, { children: highlights.flatMap((highlight) => highlight.rects.map((rect, index) => (_jsx("div", { className: highlight.className, "data-testid": testId, "data-diff-kind": highlight.kind, "data-diff-tier": highlight.tier, style: {
+                top: rect.y,
+                left: rect.x,
+                width: Math.max(rect.width, 2),
+                height: Math.max(rect.height, 2),
+            } }, `${highlight.key}-${index}`)))) }));
 }
 function isUniformRange(range) {
     return (range.innerRanges.length === 1 &&

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

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

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

@@ -0,0 +1,15 @@
+import type { FeedbackAnchor } from "./overlay/feedbackAnchorMeasurements";
+/**
+ * The canvas half of a Word-style leader line: a tick at the start of the
+ * anchored text and a dashed rule from the end of its first line to the right
+ * edge of the visible viewport, where the comment margin's half continues to
+ * the card. Both halves derive their y from the same measured rect, so they
+ * meet at the iframe edge.
+ */
+export declare function FeedbackLeaderCanvasSegment({ anchor, viewportRight, color, emphasis, testId, }: {
+    anchor: FeedbackAnchor;
+    viewportRight: number;
+    color: string;
+    emphasis: "selected" | "hovered";
+    testId?: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The canvas half of a Word-style leader line: a tick at the start of the
+ * anchored text and a dashed rule from the end of its first line to the right
+ * edge of the visible viewport, where the comment margin's half continues to
+ * the card. Both halves derive their y from the same measured rect, so they
+ * meet at the iframe edge.
+ */
+export function FeedbackLeaderCanvasSegment({ anchor, viewportRight, color, emphasis, testId = "feedback-leader-canvas", }) {
+    const left = anchor.xEnd + 2;
+    const width = viewportRight - left;
+    const opacity = emphasis === "selected" ? 0.9 : 0.5;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": `${testId}-tick`, className: "pointer-events-none absolute", style: {
+                    top: anchor.y,
+                    left: anchor.xStart - 4,
+                    width: 2,
+                    height: Math.max(anchor.height, 10),
+                    background: color,
+                    opacity,
+                    zIndex: 3,
+                } }), width > 0 && (_jsx("div", { "data-testid": testId, "data-feedback-leader": emphasis, className: "pointer-events-none absolute", style: {
+                    top: anchor.lineMidY,
+                    left,
+                    width,
+                    height: 0,
+                    borderTop: `1.5px dashed ${color}`,
+                    opacity,
+                    zIndex: 3,
+                } }))] }));
+}
+//# sourceMappingURL=FeedbackLeaderCanvasSegment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackLeaderCanvasSegment.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FeedbackLeaderCanvasSegment.tsx"],"names":[],"mappings":";AAEA;;;;;;GAMG;AACH,MAAM,UAAU,2BAA2B,CAAC,EAC1C,MAAM,EACN,aAAa,EACb,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,wBAAwB,GAOlC;IACC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,aAAa,GAAG,IAAI,CAAC;IACnC,MAAM,OAAO,GAAG,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAEpD,OAAO,CACL,8BACE,6BACe,GAAG,MAAM,OAAO,EAC7B,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM,CAAC,CAAC;oBACb,IAAI,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC;oBACvB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;oBACnC,UAAU,EAAE,KAAK;oBACjB,OAAO;oBACP,MAAM,EAAE,CAAC;iBACV,GACD,EACD,KAAK,GAAG,CAAC,IAAI,CACZ,6BACe,MAAM,0BACG,QAAQ,EAC9B,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM,CAAC,QAAQ;oBACpB,IAAI;oBACJ,KAAK;oBACL,MAAM,EAAE,CAAC;oBACT,SAAS,EAAE,gBAAgB,KAAK,EAAE;oBAClC,OAAO;oBACP,MAAM,EAAE,CAAC;iBACV,GACD,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}