@parhelia/core 0.3.12831 → 0.3.12832

package/dist/editor/itemContextMenuGroups.js

@@ -0,0 +1,48 @@
+/**
+ * Logical groups of the content-tree item context menu, in display order.
+ * Entries are command ids (see `allItemCommands` in config.tsx) plus the
+ * synthetic "insert" entry the menu factory prepends. Commands that are not
+ * listed here (e.g. those registered by extension packages such as
+ * localization) are collected in a trailing group.
+ */
+export const ITEM_CONTEXT_MENU_GROUPS = [
+    // Structure of the item itself
+    ["insert", "renameItem", "deleteItem"],
+    // Copying and moving
+    ["duplicateItem", "copyItems", "cloneItems", "uncloneItem", "moveItems"],
+    // Data exchange and template maintenance
+    ["exportItem", "importItems", "addStandardValues", "changeTemplate"],
+    // Publishing and review
+    ["publishItem", "publishRestrictions", "reviewItems"],
+];
+function groupIndexOf(id, groups) {
+    const index = groups.findIndex((group) => group.includes(id));
+    return index === -1 ? groups.length : index;
+}
+/**
+ * Orders `menuItems` by their group and inserts a separator between
+ * consecutive non-empty groups. Existing separators in the input are dropped
+ * so the result never contains leading, trailing or doubled dividers. The
+ * relative order of items within a group is preserved.
+ */
+export function withItemContextMenuGroupSeparators(menuItems, groups = ITEM_CONTEXT_MENU_GROUPS) {
+    const ranked = menuItems
+        .filter((item) => !item.separator)
+        .map((item, position) => ({
+        item,
+        position,
+        group: groupIndexOf(item.id, groups),
+    }))
+        .sort((a, b) => a.group - b.group || a.position - b.position);
+    const result = [];
+    let previousGroup;
+    for (const { item, group } of ranked) {
+        if (previousGroup !== undefined && group !== previousGroup) {
+            result.push({ id: `sep-group-${group}`, separator: true });
+        }
+        result.push(item);
+        previousGroup = group;
+    }
+    return result;
+}
+//# sourceMappingURL=itemContextMenuGroups.js.map

package/dist/editor/itemContextMenuGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemContextMenuGroups.js","sourceRoot":"","sources":["../../src/editor/itemContextMenuGroups.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAmC;IACtE,+BAA+B;IAC/B,CAAC,QAAQ,EAAE,YAAY,EAAE,YAAY,CAAC;IACtC,qBAAqB;IACrB,CAAC,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,CAAC;IACxE,yCAAyC;IACzC,CAAC,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,CAAC;IACpE,wBAAwB;IACxB,CAAC,aAAa,EAAE,qBAAqB,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,SAAS,YAAY,CACnB,EAAU,EACV,MAAsC;IAEtC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9D,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AAC9C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,kCAAkC,CAChD,SAAqB,EACrB,MAAM,GAAmC,wBAAwB;IAEjE,MAAM,MAAM,GAAG,SAAS;SACrB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;SACjC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QACxB,IAAI;QACJ,QAAQ;QACR,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC;KACrC,CAAC,CAAC;SACF,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEhE,MAAM,MAAM,GAAe,EAAE,CAAC;IAC9B,IAAI,aAAiC,CAAC;IACtC,KAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,MAAM,EAAE,CAAC;QACrC,IAAI,aAAa,KAAK,SAAS,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;YAC3D,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,aAAa,GAAG,KAAK,CAAC;IACxB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/editor/media-selector/UploadMediaFileDialog.d.ts

@@ -0,0 +1,5 @@
+import type { DialogProps } from "../client/editContext";
+export type UploadMediaFileDialogProps = {
+    parentPath: string;
+};
+export declare function UploadMediaFileDialog({ parentPath, onClose, }: UploadMediaFileDialogProps & DialogProps<File>): import("react").JSX.Element;

package/dist/editor/media-selector/UploadMediaFileDialog.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
+import { Dialog, DialogContent } from "../../components/ui/dialog";
+import { StyledDialogTitle } from "../../components/ui/styled-dialog-title";
+import { Button } from "../../components/ui/button";
+import DialogButtons from "../ui/DialogButtons";
+export function UploadMediaFileDialog({ parentPath, onClose, }) {
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => !open && onClose(null), children: _jsxs(DialogContent, { children: [_jsx(StyledDialogTitle, { icon: _jsx(Upload, { strokeWidth: 1 }), title: "Upload file", subtitle: `Upload to ${parentPath}` }), _jsx("div", { className: "px-8 py-6", children: _jsx("input", { type: "file", "aria-label": "File to upload", onChange: (event) => {
+                            const file = event.target.files?.[0];
+                            if (file)
+                                onClose(file);
+                        } }) }), _jsx(DialogButtons, { children: _jsx(Button, { variant: "outline", onClick: () => onClose(null), children: "Cancel" }) })] }) }));
+}
+//# sourceMappingURL=UploadMediaFileDialog.js.map

package/dist/editor/media-selector/UploadMediaFileDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadMediaFileDialog.js","sourceRoot":"","sources":["../../../src/editor/media-selector/UploadMediaFileDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAIhD,MAAM,UAAU,qBAAqB,CAAC,EACpC,UAAU,EACV,OAAO,GACwC;IAC/C,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,QAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,YACzD,MAAC,aAAa,eACZ,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAC,MAAM,IAAC,WAAW,EAAE,CAAC,GAAI,EAChC,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,aAAa,UAAU,EAAE,GACnC,EACF,cAAK,SAAS,EAAC,WAAW,YACxB,gBACE,IAAI,EAAC,MAAM,gBACA,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;4BACrC,IAAI,IAAI;gCAAE,OAAO,CAAC,IAAI,CAAC,CAAC;wBAC1B,CAAC,GACD,GACE,EACN,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,uBAE7C,GACK,IACF,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/OpenPublishedPageButton.d.ts

@@ -0,0 +1 @@
+export declare function OpenPublishedPageButton(): import("react").JSX.Element | null;

package/dist/editor/menubar/OpenPublishedPageButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+import { Button } from "../../components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
+import { useEditContext } from "../client/editContext";
+import { usePageResolvedSignal } from "../page-viewer/pageViewContext";
+import { publicSiteSourcePhrases } from "../settings/panels/publicSiteHelpers";
+export function OpenPublishedPageButton() {
+    const editContext = useEditContext();
+    usePageResolvedSignal();
+    if (!editContext ||
+        editContext.workspaceId !== "editor" ||
+        editContext.isMobile)
+        return null;
+    const context = editContext.getActiveSlotContext()?.primaryPageViewContext;
+    const url = context?.publishedUrl;
+    if (!url)
+        return null;
+    const source = context.publicSite?.source;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { size: "iconSm", variant: "ghost", asChild: true, children: _jsx("a", { href: url, target: "_blank", rel: "noreferrer noopener", "aria-label": "Open published page", "data-testid": "open-published-page", "data-published-url": url, "data-public-site-source": source, children: _jsx(ExternalLink, { strokeWidth: 1, className: "h-4 w-4" }) }) }) }), _jsxs(TooltipContent, { children: [_jsxs("div", { children: ["Open published page", source ? ` — via ${publicSiteSourcePhrases[source] ?? source}` : ""] }), _jsx("div", { className: "mt-1 max-w-md font-mono text-xs break-all", dir: "ltr", children: url })] })] }));
+}
+//# sourceMappingURL=OpenPublishedPageButton.js.map

package/dist/editor/menubar/OpenPublishedPageButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenPublishedPageButton.js","sourceRoot":"","sources":["../../../src/editor/menubar/OpenPublishedPageButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,UAAU,uBAAuB;IACrC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,qBAAqB,EAAE,CAAC;IACxB,IACE,CAAC,WAAW;QACZ,WAAW,CAAC,WAAW,KAAK,QAAQ;QACpC,WAAW,CAAC,QAAQ;QAEpB,OAAO,IAAI,CAAC;IACd,MAAM,OAAO,GAAG,WAAW,CAAC,oBAAoB,EAAE,EAAE,sBAAsB,CAAC;IAC3E,MAAM,GAAG,GAAG,OAAO,EAAE,YAAY,CAAC;IAClC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1C,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,kBAC3C,YACE,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,gBACd,qBAAqB,iBACpB,qBAAqB,wBACb,GAAG,6BACE,MAAM,YAE/B,KAAC,YAAY,IAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,GAClD,GACG,GACM,EACjB,MAAC,cAAc,eACb,iDAEG,MAAM,CAAC,CAAC,CAAC,UAAU,uBAAuB,CAAC,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,IAChE,EACN,cAAK,SAAS,EAAC,2CAA2C,EAAC,GAAG,EAAC,KAAK,YACjE,GAAG,GACA,IACS,IACT,CACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+import type { PageViewContext } from "../page-viewer/pageViewContext";
+import type { VersionDiffVariant } from "../version-diff/versionDiffGeometryKeys";
+import { type DiffHighlightRuler } from "./DiffHighlightOverlay";
+export declare const AGENT_CHANGE_HIGHLIGHT_TEST_ID = "agent-change-highlight";
+export declare const AGENT_CHANGE_RULER_TEST_ID = "agent-change-ruler";
+export declare function getAgentChangeScope(variant: VersionDiffVariant): string;
+type AgentChangeHighlightingsProps = {
+    pageViewContext: PageViewContext;
+    variant?: VersionDiffVariant;
+    /** Overview ruler geometry (minimap only). */
+    ruler?: Omit<DiffHighlightRuler, "testId">;
+};
+/**
+ * Marks everything the highlighted agent changed on the rendered page: added
+ * text ranges inside edited fields and boxes around components it introduced.
+ * Driven by editContext.agentChangeHighlighting (the terminal's "Changes" tray
+ * checkbox) and rendered through the same overlay as the compare highlights.
+ */
+export declare function AgentChangeHighlightings({ pageViewContext, variant, ruler, }: AgentChangeHighlightingsProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useEditContext } from "../client/editContext";
+import { resolveAgentChangeTargets } from "../agent-changes/agentChangeTargets";
+import { DiffHighlightOverlay, } from "./DiffHighlightOverlay";
+export const AGENT_CHANGE_HIGHLIGHT_TEST_ID = "agent-change-highlight";
+export const AGENT_CHANGE_RULER_TEST_ID = "agent-change-ruler";
+export function getAgentChangeScope(variant) {
+    return `agent-changes:${variant}`;
+}
+/**
+ * Marks everything the highlighted agent changed on the rendered page: added
+ * text ranges inside edited fields and boxes around components it introduced.
+ * Driven by editContext.agentChangeHighlighting (the terminal's "Changes" tray
+ * checkbox) and rendered through the same overlay as the compare highlights.
+ */
+export function AgentChangeHighlightings({ pageViewContext, variant = "default", ruler, }) {
+    const editContext = useEditContext();
+    const highlighting = editContext?.agentChangeHighlighting;
+    const operations = highlighting?.operations;
+    const pageItem = pageViewContext.page?.item.descriptor;
+    const bridgeStructure = pageViewContext.bridgeStructure;
+    const resolved = useMemo(() => {
+        if (!operations || !pageItem) {
+            return { fieldTargets: [], componentTargets: [] };
+        }
+        return resolveAgentChangeTargets({ operations, bridgeStructure, pageItem });
+    }, [operations, bridgeStructure, pageItem]);
+    return (_jsx(DiffHighlightOverlay, { pageViewContext: pageViewContext, variant: variant, scope: getAgentChangeScope(variant), targets: resolved.fieldTargets, componentTargets: resolved.componentTargets, testId: AGENT_CHANGE_HIGHLIGHT_TEST_ID, ruler: ruler ? { ...ruler, testId: AGENT_CHANGE_RULER_TEST_ID } : undefined }));
+}
+//# sourceMappingURL=AgentChangeHighlightings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChangeHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/AgentChangeHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,8BAA8B,GAAG,wBAAwB,CAAC;AACvE,MAAM,CAAC,MAAM,0BAA0B,GAAG,oBAAoB,CAAC;AAE/D,MAAM,UAAU,mBAAmB,CAAC,OAA2B;IAC7D,OAAO,iBAAiB,OAAO,EAAE,CAAC;AACpC,CAAC;AASD;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACvC,eAAe,EACf,OAAO,GAAG,SAAS,EACnB,KAAK,GACyB;IAC9B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,WAAW,EAAE,uBAAuB,CAAC;IAC1D,MAAM,UAAU,GAAG,YAAY,EAAE,UAAU,CAAC;IAC5C,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC;IACvD,MAAM,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;IAExD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7B,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;QACpD,CAAC;QACD,OAAO,yBAAyB,CAAC,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,KAAC,oBAAoB,IACnB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,EACnC,OAAO,EAAE,QAAQ,CAAC,YAAY,EAC9B,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB,EAC3C,MAAM,EAAE,8BAA8B,EACtC,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,0BAA0B,EAAE,CAAC,CAAC,CAAC,SAAS,GAEtE,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,33 @@
+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;
+};
+export type DiffHighlightOverlayProps = {
+    pageViewContext: PageViewContext;
+    variant?: VersionDiffVariant;
+    /**
+     * Unique per feature AND variant (e.g. "version-diff:minimap"): it names
+     * this instance's entry in the bridge geometry union and prefixes its text
+     * range keys, so several overlays can coexist on one pageViewContext.
+     */
+    scope: string;
+    targets: DiffTarget[];
+    componentTargets: ComponentDiffTarget[];
+    testId?: string;
+    ruler?: DiffHighlightRuler;
+};
+/**
+ * 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;

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

@@ -0,0 +1,290 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+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";
+function measuredDiffHighlightsEqual(previous, next) {
+    if (previous.length !== next.length)
+        return false;
+    for (let i = 0; i < previous.length; i++) {
+        const previousItem = previous[i];
+        const nextItem = next[i];
+        if (previousItem.key !== nextItem.key ||
+            previousItem.className !== nextItem.className ||
+            previousItem.kind !== nextItem.kind ||
+            previousItem.tier !== nextItem.tier ||
+            !rectListEquals(previousItem.rects, nextItem.rects)) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * 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 function DiffHighlightOverlay({ pageViewContext, variant = "default", scope, targets, componentTargets, testId = "version-diff-highlight", ruler, }) {
+    const bridgeSource = getDiffBridgeSource(scope);
+    const rangesByTargetKey = useMemo(() => new Map(targets.map((target) => [
+        fieldKey(target.descriptor),
+        target.hasDeletionOnlyChange
+            ? []
+            : target.ranges.filter((range) => range.start < range.end),
+    ])), [targets]);
+    const lastBridgeTextRangeSignatureRef = useRef("");
+    useEffect(() => {
+        if (!pageViewContext.bridgeReady) {
+            lastBridgeTextRangeSignatureRef.current = "";
+            return;
+        }
+        const textRanges = targets.flatMap((target) => {
+            if (target.hasDeletionOnlyChange)
+                return [];
+            const targetKey = fieldKey(target.descriptor);
+            const ranges = rangesByTargetKey.get(targetKey) || [];
+            return ranges.flatMap((range, index) => {
+                const entries = [
+                    {
+                        key: getDiffTextRangeKey(scope, targetKey, index),
+                        fieldId: target.descriptor.fieldId,
+                        item: target.descriptor.item,
+                        start: range.start,
+                        end: range.end,
+                    },
+                ];
+                // Char-tier detail is invisible at minimap scale; a uniform range's
+                // inner span would just re-measure the outer rect.
+                if (variant !== "minimap" && !isUniformRange(range)) {
+                    range.innerRanges.forEach(([start, end], innerIndex) => {
+                        entries.push({
+                            key: getDiffInnerRangeKey(scope, targetKey, index, innerIndex),
+                            fieldId: target.descriptor.fieldId,
+                            item: target.descriptor.item,
+                            start,
+                            end,
+                        });
+                    });
+                }
+                return entries;
+            });
+        });
+        // Empty maps to "" so an initial empty set is a no-op, while going from
+        // ranges back to empty still emits a clearing update.
+        const signature = textRanges.length > 0 ? JSON.stringify(textRanges) : "";
+        if (signature === lastBridgeTextRangeSignatureRef.current)
+            return;
+        let cancelled = false;
+        let retryTimer;
+        let retryCount = 0;
+        const publishTextRanges = () => {
+            if (cancelled)
+                return;
+            // Contribute to the shared geometry union so our ranges merge with
+            // comments/suggestions/locks instead of clobbering them, and so highlights
+            // clear when the diff goes away. Child effects can run before the frame has
+            // installed its bridge request function, and a reconnect can briefly reject
+            // commands. Only remember a signature after the bridge accepted it; otherwise
+            // an unchanged diff would never be published for that iframe.
+            const accepted = pageViewContext.requestBridgeGeometry?.({
+                source: bridgeSource,
+                textRanges,
+            });
+            if (accepted) {
+                lastBridgeTextRangeSignatureRef.current = signature;
+                return;
+            }
+            const delay = Math.min(50 * 2 ** retryCount, 500);
+            retryCount += 1;
+            retryTimer = window.setTimeout(publishTextRanges, delay);
+        };
+        publishTextRanges();
+        return () => {
+            cancelled = true;
+            if (retryTimer !== undefined)
+                window.clearTimeout(retryTimer);
+        };
+    }, [
+        pageViewContext,
+        pageViewContext.bridgeReady,
+        rangesByTargetKey,
+        targets,
+        variant,
+        scope,
+        bridgeSource,
+    ]);
+    useEffect(() => {
+        return () => {
+            // Drop this instance's entry from the geometry union on unmount so a
+            // departing overlay doesn't leave stale ranges behind.
+            pageViewContext.requestBridgeGeometry?.({
+                source: bridgeSource,
+                textRanges: [],
+            });
+        };
+    }, [pageViewContext, bridgeSource]);
+    const highlights = useOverlayMeasurement((metrics) => {
+        const bridgeGeometry = pageViewContext.bridgeGeometry;
+        const bridgeStructure = pageViewContext.bridgeStructure;
+        if (!bridgeGeometry)
+            return [];
+        const isMini = variant === "minimap";
+        const measured = [];
+        for (const target of componentTargets) {
+            const overlayRect = measureBridgeComponentDiffRect(bridgeGeometry, target, metrics);
+            if (!overlayRect)
+                continue;
+            measured.push({
+                key: `component-${target.id}`,
+                className: target.kind === "removed"
+                    ? isMini
+                        ? versionDiffHighlightClasses.componentRemovedMini
+                        : versionDiffHighlightClasses.componentRemoved
+                    : isMini
+                        ? versionDiffHighlightClasses.componentMini
+                        : versionDiffHighlightClasses.component,
+                kind: target.kind,
+                rects: [overlayRect],
+            });
+        }
+        for (const target of targets) {
+            const targetKey = fieldKey(target.descriptor);
+            const strongClass = target.rangeKind === "removed"
+                ? isMini
+                    ? versionDiffHighlightClasses.removedTextMini
+                    : versionDiffHighlightClasses.removedText
+                : isMini
+                    ? versionDiffHighlightClasses.textMini
+                    : versionDiffHighlightClasses.text;
+            const softClass = target.rangeKind === "removed"
+                ? versionDiffHighlightClasses.removedTextSoft
+                : versionDiffHighlightClasses.textSoft;
+            if (target.hasDeletionOnlyChange) {
+                const rect = measureBridgeFieldRect(bridgeGeometry, bridgeStructure, target.descriptor, metrics);
+                if (!rect)
+                    continue;
+                measured.push({
+                    key: targetKey,
+                    className: isMini
+                        ? versionDiffHighlightClasses.deletionOnlyMini
+                        : versionDiffHighlightClasses.deletionOnly,
+                    kind: target.rangeKind,
+                    rects: [rect],
+                });
+                continue;
+            }
+            const wordRects = [];
+            const softRects = [];
+            const charRects = [];
+            const ranges = rangesByTargetKey.get(targetKey) || [];
+            ranges.forEach((range, index) => {
+                const rangeRects = measureBridgeTextRangeRects(bridgeGeometry, getDiffTextRangeKey(scope, targetKey, index), metrics);
+                if (rangeRects.length === 0) {
+                    const fallbackRect = measureBridgeFieldRect(bridgeGeometry, bridgeStructure, target.descriptor, metrics);
+                    if (fallbackRect)
+                        wordRects.push(fallbackRect);
+                    return;
+                }
+                if (isMini || isUniformRange(range)) {
+                    wordRects.push(...rangeRects);
+                    return;
+                }
+                softRects.push(...rangeRects);
+                range.innerRanges.forEach((_, innerIndex) => {
+                    charRects.push(...measureBridgeTextRangeRects(bridgeGeometry, getDiffInnerRangeKey(scope, targetKey, index, innerIndex), metrics));
+                });
+            });
+            if (softRects.length > 0) {
+                measured.push({
+                    key: `${targetKey}:soft`,
+                    className: softClass,
+                    kind: target.rangeKind,
+                    tier: "word",
+                    rects: softRects,
+                });
+            }
+            if (charRects.length > 0) {
+                measured.push({
+                    key: `${targetKey}:char`,
+                    className: strongClass,
+                    kind: target.rangeKind,
+                    tier: "char",
+                    rects: charRects,
+                });
+            }
+            if (wordRects.length > 0) {
+                measured.push({
+                    key: targetKey,
+                    className: strongClass,
+                    kind: target.rangeKind,
+                    tier: "word",
+                    rects: wordRects,
+                });
+            }
+        }
+        return measured;
+    }, [
+        pageViewContext.bridgeGeometry,
+        pageViewContext.bridgeStructure,
+        targets,
+        componentTargets,
+        rangesByTargetKey,
+        variant,
+        scope,
+    ], {
+        initialValue: [],
+        equals: measuredDiffHighlightsEqual,
+        interests: ["viewport", "layout", "text", "adornment-data"],
+    });
+    const rulerSegments = useMemo(() => (ruler ? buildDiffRulerSegments(highlights) : []), [ruler, highlights]);
+    if (highlights.length === 0 && !ruler)
+        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}`))))] }));
+}
+function isUniformRange(range) {
+    return (range.innerRanges.length === 1 &&
+        range.innerRanges[0][0] === range.start &&
+        range.innerRanges[0][1] === range.end);
+}
+function measureBridgeComponentDiffRect(geometry, target, metrics) {
+    if (!geometry)
+        return null;
+    const candidateIds = [
+        target.visualId,
+        target.id,
+        target.dataItemId,
+        target.dataLayoutId,
+        target.dataTypeId,
+        target.providerRenderingItemId,
+    ]
+        .filter((id) => !!id)
+        .map(normalizeMarkerId);
+    const geometryTarget = geometry.targets.find((candidate) => {
+        if (candidate.kind !== "component")
+            return false;
+        const candidateKeys = [
+            candidate.componentId,
+            candidate.key,
+            candidate.elementKey,
+        ]
+            .filter((id) => !!id)
+            .map(normalizeMarkerId);
+        return candidateKeys.some((key) => candidateIds.includes(key));
+    });
+    if (!geometryTarget?.rect)
+        return null;
+    return bridgeRectToOverlayRect(geometry, geometryTarget.rect, metrics);
+}
+//# sourceMappingURL=DiffHighlightOverlay.js.map

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

@@ -0,0 +1 @@
+{"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/diffRulerSegments.d.ts

@@ -0,0 +1,18 @@
+import type { DiffRangeKind } from "../version-diff/versionDiffTargets";
+import type { OverlayRect } from "./overlay/geometry";
+export type DiffRulerSegment = {
+    top: number;
+    height: number;
+    kind: "added" | "removed";
+};
+export declare const DIFF_RULER_MIN_SEGMENT_HEIGHT = 3;
+/**
+ * Collapses highlight rects into the vertical dashes of an overview ruler:
+ * one dash per run of changes, so a paragraph of edits reads as a single
+ * mark instead of a stack of overlapping slivers. Removals keep their own
+ * colour and are merged separately from additions.
+ */
+export declare function buildDiffRulerSegments(highlights: ReadonlyArray<{
+    kind: DiffRangeKind;
+    rects: OverlayRect[];
+}>): DiffRulerSegment[];

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

@@ -0,0 +1,37 @@
+export const DIFF_RULER_MIN_SEGMENT_HEIGHT = 3;
+/**
+ * Collapses highlight rects into the vertical dashes of an overview ruler:
+ * one dash per run of changes, so a paragraph of edits reads as a single
+ * mark instead of a stack of overlapping slivers. Removals keep their own
+ * colour and are merged separately from additions.
+ */
+export function buildDiffRulerSegments(highlights) {
+    const byKind = {
+        added: [],
+        removed: [],
+    };
+    for (const highlight of highlights) {
+        const kind = highlight.kind === "removed" ? "removed" : "added";
+        for (const rect of highlight.rects) {
+            const top = Math.round(rect.y);
+            const height = Math.max(Math.round(rect.height), DIFF_RULER_MIN_SEGMENT_HEIGHT);
+            byKind[kind].push({ top, height, kind });
+        }
+    }
+    const merged = [];
+    for (const kind of ["added", "removed"]) {
+        const sorted = byKind[kind].sort((a, b) => a.top - b.top);
+        for (const segment of sorted) {
+            const last = merged[merged.length - 1];
+            if (last &&
+                last.kind === kind &&
+                segment.top <= last.top + last.height + 1) {
+                last.height = Math.max(last.height, segment.top + segment.height - last.top);
+                continue;
+            }
+            merged.push({ ...segment });
+        }
+    }
+    return merged;
+}
+//# sourceMappingURL=diffRulerSegments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"diffRulerSegments.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/diffRulerSegments.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAE/C;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CACpC,UAAwE;IAExE,MAAM,MAAM,GAAyD;QACnE,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;KACZ,CAAC;IACF,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;QAChE,KAAK,MAAM,IAAI,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EACvB,6BAA6B,CAC9B,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,KAAK,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,SAAS,CAAU,EAAE,CAAC;QACjD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1D,KAAK,MAAM,OAAO,IAAI,MAAM,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACvC,IACE,IAAI;gBACJ,IAAI,CAAC,IAAI,KAAK,IAAI;gBAClB,OAAO,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EACzC,CAAC;gBACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CACpB,IAAI,CAAC,MAAM,EACX,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CACxC,CAAC;gBACF,SAAS;YACX,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare const PREVIEW_MODE_NOTICE_MODE_CHANGE_REASON = "editor-form-notice";
+/**
+ * Sits at the top of the editor form while the editor previews. Every field
+ * below it is disabled, and nothing else in the form says why; this names the
+ * cause and offers the way back to editing without a trip to the toolbar.
+ */
+export declare function PreviewModeNotice(): import("react").JSX.Element | null;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EyeIcon } from "lucide-react";
+import { Button } from "../../components/ui/button";
+import { useEditContext } from "../client/editContext";
+export const PREVIEW_MODE_NOTICE_MODE_CHANGE_REASON = "editor-form-notice";
+/**
+ * Sits at the top of the editor form while the editor previews. Every field
+ * below it is disabled, and nothing else in the form says why; this names the
+ * cause and offers the way back to editing without a trip to the toolbar.
+ */
+export function PreviewModeNotice() {
+    const editContext = useEditContext();
+    if (!editContext || editContext.mode !== "preview")
+        return null;
+    return (_jsxs("div", { role: "status", "data-testid": "preview-mode-notice", className: "bg-feedback-blue-light border-border-default text-neutral-grey-100 flex shrink-0 items-start gap-2 border-b px-3 py-2 text-xs", children: [_jsx(EyeIcon, { className: "text-feedback-blue h-4 w-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }), _jsxs("div", { className: "flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [_jsx("span", { className: "whitespace-nowrap", children: "Preview mode is read-only." }), _jsx(Button, { variant: "link", size: "xs", className: "h-auto p-0 text-xs", "data-testid": "preview-mode-notice-switch", onClick: () => void editContext.changeMode("edit", {
+                            reason: PREVIEW_MODE_NOTICE_MODE_CHANGE_REASON,
+                        }), children: "Switch to edit mode" })] })] }));
+}
+//# sourceMappingURL=PreviewModeNotice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewModeNotice.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/PreviewModeNotice.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,CAAC,MAAM,sCAAsC,GAAG,oBAAoB,CAAC;AAE3E;;;;GAIG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAEhE,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,iBACD,qBAAqB,EACjC,SAAS,EAAC,+HAA+H,aAEzI,KAAC,OAAO,IACN,SAAS,EAAC,qCAAqC,EAC/C,WAAW,EAAE,GAAG,iBACJ,MAAM,GAClB,EACF,eAAK,SAAS,EAAC,yDAAyD,aACtE,eAAM,SAAS,EAAC,mBAAmB,2CAAkC,EACrE,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,oBAAoB,iBAClB,4BAA4B,EACxC,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,WAAW,CAAC,UAAU,CAAC,MAAM,EAAE;4BAClC,MAAM,EAAE,sCAAsC;yBAC/C,CAAC,oCAIG,IACL,IACF,CACP,CAAC;AACJ,CAAC"}