@parhelia/core 0.1.12802 → 0.1.12836

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

@@ -1,15 +1,230 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useEditContext } from "../client/editContext";
-import { CommentHighlighting } from "./CommentHighlighting";
-export function CommentHighlightings({ scale, iframe, }) {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useEditContext, useFieldsEditContext } from "../client/editContext";
+import { findFieldElement } from "../utils";
+import { cn } from "../../lib/utils";
+import { CommentIcon } from "../ui/Icons";
+import { CommentDisplayPopover } from "../reviews/CommentDisplayPopover";
+import { measureElementRect, measureTextRangeRects, rectListEquals, } from "./overlay/geometry";
+import { getAccessibleIframeDocument } from "./overlay/iframeAccess";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+function commentMeasurementsEqual(previous, next) {
+    const previousKeys = Object.keys(previous);
+    const nextKeys = Object.keys(next);
+    if (previousKeys.length !== nextKeys.length)
+        return false;
+    for (const key of previousKeys) {
+        const previousValue = previous[key];
+        const nextValue = next[key];
+        if (!previousValue || !nextValue)
+            return false;
+        if (previousValue.isTextRange !== nextValue.isTextRange)
+            return false;
+        if (!rectListEquals(previousValue.rects, nextValue.rects))
+            return false;
+    }
+    return true;
+}
+export function CommentHighlightings({ iframe, }) {
     const editContext = useEditContext();
-    const [comments, setComments] = useState([]);
-    useEffect(() => {
-        setComments(editContext?.comments || []);
-    }, [editContext?.comments, editContext?.suggestedEdits]);
-    return (_jsx(_Fragment, { children: comments
-            .filter((x) => editContext?.showResolvedComments ? true : !x.isResolved)
-            .map((comment) => (_jsx(CommentHighlighting, { iframe: iframe, scale: scale, comment: comment }, comment.id))) }));
+    const modifiedFields = useFieldsEditContext();
+    const visibleComments = useMemo(() => (editContext?.comments || []).filter((comment) => !comment.suggestedEditId &&
+        (editContext?.showResolvedComments ? true : !comment.isResolved)), [editContext?.comments, editContext?.showResolvedComments]);
+    const measurements = useOverlayMeasurement((metrics) => {
+        const iframeDocument = getAccessibleIframeDocument(iframe);
+        if (!editContext || !iframeDocument?.body)
+            return {};
+        const nextMeasurements = {};
+        for (const comment of visibleComments) {
+            const fieldElement = comment.fieldId
+                ? findFieldElement(iframe, {
+                    item: {
+                        id: comment.itemId,
+                        language: comment.language,
+                        version: comment.version,
+                    },
+                    fieldId: comment.fieldId,
+                })
+                : undefined;
+            const range = fieldElement
+                ? resolveCommentRange(comment, fieldElement, iframeDocument)
+                : null;
+            let rects = [];
+            let isTextRange = false;
+            if (fieldElement && range) {
+                rects = measureTextRangeRects(iframeDocument, fieldElement, range[0], range[1], metrics);
+                isTextRange = rects.length > 0;
+            }
+            if (rects.length === 0) {
+                let fallbackElement = fieldElement;
+                if (!fallbackElement && comment.itemId && editContext.page) {
+                    const componentStart = iframeDocument.body.querySelector(`[data-component-start='${comment.itemId}']`);
+                    fallbackElement = componentStart?.nextElementSibling;
+                    while (fallbackElement && fallbackElement.tagName === "SCRIPT") {
+                        fallbackElement = fallbackElement.nextElementSibling;
+                    }
+                }
+                const fallbackRect = measureElementRect(fallbackElement, metrics);
+                if (fallbackRect)
+                    rects = [fallbackRect];
+            }
+            if (rects.length > 0) {
+                nextMeasurements[comment.id] = { rects, isTextRange };
+            }
+        }
+        return nextMeasurements;
+    }, [iframe, editContext, visibleComments], {
+        initialValue: {},
+        equals: commentMeasurementsEqual,
+        interests: ["viewport", "layout", "text", "adornment-data"],
+    });
+    if (!editContext)
+        return null;
+    return (_jsx(_Fragment, { children: visibleComments.flatMap((comment) => {
+            const measurement = measurements[comment.id];
+            if (!measurement?.rects.length)
+                return [];
+            const isSelected = comment.id === editContext.selectedComment?.id;
+            return measurement.rects.map((rect, index) => (_jsxs("div", { style: {
+                    position: "absolute",
+                    top: rect.y,
+                    left: rect.x,
+                    width: rect.width,
+                    height: rect.height,
+                    pointerEvents: "none",
+                }, children: [index === 0 && (_jsx(CommentDisplayPopover, { comment: comment, onCommentUpdated: () => {
+                            editContext?.loadComments?.();
+                        }, children: _jsx("div", { className: "pointer-events-auto absolute top-0 right-0 h-5 w-5 cursor-pointer", "data-testid": "comment-highlight-icon", onClick: () => {
+                                editContext?.setSelectedComment(comment);
+                                editContext?.setScrollIntoView(comment.itemId);
+                                editContext?.select([comment.itemId]);
+                                if (comment.fieldId) {
+                                    modifiedFields?.setFocusedField({
+                                        fieldId: comment.fieldId,
+                                        item: {
+                                            id: comment.itemId,
+                                            language: comment.language,
+                                            version: comment.version,
+                                        },
+                                    }, false);
+                                }
+                            }, children: _jsx(CommentIcon, { className: cn(comment.isResolved
+                                    ? "text-feedback-green hover:text-feedback-green"
+                                    : isSelected
+                                        ? "text-feedback-red hover:text-feedback-red"
+                                        : "text-feedback-blue hover:text-feedback-blue") }) }) })), measurement.isTextRange && (_jsx("div", { className: "opacity-45", style: {
+                            width: "100%",
+                            height: "100%",
+                            backgroundColor: isSelected
+                                ? "var(--color-feedback-red)"
+                                : comment.isResolved
+                                    ? "color-mix(in srgb, var(--color-feedback-green) 45%, transparent)"
+                                    : "color-mix(in srgb, var(--color-feedback-blue) 45%, transparent)",
+                        } }))] }, `${comment.id}-${index}`)));
+        }) }));
+}
+function resolveCommentRange(comment, fieldElement, iframeDocument) {
+    if (comment.rangeStart === undefined || comment.rangeEnd === undefined) {
+        return null;
+    }
+    const originalRange = [
+        Math.max(0, comment.rangeStart),
+        Math.max(comment.rangeStart, comment.rangeEnd),
+    ];
+    const storedText = getStoredFieldText(comment, fieldElement, iframeDocument);
+    const currentText = fieldElement.textContent || "";
+    if (!storedText || storedText === currentText) {
+        return originalRange;
+    }
+    const mapping = computeMapping(currentText, storedText);
+    const mappedStart = mapping[originalRange[0]];
+    const mappedEnd = mapping[originalRange[1]];
+    if (mappedStart === undefined || mappedEnd === undefined) {
+        return originalRange;
+    }
+    return [mappedStart, Math.max(mappedStart, mappedEnd)];
+}
+function getStoredFieldText(comment, fieldElement, iframeDocument) {
+    if (!comment.fieldValue)
+        return "";
+    const isRichText = fieldElement.getAttribute("data-is-richtext") === "true";
+    if (!isRichText)
+        return comment.fieldValue;
+    const template = iframeDocument.createElement("template");
+    template.innerHTML = comment.fieldValue;
+    return template.content.textContent || "";
+}
+function computeMapping(s1, s2) {
+    const n = s1.length;
+    const m = s2.length;
+    const dp = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
+    const back = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(""));
+    for (let i = 0; i <= n; i++) {
+        dp[i][0] = i;
+        if (i > 0)
+            back[i][0] = "D";
+    }
+    for (let j = 0; j <= m; j++) {
+        dp[0][j] = j;
+        if (j > 0)
+            back[0][j] = "I";
+    }
+    for (let i = 1; i <= n; i++) {
+        for (let j = 1; j <= m; j++) {
+            const cost = s1[i - 1] === s2[j - 1] ? 0 : 1;
+            const deletion = dp[i - 1][j] + 1;
+            const insertion = dp[i][j - 1] + 1;
+            const substitution = dp[i - 1][j - 1] + cost;
+            let bestVal = deletion;
+            let op = "D";
+            if (insertion < bestVal) {
+                bestVal = insertion;
+                op = "I";
+            }
+            if (substitution < bestVal) {
+                bestVal = substitution;
+                op = cost === 0 ? "M" : "S";
+            }
+            dp[i][j] = bestVal;
+            back[i][j] = op;
+        }
+    }
+    const ops = [];
+    let i = n;
+    let j = m;
+    while (i > 0 || j > 0) {
+        const op = back[i][j];
+        ops.push(op);
+        if (op === "M" || op === "S") {
+            i--;
+            j--;
+        }
+        else if (op === "D") {
+            i--;
+        }
+        else if (op === "I") {
+            j--;
+        }
+    }
+    ops.reverse();
+    const mapping = new Array(m + 1);
+    let iPos = 0;
+    let jPos = 0;
+    mapping[jPos] = iPos;
+    for (const op of ops) {
+        if (op === "M" || op === "S") {
+            iPos++;
+            jPos++;
+            mapping[jPos] = iPos;
+        }
+        else if (op === "I") {
+            jPos++;
+            mapping[jPos] = iPos;
+        }
+        else if (op === "D") {
+            iPos++;
+        }
+    }
+    return mapping;
 }
 //# sourceMappingURL=CommentHighlightings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/CommentHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,MAAM,GAIP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,4BACG,QAAQ;aACN,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACZ,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CACzD;aACA,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChB,KAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAEZ,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,EAAE,CAEf,CACH,CAAC,GACH,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CommentHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/CommentHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EAErB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AASxE,SAAS,wBAAwB,CAC/B,QAA6B,EAC7B,IAAyB;IAEzB,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,YAAY,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAE1D,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC;QAC/B,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,aAAa,IAAI,CAAC,SAAS;YAAE,OAAO,KAAK,CAAC;QAC/C,IAAI,aAAa,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QACtE,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;IAC1E,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,MAAM,GAGP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,oBAAoB,EAAE,CAAC;IAE9C,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,CAAC,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAClC,CAAC,OAAO,EAAE,EAAE,CACV,CAAC,OAAO,CAAC,eAAe;QACxB,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CACnE,EACH,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,oBAAoB,CAAC,CAC3D,CAAC;IAEF,MAAM,YAAY,GAAG,qBAAqB,CACxC,CAAC,OAAO,EAAE,EAAE;QACV,MAAM,cAAc,GAAG,2BAA2B,CAAC,MAAM,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE,IAAI;YAAE,OAAO,EAAE,CAAC;QAErD,MAAM,gBAAgB,GAAwB,EAAE,CAAC;QAEjD,KAAK,MAAM,OAAO,IAAI,eAAe,EAAE,CAAC;YACtC,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO;gBAClC,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAAE;oBACvB,IAAI,EAAE;wBACJ,EAAE,EAAE,OAAO,CAAC,MAAM;wBAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;wBAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;qBACzB;oBACD,OAAO,EAAE,OAAO,CAAC,OAAO;iBACzB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAC;YAEd,MAAM,KAAK,GAAG,YAAY;gBACxB,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC;gBAC5D,CAAC,CAAC,IAAI,CAAC;YACT,IAAI,KAAK,GAAkB,EAAE,CAAC;YAC9B,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,YAAY,IAAI,KAAK,EAAE,CAAC;gBAC1B,KAAK,GAAG,qBAAqB,CAC3B,cAAc,EACd,YAAY,EACZ,KAAK,CAAC,CAAC,CAAC,EACR,KAAK,CAAC,CAAC,CAAC,EACR,OAAO,CACR,CAAC;gBACF,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YACjC,CAAC;YAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,IAAI,eAAe,GAAG,YAAY,CAAC;gBACnC,IAAI,CAAC,eAAe,IAAI,OAAO,CAAC,MAAM,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC;oBAC3D,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,CACtD,0BAA0B,OAAO,CAAC,MAAM,IAAI,CAC7C,CAAC;oBACF,eAAe,GAAG,cAAc,EAAE,kBAAkB,CAAC;oBACrD,OAAO,eAAe,IAAI,eAAe,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;wBAC/D,eAAe,GAAG,eAAe,CAAC,kBAAkB,CAAC;oBACvD,CAAC;gBACH,CAAC;gBAED,MAAM,YAAY,GAAG,kBAAkB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;gBAClE,IAAI,YAAY;oBAAE,KAAK,GAAG,CAAC,YAAY,CAAC,CAAC;YAC3C,CAAC;YAED,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;YACxD,CAAC;QACH,CAAC;QAED,OAAO,gBAAgB,CAAC;IAC1B,CAAC,EACD,CAAC,MAAM,EAAE,WAAW,EAAE,eAAe,CAAC,EACtC;QACE,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,wBAAwB;QAChC,SAAS,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAAgB,CAAC;KAC5D,CACF,CAAC;IAEF,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,4BACG,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACnC,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC7C,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM;gBAAE,OAAO,EAAE,CAAC;YAC1C,MAAM,UAAU,GAAG,OAAO,CAAC,EAAE,KAAK,WAAW,CAAC,eAAe,EAAE,EAAE,CAAC;YAElE,OAAO,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,eAEE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,IAAI,CAAC,CAAC;oBACX,IAAI,EAAE,IAAI,CAAC,CAAC;oBACZ,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,aAAa,EAAE,MAAM;iBACtB,aAEA,KAAK,KAAK,CAAC,IAAI,CACd,KAAC,qBAAqB,IACpB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,GAAG,EAAE;4BACrB,WAAW,EAAE,YAAY,EAAE,EAAE,CAAC;wBAChC,CAAC,YAED,cACE,SAAS,EAAC,mEAAmE,iBACjE,wBAAwB,EACpC,OAAO,EAAE,GAAG,EAAE;gCACZ,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;gCACzC,WAAW,EAAE,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gCAC/C,WAAW,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;gCACtC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;oCACpB,cAAc,EAAE,eAAe,CAC7B;wCACE,OAAO,EAAE,OAAO,CAAC,OAAO;wCACxB,IAAI,EAAE;4CACJ,EAAE,EAAE,OAAO,CAAC,MAAM;4CAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;4CAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;yCACzB;qCACF,EACD,KAAK,CACN,CAAC;gCACJ,CAAC;4BACH,CAAC,YAED,KAAC,WAAW,IACV,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,UAAU;oCAChB,CAAC,CAAC,+CAA+C;oCACjD,CAAC,CAAC,UAAU;wCACV,CAAC,CAAC,2CAA2C;wCAC7C,CAAC,CAAC,6CAA6C,CACpD,GACD,GACE,GACgB,CACzB,EACA,WAAW,CAAC,WAAW,IAAI,CAC1B,cACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,eAAe,EAAE,UAAU;gCACzB,CAAC,CAAC,2BAA2B;gCAC7B,CAAC,CAAC,OAAO,CAAC,UAAU;oCAClB,CAAC,CAAC,kEAAkE;oCACpE,CAAC,CAAC,iEAAiE;yBACxE,GACD,CACH,KAhEI,GAAG,OAAO,CAAC,EAAE,IAAI,KAAK,EAAE,CAiEzB,CACP,CAAC,CAAC;QACL,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAAgB,EAChB,YAAqB,EACrB,cAAwB;IAExB,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACvE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAqB;QACtC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC;QAC/B,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC;KAC/C,CAAC;IACF,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,YAAY,CAAC,WAAW,IAAI,EAAE,CAAC;IAEnD,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,WAAW,EAAE,CAAC;QAC9C,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5C,IAAI,WAAW,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACzD,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,kBAAkB,CACzB,OAAgB,EAChB,YAAqB,EACrB,cAAwB;IAExB,IAAI,CAAC,OAAO,CAAC,UAAU;QAAE,OAAO,EAAE,CAAC;IAEnC,MAAM,UAAU,GAAG,YAAY,CAAC,YAAY,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC5E,IAAI,CAAC,UAAU;QAAE,OAAO,OAAO,CAAC,UAAU,CAAC;IAE3C,MAAM,QAAQ,GAAG,cAAc,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC1D,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC;IACxC,OAAO,QAAQ,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;AAC5C,CAAC;AAED,SAAS,cAAc,CAAC,EAAU,EAAE,EAAU;IAC5C,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;IACpB,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;IACpB,MAAM,EAAE,GAAe,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,CACxD,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,CAAC;IACF,MAAM,IAAI,GAAe,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,CAC1D,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1B,CAAC;IAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/B,CAAC;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/B,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5B,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7C,MAAM,QAAQ,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC;YACpC,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,CAAC,CAAE,GAAG,CAAC,CAAC;YACrC,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC,CAAC,GAAG,CAAC,CAAE,GAAG,IAAI,CAAC;YAE/C,IAAI,OAAO,GAAG,QAAQ,CAAC;YACvB,IAAI,EAAE,GAAG,GAAG,CAAC;YACb,IAAI,SAAS,GAAG,OAAO,EAAE,CAAC;gBACxB,OAAO,GAAG,SAAS,CAAC;gBACpB,EAAE,GAAG,GAAG,CAAC;YACX,CAAC;YACD,IAAI,YAAY,GAAG,OAAO,EAAE,CAAC;gBAC3B,OAAO,GAAG,YAAY,CAAC;gBACvB,EAAE,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAC9B,CAAC;YAED,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;YACpB,IAAI,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAED,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC;QACxB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACb,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YAC7B,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;QACN,CAAC;aAAM,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YACtB,CAAC,EAAE,CAAC;QACN,CAAC;aAAM,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YACtB,CAAC,EAAE,CAAC;QACN,CAAC;IACH,CAAC;IACD,GAAG,CAAC,OAAO,EAAE,CAAC;IAEd,MAAM,OAAO,GAAa,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAErB,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;QACrB,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YAC7B,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,CAAC;YACP,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACvB,CAAC;aAAM,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YACtB,IAAI,EAAE,CAAC;YACP,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACvB,CAAC;aAAM,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YACtB,IAAI,EAAE,CAAC;QACT,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

@@ -1,14 +1,16 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
-import { useEffect, useMemo, useRef, useState } from "react";
 import { useEditContext } from "../client/editContext";
 import { AlertCircle } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+import { measureElementRect, rectEquals, } from "./overlay/geometry";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
 export function FieldActionIndicator({ action, pageViewContext, }) {
     const editContext = useEditContext();
     if (!editContext)
         return null;
-    const effectivePageViewContext = pageViewContext ?? editContext.getActiveSlotContext()?.primaryPageViewContext;
+    const effectivePageViewContext = pageViewContext ??
+        editContext.getActiveSlotContext()?.primaryPageViewContext;
     if (!effectivePageViewContext)
         return null;
     const field = action.field;
@@ -19,70 +21,22 @@ export function FieldActionIndicator({ action, pageViewContext, }) {
 }
 function SingleIndicator({ element, action, }) {
     const editContext = useEditContext();
-    // Track bounds so the indicator follows the field while the iframe scrolls.
-    const [indicatorRect, setIndicatorRect] = useState(null);
-    const rafRef = useRef(null);
-    const ownerDoc = element.ownerDocument;
-    const ownerWin = ownerDoc.defaultView ?? null;
-    const scrollContainer = useMemo(() => {
-        return ownerDoc.scrollingElement ?? ownerDoc.documentElement ?? ownerDoc.body;
-    }, [ownerDoc]);
-    useEffect(() => {
-        const update = () => {
-            try {
-                setIndicatorRect(element.getBoundingClientRect());
-            }
-            catch {
-                setIndicatorRect(null);
-            }
-        };
-        const scheduleUpdate = () => {
-            if (rafRef.current != null)
-                window.cancelAnimationFrame(rafRef.current);
-            rafRef.current = window.requestAnimationFrame(() => {
-                rafRef.current = null;
-                update();
-            });
-        };
-        update();
-        scrollContainer?.addEventListener("scroll", scheduleUpdate, {
-            passive: true,
-        });
-        ownerWin?.addEventListener("scroll", scheduleUpdate, { passive: true });
-        ownerWin?.addEventListener("resize", scheduleUpdate);
-        let ro = null;
-        try {
-            ro = new ResizeObserver(scheduleUpdate);
-            ro.observe(element);
-        }
-        catch {
-            ro = null;
-        }
-        return () => {
-            if (rafRef.current != null) {
-                window.cancelAnimationFrame(rafRef.current);
-                rafRef.current = null;
-            }
-            scrollContainer?.removeEventListener("scroll", scheduleUpdate);
-            ownerWin?.removeEventListener("scroll", scheduleUpdate);
-            ownerWin?.removeEventListener("resize", scheduleUpdate);
-            try {
-                ro?.disconnect();
-            }
-            catch { }
-        };
-    }, [element, ownerWin, scrollContainer]);
+    const indicatorRect = useOverlayMeasurement((metrics) => measureElementRect(element, metrics), [element, action.state, action.message], {
+        initialValue: null,
+        equals: rectEquals,
+        interests: ["viewport", "layout", "text", "adornment-data"],
+    });
     if (!indicatorRect)
         return null;
     const isRunning = action.state === "running";
     const isError = action.state === "error";
-    return (_jsxs("div", { className: `${isRunning ? "focus-shadow executing-action bg-theme-secondary/20" : ""} pointer-events-none absolute`, style: {
+    return (_jsxs("div", { className: `${isRunning ? "focus-shadow executing-action bg-highlight-100/20" : ""} pointer-events-none absolute`, style: {
             left: indicatorRect.x,
             top: indicatorRect.y,
             width: indicatorRect.width,
             height: indicatorRect.height,
             zIndex: 800,
-        }, children: [isRunning && (_jsx("div", { className: "text-theme-secondary rounded-mdp-3 bg-theme-secondary-light border-theme-secondary text-3xs pointer-events-none absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-1.5 rounded border p-1 font-bold", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), action.message && _jsx("div", { className: "text-3xs", children: action.message })] }) })), isError && (_jsx("div", { className: "pointer-events-auto absolute top-1 right-1", children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-red-50 text-red-600 shadow-sm ring-1 ring-red-200 hover:bg-red-100", "aria-label": "Show error", children: _jsx(AlertCircle, { strokeWidth: 1, className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { align: "end", side: "top", className: "w-80 p-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { strokeWidth: 1, className: "mt-0.5 h-4 w-4 text-red-600" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium text-red-700", children: action.label || "Error" }), action.message && (_jsx("div", { className: "mt-1 text-xs break-words whitespace-pre-wrap text-gray-700", children: action.message }))] })] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { className: "rounded border border-gray-300 px-2 py-1 text-xs hover:bg-gray-50", onClick: (e) => {
+        }, children: [isRunning && (_jsx("div", { className: "text-highlight-100 rounded-mdp-3 bg-highlight-10 border-highlight-100 text-3xs pointer-events-none absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-1.5 rounded border p-1 font-bold", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), action.message && _jsx("div", { className: "text-3xs", children: action.message })] }) })), isError && (_jsx("div", { className: "pointer-events-auto absolute top-1 right-1", children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "bg-feedback-red-light text-feedback-red ring-feedback-red hover:bg-feedback-red-light flex h-5 w-5 items-center justify-center rounded-full shadow-sm ring-1", "aria-label": "Show error", children: _jsx(AlertCircle, { strokeWidth: 1, className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { align: "end", side: "top", className: "w-80 p-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { strokeWidth: 1, className: "text-feedback-red mt-0.5 h-4 w-4" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-feedback-red text-sm font-medium", children: action.label || "Error" }), action.message && (_jsx("div", { className: "text-neutral-grey-100 mt-1 text-xs break-words whitespace-pre-wrap", children: action.message }))] })] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { className: "border-border-default badge-pad hover:bg-neutral-grey-5 rounded border text-xs", onClick: (e) => {
                                             e.stopPropagation();
                                             if (editContext)
                                                 editContext.dismissFieldAction(action.field);

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

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

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

@@ -1,8 +1,6 @@
 import { EditedField } from "../client/editContext";
 import { PageViewContext } from "../page-viewer/pageViewContext";
-export declare function FieldEditedIndicator({ field, scale, pageViewContext, scroll, }: {
+export declare function FieldEditedIndicator({ field, pageViewContext, }: {
     field: EditedField;
-    scale?: number;
     pageViewContext: PageViewContext;
-    scroll?: number;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -2,8 +2,9 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEditContext, useFieldsEditContext, } from "../client/editContext";
 import { useFieldModification } from "../client/fieldModificationStore";
 import { useSlotContext } from "../views/editorSlotContext";
-import { useCallback, useEffect, useLayoutEffect, useState } from "react";
-export function FieldEditedIndicator({ field, scale, pageViewContext, scroll, }) {
+import { measureElementRect, rectEquals, } from "./overlay/geometry";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+export function FieldEditedIndicator({ field, pageViewContext, }) {
     const editContext = useEditContext();
     const fieldsContext = useFieldsEditContext();
     if (!editContext)
@@ -31,87 +32,27 @@ export function FieldEditedIndicator({ field, scale, pageViewContext, scroll, })
             }
             return elVersion === field.item.version;
         })
-            .map((element, index) => (_jsx(SingleFieldEditedIndicator, { element: element, field: field, scale: scale, scroll: scroll }, field.fieldId + field.item.id + index))) }));
+            .map((element, index) => (_jsx(SingleFieldEditedIndicator, { element: element, field: field }, field.fieldId + field.item.id + index))) }));
 }
-function SingleFieldEditedIndicator({ element, field, scale, scroll, }) {
+function SingleFieldEditedIndicator({ element, field, }) {
     const slotContext = useSlotContext();
     const { isSaved } = useFieldModification(field.fieldId, field.item.id, field.item.language, field.item.version, slotContext?.fieldModificationStore);
-    const readRect = useCallback(() => {
-        const r = element.getBoundingClientRect();
-        return { x: r.x, y: r.y, width: r.width, height: r.height };
-    }, [element]);
-    const [rect, setRect] = useState(() => readRect());
-    const updateRect = useCallback(() => {
-        const next = readRect();
-        setRect((prev) => {
-            if (prev.x === next.x &&
-                prev.y === next.y &&
-                prev.width === next.width &&
-                prev.height === next.height) {
-                return prev;
-            }
-            return next;
-        });
-    }, [readRect]);
-    // Keep the indicator in sync with scroll/resize + content changes inside the iframe.
-    useLayoutEffect(() => {
-        updateRect();
-    }, [updateRect, scale]);
-    useEffect(() => {
-        const win = element.ownerDocument?.defaultView;
-        if (!win)
-            return;
-        let raf = 0;
-        const schedule = () => {
-            win.cancelAnimationFrame(raf);
-            raf = win.requestAnimationFrame(updateRect);
-        };
-        // Scroll doesn't bubble; listening on the iframe window keeps the overlay aligned.
-        win.addEventListener("scroll", schedule, { passive: true });
-        win.addEventListener("resize", schedule, { passive: true });
-        let ro;
-        if (typeof win.ResizeObserver !== "undefined") {
-            try {
-                ro = new win.ResizeObserver(schedule);
-                if (element instanceof win.HTMLElement) {
-                    ro?.observe(element);
-                }
-            }
-            catch {
-                // ignore observer failures (older browsers / cross-realm issues)
-            }
-        }
-        // Agent/translation updates can change layout shortly after the DOM update
-        // (fonts, hydration, layout reflow). Do a short re-measure burst.
-        let burstRaf = 0;
-        const start = Date.now();
-        const tick = () => {
-            schedule();
-            if (Date.now() - start < 1000) {
-                burstRaf = win.requestAnimationFrame(tick);
-            }
-        };
-        // Initial sync (post-mount)
-        schedule();
-        tick();
-        return () => {
-            win.cancelAnimationFrame(raf);
-            win.cancelAnimationFrame(burstRaf);
-            win.removeEventListener("scroll", schedule);
-            win.removeEventListener("resize", schedule);
-            ro?.disconnect();
-        };
-    }, [element, updateRect, field.timestamp]);
-    const indicatorRect = rect;
-    // Logic: 
+    const indicatorRect = useOverlayMeasurement((metrics) => measureElementRect(element, metrics), [element, field.timestamp], {
+        initialValue: null,
+        equals: rectEquals,
+        interests: ["viewport", "layout", "text", "adornment-data"],
+    });
+    if (!indicatorRect)
+        return null;
+    // Logic:
     // If isSaved is false (isDirty is true), show saving (Yellow/Purple)
     // If isSaved is true, show saved (Green)
     const stateClass = isSaved ? "saved" : "saving";
     return (_jsx("div", { className: `focus-shadow edited-field ${stateClass} pointer-events-none absolute`, style: {
-            left: indicatorRect.x * (scale || 1),
-            top: (indicatorRect.y + (scroll || 0)) * (scale || 1),
-            width: indicatorRect.width * (scale || 1),
-            height: indicatorRect.height * (scale || 1),
+            left: indicatorRect.x,
+            top: indicatorRect.y,
+            width: indicatorRect.width,
+            height: indicatorRect.height,
             zIndex: 800,
         } }));
 }

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

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

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

@@ -1,6 +1,4 @@
 import { PageViewContext } from "../page-viewer/pageViewContext";
-export declare function FieldEditedIndicators({ scale, pageViewContext, scroll, }: {
-    scale?: number;
+export declare function FieldEditedIndicators({ pageViewContext, }: {
     pageViewContext: PageViewContext;
-    scroll?: number;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEditContext, useFieldsEditContext } from "../client/editContext";
 import { FieldEditedIndicator } from "./FieldEditedIndicator";
-export function FieldEditedIndicators({ scale, pageViewContext, scroll, }) {
+export function FieldEditedIndicators({ pageViewContext, }) {
     const editContext = useEditContext();
     const modifiedFieldsContext = useFieldsEditContext();
     if (!editContext || !modifiedFieldsContext)
@@ -21,6 +21,6 @@ export function FieldEditedIndicators({ scale, pageViewContext, scroll, }) {
             const hasAgentId = !!x.user.agentId || !!x.user.ai;
             return (isRecent || isDirty) && hasAgentId;
         })
-            .map((field) => (_jsx(FieldEditedIndicator, { field: field, scale: scale, pageViewContext: pageViewContext, scroll: scroll }, field.fieldId + field.item.id + field.timestamp))) }));
+            .map((field) => (_jsx(FieldEditedIndicator, { field: field, pageViewContext: pageViewContext }, field.fieldId + field.item.id + field.timestamp))) }));
 }
 //# sourceMappingURL=FieldEditedIndicators.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldEditedIndicators.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FieldEditedIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,UAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,eAAe,EACf,MAAM,GAKP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,qBAAqB,GAAG,oBAAoB,EAAE,CAAC;IAErD,IAAI,CAAC,WAAW,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAExD,MAAM,MAAM,GAAG,qBAAqB,CAAC,WAAW,CAAC;IAEjD,OAAO,CACL,4BACG,MAAM;aACJ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YACZ,WAAW;YACX,uCAAuC;YACvC,4EAA4E;YAE5E,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;YAClD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,CAAC,IAAI,CACxD,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO;gBACvB,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE;gBACvB,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ;gBACnC,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,IAAI,CAAC,OAAO,CACpC,CAAC;YACF,MAAM,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC;YAClC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YAEnD,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,UAAU,CAAC;QAC7C,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EAEZ,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,IAHT,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAIpD,CACH,CAAC,GACH,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldEditedIndicators.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FieldEditedIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,UAAU,qBAAqB,CAAC,EACpC,eAAe,GAGhB;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,qBAAqB,GAAG,oBAAoB,EAAE,CAAC;IAErD,IAAI,CAAC,WAAW,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAExD,MAAM,MAAM,GAAG,qBAAqB,CAAC,WAAW,CAAC;IAEjD,OAAO,CACL,4BACG,MAAM;aACJ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YACZ,WAAW;YACX,uCAAuC;YACvC,4EAA4E;YAE5E,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;YAClD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,CAAC,IAAI,CACxD,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO;gBACvB,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE;gBACvB,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ;gBACnC,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,IAAI,CAAC,OAAO,CACpC,CAAC;YACF,MAAM,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC;YAClC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YAEnD,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,UAAU,CAAC;QAC7C,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EAEZ,eAAe,EAAE,eAAe,IAD3B,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAEpD,CACH,CAAC,GACH,CACJ,CAAC;AACJ,CAAC"}