@aglyn/besigner-ui 1.0.0-beta.143

package/src/lib/components/node-context-menu.js

@@ -0,0 +1,558 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { canvas } from "@aglyn/aglyn";
+import * as Besigner from "@aglyn/besigner";
+import { BesignerPanelTabFlag, setBesignerPanels } from "@aglyn/besigner";
+import { ICON_VARIANT_MODIFY_COPY, ICON_VARIANT_MODIFY_DELETE, ICON_VARIANT_MODIFY_DUPLICATE, ICON_VARIANT_MODIFY_MOVE_DOWN, ICON_VARIANT_MODIFY_MOVE_IN, ICON_VARIANT_MODIFY_MOVE_OUT, ICON_VARIANT_MODIFY_MOVE_UP, ICON_VARIANT_MODIFY_PASTE, ICON_VARIANT_VISIBILITY_HIDDEN, ICON_VARIANT_VISIBILITY_SHOWN } from "@aglyn/shared-data-enums";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Divider, ListItemIcon, ListItemText, MenuItem, MenuList, Paper, Typography } from "@mui/material";
+import { action } from "mobx";
+import { observer } from "mobx-react-lite";
+import { forwardRef, useCallback, useState } from "react";
+import useAglynBesignerFlag from "../hooks/use-aglyn-besigner-flag.js";
+import useAddElementDrawerCallback from "../hooks/use-add-element-drawer-callback.js";
+import useBesignerAppContext from "../hooks/use-besigner-app-context.js";
+import { useCopyElementsCallback, usePasteElementsCallback } from "../hooks/use-clipboard-callbacks.js";
+import useDeleteElementCallback, { useDeleteElementsCallback } from "../hooks/use-delete-element-callback.js";
+import { useMoveNodeInCallback, useMoveNodeOutCallback } from "../hooks/use-move-node-callbacks.js";
+import { isNodeHiddenOnSite, nodePropsWithHiddenOnSite } from "../utils/canvas-reveal.js";
+import SubtreeJsonDialog from "./subtree-json-dialog.component.js";
+export const NodeContextMenu = observer(/*#__PURE__*/ forwardRef((props, ref)=>{
+    var _node_parent_nodes, _node_parent;
+    const { node, onAction } = props, rest = _object_without_properties_loose(props, [
+        "node",
+        "onAction"
+    ]);
+    const isRootNode = canvas.isRootNode(node);
+    // Multi-selection (AGL-11): ambiguous single-target actions hide or
+    // disable; Duplicate/Delete apply to the whole selection.
+    const multi = Besigner.focus.hasMultipleSelected();
+    const app = useBesignerAppContext();
+    const handleAddElementClick = useAddElementDrawerCallback();
+    const elementRef = Besigner.refs.get(node == null ? void 0 : node.$id);
+    const [moreOpen, setMoreOpen] = useState(false);
+    const [moreButton, moreButtonRef] = useState(null);
+    const [jsonOpen, setJsonOpen] = useState(false);
+    const closeMore = useCallback(()=>setMoreOpen(false), []);
+    const openMore = useCallback(()=>setMoreOpen(true), []);
+    const handleDuplicateClick = useCallback((e)=>{
+        if (isRootNode) return;
+        onAction == null ? void 0 : onAction();
+        const targets = multi ? Besigner.focus.getSelected() : [
+            node
+        ];
+        for (const target of targets){
+            if (target && !canvas.isRootNode(target)) {
+                canvas.duplicateNode(target);
+            }
+        }
+    }, [
+        node,
+        isRootNode,
+        multi,
+        onAction
+    ]);
+    const handleModifyClick = useCallback((e)=>{
+        setBesignerPanels(app, {
+            panels: (panels)=>_extends({}, panels, {
+                    panelRight: _extends({}, panels.panelRight, {
+                        toggled: true,
+                        tab: BesignerPanelTabFlag.ELEMENT_PROPS_FORM
+                    })
+                })
+        });
+    }, [
+        app
+    ]);
+    const handleMoveUp = useCallback((e)=>{
+        if (isRootNode) return;
+        canvas.reorderNode(node, (node == null ? void 0 : node.index) - 1);
+    }, [
+        node,
+        isRootNode
+    ]);
+    const handleMoveDown = useCallback((e)=>{
+        if (isRootNode) return;
+        canvas.reorderNode(node, (node == null ? void 0 : node.index) + 1);
+    }, [
+        node,
+        isRootNode
+    ]);
+    /**
+     * Reparenting by clicking (AGL-1405). Until these two existed, the only
+     * way to move a node into a different container was to drag it — so a
+     * node that ended up somewhere it can never render (AGL-1388) could only
+     * be rescued by hand-editing the document's JSON.
+     *
+     * `canMove*` is read through the observer, so the items enable and
+     * disable as the selection moves, and both refuse anything the renderer
+     * could not draw rather than accepting it and stranding the subtree.
+     */ const moveNodeOut = useMoveNodeOutCallback();
+    const moveNodeIn = useMoveNodeInCallback();
+    const canMoveOut = !multi && Besigner.canMoveNodeOut(node);
+    const canMoveIn = !multi && Besigner.canMoveNodeIn(node);
+    const handleMoveOut = useCallback(()=>{
+        onAction == null ? void 0 : onAction();
+        moveNodeOut(node);
+    }, [
+        node,
+        onAction,
+        moveNodeOut
+    ]);
+    const handleMoveIn = useCallback(()=>{
+        onAction == null ? void 0 : onAction();
+        moveNodeIn(node);
+    }, [
+        node,
+        onAction,
+        moveNodeIn
+    ]);
+    const handleParentOnClick = useCallback((e)=>{
+        if (isRootNode) return;
+        Besigner.focus.setSelectedNode(node == null ? void 0 : node.parent);
+    }, [
+        node,
+        isRootNode
+    ]);
+    const handleParentOnMouseEnter = useCallback((e)=>{
+        if (isRootNode) return;
+        Besigner.focus.setHoveredNode(node);
+    }, [
+        node,
+        isRootNode
+    ]);
+    const handleParentOnMouseLeave = useCallback((e)=>{
+        if (isRootNode) return;
+        Besigner.focus.clearHover();
+    }, [
+        isRootNode
+    ]);
+    const copyElements = useCopyElementsCallback();
+    const pasteElements = usePasteElementsCallback();
+    const handleCopyClick = useCallback(()=>{
+        if (isRootNode) return;
+        onAction == null ? void 0 : onAction();
+        copyElements(multi ? Besigner.focus.getSelected() : [
+            node
+        ]);
+    }, [
+        node,
+        isRootNode,
+        multi,
+        onAction,
+        copyElements
+    ]);
+    const handlePasteClick = useCallback(()=>{
+        onAction == null ? void 0 : onAction();
+        pasteElements(node);
+    }, [
+        node,
+        onAction,
+        pasteElements
+    ]);
+    // Observed, so the item enables the moment something is copied — even
+    // from another document, where the entry arrives via localStorage.
+    const canPaste = Besigner.clipboard.hasContent();
+    const clipboardLabels = Besigner.clipboard.getLabels();
+    /**
+     * Start hidden until an interaction shows it (AGL-592).
+     *
+     * A DIFFERENT switch from the eye on the hierarchy row, and the naming is
+     * the whole point. The eye hides an element outright — `display: none`,
+     * nothing reveals it. This one enrols the element in a runtime contract:
+     * it starts hidden, an interaction's show step reveals it, and the canvas
+     * opens it while it is being designed. A mega-menu panel, a drawer, an
+     * announcement that appears on scroll.
+     *
+     * `aglyn-hidden` is the storage — the published stylesheet, the show/hide
+     * steps and the canvas reveal all key off it — and until this existed the
+     * only way to set it was to know the literal string and type it into the
+     * Classes box. An element property with no picker is a missing feature,
+     * not a power-user path.
+     */ const [, setRevealedNodeIds] = useAglynBesignerFlag('revealedNodeIds');
+    const hiddenOnSite = isNodeHiddenOnSite(node);
+    const handleToggleHiddenClick = useCallback(()=>{
+        if (isRootNode) return;
+        onAction == null ? void 0 : onAction();
+        const targets = multi ? Besigner.focus.getSelected() : [
+            node
+        ];
+        const changed = [];
+        action(()=>{
+            for (const target of targets){
+                if (!target || canvas.isRootNode(target)) continue;
+                const props = nodePropsWithHiddenOnSite(target, !hiddenOnSite);
+                if (!props) continue;
+                target.props = props;
+                changed.push(target.$id);
+            }
+        })();
+        // Showing an element again retires its canvas reveal with it. The flag
+        // is only meaningful for something the site hides, so leaving an entry
+        // behind means the next hide silently starts revealed. Hiding sets
+        // nothing: hidden is hidden, and selecting the element — which
+        // whichever surface opened this menu has already done — is what shows
+        // it while it is being designed.
+        if (hiddenOnSite && changed.length) {
+            setRevealedNodeIds((current)=>(current != null ? current : []).filter((id)=>!changed.includes(id)));
+        }
+    }, [
+        node,
+        isRootNode,
+        multi,
+        hiddenOnSite,
+        onAction,
+        setRevealedNodeIds
+    ]);
+    /**
+     * Copy and paste a LOOK.
+     *
+     * `node.sx` — the Styles panel's whole output, including its responsive,
+     * `@scheme` and state slices, which are keys inside that object. Classes
+     * are deliberately not carried: a class is a name pointing at rules the
+     * element does not own, and two of them carry behaviour rather than
+     * appearance, so moving them under a label that promises looks would move
+     * behaviour with it.
+     *
+     * Paste REPLACES. Merging makes the result depend on what the target
+     * already had, so the same look pasted onto two elements could produce
+     * two different ones — and there would be no way to paste "no styles".
+     */ const copiedStyleLabel = Besigner.styleClipboard.getStyleLabel();
+    const canPasteStyles = Besigner.styleClipboard.hasStyles();
+    const handleCopyStyles = useCallback(()=>{
+        if (isRootNode) return;
+        onAction == null ? void 0 : onAction();
+        Besigner.styleClipboard.copyStyles(node);
+    }, [
+        node,
+        isRootNode,
+        onAction
+    ]);
+    const handlePasteStyles = useCallback(()=>{
+        if (isRootNode) return;
+        onAction == null ? void 0 : onAction();
+        const targets = multi ? Besigner.focus.getSelected() : [
+            node
+        ];
+        for (const target of targets){
+            if (target && !canvas.isRootNode(target)) {
+                Besigner.styleClipboard.pasteStyles(target);
+            }
+        }
+    }, [
+        node,
+        isRootNode,
+        multi,
+        onAction
+    ]);
+    const deleteElementCallback = useDeleteElementCallback();
+    const deleteElementsCallback = useDeleteElementsCallback();
+    const handleDeleteClick = useCallback(()=>{
+        closeMore();
+        onAction == null ? void 0 : onAction();
+        if (multi) void deleteElementsCallback(Besigner.focus.getSelected());
+        else void deleteElementCallback(node);
+    }, [
+        node,
+        multi,
+        closeMore,
+        onAction,
+        deleteElementCallback,
+        deleteElementsCallback
+    ]);
+    return /*#__PURE__*/ _jsxs(Paper, _extends({
+        ref: ref,
+        sx: {
+            width: 240,
+            // Caps itself rather than growing past the window (AGL-1405). The
+            // Popper can only slide a menu back inside the viewport if it FITS
+            // in one; a taller menu was laid out past the bottom of the
+            // document and the page grew a scrollbar around it. `dvh` so a
+            // mobile browser's retracting toolbar does not leave the last item
+            // under it.
+            // Shorter than the window, not merely within it. A menu that only
+            // just fits is one `preventOverflow` has to slide a long way to
+            // place, and a menu that lands 200px from where it was asked for
+            // reads as landing at random.
+            maxHeight: 'min(420px, calc(100dvh - 24px))',
+            overflowY: 'auto',
+            overflowX: 'hidden'
+        }
+    }, rest, {
+        children: [
+            /*#__PURE__*/ _jsxs(MenuList, {
+                dense: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        component: "div",
+                        sx: {
+                            px: 1,
+                            py: 0.15,
+                            mb: 1,
+                            textAlign: 'center',
+                            textOverflow: 'ellipsis',
+                            overflow: 'hidden',
+                            whiteSpace: 'nowrap',
+                            backgroundColor: (theme)=>`rgba(${theme.vars.palette.primary.darkChannel} / 0.12)`
+                        },
+                        children: node == null ? void 0 : node.labelShort
+                    }),
+                    multi ? null : /*#__PURE__*/ _jsx(MenuItem, {
+                        onClick: ()=>{
+                            onAction == null ? void 0 : onAction();
+                            handleAddElementClick(node);
+                        },
+                        children: /*#__PURE__*/ _jsx(ListItemText, {
+                            inset: true,
+                            children: "Add element"
+                        })
+                    }),
+                    multi ? null : /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsx(MenuItem, {
+                        onClick: handleParentOnClick,
+                        disabled: isRootNode || multi,
+                        onMouseEnter: handleParentOnMouseEnter,
+                        onPointerEnter: handleParentOnMouseEnter,
+                        onMouseLeave: handleParentOnMouseLeave,
+                        onPointerLeave: handleParentOnMouseLeave,
+                        children: /*#__PURE__*/ _jsx(ListItemText, {
+                            inset: true,
+                            children: "Select parent"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        onClick: handleMoveUp,
+                        disabled: isRootNode || multi || !((node == null ? void 0 : node.index) > 0),
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_MOVE_UP.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: "Shift up"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        onClick: handleMoveDown,
+                        disabled: isRootNode || multi || !((node == null ? void 0 : node.index) < (node == null ? void 0 : (_node_parent = node.parent) == null ? void 0 : (_node_parent_nodes = _node_parent.nodes) == null ? void 0 : _node_parent_nodes.length) - 1),
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_MOVE_DOWN.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: "Shift down"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        onClick: handleMoveOut,
+                        disabled: !canMoveOut,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_MOVE_OUT.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: "Move out of container"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        onClick: handleMoveIn,
+                        disabled: !canMoveIn,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_MOVE_IN.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: "Move into element above"
+                            })
+                        ]
+                    }),
+                    multi ? null : /*#__PURE__*/ _jsx(MenuItem, {
+                        onClick: ()=>setJsonOpen(true),
+                        children: /*#__PURE__*/ _jsx(ListItemText, {
+                            inset: true,
+                            children: "Edit JSON"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        disabled: isRootNode,
+                        onClick: handleToggleHiddenClick,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: hiddenOnSite ? ICON_VARIANT_VISIBILITY_SHOWN.path : ICON_VARIANT_VISIBILITY_HIDDEN.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                secondary: hiddenOnSite ? 'It will be on the page from the first paint' : 'For a menu panel or drawer. To hide it outright, use the eye on its Hierarchy row',
+                                slotProps: {
+                                    secondary: {
+                                        sx: {
+                                            whiteSpace: 'normal'
+                                        }
+                                    }
+                                },
+                                children: hiddenOnSite ? 'Do not start hidden' : 'Start hidden until an interaction shows it'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        disabled: isRootNode,
+                        onClick: handleCopyClick,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_COPY.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: multi ? 'Copy selection' : 'Copy'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        disabled: isRootNode,
+                        onClick: handleCopyStyles,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_COPY.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: 'Copy styles'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        disabled: isRootNode || !canPasteStyles,
+                        onClick: handlePasteStyles,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_PASTE.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                slotProps: {
+                                    primary: {
+                                        sx: {
+                                            overflow: 'hidden',
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap'
+                                        }
+                                    }
+                                },
+                                children: copiedStyleLabel ? `Paste styles from ${copiedStyleLabel}` : 'Paste styles'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        disabled: !canPaste,
+                        onClick: handlePasteClick,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_PASTE.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                slotProps: {
+                                    primary: {
+                                        sx: {
+                                            overflow: 'hidden',
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap'
+                                        }
+                                    }
+                                },
+                                children: clipboardLabels.length === 1 ? `Paste ${clipboardLabels[0]}` : clipboardLabels.length > 1 ? `Paste ${clipboardLabels.length} elements` : 'Paste'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        disabled: isRootNode,
+                        onClick: handleDuplicateClick,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_DUPLICATE.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: multi ? 'Duplicate selection' : 'Duplicate'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(MenuItem, {
+                        disabled: isRootNode,
+                        onClick: handleDeleteClick,
+                        children: [
+                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                                    fontSize: "inherit",
+                                    path: ICON_VARIANT_MODIFY_DELETE.path
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ListItemText, {
+                                children: multi ? 'Delete selection' : 'Delete'
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(SubtreeJsonDialog, {
+                node: node,
+                open: jsonOpen,
+                onClose: ()=>{
+                    setJsonOpen(false);
+                    onAction == null ? void 0 : onAction();
+                }
+            })
+        ]
+    }));
+}));
+NodeContextMenu.displayName = 'NodeContextMenu';
+export default NodeContextMenu;
+
+//# sourceMappingURL=node-context-menu.js.map

package/src/lib/components/node-context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/components/node-context-menu.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { canvas } from '@aglyn/aglyn'\nimport * as Besigner from '@aglyn/besigner'\nimport {\n  BesignerPanelTabFlag,\n  setBesignerPanels,\n} from '@aglyn/besigner'\nimport {\n  ICON_VARIANT_MODIFY_COPY,\n  ICON_VARIANT_MODIFY_DELETE,\n  ICON_VARIANT_MODIFY_DUPLICATE,\n  ICON_VARIANT_MODIFY_MOVE_DOWN,\n  ICON_VARIANT_MODIFY_MOVE_IN,\n  ICON_VARIANT_MODIFY_MOVE_OUT,\n  ICON_VARIANT_MODIFY_MOVE_UP,\n  ICON_VARIANT_MODIFY_PASTE,\n  ICON_VARIANT_VISIBILITY_HIDDEN,\n  ICON_VARIANT_VISIBILITY_SHOWN,\n} from '@aglyn/shared-data-enums'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  MenuList,\n  Paper,\n  type PaperProps,\n  Typography,\n} from '@mui/material'\nimport { action } from 'mobx'\nimport { observer } from 'mobx-react-lite'\nimport { ChangeEvent, forwardRef, useCallback, useState } from 'react'\nimport useAglynBesignerFlag from '../hooks/use-aglyn-besigner-flag'\nimport useAddElementDrawerCallback from '../hooks/use-add-element-drawer-callback'\nimport useBesignerAppContext from '../hooks/use-besigner-app-context'\nimport {\n  useCopyElementsCallback,\n  usePasteElementsCallback,\n} from '../hooks/use-clipboard-callbacks'\nimport useDeleteElementCallback, {\n  useDeleteElementsCallback,\n} from '../hooks/use-delete-element-callback'\nimport {\n  useMoveNodeInCallback,\n  useMoveNodeOutCallback,\n} from '../hooks/use-move-node-callbacks'\nimport {\n  isNodeHiddenOnSite,\n  nodePropsWithHiddenOnSite,\n} from '../utils/canvas-reveal'\nimport SubtreeJsonDialog from './subtree-json-dialog.component'\n\nexport interface NodeContextMenuProps extends PaperProps {\n  node: Aglyn.NodeSchema<any>\n  /** Invoked when a menu action should dismiss the hosting menu/tooltip. */\n  onAction?: () => void\n}\n\nexport const NodeContextMenu = observer(\n  forwardRef<any, NodeContextMenuProps>((props, ref) => {\n    const { node, onAction, ...rest } = props\n\n    const isRootNode = canvas.isRootNode(node)\n    // Multi-selection (AGL-11): ambiguous single-target actions hide or\n    // disable; Duplicate/Delete apply to the whole selection.\n    const multi = Besigner.focus.hasMultipleSelected()\n    const app = useBesignerAppContext()\n    const handleAddElementClick = useAddElementDrawerCallback()\n    const elementRef = Besigner.refs.get(node?.$id)\n    const [moreOpen, setMoreOpen] = useState(false)\n    const [moreButton, moreButtonRef] = useState<HTMLButtonElement | null>(null)\n    const [jsonOpen, setJsonOpen] = useState(false)\n\n    const closeMore = useCallback(() => setMoreOpen(false), [])\n    const openMore = useCallback(() => setMoreOpen(true), [])\n\n    const handleDuplicateClick = useCallback(\n      (e: ChangeEvent<unknown>) => {\n        if (isRootNode) return\n        onAction?.()\n        const targets = multi ? Besigner.focus.getSelected() : [node]\n        for (const target of targets) {\n          if (target && !canvas.isRootNode(target)) {\n            canvas.duplicateNode(target)\n          }\n        }\n      },\n      [node, isRootNode, multi, onAction],\n    )\n\n    const handleModifyClick = useCallback(\n      (e: ChangeEvent<unknown>) => {\n        setBesignerPanels(app, {\n          panels: (panels) => ({\n            ...panels,\n            panelRight: {\n              ...panels.panelRight,\n              toggled: true,\n              tab: BesignerPanelTabFlag.ELEMENT_PROPS_FORM,\n            },\n          }),\n        })\n      },\n      [app],\n    )\n    const handleMoveUp = useCallback(\n      (e: ChangeEvent<unknown>) => {\n        if (isRootNode) return\n        canvas.reorderNode(node, node?.index - 1)\n      },\n      [node, isRootNode],\n    )\n    const handleMoveDown = useCallback(\n      (e: ChangeEvent<unknown>) => {\n        if (isRootNode) return\n        canvas.reorderNode(node, node?.index + 1)\n      },\n      [node, isRootNode],\n    )\n\n    /**\n     * Reparenting by clicking (AGL-1405). Until these two existed, the only\n     * way to move a node into a different container was to drag it — so a\n     * node that ended up somewhere it can never render (AGL-1388) could only\n     * be rescued by hand-editing the document's JSON.\n     *\n     * `canMove*` is read through the observer, so the items enable and\n     * disable as the selection moves, and both refuse anything the renderer\n     * could not draw rather than accepting it and stranding the subtree.\n     */\n    const moveNodeOut = useMoveNodeOutCallback()\n    const moveNodeIn = useMoveNodeInCallback()\n    const canMoveOut = !multi && Besigner.canMoveNodeOut(node)\n    const canMoveIn = !multi && Besigner.canMoveNodeIn(node)\n\n    const handleMoveOut = useCallback(() => {\n      onAction?.()\n      moveNodeOut(node)\n    }, [node, onAction, moveNodeOut])\n\n    const handleMoveIn = useCallback(() => {\n      onAction?.()\n      moveNodeIn(node)\n    }, [node, onAction, moveNodeIn])\n\n    const handleParentOnClick = useCallback(\n      (e: ChangeEvent<unknown>) => {\n        if (isRootNode) return\n        Besigner.focus.setSelectedNode(node?.parent)\n      },\n      [node, isRootNode],\n    )\n\n    const handleParentOnMouseEnter = useCallback(\n      (e: ChangeEvent<unknown>) => {\n        if (isRootNode) return\n        Besigner.focus.setHoveredNode(node)\n      },\n      [node, isRootNode],\n    )\n    const handleParentOnMouseLeave = useCallback(\n      (e: ChangeEvent<unknown>) => {\n        if (isRootNode) return\n        Besigner.focus.clearHover()\n      },\n      [isRootNode],\n    )\n\n    const copyElements = useCopyElementsCallback()\n    const pasteElements = usePasteElementsCallback()\n    const handleCopyClick = useCallback(() => {\n      if (isRootNode) return\n      onAction?.()\n      copyElements(multi ? Besigner.focus.getSelected() : [node])\n    }, [node, isRootNode, multi, onAction, copyElements])\n\n    const handlePasteClick = useCallback(() => {\n      onAction?.()\n      pasteElements(node)\n    }, [node, onAction, pasteElements])\n\n    // Observed, so the item enables the moment something is copied — even\n    // from another document, where the entry arrives via localStorage.\n    const canPaste = Besigner.clipboard.hasContent()\n    const clipboardLabels = Besigner.clipboard.getLabels()\n\n    /**\n     * Start hidden until an interaction shows it (AGL-592).\n     *\n     * A DIFFERENT switch from the eye on the hierarchy row, and the naming is\n     * the whole point. The eye hides an element outright — `display: none`,\n     * nothing reveals it. This one enrols the element in a runtime contract:\n     * it starts hidden, an interaction's show step reveals it, and the canvas\n     * opens it while it is being designed. A mega-menu panel, a drawer, an\n     * announcement that appears on scroll.\n     *\n     * `aglyn-hidden` is the storage — the published stylesheet, the show/hide\n     * steps and the canvas reveal all key off it — and until this existed the\n     * only way to set it was to know the literal string and type it into the\n     * Classes box. An element property with no picker is a missing feature,\n     * not a power-user path.\n     */\n    const [, setRevealedNodeIds] = useAglynBesignerFlag('revealedNodeIds')\n    const hiddenOnSite = isNodeHiddenOnSite(node as never)\n    const handleToggleHiddenClick = useCallback(() => {\n      if (isRootNode) return\n      onAction?.()\n      const targets = multi ? Besigner.focus.getSelected() : [node]\n      const changed: string[] = []\n      action(() => {\n        for (const target of targets) {\n          if (!target || canvas.isRootNode(target)) continue\n          const props = nodePropsWithHiddenOnSite(target as never, !hiddenOnSite)\n          if (!props) continue\n          target.props = props as never\n          changed.push(target.$id)\n        }\n      })()\n      // Showing an element again retires its canvas reveal with it. The flag\n      // is only meaningful for something the site hides, so leaving an entry\n      // behind means the next hide silently starts revealed. Hiding sets\n      // nothing: hidden is hidden, and selecting the element — which\n      // whichever surface opened this menu has already done — is what shows\n      // it while it is being designed.\n      if (hiddenOnSite && changed.length) {\n        setRevealedNodeIds((current) =>\n          (current ?? []).filter((id) => !changed.includes(id)),\n        )\n      }\n    }, [node, isRootNode, multi, hiddenOnSite, onAction, setRevealedNodeIds])\n\n    /**\n     * Copy and paste a LOOK.\n     *\n     * `node.sx` — the Styles panel's whole output, including its responsive,\n     * `@scheme` and state slices, which are keys inside that object. Classes\n     * are deliberately not carried: a class is a name pointing at rules the\n     * element does not own, and two of them carry behaviour rather than\n     * appearance, so moving them under a label that promises looks would move\n     * behaviour with it.\n     *\n     * Paste REPLACES. Merging makes the result depend on what the target\n     * already had, so the same look pasted onto two elements could produce\n     * two different ones — and there would be no way to paste \"no styles\".\n     */\n    const copiedStyleLabel = Besigner.styleClipboard.getStyleLabel()\n    const canPasteStyles = Besigner.styleClipboard.hasStyles()\n    const handleCopyStyles = useCallback(() => {\n      if (isRootNode) return\n      onAction?.()\n      Besigner.styleClipboard.copyStyles(node)\n    }, [node, isRootNode, onAction])\n    const handlePasteStyles = useCallback(() => {\n      if (isRootNode) return\n      onAction?.()\n      const targets = multi ? Besigner.focus.getSelected() : [node]\n      for (const target of targets) {\n        if (target && !canvas.isRootNode(target)) {\n          Besigner.styleClipboard.pasteStyles(target)\n        }\n      }\n    }, [node, isRootNode, multi, onAction])\n\n    const deleteElementCallback = useDeleteElementCallback()\n    const deleteElementsCallback = useDeleteElementsCallback()\n    const handleDeleteClick = useCallback(() => {\n      closeMore()\n      onAction?.()\n      if (multi) void deleteElementsCallback(Besigner.focus.getSelected())\n      else void deleteElementCallback(node)\n    }, [\n      node,\n      multi,\n      closeMore,\n      onAction,\n      deleteElementCallback,\n      deleteElementsCallback,\n    ])\n\n    return (\n      <Paper\n        ref={ref}\n        sx={{\n          width: 240,\n          // Caps itself rather than growing past the window (AGL-1405). The\n          // Popper can only slide a menu back inside the viewport if it FITS\n          // in one; a taller menu was laid out past the bottom of the\n          // document and the page grew a scrollbar around it. `dvh` so a\n          // mobile browser's retracting toolbar does not leave the last item\n          // under it.\n          // Shorter than the window, not merely within it. A menu that only\n          // just fits is one `preventOverflow` has to slide a long way to\n          // place, and a menu that lands 200px from where it was asked for\n          // reads as landing at random.\n          maxHeight: 'min(420px, calc(100dvh - 24px))',\n          overflowY: 'auto',\n          overflowX: 'hidden',\n        }}\n        {...rest}\n      >\n        <MenuList dense>\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            component=\"div\"\n            sx={{\n              px: 1,\n              py: 0.15,\n              mb: 1,\n              textAlign: 'center',\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n              backgroundColor: (theme) =>\n                `rgba(${(theme as any).vars.palette.primary.darkChannel} / 0.12)`,\n            }}\n          >\n            {node?.labelShort}\n          </Typography>\n          {multi ? null : (\n            <MenuItem\n              onClick={() => {\n                onAction?.()\n                handleAddElementClick(node)\n              }}\n            >\n              <ListItemText inset>Add element</ListItemText>\n            </MenuItem>\n          )}\n          {multi ? null : <Divider />}\n          <MenuItem\n            onClick={handleParentOnClick}\n            disabled={isRootNode || multi}\n            onMouseEnter={handleParentOnMouseEnter}\n            onPointerEnter={handleParentOnMouseEnter}\n            onMouseLeave={handleParentOnMouseLeave}\n            onPointerLeave={handleParentOnMouseLeave}\n          >\n            <ListItemText inset>Select parent</ListItemText>\n          </MenuItem>\n          <MenuItem\n            onClick={handleMoveUp}\n            disabled={isRootNode || multi || !(node?.index > 0)}\n          >\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_MOVE_UP.path}\n              />\n            </ListItemIcon>\n            <ListItemText>Shift up</ListItemText>\n          </MenuItem>\n          <MenuItem\n            onClick={handleMoveDown}\n            disabled={\n              isRootNode ||\n              multi ||\n              !(node?.index < node?.parent?.nodes?.length - 1)\n            }\n          >\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_MOVE_DOWN.path}\n              />\n            </ListItemIcon>\n            <ListItemText>Shift down</ListItemText>\n          </MenuItem>\n          <MenuItem onClick={handleMoveOut} disabled={!canMoveOut}>\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_MOVE_OUT.path}\n              />\n            </ListItemIcon>\n            <ListItemText>Move out of container</ListItemText>\n          </MenuItem>\n          <MenuItem onClick={handleMoveIn} disabled={!canMoveIn}>\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_MOVE_IN.path}\n              />\n            </ListItemIcon>\n            <ListItemText>Move into element above</ListItemText>\n          </MenuItem>\n          {multi ? null : (\n            <MenuItem onClick={() => setJsonOpen(true)}>\n              <ListItemText inset>Edit JSON</ListItemText>\n            </MenuItem>\n          )}\n          <MenuItem disabled={isRootNode} onClick={handleToggleHiddenClick}>\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={\n                  hiddenOnSite\n                    ? ICON_VARIANT_VISIBILITY_SHOWN.path\n                    : ICON_VARIANT_VISIBILITY_HIDDEN.path\n                }\n              />\n            </ListItemIcon>\n            <ListItemText\n              secondary={\n                hiddenOnSite\n                  ? 'It will be on the page from the first paint'\n                  : 'For a menu panel or drawer. To hide it outright, use the eye on its Hierarchy row'\n              }\n              slotProps={{ secondary: { sx: { whiteSpace: 'normal' } } }}\n            >\n              {hiddenOnSite\n                ? 'Do not start hidden'\n                : 'Start hidden until an interaction shows it'}\n            </ListItemText>\n          </MenuItem>\n          <Divider />\n          <MenuItem disabled={isRootNode} onClick={handleCopyClick}>\n            <ListItemIcon>\n              <MdiIcon fontSize=\"inherit\" path={ICON_VARIANT_MODIFY_COPY.path} />\n            </ListItemIcon>\n            <ListItemText>{multi ? 'Copy selection' : 'Copy'}</ListItemText>\n          </MenuItem>\n          <MenuItem disabled={isRootNode} onClick={handleCopyStyles}>\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_COPY.path}\n              />\n            </ListItemIcon>\n            <ListItemText>{'Copy styles'}</ListItemText>\n          </MenuItem>\n          <MenuItem\n            disabled={isRootNode || !canPasteStyles}\n            onClick={handlePasteStyles}\n          >\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_PASTE.path}\n              />\n            </ListItemIcon>\n            <ListItemText\n              slotProps={{\n                primary: {\n                  sx: {\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                  },\n                },\n              }}\n            >\n              {copiedStyleLabel\n                ? `Paste styles from ${copiedStyleLabel}`\n                : 'Paste styles'}\n            </ListItemText>\n          </MenuItem>\n          <Divider />\n          <MenuItem disabled={!canPaste} onClick={handlePasteClick}>\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_PASTE.path}\n              />\n            </ListItemIcon>\n            <ListItemText\n              slotProps={{\n                primary: {\n                  sx: {\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                  },\n                },\n              }}\n            >\n              {clipboardLabels.length === 1\n                ? `Paste ${clipboardLabels[0]}`\n                : clipboardLabels.length > 1\n                  ? `Paste ${clipboardLabels.length} elements`\n                  : 'Paste'}\n            </ListItemText>\n          </MenuItem>\n          <Divider />\n          <MenuItem disabled={isRootNode} onClick={handleDuplicateClick}>\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_DUPLICATE.path}\n              />\n            </ListItemIcon>\n            <ListItemText>\n              {multi ? 'Duplicate selection' : 'Duplicate'}\n            </ListItemText>\n          </MenuItem>\n          <MenuItem disabled={isRootNode} onClick={handleDeleteClick}>\n            <ListItemIcon>\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_DELETE.path}\n              />\n            </ListItemIcon>\n            <ListItemText>{multi ? 'Delete selection' : 'Delete'}</ListItemText>\n          </MenuItem>\n        </MenuList>\n        <SubtreeJsonDialog\n          node={node}\n          open={jsonOpen}\n          onClose={() => {\n            setJsonOpen(false)\n            onAction?.()\n          }}\n        />\n      </Paper>\n    )\n  }),\n)\nNodeContextMenu.displayName = 'NodeContextMenu'\n\nexport default NodeContextMenu\n"],"names":["canvas","Besigner","BesignerPanelTabFlag","setBesignerPanels","ICON_VARIANT_MODIFY_COPY","ICON_VARIANT_MODIFY_DELETE","ICON_VARIANT_MODIFY_DUPLICATE","ICON_VARIANT_MODIFY_MOVE_DOWN","ICON_VARIANT_MODIFY_MOVE_IN","ICON_VARIANT_MODIFY_MOVE_OUT","ICON_VARIANT_MODIFY_MOVE_UP","ICON_VARIANT_MODIFY_PASTE","ICON_VARIANT_VISIBILITY_HIDDEN","ICON_VARIANT_VISIBILITY_SHOWN","MdiIcon","Divider","ListItemIcon","ListItemText","MenuItem","MenuList","Paper","Typography","action","observer","forwardRef","useCallback","useState","useAglynBesignerFlag","useAddElementDrawerCallback","useBesignerAppContext","useCopyElementsCallback","usePasteElementsCallback","useDeleteElementCallback","useDeleteElementsCallback","useMoveNodeInCallback","useMoveNodeOutCallback","isNodeHiddenOnSite","nodePropsWithHiddenOnSite","SubtreeJsonDialog","NodeContextMenu","props","ref","node","onAction","rest","isRootNode","multi","focus","hasMultipleSelected","app","handleAddElementClick","elementRef","refs","get","$id","moreOpen","setMoreOpen","moreButton","moreButtonRef","jsonOpen","setJsonOpen","closeMore","openMore","handleDuplicateClick","e","targets","getSelected","target","duplicateNode","handleModifyClick","panels","panelRight","toggled","tab","ELEMENT_PROPS_FORM","handleMoveUp","reorderNode","index","handleMoveDown","moveNodeOut","moveNodeIn","canMoveOut","canMoveNodeOut","canMoveIn","canMoveNodeIn","handleMoveOut","handleMoveIn","handleParentOnClick","setSelectedNode","parent","handleParentOnMouseEnter","setHoveredNode","handleParentOnMouseLeave","clearHover","copyElements","pasteElements","handleCopyClick","handlePasteClick","canPaste","clipboard","hasContent","clipboardLabels","getLabels","setRevealedNodeIds","hiddenOnSite","handleToggleHiddenClick","changed","push","length","current","filter","id","includes","copiedStyleLabel","styleClipboard","getStyleLabel","canPasteStyles","hasStyles","handleCopyStyles","copyStyles","handlePasteStyles","pasteStyles","deleteElementCallback","deleteElementsCallback","handleDeleteClick","sx","width","maxHeight","overflowY","overflowX","dense","variant","color","component","px","py","mb","textAlign","textOverflow","overflow","whiteSpace","backgroundColor","theme","vars","palette","primary","darkChannel","labelShort","onClick","inset","disabled","onMouseEnter","onPointerEnter","onMouseLeave","onPointerLeave","fontSize","path","nodes","secondary","slotProps","open","onClose","displayName"],"mappings":"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"}