@parhelia/core 0.1.10745

package/dist/editor/menubar/toolbar-sections/ReviewCommands.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../../client/editContext";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+import { Check, MessageCirclePlus, X } from "lucide-react";
+export function ReviewCommands() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const reviewCommands = editContext.configuration.commands.reviewcommands;
+    const contentEditorItem = editContext.contentEditorItem;
+    if (!contentEditorItem || !reviewCommands?.length)
+        return null;
+    const executeReviewCommand = async (command, event) => {
+        console.log("EXECUTING COMMAND", command);
+        if (command && contentEditorItem) {
+            await editContext.executeCommand({
+                command: command,
+                data: { items: [contentEditorItem] },
+                event: event || null,
+            });
+        }
+    };
+    return (_jsxs(_Fragment, { children: [reviewCommands.map((command) => {
+                const isDisabled = editContext.isCommandDisabled({
+                    command: command,
+                    data: { items: [contentEditorItem] },
+                });
+                // Use appropriate icons for approve/reject commands
+                const getIcon = () => {
+                    if (command.id === "approve-review") {
+                        return _jsx(Check, { className: "h-6 w-6 p-1", strokeWidth: 1 });
+                    }
+                    if (command.id === "reject-review") {
+                        return _jsx(X, { className: "h-6 w-6 p-1", strokeWidth: 1 });
+                    }
+                    return (command.icon || _jsx(Check, { className: "h-6 w-6 p-1", strokeWidth: 1 }));
+                };
+                return (_jsx(SimpleIconButton, { icon: getIcon(), label: command.label, size: "large", disabled: isDisabled, onClick: (event) => executeReviewCommand(command, event) }, command.id));
+            }), _jsx(SimpleIconButton, { icon: _jsx(MessageCirclePlus, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Add Comment", size: "large", onClick: () => editContext.addComment() })] }));
+}
+//# sourceMappingURL=ReviewCommands.js.map

package/dist/editor/menubar/toolbar-sections/ReviewCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewCommands.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/ReviewCommands.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,UAAU,cAAc;IAC5B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,cAAc,GAAG,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC;IACzE,MAAM,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC;IAExD,IAAI,CAAC,iBAAiB,IAAI,CAAC,cAAc,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAE/D,MAAM,oBAAoB,GAAG,KAAK,EAAE,OAAY,EAAE,KAAW,EAAE,EAAE;QAC/D,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;QAC1C,IAAI,OAAO,IAAI,iBAAiB,EAAE,CAAC;YACjC,MAAM,WAAW,CAAC,cAAc,CAAC;gBAC/B,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,iBAAiB,CAAC,EAAE;gBACpC,KAAK,EAAE,KAAK,IAAI,IAAI;aACrB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BACG,cAAc,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;gBACnC,MAAM,UAAU,GAAG,WAAW,CAAC,iBAAiB,CAAC;oBAC/C,OAAO,EAAE,OAAO;oBAChB,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,iBAAiB,CAAC,EAAE;iBACrC,CAAC,CAAC;gBAEH,oDAAoD;gBACpD,MAAM,OAAO,GAAG,GAAG,EAAE;oBACnB,IAAI,OAAO,CAAC,EAAE,KAAK,gBAAgB,EAAE,CAAC;wBACpC,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,CAAC;oBAC3D,CAAC;oBACD,IAAI,OAAO,CAAC,EAAE,KAAK,eAAe,EAAE,CAAC;wBACnC,OAAO,KAAC,CAAC,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,CAAC;oBACvD,CAAC;oBACD,OAAO,CACL,OAAO,CAAC,IAAI,IAAI,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,CAClE,CAAC;gBACJ,CAAC,CAAC;gBAEF,OAAO,CACL,KAAC,gBAAgB,IAEf,IAAI,EAAE,OAAO,EAAE,EACf,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,EAAE,KAAK,CAAC,IALnD,OAAO,CAAC,EAAE,CAMf,CACH,CAAC;YACJ,CAAC,CAAC,EACF,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,iBAAiB,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,EACnE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,EAAE,GACvC,IACD,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/UtilityControls.d.ts

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

package/dist/editor/menubar/toolbar-sections/UtilityControls.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext } from "../../client/editContext";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+import { Layers } from "lucide-react";
+import { SecretAgentIcon } from "../../ui/Icons";
+import { EnterFullScreenIcon } from "@radix-ui/react-icons";
+import { useAgentStatus } from "../../ai/useAgentStatus";
+import { AgentStatusBadge } from "../../ai/AgentStatusBadge";
+export function UtilityControls() {
+    const editContext = useEditContext();
+    const agentStatus = useAgentStatus();
+    if (!editContext)
+        return null;
+    const pageViewContext = editContext.pageView;
+    return (_jsxs(_Fragment, { children: [editContext.page && (_jsx(SimpleIconButton, { icon: _jsx(EnterFullScreenIcon, { className: "h-6 w-6 p-1" }), label: "Fullscreen", size: "large", "data-testid": "fullscreen-button", onClick: () => pageViewContext.setFullscreen(true) })), editContext.page && (_jsx(SimpleIconButton, { icon: _jsx(Layers, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Component Navigator", size: "large", "data-testid": "component-navigator-button", selected: editContext.showComponentNavigator, onClick: () => editContext.setShowComponentNavigator(!editContext.showComponentNavigator) })), _jsx(SimpleIconButton, { icon: _jsxs("div", { className: "relative", children: [_jsx(SecretAgentIcon, { className: "h-6 w-6 p-0.5" }), _jsx(AgentStatusBadge, { status: agentStatus })] }), label: "Agents", size: "large", "data-testid": "agents-panel-button", selected: editContext.showAgentsPanel, onClick: () => editContext.setShowAgentsPanel(!editContext.showAgentsPanel) })] }));
+}
+//# sourceMappingURL=UtilityControls.js.map

package/dist/editor/menubar/toolbar-sections/UtilityControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilityControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/UtilityControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,UAAU,eAAe;IAC7B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC;IAE7C,OAAO,CACL,8BACG,WAAW,CAAC,IAAI,IAAI,CACnB,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,aAAa,GAAG,EACrD,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,OAAO,iBACA,mBAAmB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,GAClD,CACH,EACA,WAAW,CAAC,IAAI,IAAI,CACnB,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,MAAM,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,EACxD,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,OAAO,iBACA,4BAA4B,EACxC,QAAQ,EAAE,WAAW,CAAC,sBAAsB,EAC5C,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,yBAAyB,CACnC,CAAC,WAAW,CAAC,sBAAsB,CACpC,GAEH,CACH,EACD,KAAC,gBAAgB,IACf,IAAI,EACF,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,eAAe,IAAC,SAAS,EAAC,eAAe,GAAG,EAC7C,KAAC,gBAAgB,IAAC,MAAM,EAAE,WAAW,GAAI,IACrC,EAER,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,iBACA,qBAAqB,EACjC,QAAQ,EAAE,WAAW,CAAC,eAAe,EACrC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,GAE9D,IACD,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/ViewportControls.d.ts

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

package/dist/editor/menubar/toolbar-sections/ViewportControls.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CompareIcon } from "../../ui/Icons";
+import { useEditContext } from "../../client/editContext";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+import { Monitor, Smartphone, Table, MessageSquareMore } from "lucide-react";
+import { Separator } from "../Separator";
+export function ViewportControls() {
+    const editContext = useEditContext();
+    if (!editContext || editContext.isMobile)
+        return null;
+    const pageViewContext = editContext.pageView;
+    const device = pageViewContext.device;
+    const setDevice = pageViewContext.setDevice;
+    const commentsCount = editContext.comments?.filter((x) => !x.isResolved).length || 0;
+    return (_jsxs(_Fragment, { children: [_jsx(SimpleIconButton, { icon: _jsx(Monitor, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Desktop", size: "large", "data-testid": "desktop-viewport-button", selected: device === "desktop", onClick: () => setDevice("desktop") }), _jsx(SimpleIconButton, { icon: _jsx(Smartphone, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Mobile", size: "large", "data-testid": "mobile-viewport-button", selected: Boolean(device && device !== "desktop"), onClick: () => {
+                    if (editContext.configuration.devices[0]) {
+                        setDevice(editContext.configuration.devices[0].name);
+                    }
+                } }), _jsx(SimpleIconButton, { icon: _jsx(Table, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Form", size: "large", selected: !device, onClick: () => setDevice("") }), _jsx(Separator, { size: "large" }), !editContext.isMobile && (_jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", "data-testid": "compare-mode-button", className: editContext.compareMode ? "text-gray-600" : "hover:text-gray-600", selected: editContext.compareMode, onClick: () => editContext.setCompareMode(!editContext.compareMode) })), _jsx(Separator, { size: "large" }), " ", _jsx(SimpleIconButton, { className: "relative", selected: !!editContext.showComments, icon: _jsx(MessageSquareMore, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: editContext.showComments ? "Hide comments" : "Show comments", size: "large", "data-testid": "toggle-comments-button", onClick: () => editContext.setShowComments(!editContext.showComments), children: commentsCount > 0 && (_jsx("div", { className: "bg-theme-secondary text-3xs absolute -top-1 -right-1 flex h-[16px] min-w-[16px] items-center justify-center rounded-full px-1 text-white", children: commentsCount > 99 ? "99+" : commentsCount })) })] }));
+}
+//# sourceMappingURL=ViewportControls.js.map

package/dist/editor/menubar/toolbar-sections/ViewportControls.js.map

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

package/dist/editor/menubar/toolbar-sections/index.d.ts

@@ -0,0 +1,6 @@
+export { ReviewCommands } from "./ReviewCommands";
+export { EditControls } from "./EditControls";
+export { InsertControls } from "./InsertControls";
+export { ViewportControls } from "./ViewportControls";
+export { UtilityControls } from "./UtilityControls";
+export { CompareControls } from "./CompareControls";

package/dist/editor/menubar/toolbar-sections/index.js

@@ -0,0 +1,7 @@
+export { ReviewCommands } from "./ReviewCommands";
+export { EditControls } from "./EditControls";
+export { InsertControls } from "./InsertControls";
+export { ViewportControls } from "./ViewportControls";
+export { UtilityControls } from "./UtilityControls";
+export { CompareControls } from "./CompareControls";
+//# sourceMappingURL=index.js.map

package/dist/editor/menubar/toolbar-sections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { Comment } from "../../types";
+export declare function CommentHighlighting({ comment, scale, iframe, }: {
+    comment: Comment;
+    scale: number;
+    iframe: HTMLIFrameElement;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,270 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext, useFieldsEditContext } from "../client/editContext";
+import { findFieldElement } from "../utils";
+import { useState } from "react";
+import { useEffect } from "react";
+import { cn } from "../../lib/utils";
+import { CommentIcon } from "../ui/Icons";
+import { CommentDisplayPopover } from "../reviews/CommentDisplayPopover";
+export function CommentHighlighting({ comment, scale, iframe, }) {
+    const editContext = useEditContext();
+    const isSelected = comment.id === editContext?.selectedComment?.id;
+    const modifiedFields = useFieldsEditContext();
+    const [range, setRange] = useState([
+        comment.rangeStart || 0,
+        comment.rangeEnd || 0,
+    ]);
+    const [rects, setRects] = useState(null);
+    const [isTextRange, setIsTextRange] = useState(false);
+    if (!editContext)
+        return null;
+    useEffect(() => {
+        const findRange = async () => {
+            if (!editContext)
+                return;
+            if (comment.fieldValue &&
+                comment.fieldId &&
+                comment.rangeStart !== undefined &&
+                comment.rangeEnd !== undefined) {
+                const field = await editContext.itemsRepository.getField({
+                    item: {
+                        id: comment.itemId,
+                        language: comment.language,
+                        version: comment.version,
+                    },
+                    fieldId: comment.fieldId,
+                });
+                const modifiedField = modifiedFields?.modifiedFields.find((x) => x.fieldId === field?.id &&
+                    x.item.id === comment.itemId &&
+                    x.item.language === comment.language &&
+                    x.item.version === comment.version);
+                const mapping = computeMapping(modifiedField?.value || field?.rawValue || "", comment.fieldValue);
+                const mappedRange = [
+                    mapping[comment.rangeStart],
+                    mapping[comment.rangeEnd],
+                ];
+                if (mappedRange[0] !== undefined && mappedRange[1] !== undefined) {
+                    setRange(mappedRange);
+                }
+            }
+        };
+        findRange();
+    }, [comment.fieldValue, modifiedFields?.modifiedFields]);
+    useEffect(() => {
+        const calculateRects = () => {
+            const fieldElement = comment.fieldId
+                ? findFieldElement(iframe, {
+                    item: {
+                        id: comment.itemId,
+                        language: comment.language,
+                        version: comment.version,
+                    },
+                    fieldId: comment.fieldId,
+                })
+                : undefined;
+            let calculatedRects = null;
+            let calculatedIsTextRange = false;
+            if (fieldElement && range[0] !== undefined && range[1] !== undefined) {
+                const startData = getTextNodeAtOffset(fieldElement, range[0]);
+                const endData = getTextNodeAtOffset(fieldElement, range[1]);
+                if (startData && endData) {
+                    const textRange = document.createRange();
+                    textRange.setStart(startData.node, startData.offset);
+                    textRange.setEnd(endData.node, endData.offset);
+                    calculatedRects = textRange.getClientRects();
+                    calculatedIsTextRange = true;
+                }
+            }
+            if (!calculatedRects || calculatedRects.length === 0) {
+                let fallbackElement = fieldElement;
+                if (!fallbackElement &&
+                    comment.itemId &&
+                    editContext.page &&
+                    iframe.contentWindow?.document.body) {
+                    const componentStart = iframe.contentWindow?.document.body.querySelector("[data-component-start='" + comment.itemId + "']");
+                    fallbackElement = componentStart?.nextElementSibling;
+                    while (fallbackElement && fallbackElement.tagName === "SCRIPT") {
+                        fallbackElement = fallbackElement.nextElementSibling;
+                    }
+                }
+                if (fallbackElement) {
+                    const fallbackRect = fallbackElement.getBoundingClientRect();
+                    if (fallbackRect) {
+                        calculatedRects = {
+                            length: 1,
+                            0: fallbackRect,
+                            item: (index) => (index === 0 ? fallbackRect : null),
+                            [Symbol.iterator]: function* () {
+                                yield fallbackRect;
+                            },
+                        };
+                    }
+                }
+            }
+            setRects(calculatedRects);
+            setIsTextRange(calculatedIsTextRange);
+        };
+        calculateRects();
+    }, [
+        comment.fieldId,
+        comment.itemId,
+        comment.language,
+        comment.version,
+        range,
+        iframe,
+        editContext,
+    ]);
+    if (!rects || rects.length === 0) {
+        return null;
+    }
+    const iframeRect = iframe.getBoundingClientRect();
+    return (_jsx(_Fragment, { children: Array.from(rects).map((rect, index) => (_jsxs("div", { style: {
+                position: "absolute",
+                top: rect.top * scale,
+                left: rect.left * scale,
+                width: rect.width * scale,
+                height: rect.height * scale,
+                pointerEvents: "none",
+            }, children: [index === 0 && (_jsx(CommentDisplayPopover, { comment: comment, onCommentUpdated: () => {
+                        // Reload comments to reflect any changes
+                        editContext?.loadComments?.();
+                    }, children: _jsx("div", { className: cn("pointer-events-auto absolute h-5 w-5 cursor-pointer", rect.top * scale < 18 ? "top-0" : "top-[-18px]", (rect.left + rect.width) * scale > iframeRect.width - 18
+                            ? "right-0"
+                            : "right-[-18px]"), onClick: () => {
+                            // Set this comment as selected
+                            editContext?.setSelectedComment(comment);
+                            editContext?.setScrollIntoView(comment.itemId);
+                            editContext?.select([comment.itemId]);
+                            if (comment.fieldId) {
+                                const fieldsContext = modifiedFields; // alias for readability
+                                fieldsContext?.setFocusedField({
+                                    fieldId: comment.fieldId,
+                                    item: {
+                                        id: comment.itemId,
+                                        language: comment.language,
+                                        version: comment.version,
+                                    },
+                                }, false);
+                            }
+                        }, children: _jsx(CommentIcon, { className: comment.isResolved
+                                ? "text-green-500 hover:text-green-600"
+                                : isSelected
+                                    ? "text-red-700 hover:text-red-800"
+                                    : "text-blue-500 hover:text-blue-600" }) }) })), isTextRange && (_jsx("div", { className: "opacity-45", style: {
+                        width: "100%",
+                        height: "100%",
+                        backgroundColor: isSelected
+                            ? "rgba(255, 0, 0, 1)" // Darker red for selected
+                            : comment.isResolved
+                                ? "rgba(0, 255, 0, 0.45)" // Green for resolved
+                                : "rgba(0, 0, 255, 0.45)", // Red for unresolved
+                    } }))] }, index))) }));
+}
+function getTextNodeAtOffset(root, offset) {
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
+    let currentNode;
+    while ((currentNode = walker.nextNode())) {
+        const nodeLength = currentNode.textContent?.length || 0;
+        if (offset <= nodeLength) {
+            return { node: currentNode, offset };
+        }
+        offset -= nodeLength;
+    }
+    return null;
+}
+/**
+ * Erzeugt ein Mapping von Positionen im modifizierten String s2 auf die entsprechenden Positionen in s1,
+ * basierend auf einer minimalen Edit-Sequenz (Levenshtein-Distance).
+ *
+ * @param s1 Originalstring
+ * @param s2 Modifizierter String
+ * @returns Ein Array, in dem mapping[j] die Position in s1 angibt, die erreicht wird, nachdem das j-te Zeichen in s2 erzeugt wurde.
+ */
+function computeMapping(s1, s2) {
+    const n = s1.length;
+    const m = s2.length;
+    // 1. Aufbau der DP-Matrix und Backpointer-Matrix
+    // dp[i][j] enthält die minimale Anzahl von Operationen, um s1[0..i-1] in s2[0..j-1] zu überführen.
+    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(""));
+    // Initialisierung: leere Präfixe
+    for (let i = 0; i <= n; i++) {
+        dp[i][0] = i;
+        if (i > 0) {
+            back[i][0] = "D"; // "Deletion": Zeichen aus s1 wird gelöscht.
+        }
+    }
+    for (let j = 0; j <= m; j++) {
+        dp[0][j] = j;
+        if (j > 0) {
+            back[0][j] = "I"; // "Insertion": Zeichen in s2 wurde eingefügt.
+        }
+    }
+    // Füllen der DP-Matrix (Wagner–Fischer-Algorithmus)
+    for (let i = 1; i <= n; i++) {
+        for (let j = 1; j <= m; j++) {
+            const cost = s1[i - 1] === s2[j - 1] ? 0 : 1;
+            // Drei Möglichkeiten:
+            const deletion = dp[i - 1][j] + 1;
+            const insertion = dp[i][j - 1] + 1;
+            const substitution = dp[i - 1][j - 1] + cost; // "M" (Match) wenn cost==0, sonst "S" (Substitution)
+            // Feste Tie-Breaking Reihenfolge: zuerst Deletion, dann Insertion, dann Substitution.
+            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;
+        }
+    }
+    // 2. Rekonstruktion des Edit-Skripts per Backtracking
+    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(); // Jetzt liegen die Operationen in der Vorwärtsreihenfolge vor.
+    // 3. Simulation der Transformation von s1 zu s2 und Aufbau des Mappings.
+    // mapping[j] soll die Position in s1 angeben, nachdem das j-te Zeichen in s2 erzeugt wurde.
+    const mapping = new Array(m + 1);
+    let iPos = 0; // Aktuelle Position in s1
+    let jPos = 0; // Aktuelle Position in s2
+    mapping[jPos] = iPos; // Vor jeglicher Transformation
+    for (const op of ops) {
+        if (op === "M" || op === "S") {
+            // Bei Match oder Substitution wird in beiden Strings ein Zeichen verarbeitet.
+            iPos++;
+            jPos++;
+            mapping[jPos] = iPos;
+        }
+        else if (op === "I") {
+            // Bei Insertion wird in s2 ein Zeichen eingefügt, s1 bleibt unverändert.
+            jPos++;
+            mapping[jPos] = iPos;
+        }
+        else if (op === "D") {
+            // Bei Deletion wird in s1 ein Zeichen übersprungen.
+            iPos++;
+        }
+    }
+    return mapping;
+}
+//# sourceMappingURL=CommentHighlighting.js.map

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

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

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

@@ -0,0 +1,4 @@
+export declare function CommentHighlightings({ scale, iframe, }: {
+    scale: number;
+    iframe: HTMLIFrameElement;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+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, }) {
+    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))) }));
+}
+//# sourceMappingURL=CommentHighlightings.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+import type { FieldAction } from "../client/EditorShell";
+export declare function FieldActionIndicator({ action }: {
+    action: FieldAction;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { useEditContext } from "../client/editContext";
+import { AlertCircle } from "lucide-react";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+export function FieldActionIndicator({ action }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const pageViewContext = editContext.pageView;
+    const field = action.field;
+    const fieldElements = pageViewContext.editorIframe?.contentWindow?.document.querySelectorAll(`[data-fieldid="${field.fieldId}"][data-itemid="${field.item.id}"][data-language="${field.item.language}"][data-version="${field.item.version}"]`);
+    if (!fieldElements)
+        return null;
+    return (_jsx(_Fragment, { children: [...fieldElements].map((element, index) => (_jsx(SingleIndicator, { element: element, action: action }, action.field.fieldId + action.field + index))) }));
+}
+function SingleIndicator({ element, action, }) {
+    const editContext = useEditContext();
+    const rect = element.getBoundingClientRect();
+    const indicatorRect = rect;
+    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: {
+            left: indicatorRect.x,
+            top: indicatorRect.y,
+            width: indicatorRect.width,
+            height: indicatorRect.height,
+            zIndex: 800,
+        }, children: [isRunning && (_jsxs("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.label] }), 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) => {
+                                            e.stopPropagation();
+                                            if (editContext)
+                                                editContext.dismissFieldAction(action.field);
+                                        }, "data-testid": "field-action-error-dismiss", children: "Dismiss" }) })] })] }) }))] }));
+}
+//# sourceMappingURL=FieldActionIndicator.js.map

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

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { FieldActionIndicator } from "./FieldActionIndicator";
+import { useEditContext } from "../client/editContext";
+export function FieldActionsIndicators() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const actions = editContext.activeFieldActions;
+    return (_jsx(_Fragment, { children: actions
+            .filter((x) => x.state === "running" || x.state === "error")
+            .map((action) => (_jsx(FieldActionIndicator, { action: action }, action.field.fieldId + action.field.item.id))) }));
+}
+//# sourceMappingURL=FieldActionIndicators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldActionIndicators.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FieldActionIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,sBAAsB;IACpC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,OAAO,GAAG,WAAW,CAAC,kBAAkB,CAAC;IAE/C,OAAO,CACL,4BACG,OAAO;aACL,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC;aAC3D,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACf,KAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,IACT,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAChD,CACH,CAAC,GACH,CACJ,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext, useFieldsEditContext, } from "../client/editContext";
+export function FieldEditedIndicator({ field, scale, pageViewContext, scroll, }) {
+    const editContext = useEditContext();
+    const fieldsContext = useFieldsEditContext();
+    if (!editContext)
+        return null;
+    const fieldElements = pageViewContext.editorIframe?.contentWindow?.document.querySelectorAll(`[data-fieldid="${field.fieldId}"][data-itemid="${field.item.id}"][data-language="${field.item.language}"][data-version="${field.item.version}"]`);
+    if (!fieldElements)
+        return null;
+    return (_jsx(_Fragment, { children: [...fieldElements]
+            .filter((x) => x != fieldsContext?.inlineEditingFieldElement)
+            .map((element) => (_jsx(SingleFieldEditedIndicator, { element: element, scale: scale, scroll: scroll }, field.fieldId + field.item.id))) }));
+}
+function SingleFieldEditedIndicator({ element, scale, scroll, }) {
+    const rect = element.getBoundingClientRect();
+    const indicatorRect = rect;
+    return (_jsx("div", { className: `focus-shadow edited-field 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),
+            zIndex: 800,
+        } }));
+}
+//# sourceMappingURL=FieldEditedIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditedIndicator.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FieldEditedIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,cAAc,EACd,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,eAAe,EACf,MAAM,GAMP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,aAAa,GAAG,oBAAoB,EAAE,CAAC;IAC7C,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,aAAa,GACjB,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,QAAQ,CAAC,gBAAgB,CACpE,kBAAkB,KAAK,CAAC,OAAO,mBAAmB,KAAK,CAAC,IAAI,CAAC,EAAE,qBAAqB,KAAK,CAAC,IAAI,CAAC,QAAQ,oBAAoB,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,CAClJ,CAAC;IAEJ,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAChC,OAAO,CACL,4BACG,CAAC,GAAG,aAAa,CAAC;aAChB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,aAAa,EAAE,yBAAyB,CAAC;aAC5D,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChB,KAAC,0BAA0B,IACzB,OAAO,EAAE,OAAO,EAEhB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,IAFT,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAGlC,CACH,CAAC,GACH,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B,CAAC,EAClC,OAAO,EACP,KAAK,EACL,MAAM,GAKP;IACC,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE7C,MAAM,aAAa,GAAG,IAAI,CAAC;IAC3B,OAAO,CACL,cACE,SAAS,EAAE,wDAAwD,EACnE,KAAK,EAAE;YACL,IAAI,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;YACpC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;YACrD,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;YACzC,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;YAC3C,MAAM,EAAE,GAAG;SACZ,GACD,CACH,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,14 @@
+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, }) {
+    const editContext = useEditContext();
+    const modifiedFieldsContext = useFieldsEditContext();
+    if (!editContext || !modifiedFieldsContext)
+        return null;
+    const fields = modifiedFieldsContext.recentEdits;
+    return (_jsx(_Fragment, { children: fields
+            .filter((x) => x.timestamp > Date.now() - 10000 && x.user.ai)
+            .map((field) => (_jsx(FieldEditedIndicator, { field: field, scale: scale, pageViewContext: pageViewContext, scroll: scroll }, field.fieldId + field.item.id + field.timestamp))) }));
+}
+//# sourceMappingURL=FieldEditedIndicators.js.map

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

@@ -0,0 +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,CAAC,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;aAC5D,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"}

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

@@ -0,0 +1,7 @@
+import { Component } from "../pageModel";
+import { PageViewContext } from "../page-viewer/pageViewContext";
+export declare function FrameMenu({ component, compareView, pageViewContext, }: {
+    component: Component;
+    compareView: boolean;
+    pageViewContext: PageViewContext;
+}): import("react/jsx-runtime").JSX.Element | null;