@aglyn/besigner-ui 1.0.0-beta.143

package/src/lib/components/node-tree-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/components/node-tree-view.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, isFeatureEnabled, NODE_ROOT_ID } from '@aglyn/aglyn'\nimport * as Besigner from '@aglyn/besigner'\nimport {\n  ICON_VARIANT_COLLAPSIBLE_CLOSE,\n  ICON_VARIANT_COLLAPSIBLE_OPEN,\n  ICON_VARIANT_MODIFY_DRAG,\n  ICON_VARIANT_SHOW_MORE_VERTICAL,\n  ICON_VARIANT_VISIBILITY_HIDDEN,\n  ICON_VARIANT_VISIBILITY_SHOWN,\n} from '@aglyn/shared-data-enums'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { generateComponentClassKeys, styled } from '@aglyn/shared-ui-theme'\nimport { noop } from '@aglyn/shared-util-tools'\nimport {\n  Box,\n  BoxProps,\n  ClickAwayListener,\n  Collapse,\n  Divider,\n  IconButton,\n  List as MuiList,\n  ListItem as MuiListItem,\n  ListItemButton as MuiListItemButton,\n  listItemButtonClasses,\n  listItemClasses,\n  ListItemIcon as MuiListItemIcon,\n  type ListItemIconProps as MuiListItemIconProps,\n  type ListItemProps as MuiListItemProps,\n  ListItemText as MuiListItemText,\n  type ListProps as MuiListProps,\n  Popper,\n  Stack,\n  Tooltip,\n} from '@mui/material'\nimport clsx from 'clsx'\nimport uniq from 'lodash-es/uniq.js'\nimport { action } from 'mobx'\nimport { observer } from 'mobx-react-lite'\nimport type { ComponentProps } from 'react'\nimport {\n  type ChangeEvent,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport useLeafDrag from '../hooks/use-leaf-drag'\nimport useLeafDrop from '../hooks/use-leaf-drop'\nimport {\n  isAncestorHidden,\n  isNodeHiddenByAuthor,\n  isNodeHiddenOnSite,\n} from '../utils/canvas-reveal'\nimport ComponentIconComponent from './component-icon.component'\nimport NodeContextMenu from './node-context-menu'\n\nconst classKey = generateComponentClassKeys('TreeView', [\n  'root',\n  'subTreeView',\n  'treeItem',\n  'treeListItem',\n  'dragHandle',\n  'moreButton',\n  'visibilityButton',\n  'itemSelected',\n  'itemHovered',\n  'itemIsDragging',\n  'itemIsDragOver',\n])\n\nconst TreeView = styled(MuiList)<MuiListProps>(({ theme }) => ({\n  alignItems: 'stretch',\n  flexDirection: 'column',\n  width: 'fit-content',\n  minWidth: '100%',\n\n  [`& .${listItemButtonClasses.root}`]: {\n    zIndex: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n    // paddingLeft: 0,\n    borderTopLeftRadius: 4,\n    borderBottomLeftRadius: 4,\n    [[\n      `&:hover`,\n      `&.${listItemButtonClasses.focusVisible}`,\n      `&.${listItemButtonClasses.selected}`,\n      `&.${classKey.itemSelected}`,\n    ].join(',')]: {\n      backgroundColor: 'transparent',\n    },\n  },\n\n  [`& .${listItemClasses.root}`]: {\n    alignItems: 'stretch',\n    flexDirection: 'column',\n\n    borderTopLeftRadius: 4,\n    borderBottomLeftRadius: 4,\n\n    [`> .${classKey.treeListItem}`]: {\n      borderTopLeftRadius: 4,\n      borderBottomLeftRadius: 4,\n      [`& .${classKey.dragHandle}, & .${classKey.moreButton}`]: {\n        visibility: 'hidden',\n      },\n      // An open menu keeps its own button on screen — the pointer has left\n      // the row to reach the menu, so the hover rule no longer holds it.\n      [`& .${classKey.moreButton}[aria-expanded='true']`]: {\n        visibility: 'visible',\n      },\n\n      [`&:hover, &.${classKey.itemHovered}`]: {\n        [`& .${classKey.dragHandle}, & .${classKey.moreButton}`]: {\n          visibility: 'visible',\n        },\n        backgroundColor: `rgba(${(theme as any).vars.palette.primary.darkChannel} / calc(${(theme as any).vars.palette.action.hoverOpacity} + 0.2))`,\n        [`&:has(> .${listItemButtonClasses.focusVisible})`]: {\n          backgroundColor: `rgba(${(theme as any).vars.palette.primary.darkChannel} / calc(${(theme as any).vars.palette.action.focusOpacity} + 0.3))`,\n        },\n      },\n      [`&:has(> .${listItemButtonClasses.focusVisible})`]: {\n        backgroundColor: `rgba(${(theme as any).vars.palette.primary.darkChannel} / calc(${(theme as any).vars.palette.action.focusOpacity} + 0.2))`,\n      },\n    },\n    [`&.${classKey.itemSelected}`]: {\n      [`> .${classKey.treeListItem}`]: {\n        backgroundColor: `rgba(${(theme as any).vars.palette.secondary.mainChannel} / ${(theme as any).vars.palette.action.selectedOpacity})`,\n\n        [`&:hover, &.${classKey.itemHovered}`]: {\n          backgroundColor: `rgba(${(theme as any).vars.palette.secondary.mainChannel} / calc(${(theme as any).vars.palette.action.selectedOpacity} + 0.2))`,\n\n          [`&:has(> .${listItemButtonClasses.focusVisible})`]: {\n            backgroundColor: `rgba(${(theme as any).vars.palette.secondary.mainChannel} / calc(${(theme as any).vars.palette.action.selectedOpacity} + 0.2))`,\n          },\n        },\n        [`&:has(> .${listItemButtonClasses.focusVisible})`]: {\n          backgroundColor: `rgba(${(theme as any).vars.palette.secondary.mainChannel} / ${(theme as any).vars.palette.action.activatedOpacity})`,\n        },\n      },\n    },\n  },\n}))\nTreeView.displayName = 'TreeView'\n\n/**\n * The hierarchy's depth cue (AGL-2486).\n *\n * What this replaces was a per-level background tint, and every tint of that\n * shape has the same fault: it COMPOSITES. Each ancestor of the selection\n * painted its own overlay, so the row at depth n sat under n of them and its\n * background walked one step further toward the ink for every level. Against\n * the console's light palette the previous ramp crossed WCAG AA at the\n * seventh level (3.85:1) and reached 1.33:1 by the twelfth — the label and\n * the row had met. Dark mode looked right for the arithmetic reason that the\n * same darkening moves AWAY from light text, which is exactly why no single\n * tint direction can serve both schemes.\n *\n * Capping the ramp was tried and is not a fix either. A cap only decides\n * WHERE the cue stops working: past the cap every level paints the same\n * background, so depth 6 and depth 16 are indistinguishable, and the issue\n * asks for a cue that reads at depth 8 as clearly as at depth 1.\n *\n * So the cue is POSITIONAL rather than tonal. Each nesting level draws one\n * vertical guide in the row's indent gutter — depth is read by counting\n * lines, the way a tree view is read everywhere else. Guides are a fixed\n * colour and a fixed alpha at every level, and they live in the gutter, so\n * nothing is painted behind the label at all: the row's background is\n * `background.paper` at depth 1 and at depth 40, in both schemes, and the\n * text-vs-background contrast ratio is therefore a constant rather than a\n * function of depth. `hierarchy-depth-contrast.spec.ts` measures it.\n *\n * The branch containing the selection is still marked — that is what the old\n * tint was for — by colouring THAT row's guides with the accent instead. One\n * row, one element, no stacking possible.\n */\n\n/** Horizontal indent one nesting level adds, in px. */\nexport const HIERARCHY_INDENT_STEP = 23\n\n/** Width of one guide line, in px. */\nexport const HIERARCHY_GUIDE_WIDTH = 1\n\n/**\n * Alpha of a guide, over the ink colour of whichever scheme is active.\n *\n * Drawn from `text.primary` rather than `divider` so the one value serves\n * both schemes: the ink is dark on light and light on dark, so the guide\n * always moves AWAY from the surface it sits on instead of toward the label\n * — the failure mode of a fixed-direction tint, in miniature.\n *\n * 0.45 clears WCAG 1.4.11 (3:1 for a non-text cue) in the WORST of the four\n * surface/scheme pairings, and is not a number picked by eye: the measured\n * ratios are 3.35 and 3.32 in light, 3.89 and 4.19 in dark. `divider`, at\n * 0.12, measures 1.31 — legible as a hairline between panels, invisible as\n * the thing you are being asked to count. `hierarchy-depth-contrast.spec.ts`\n * re-derives all four.\n */\nexport const HIERARCHY_GUIDE_ALPHA = 0.45\n\n/**\n * Guides a row at `depth` draws, and how wide a gutter they occupy.\n *\n * Deliberately unbounded and deliberately linear: the count IS the depth, so\n * the cue keeps saying something new at every level. It can afford to,\n * because nothing here is cumulative — a guide is drawn beside the label,\n * never behind it.\n */\nexport function hierarchyGuideCount(depth: number): number {\n  // `strictNullChecks` is off repo-wide, so compare rather than truth-test.\n  return depth >= 2 ? depth - 1 : 0\n}\n\nexport function hierarchyGutterWidth(depth: number): number {\n  return hierarchyGuideCount(depth) * HIERARCHY_INDENT_STEP\n}\n\n/**\n * The depth-dependent CSS a tree row gets, as a plain object.\n *\n * Exported so the contrast spec can read the STYLES rather than a\n * description of them: the check that no key here is a background COLOUR is\n * what makes \"the depth cue never accumulates toward the text\" a property of\n * the code instead of a claim in a comment.\n */\nexport function hierarchyDepthStyles(\n  depth: number,\n  colors: { guide: string; activeGuide: string },\n) {\n  const gutter = hierarchyGutterWidth(depth)\n  if (!(gutter > 0)) return {}\n  const gutterFor = (color: string) => ({\n    // A gradient rather than n nested borders: the rows are siblings that\n    // pad themselves (see the button's `paddingLeft`), not physically\n    // nested boxes, so there is no element per level to hang a border on.\n    backgroundImage: `repeating-linear-gradient(to right, ${color} 0 ${HIERARCHY_GUIDE_WIDTH}px, transparent ${HIERARCHY_GUIDE_WIDTH}px ${HIERARCHY_INDENT_STEP}px)`,\n    backgroundRepeat: 'no-repeat',\n    // Clipped to the indent gutter, so the guides stop where the label\n    // starts and no line is ever drawn behind text.\n    backgroundSize: `${gutter}px 100%`,\n    backgroundPosition: 'left top',\n  })\n  const row = `> .${classKey.treeListItem} > .${listItemButtonClasses.root}`\n  return {\n    [row]: gutterFor(colors.guide),\n    // The row whose subtree holds the selection. Applied to the row's own\n    // button — one element per row, never an ancestor box wrapping its\n    // descendants — so however many ancestors match, none of them can\n    // stack on top of another.\n    [`&:has(.${classKey.subTreeView}):has(.${classKey.itemSelected}) ${row}`]:\n      gutterFor(colors.activeGuide),\n  }\n}\n\nconst TreeItem = styled(MuiListItem, {\n  shouldForwardProp(propName) {\n    return propName !== 'depth'\n  },\n})<MuiListItemProps & { depth: number }>(({ theme, depth = 1 }) => {\n  const tv = (theme as any).vars || theme\n  return hierarchyDepthStyles(depth, {\n    guide: `rgba(${tv.palette.text.primaryChannel} / ${HIERARCHY_GUIDE_ALPHA})`,\n    // Full strength, and the same accent the selected row already uses. A\n    // hairline is a small target for a hue cue, and `#e040fb` measures 3.34\n    // against the lightest surface and 3.78 against the darkest — dropping\n    // its alpha to soften it would spend the whole margin.\n    activeGuide: tv.palette.secondary.main,\n  })\n})\nTreeItem.displayName = 'TreeItem'\n\ninterface DragHandleProps extends MuiListItemIconProps {\n  draggingEnabled?: boolean\n}\n\nconst DragHandle = styled(MuiListItemIcon, {\n  shouldForwardProp(propName) {\n    return propName !== 'draggingEnabled'\n  },\n})<DragHandleProps>(({ theme, draggingEnabled }) => ({\n  minWidth: 23,\n  padding: theme.spacing(0.75),\n  paddingLeft: 0,\n  borderRadius: '4px',\n  cursor: 'move',\n  pointerEvents: !draggingEnabled ? 'none' : undefined,\n  opacity: !draggingEnabled ? 0.5 : undefined,\n  zIndex: 1,\n}))\nDragHandle.displayName = 'DragHandle'\n\ninterface NodeTreeItemProps\n  extends Omit<ComponentProps<typeof TreeItem>, 'depth'> {\n  nodeId: Aglyn.NodeId\n}\n\nconst NodeTreeItem = observer(\n  forwardRef<any, NodeTreeItemProps>((props, ref) => {\n    const { nodeId, className, ...rest } = props\n    const {\n      expanded,\n      closeIcon,\n      expandIcon,\n      onItemSelect,\n      onItemHover,\n      onItemToggle,\n      onItemFocus,\n    } = useContext(TreeViewContext)\n    // console.log('NodeTreeItem', [...expanded])\n    const node = canvas.getNode(nodeId)\n    const schema = node?.componentSchema\n    const nodeLabel = node?.labelShort\n    const breadcrumbPath = node?.breadcrumbPath || []\n    const depth = breadcrumbPath?.length - 1\n    const isRootNode = canvas.isRootNode(node)\n    const dragAllowed = isFeatureEnabled(schema?.flags?.dragging)\n    const collapseIn = expanded?.some((i) => i === nodeId)\n    const isSelected = Besigner.focus.isNodeSelected(node)\n    const isHovered = Besigner.focus.isNodeHovered(node)\n    const dragDisabled = Boolean(isRootNode || !dragAllowed)\n\n    /**\n     * The row's eye: this element's VISIBILITY.\n     *\n     * `display: none`, on the canvas and on the published site, and nothing\n     * reveals it. The plain \"I do not want this on the page\" switch every\n     * layer tree has — and, because it is a node FIELD composed last rather\n     * than a style, hiding a Stack laid out with `display: flex` gives that\n     * flex back the moment it is shown again.\n     *\n     * It does NOT write `aglyn-hidden`. That class means something else that\n     * looks the same from outside — \"starts hidden, and an interaction shows\n     * it\", for a mega-menu panel or a drawer — and it is part of a runtime\n     * contract that the show/hide steps and the canvas reveal both read. A\n     * visibility toggle that wrote it would enrol every hidden element in a\n     * choreography it is not part of. That switch is on the ⋮ menu, named\n     * for what it does.\n     */\n    const authorHidden = isNodeHiddenByAuthor(node)\n    const hiddenOnSite = isNodeHiddenOnSite(node)\n    /**\n     * Dimmed for either reason. Both mean the element is not on the page,\n     * and a reader scanning the tree is asking that question, not which\n     * mechanism answered it.\n     *\n     * Only the OUTERMOST hidden layer draws it: CSS opacity multiplies\n     * through nesting, so a panel inside a hidden drawer would fade to 0.2\n     * if every hidden level applied its own.\n     */\n    const dimsSubtree =\n      (authorHidden || hiddenOnSite) && !isAncestorHidden(node)\n    const toggleVisibility = useCallback(\n      (e: any) => {\n        // The row is a button and a drop target; without this the click\n        // also selects the row under the control.\n        e.stopPropagation()\n        e.preventDefault()\n        if (isRootNode) return\n        // Through the canvas so it records an undo step and reaches the node\n        // the MAP holds — see `updateNodeFields`.\n        canvas.updateNodeFields(node, { hidden: !authorHidden })\n      },\n      [node, isRootNode, authorHidden],\n    )\n\n    const {\n      attributes: dragAttributes,\n      transform,\n      isDragging,\n      setNodeRef: setDraggableNodeRef,\n      listeners: draggableListeners,\n    } = useLeafDrag(node, Besigner.DragType.TREE)\n    const style = transform\n      ? {\n          transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,\n          cursor: 'grab',\n          opacity: 0.5,\n        }\n      : undefined\n    const { setNodeRef: setDroppableNodeRef, isOver } = useLeafDrop(\n      node,\n      undefined,\n      'tree',\n    )\n\n    /**\n     * The row's own ⋮ menu (AGL-1405). The canvas overlay carries the same\n     * menu, but it only mounts for a node with a live DOM element\n     * (`node-overlay`: `isOpen = Boolean(elementRef?.current)`) — so a node\n     * its parent never renders, which is precisely the node that needs\n     * moving, has no overlay and no way to reach any action at all. The\n     * hierarchy is the one surface that shows a node the page doesn't.\n     */\n    /**\n     * The anchor the row's ⋮ menu hangs off, and the flag that it is open.\n     *\n     * A VIRTUAL anchor: the panel's right edge, at the height the pointer was.\n     *\n     * Neither of the two obvious choices works. The pointer alone opens the\n     * menu wherever in the panel the cursor happened to be, on top of the\n     * layer list. The row alone opens it at the row's top — which for a tall\n     * menu near the bottom of a long tree gets slid up by `preventOverflow`\n     * until it has visibly nothing to do with the row that was clicked.\n     *\n     * Taking one coordinate from each gives both: the menu always starts at\n     * the panel's edge and spills into the canvas, and it always starts level\n     * with the click.\n     */\n    type MenuAnchor = { getBoundingClientRect(): DOMRect }\n    const [menuAnchor, setMenuAnchor] = useState<MenuAnchor | null>(null)\n    /** The open menu, so its own scrolling can be told from the page's. */\n    const menuRef = useRef<HTMLElement | null>(null)\n    const menuOpen = Boolean(menuAnchor)\n    const closeMenu = useCallback(() => setMenuAnchor(null), [])\n    /**\n     * The anchor for one pointer event: the row's right edge, the pointer's\n     * height. Read once, at the moment of the click — a fixed rect, so the\n     * menu cannot drift while it is open.\n     */\n    const anchorFor = useCallback((e: any): MenuAnchor | null => {\n      const row = ((e.currentTarget as HTMLElement)?.closest(\n        `.${classKey.treeListItem}`,\n      ) ?? e.currentTarget) as HTMLElement | null\n      const rect = row?.getBoundingClientRect()\n      if (!rect) return null\n      /**\n       * The PANEL's edge, not the row's.\n       *\n       * A deep row is wider than the panel — the hierarchy scrolls\n       * horizontally, and indentation is what makes it — so `row.right` is a\n       * coordinate off the side of the visible panel, and a menu placed\n       * there opens in the middle of the canvas with a gap behind it. The\n       * nearest ancestor that actually scrolls is the panel, and its right\n       * edge is the boundary the menu should start from.\n       *\n       * Falls back to the row when nothing above it scrolls, which is the\n       * case the row's own edge is the right answer for.\n       */\n      let scroller: HTMLElement | null = row\n      while (scroller && scroller.scrollWidth <= scroller.clientWidth) {\n        scroller = scroller.parentElement\n      }\n      const bound = scroller?.getBoundingClientRect()\n      const x = Math.min(rect.right, bound?.right ?? rect.right)\n      const y = e.clientY || rect.top + rect.height / 2\n      return { getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }\n    }, [])\n    const toggleMenu = useCallback(\n      (e: any) => {\n        // The row is a button and the tree item is a drop target; without this\n        // the click also selects and re-focuses the row underneath the menu.\n        e.stopPropagation()\n        e.preventDefault()\n        const next = anchorFor(e)\n        setMenuAnchor((open) => (open ? null : next))\n      },\n      [anchorFor],\n    )\n    /**\n     * Right-click opens the same menu at the pointer. The row already carries\n     * every action a node has, and a layer tree that does not answer a\n     * right-click is one people assume is broken — they find the ⋮ eventually\n     * and read it as a workaround.\n     *\n     * `preventDefault` suppresses the browser's own menu, which is the whole\n     * point; nothing is lost, since the row holds no text to copy and no link\n     * to open.\n     */\n    // Escape as well as a click outside. A menu opened by a right-click is\n    // dismissed with Escape everywhere else, and the keyboard is the only way\n    // out for anyone not using a pointer. On the document rather than the\n    // Paper: the menu does not take focus when it opens, so a handler on it\n    // would never see the key.\n    useEffect(() => {\n      if (!menuOpen) return\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') closeMenu()\n      }\n      /**\n       * Scrolling dismisses it, which is what every native context menu does.\n       * The alternative is worse than it sounds: the menu is anchored to a\n       * point on screen, so scrolling the hierarchy slides the row out from\n       * under a menu that stays put — leaving a menu for an element the\n       * reader can no longer see, hanging over the canvas.\n       *\n       * Capture phase: the hierarchy scrolls inside its own container, and a\n       * scroll event from an element does not bubble to the document.\n       */\n      const onScroll = (event: Event) => {\n        // Not the menu's own scroll. The Paper caps its height and scrolls,\n        // so a long menu is scrolled the same way anything else is — and\n        // dismissing it for that is dismissing it for being used.\n        const target = event.target as Node | null\n        if (target && menuRef.current?.contains(target)) return\n        closeMenu()\n      }\n      document.addEventListener('keydown', onKeyDown)\n      document.addEventListener('scroll', onScroll, true)\n      return () => {\n        document.removeEventListener('keydown', onKeyDown)\n        document.removeEventListener('scroll', onScroll, true)\n      }\n    }, [menuOpen, closeMenu])\n\n    /**\n     * Right-click anywhere on the row opens the same menu. The row already\n     * carries every action a node has, and a layer tree that does not answer\n     * a right-click is one people assume is broken — they find the ⋮\n     * eventually and read it as a workaround.\n     *\n     * Anchored to the ROW rather than the pointer, which is the usual desktop\n     * convention and is wrong here: a menu at the cursor opens wherever in\n     * the panel the pointer happened to be, on top of the layer list. Off the\n     * row it always starts at the panel's edge and spills into the canvas.\n     *\n     * `preventDefault` suppresses the browser's own menu, which is the whole\n     * point; nothing is lost, since the row holds no text to copy and no link\n     * to open.\n     */\n    const openMenuOnRow = useCallback(\n      (e: any) => {\n        e.preventDefault()\n        e.stopPropagation()\n        setMenuAnchor(anchorFor(e))\n      },\n      [anchorFor],\n    )\n\n    if (!node) return <>'Invalid node'</>\n    return (\n      <TreeItem\n        ref={ref}\n        // ref={setDraggableNodeRef}\n        data-aglyn-node={nodeId}\n        {...dragAttributes}\n        depth={depth}\n        onMouseEnter={(e) => onItemHover(e, nodeId)}\n        onFocus={(e) => onItemFocus(e, nodeId)}\n        className={clsx(className, classKey.treeItem, {\n          [classKey.itemSelected]: isSelected,\n          [classKey.itemHovered]: isHovered,\n          [classKey.itemIsDragging]: isDragging,\n          [classKey.itemIsDragOver]: isOver,\n        })}\n        disablePadding\n        style={style}\n        sx={\n          dimsSubtree\n            ? {\n                // A hidden layer reads as hidden at a glance, without being\n                // selected or hovered — the row is the only place it is\n                // always on screen, because on the canvas it is by\n                // definition the thing you cannot see.\n                //\n                // On the TreeItem rather than the row, so the dim carries to\n                // every layer underneath: a container that does not ship\n                // takes its contents with it, and a full-strength child row\n                // inside a dimmed parent reads as \"this one still ships\".\n                //\n                // Held at 0.45 rather than hidden outright so names stay\n                // legible, and nothing here changes what the rows DO — a\n                // hidden element is still one you select, drag, rename and\n                // style.\n                opacity: 0.45,\n                fontStyle: 'italic',\n              }\n            : undefined\n        }\n        {...rest}\n      >\n        <Stack\n          ref={(e: any) => {\n            setDraggableNodeRef(e)\n            setDroppableNodeRef(e)\n          }}\n          className={classKey.treeListItem}\n          direction=\"row\"\n          onContextMenu={openMenuOnRow}\n        >\n          {!isRootNode && (\n            <MuiListItemIcon\n              {...draggableListeners}\n              className={classKey.dragHandle}\n              draggable\n              sx={{\n                minWidth: 23,\n                padding: 0.75,\n                pl: 0,\n                borderRadius: '4px',\n                cursor: 'move',\n                pointerEvents: dragDisabled ? 'none' : undefined,\n                opacity: dragDisabled ? 0.5 : undefined,\n                zIndex: 1,\n              }}\n            >\n              <MdiIcon\n                color=\"inherit\"\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_MODIFY_DRAG.path}\n              />\n            </MuiListItemIcon>\n          )}\n          <MuiListItemButton\n            sx={{\n              // The gutter the depth guides are drawn in — one source for\n              // both, or the lines would stop landing on the level\n              // boundaries they mark.\n              paddingLeft: `${hierarchyGutterWidth(depth)}px`,\n            }}\n            onClick={(e) => onItemSelect(e, nodeId)}\n            onMouseOver={(e) => onItemHover(e, nodeId)}\n            dense\n          >\n            <MuiListItemIcon sx={{ minWidth: 20, mr: '1px' }}>\n              <IconButton\n                color=\"default\"\n                // The chevron is the only control in the row that is not the\n                // row itself, and it had no name in any form — a screen\n                // reader announced \"button\", and hovering it said nothing.\n                // It states which way it will go, not which way it points.\n                aria-label={collapseIn ? 'Collapse children' : 'Expand children'}\n                title={collapseIn ? 'Collapse children' : 'Expand children'}\n                sx={{\n                  padding: '2px',\n                  visibility: !node?.hasNodes ? 'hidden' : 'visible',\n                }}\n                disabled={!node?.hasNodes}\n                onClick={(e) => onItemToggle(e, nodeId)}\n              >\n                {collapseIn ? closeIcon : expandIcon}\n              </IconButton>\n            </MuiListItemIcon>\n            <MuiListItemIcon\n              sx={{\n                minWidth: 20,\n                mr: 0.5,\n                fontSize: 14,\n                padding: 0.2,\n                borderRadius: '0.25em',\n                backgroundColor: 'background.default',\n                border: 1,\n                borderColor: 'divider',\n                boxShadow: 1,\n                color: 'primary',\n                display: 'flex',\n                alignItems: 'center',\n                flexDirection: 'column',\n              }}\n            >\n              <ComponentIconComponent\n                component={node?.componentSchema}\n                node={node}\n              />\n            </MuiListItemIcon>\n            <MuiListItemText\n              primary={nodeLabel}\n              slotProps={{\n                primary: {\n                  noWrap: true,\n                  sx: {\n                    maxWidth: '180px',\n                    width: 'fit-content',\n                    textOverflow: 'ellipsis',\n                  },\n                },\n              }}\n            />\n          </MuiListItemButton>\n          {!isRootNode && (\n            <Tooltip\n              title={\n                authorHidden\n                  ? 'Hidden. Click to show it.'\n                  : hiddenOnSite\n                    ? 'Starts hidden until an interaction shows it. Click to hide it outright.'\n                    : 'Visible. Click to hide it — here and on the published site.'\n              }\n            >\n              <IconButton\n                aria-label={\n                  authorHidden ? `Show ${nodeLabel}` : `Hide ${nodeLabel}`\n                }\n                aria-pressed={authorHidden}\n                className={classKey.visibilityButton}\n                color=\"default\"\n                onClick={toggleVisibility}\n                size=\"small\"\n                sx={{\n                  alignSelf: 'center',\n                  flexShrink: 0,\n                  padding: '2px',\n                  color: 'text.disabled',\n                  // Quiet on a visible element and permanent on a hidden one:\n                  // an eye on every row at full strength turns the hierarchy\n                  // into a column of icons, and the state worth seeing at a\n                  // glance is which elements the site does NOT ship. Focus\n                  // brings it back, so it is reachable by keyboard on a row\n                  // the pointer never touches.\n                  opacity: authorHidden ? 1 : 0,\n                  transition: 'opacity 120ms',\n                  '&:focus-visible': { opacity: 1 },\n                  [`.${classKey.treeListItem}:hover &`]: { opacity: 1 },\n                }}\n              >\n                <MdiIcon\n                  fontSize=\"inherit\"\n                  path={\n                    authorHidden\n                      ? ICON_VARIANT_VISIBILITY_HIDDEN.path\n                      : ICON_VARIANT_VISIBILITY_SHOWN.path\n                  }\n                />\n              </IconButton>\n            </Tooltip>\n          )}\n          <IconButton\n            aria-label={`Actions for ${nodeLabel}`}\n            aria-expanded={menuOpen}\n            aria-haspopup=\"menu\"\n            className={classKey.moreButton}\n            color=\"default\"\n            onClick={toggleMenu}\n            size=\"small\"\n            sx={{ alignSelf: 'center', flexShrink: 0, padding: '2px', mr: 0.25 }}\n          >\n            <MdiIcon\n              fontSize=\"inherit\"\n              path={ICON_VARIANT_SHOW_MORE_VERTICAL.path}\n            />\n          </IconButton>\n          {menuOpen && (\n            <Popper\n              anchorEl={menuAnchor as never}\n              open\n              /**\n               * Opens SIDEWAYS, into the canvas (AGL-1405).\n               *\n               * Below the row it covered the hierarchy — including the layer\n               * being acted on, which is the one thing you want to keep\n               * looking at while you read the menu, and it left almost no\n               * panel to click on to dismiss it. To the right there is a\n               * whole canvas to spill over, and it belongs to no control.\n               *\n               * The fallbacks matter for the narrow-window case: `left-*`\n               * only wins when the canvas edge is closer than the menu is\n               * wide, and `bottom-start` is the last resort.\n               */\n              placement=\"right-start\"\n              /**\n               * Kept inside the viewport. Without these the menu was laid\n               * out beside its anchor whatever room was left, so a row near\n               * the bottom of a long hierarchy pushed a 500px menu off the\n               * bottom of the document — and the PAGE grew a scrollbar to\n               * contain it, which moves the editor's own chrome under the\n               * reader.\n               *\n               * `flip` picks another side when this one does not fit;\n               * `preventOverflow` on the cross axis slides it up so a menu\n               * anchored near the bottom edge still lands fully on screen.\n               * The Paper caps its own height and scrolls, so a menu taller\n               * than the window is reachable rather than clipped.\n               */\n              modifiers={[\n                {\n                  name: 'flip',\n                  enabled: true,\n                  options: {\n                    fallbackPlacements: [\n                      'right-end',\n                      'left-start',\n                      'left-end',\n                      'bottom-start',\n                    ],\n                    padding: 8,\n                  },\n                },\n                {\n                  name: 'preventOverflow',\n                  enabled: true,\n                  options: { altAxis: true, padding: 8 },\n                },\n                // Clear of the row it belongs to, so the layer's name and\n                // its eye stay readable beside the open menu.\n                { name: 'offset', options: { offset: [0, 6] } },\n              ]}\n              // Above the panel, below dialogs and drawers — the same band\n              // the canvas overlay's copy of this menu sits in.\n              sx={{ zIndex: (theme) => theme.zIndex.modal - 1 }}\n            >\n              {/* NodeContextMenu forwards its ref to the Paper and spreads\n                  the rest, so it is a valid ClickAwayListener child on its\n                  own — no wrapper element to disturb the Popper's layout. */}\n              <ClickAwayListener onClickAway={closeMenu}>\n                <NodeContextMenu\n                  ref={menuRef}\n                  node={node}\n                  onAction={closeMenu}\n                />\n              </ClickAwayListener>\n            </Popper>\n          )}\n        </Stack>\n\n        {node?.hasNodes && (\n          <Box className={classKey.subTreeView} sx={{ position: 'relative' }}>\n            <Divider\n              orientation=\"vertical\"\n              sx={{\n                position: 'absolute',\n                height: 1,\n                left: `${\n                  depth <= 1 ? (depth < 1 ? 20 - 9 : 34) : depth * 23 + 11\n                }px`,\n                zIndex: 0,\n                pointerEvents: 'none',\n              }}\n              // flexItem\n            />\n            <Collapse unmountOnExit in={collapseIn}>\n              <TreeView disablePadding>\n                {node?.nodes?.map((nodeId) => (\n                  <NodeTreeItem key={nodeId} nodeId={nodeId} />\n                ))}\n              </TreeView>\n            </Collapse>\n          </Box>\n        )}\n      </TreeItem>\n    )\n  }),\n)\nNodeTreeItem.displayName = 'NodeTreeItem'\n\nconst TreeViewContext = createContext<{\n  expanded: Aglyn.NodeId[]\n  // selected: Aglyn.NodeId\n  closeIcon?: JSX.Node\n  expandIcon?: JSX.Node\n  onItemSelect: (e: ChangeEvent<any>, id: Aglyn.NodeId) => void\n  onItemToggle: (e: ChangeEvent<any>, id: Aglyn.NodeId) => void\n  onItemHover: (e: ChangeEvent<any>, id: Aglyn.NodeId) => void\n  onItemFocus: (e: ChangeEvent<any>, id: Aglyn.NodeId) => void\n}>({\n  expanded: [],\n  // selected: null,\n  closeIcon: '●',\n  expandIcon: '○',\n  onItemSelect: noop,\n  onItemToggle: noop,\n  onItemHover: noop,\n  onItemFocus: noop,\n})\n\nexport interface NodeTreeViewProps extends BoxProps {\n  TreeViewProps?: Partial<Omit<ComponentProps<typeof TreeView>, 'children'>>\n}\n\nconst CloseIcon = (\n  <MdiIcon fontSize=\"small\" path={ICON_VARIANT_COLLAPSIBLE_CLOSE.path} />\n)\nconst ExpandIcon = (\n  <MdiIcon fontSize=\"small\" path={ICON_VARIANT_COLLAPSIBLE_OPEN.path} />\n)\n\nexport const NodeTreeView = observer(\n  forwardRef<any, NodeTreeViewProps>((props, ref) => {\n    const { TreeViewProps, ...rest } = props\n    const allExpanded = Besigner.focus.getAllExpanded()\n    const manuallyCollapsed = Besigner.focus.getManuallyCollapsed()\n\n    const expanded = useMemo(() => {\n      const paths = allExpanded.reduce((acc, i) => {\n        return [...acc, ...(i?.breadcrumbPath || [])]\n      }, [])\n      return uniq(paths).filter((id) => !manuallyCollapsed.includes(id))\n    }, [allExpanded, manuallyCollapsed])\n\n    const handleTreeItemToggle = useCallback((e, $id: Aglyn.NodeId) => {\n      e.stopPropagation()\n      e.preventDefault()\n      const node = canvas.getNode($id)\n      if (!node) return\n      Besigner.focus.toggleNodeExpansion(node)\n    }, [])\n\n    const handleTreeItemSelect = useCallback((e, $id: Aglyn.NodeId) => {\n      e.stopPropagation()\n      e.preventDefault()\n      const node = canvas.getNode($id)\n      if (!node) return\n      // Multi-selection modifiers (AGL-8): Shift ranges from the anchor,\n      // Cmd/Ctrl toggles membership, plain click single-selects.\n      if (e.shiftKey) {\n        Besigner.focus.rangeSelectNode(node)\n      } else {\n        Besigner.focus.handleNodeSelection(node, e.metaKey || e.ctrlKey)\n      }\n    }, [])\n\n    const handleTreeItemHover = useCallback((e, $id: Aglyn.NodeId) => {\n      const node = canvas.getNode($id)\n      if (!node) return\n      Besigner.focus.setHoveredNode(node)\n    }, [])\n\n    const handleTreeItemFocus = useCallback((e, $id: Aglyn.NodeId) => {\n      e.stopPropagation()\n      const node = canvas.getNode($id)\n      if (!node) return\n      Besigner.focus.setHoveredNode(node)\n    }, [])\n\n    return (\n      <TreeViewContext.Provider\n        value={{\n          expanded: expanded,\n          closeIcon: CloseIcon,\n          expandIcon: ExpandIcon,\n          onItemFocus: handleTreeItemFocus,\n          onItemHover: handleTreeItemHover,\n          onItemSelect: handleTreeItemSelect,\n          onItemToggle: handleTreeItemToggle,\n        }}\n      >\n        <Box\n          ref={ref}\n          component=\"nav\"\n          id={'aglyn:node-tree-view'}\n          aria-label=\"canvas nodes navigator\"\n          {...rest}\n        >\n          <TreeView className={classKey.root} {...TreeViewProps}>\n            <NodeTreeItem nodeId={NODE_ROOT_ID} />\n          </TreeView>\n        </Box>\n      </TreeViewContext.Provider>\n    )\n  }),\n)\n\nNodeTreeView.displayName = 'NodeTreeView'\nNodeTreeView.aglyn = true\n\nexport default NodeTreeView\n"],"names":["canvas","isFeatureEnabled","NODE_ROOT_ID","Besigner","ICON_VARIANT_COLLAPSIBLE_CLOSE","ICON_VARIANT_COLLAPSIBLE_OPEN","ICON_VARIANT_MODIFY_DRAG","ICON_VARIANT_SHOW_MORE_VERTICAL","ICON_VARIANT_VISIBILITY_HIDDEN","ICON_VARIANT_VISIBILITY_SHOWN","MdiIcon","generateComponentClassKeys","styled","noop","Box","ClickAwayListener","Collapse","Divider","IconButton","List","MuiList","ListItem","MuiListItem","ListItemButton","MuiListItemButton","listItemButtonClasses","listItemClasses","ListItemIcon","MuiListItemIcon","ListItemText","MuiListItemText","Popper","Stack","Tooltip","clsx","uniq","observer","createContext","forwardRef","useCallback","useContext","useEffect","useMemo","useRef","useState","useLeafDrag","useLeafDrop","isAncestorHidden","isNodeHiddenByAuthor","isNodeHiddenOnSite","ComponentIconComponent","NodeContextMenu","classKey","TreeView","theme","alignItems","flexDirection","width","minWidth","root","zIndex","paddingTop","paddingBottom","borderTopLeftRadius","borderBottomLeftRadius","focusVisible","selected","itemSelected","join","backgroundColor","treeListItem","dragHandle","moreButton","visibility","itemHovered","vars","palette","primary","darkChannel","action","hoverOpacity","focusOpacity","secondary","mainChannel","selectedOpacity","activatedOpacity","displayName","HIERARCHY_INDENT_STEP","HIERARCHY_GUIDE_WIDTH","HIERARCHY_GUIDE_ALPHA","hierarchyGuideCount","depth","hierarchyGutterWidth","hierarchyDepthStyles","colors","gutter","gutterFor","color","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","row","guide","subTreeView","activeGuide","TreeItem","shouldForwardProp","propName","tv","text","primaryChannel","main","DragHandle","draggingEnabled","padding","spacing","paddingLeft","borderRadius","cursor","pointerEvents","undefined","opacity","NodeTreeItem","props","ref","schema","node","nodeId","className","rest","expanded","closeIcon","expandIcon","onItemSelect","onItemHover","onItemToggle","onItemFocus","TreeViewContext","getNode","componentSchema","nodeLabel","labelShort","breadcrumbPath","length","isRootNode","dragAllowed","flags","dragging","collapseIn","some","i","isSelected","focus","isNodeSelected","isHovered","isNodeHovered","dragDisabled","Boolean","authorHidden","hiddenOnSite","dimsSubtree","toggleVisibility","e","stopPropagation","preventDefault","updateNodeFields","hidden","attributes","dragAttributes","transform","isDragging","setNodeRef","setDraggableNodeRef","listeners","draggableListeners","DragType","TREE","style","x","y","setDroppableNodeRef","isOver","menuAnchor","setMenuAnchor","menuRef","menuOpen","closeMenu","anchorFor","currentTarget","closest","rect","getBoundingClientRect","scroller","scrollWidth","clientWidth","parentElement","bound","Math","min","right","clientY","top","height","DOMRect","toggleMenu","next","open","onKeyDown","event","key","onScroll","target","current","contains","document","addEventListener","removeEventListener","openMenuOnRow","data-aglyn-node","onMouseEnter","onFocus","treeItem","itemIsDragging","itemIsDragOver","disablePadding","sx","fontStyle","direction","onContextMenu","draggable","pl","fontSize","path","onClick","onMouseOver","dense","mr","aria-label","title","hasNodes","disabled","border","borderColor","boxShadow","display","component","slotProps","noWrap","maxWidth","textOverflow","aria-pressed","visibilityButton","size","alignSelf","flexShrink","transition","aria-expanded","aria-haspopup","anchorEl","placement","modifiers","name","enabled","options","fallbackPlacements","altAxis","offset","modal","onClickAway","onAction","position","orientation","left","unmountOnExit","in","nodes","map","CloseIcon","ExpandIcon","NodeTreeView","TreeViewProps","allExpanded","getAllExpanded","manuallyCollapsed","getManuallyCollapsed","paths","reduce","acc","filter","id","includes","handleTreeItemToggle","$id","toggleNodeExpansion","handleTreeItemSelect","shiftKey","rangeSelectNode","handleNodeSelection","metaKey","ctrlKey","handleTreeItemHover","setHoveredNode","handleTreeItemFocus","Provider","value","aglyn"],"mappings":"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"}

package/src/lib/components/panel-controls.component.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @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 { type StackProps } from '@mui/material';
+export interface PanelControlsProps extends StackProps {
+}
+declare const PanelControlsComponent: import("react").ForwardRefExoticComponent<Omit<PanelControlsProps, "ref"> & import("react").RefAttributes<any>>;
+export { PanelControlsComponent };
+export default PanelControlsComponent;

package/src/lib/components/panel-controls.component.js

@@ -0,0 +1,76 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @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 { ICON_VARIANT_DOCK_LEFT_TOGGLE, ICON_VARIANT_DOCK_RIGHT_TOGGLE } from "@aglyn/shared-data-enums";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Stack as MuiStack, ToggleButton as MuiToggleButton, ToggleButtonGroup as MuiToggleButtonGroup, Tooltip as MuiTooltip } from "@mui/material";
+import { forwardRef } from "react";
+import useAglynBesignerPanel from "../hooks/use-aglyn-besigner-panel.js";
+const PanelControlsComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const [panelLeft, setPanelLeft] = useAglynBesignerPanel('panelLeft');
+    const [panelRight, setPanelRight] = useAglynBesignerPanel('panelRight');
+    const openPanels = [
+        panelLeft,
+        panelRight
+    ].filter((i)=>Boolean(i == null ? void 0 : i.toggled)).map((i)=>i == null ? void 0 : i.id);
+    return /*#__PURE__*/ _jsx(MuiStack, _extends({
+        ref: ref,
+        direction: "row",
+        spacing: 1
+    }, props, {
+        children: /*#__PURE__*/ _jsxs(MuiToggleButtonGroup, {
+            size: "small",
+            value: openPanels,
+            children: [
+                /*#__PURE__*/ _jsx(MuiTooltip, {
+                    title: 'Left panel',
+                    children: /*#__PURE__*/ _jsx(MuiToggleButton, {
+                        selected: Boolean(panelLeft == null ? void 0 : panelLeft.toggled),
+                        value: Boolean(panelLeft == null ? void 0 : panelLeft.id) || false,
+                        onClick: ()=>setPanelLeft((panel)=>_extends({}, panel, {
+                                    toggled: !(panel == null ? void 0 : panel.toggled)
+                                })),
+                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                            fontSize: "inherit",
+                            path: ICON_VARIANT_DOCK_LEFT_TOGGLE.path
+                        })
+                    })
+                }),
+                /*#__PURE__*/ _jsx(MuiTooltip, {
+                    title: 'Right panel',
+                    children: /*#__PURE__*/ _jsx(MuiToggleButton, {
+                        selected: Boolean(panelRight == null ? void 0 : panelRight.toggled),
+                        value: Boolean(panelRight == null ? void 0 : panelRight.id) || false,
+                        onClick: ()=>setPanelRight((panel)=>_extends({}, panel, {
+                                    toggled: !(panel == null ? void 0 : panel.toggled)
+                                })),
+                        children: /*#__PURE__*/ _jsx(MdiIcon, {
+                            fontSize: "inherit",
+                            path: ICON_VARIANT_DOCK_RIGHT_TOGGLE.path
+                        })
+                    })
+                })
+            ]
+        })
+    }));
+});
+PanelControlsComponent.displayName = 'PanelControlsComponent';
+PanelControlsComponent.aglyn = true;
+export { PanelControlsComponent };
+export default PanelControlsComponent;
+
+//# sourceMappingURL=panel-controls.component.js.map

package/src/lib/components/panel-controls.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/components/panel-controls.component.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 {\n  ICON_VARIANT_DOCK_LEFT_TOGGLE,\n  ICON_VARIANT_DOCK_RIGHT_TOGGLE,\n} from '@aglyn/shared-data-enums'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  Stack as MuiStack,\n  type StackProps,\n  ToggleButton as MuiToggleButton,\n  ToggleButtonGroup as MuiToggleButtonGroup,\n  Tooltip as MuiTooltip,\n} from '@mui/material'\nimport { forwardRef } from 'react'\nimport useAglynBesignerPanel from '../hooks/use-aglyn-besigner-panel'\n\nexport interface PanelControlsProps extends StackProps {}\n\nconst PanelControlsComponent = forwardRef<any, PanelControlsProps>(\n  (props, ref) => {\n    const [panelLeft, setPanelLeft] = useAglynBesignerPanel('panelLeft')\n    const [panelRight, setPanelRight] = useAglynBesignerPanel('panelRight')\n    const openPanels = [panelLeft, panelRight]\n      .filter((i) => Boolean(i?.toggled))\n      .map((i) => i?.id)\n\n    return (\n      <MuiStack ref={ref} direction=\"row\" spacing={1} {...props}>\n        <MuiToggleButtonGroup size=\"small\" value={openPanels}>\n          <MuiTooltip title={'Left panel'}>\n            <MuiToggleButton\n              selected={Boolean(panelLeft?.toggled)}\n              value={Boolean(panelLeft?.id) || false}\n              onClick={() =>\n                setPanelLeft((panel) => ({\n                  ...panel,\n                  toggled: !panel?.toggled,\n                }))\n              }\n            >\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_DOCK_LEFT_TOGGLE.path}\n              />\n            </MuiToggleButton>\n          </MuiTooltip>\n          {/*<MuiTooltip title={'Bottom panel'}>*/}\n          {/*  <MuiToggleButton*/}\n          {/*    selected={openPanels.some(i => i === BesignerPanelViewFlag.PANEL_BOTTOM)}*/}\n          {/*    value={BesignerPanelViewFlag.PANEL_BOTTOM}*/}\n          {/*  >*/}\n          {/*    <MdiIcon fontSize=\"inherit\" path={ICON_VARIANT_DOCK_BOTTOM_TOGGLE.path} />*/}\n          {/*  </MuiToggleButton>*/}\n          {/*</MuiTooltip>*/}\n          <MuiTooltip title={'Right panel'}>\n            <MuiToggleButton\n              selected={Boolean(panelRight?.toggled)}\n              value={Boolean(panelRight?.id) || false}\n              onClick={() =>\n                setPanelRight((panel) => ({\n                  ...panel,\n                  toggled: !panel?.toggled,\n                }))\n              }\n            >\n              <MdiIcon\n                fontSize=\"inherit\"\n                path={ICON_VARIANT_DOCK_RIGHT_TOGGLE.path}\n              />\n            </MuiToggleButton>\n          </MuiTooltip>\n        </MuiToggleButtonGroup>\n      </MuiStack>\n    )\n  },\n)\nPanelControlsComponent.displayName = 'PanelControlsComponent'\nPanelControlsComponent.aglyn = true\n\nexport { PanelControlsComponent }\nexport default PanelControlsComponent\n"],"names":["ICON_VARIANT_DOCK_LEFT_TOGGLE","ICON_VARIANT_DOCK_RIGHT_TOGGLE","MdiIcon","Stack","MuiStack","ToggleButton","MuiToggleButton","ToggleButtonGroup","MuiToggleButtonGroup","Tooltip","MuiTooltip","forwardRef","useAglynBesignerPanel","PanelControlsComponent","props","ref","panelLeft","setPanelLeft","panelRight","setPanelRight","openPanels","filter","i","Boolean","toggled","map","id","direction","spacing","size","value","title","selected","onClick","panel","fontSize","path","displayName","aglyn"],"mappings":";;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,6BAA6B,EAC7BC,8BAA8B,QACzB,2BAA0B;AACjC,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SACEC,SAASC,QAAQ,EAEjBC,gBAAgBC,eAAe,EAC/BC,qBAAqBC,oBAAoB,EACzCC,WAAWC,UAAU,QAChB,gBAAe;AACtB,SAASC,UAAU,QAAQ,QAAO;AAClC,OAAOC,2BAA2B,uCAAmC;AAIrE,MAAMC,uCAAyBF,WAC7B,CAACG,OAAOC;IACN,MAAM,CAACC,WAAWC,aAAa,GAAGL,sBAAsB;IACxD,MAAM,CAACM,YAAYC,cAAc,GAAGP,sBAAsB;IAC1D,MAAMQ,aAAa;QAACJ;QAAWE;KAAW,CACvCG,MAAM,CAAC,CAACC,IAAMC,QAAQD,qBAAAA,EAAGE,OAAO,GAChCC,GAAG,CAAC,CAACH,IAAMA,qBAAAA,EAAGI,EAAE;IAEnB,qBACE,KAACtB;QAASW,KAAKA;QAAKY,WAAU;QAAMC,SAAS;OAAOd;kBAClD,cAAA,MAACN;YAAqBqB,MAAK;YAAQC,OAAOV;;8BACxC,KAACV;oBAAWqB,OAAO;8BACjB,cAAA,KAACzB;wBACC0B,UAAUT,QAAQP,6BAAAA,UAAWQ,OAAO;wBACpCM,OAAOP,QAAQP,6BAAAA,UAAWU,EAAE,KAAK;wBACjCO,SAAS,IACPhB,aAAa,CAACiB,QAAW,aACpBA;oCACHV,SAAS,EAACU,yBAAAA,MAAOV,OAAO;;kCAI5B,cAAA,KAACtB;4BACCiC,UAAS;4BACTC,MAAMpC,8BAA8BoC,IAAI;;;;8BAY9C,KAAC1B;oBAAWqB,OAAO;8BACjB,cAAA,KAACzB;wBACC0B,UAAUT,QAAQL,8BAAAA,WAAYM,OAAO;wBACrCM,OAAOP,QAAQL,8BAAAA,WAAYQ,EAAE,KAAK;wBAClCO,SAAS,IACPd,cAAc,CAACe,QAAW,aACrBA;oCACHV,SAAS,EAACU,yBAAAA,MAAOV,OAAO;;kCAI5B,cAAA,KAACtB;4BACCiC,UAAS;4BACTC,MAAMnC,+BAA+BmC,IAAI;;;;;;;AAOvD;AAEFvB,uBAAuBwB,WAAW,GAAG;AACrCxB,uBAAuByB,KAAK,GAAG;AAE/B,SAASzB,sBAAsB,GAAE;AACjC,eAAeA,uBAAsB"}

package/src/lib/components/picker-search-field.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @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 { type InputBaseProps } from '@mui/material';
+export interface PickerSearchFieldProps extends Omit<InputBaseProps, 'onChange' | 'value'> {
+    value: string;
+    onChange: (e: {
+        currentTarget?: {
+            value?: string;
+        };
+    }) => void;
+}
+/**
+ * The element picker's search input, shared by the Choose-element dialog and
+ * the Elements panel (AGL-2486).
+ *
+ * Both surfaces get the same accessible name and the same clear affordance,
+ * so a search that works in one works the same way in the other. The ranking
+ * they share lives in `usePickerFilter`.
+ */
+export declare function PickerSearchField(props: PickerSearchFieldProps): import("react").JSX.Element;
+export declare namespace PickerSearchField {
+    var displayName: string;
+}
+export default PickerSearchField;

package/src/lib/components/picker-search-field.js

@@ -0,0 +1,79 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @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 { ICON_VARIANT_CLEAR, ICON_VARIANT_SEARCH } from "@aglyn/shared-data-enums";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { IconButton, InputAdornment, InputBase } from "@mui/material";
+/**
+ * The element picker's search input, shared by the Choose-element dialog and
+ * the Elements panel (AGL-2486).
+ *
+ * Both surfaces get the same accessible name and the same clear affordance,
+ * so a search that works in one works the same way in the other. The ranking
+ * they share lives in `usePickerFilter`.
+ */ export function PickerSearchField(props) {
+    const { value, onChange } = props, rest = _object_without_properties_loose(props, [
+        "value",
+        "onChange"
+    ]);
+    return /*#__PURE__*/ _jsx(InputBase, _extends({
+        sx: {
+            flex: 1,
+            color: 'inherit'
+        },
+        placeholder: "Search elements",
+        inputProps: {
+            'aria-label': 'search elements'
+        },
+        value: value,
+        onChange: onChange,
+        startAdornment: /*#__PURE__*/ _jsx(InputAdornment, {
+            sx: {
+                color: 'inherit'
+            },
+            position: "start",
+            children: /*#__PURE__*/ _jsx(MdiIcon, {
+                path: ICON_VARIANT_SEARCH.path
+            })
+        }),
+        endAdornment: value ? /*#__PURE__*/ _jsx(InputAdornment, {
+            sx: {
+                color: 'inherit'
+            },
+            position: "end",
+            children: /*#__PURE__*/ _jsx(IconButton, {
+                type: "button",
+                color: "inherit",
+                sx: {
+                    p: '10px'
+                },
+                "aria-label": "clear filter",
+                // An IconButton has no `currentTarget.value`, so the shared
+                // handler reads the query as '' — the clear IS the change.
+                onClick: onChange,
+                children: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: ICON_VARIANT_CLEAR.path
+                })
+            })
+        }) : null
+    }, rest));
+}
+PickerSearchField.displayName = 'PickerSearchField';
+export default PickerSearchField;
+
+//# sourceMappingURL=picker-search-field.js.map

package/src/lib/components/picker-search-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/components/picker-search-field.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 { ICON_VARIANT_CLEAR, ICON_VARIANT_SEARCH } from '@aglyn/shared-data-enums'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  IconButton,\n  InputAdornment,\n  InputBase,\n  type InputBaseProps,\n} from '@mui/material'\n\nexport interface PickerSearchFieldProps\n  extends Omit<InputBaseProps, 'onChange' | 'value'> {\n  value: string\n  onChange: (e: { currentTarget?: { value?: string } }) => void\n}\n\n/**\n * The element picker's search input, shared by the Choose-element dialog and\n * the Elements panel (AGL-2486).\n *\n * Both surfaces get the same accessible name and the same clear affordance,\n * so a search that works in one works the same way in the other. The ranking\n * they share lives in `usePickerFilter`.\n */\nexport function PickerSearchField(props: PickerSearchFieldProps) {\n  const { value, onChange, ...rest } = props\n\n  return (\n    <InputBase\n      sx={{ flex: 1, color: 'inherit' }}\n      placeholder=\"Search elements\"\n      inputProps={{ 'aria-label': 'search elements' }}\n      value={value}\n      onChange={onChange}\n      startAdornment={\n        <InputAdornment sx={{ color: 'inherit' }} position=\"start\">\n          <MdiIcon path={ICON_VARIANT_SEARCH.path} />\n        </InputAdornment>\n      }\n      endAdornment={\n        value ? (\n          <InputAdornment sx={{ color: 'inherit' }} position=\"end\">\n            <IconButton\n              type=\"button\"\n              color=\"inherit\"\n              sx={{ p: '10px' }}\n              aria-label=\"clear filter\"\n              // An IconButton has no `currentTarget.value`, so the shared\n              // handler reads the query as '' — the clear IS the change.\n              onClick={onChange}\n            >\n              <MdiIcon path={ICON_VARIANT_CLEAR.path} />\n            </IconButton>\n          </InputAdornment>\n        ) : null\n      }\n      {...rest}\n    />\n  )\n}\nPickerSearchField.displayName = 'PickerSearchField'\n\nexport default PickerSearchField\n"],"names":["ICON_VARIANT_CLEAR","ICON_VARIANT_SEARCH","MdiIcon","IconButton","InputAdornment","InputBase","PickerSearchField","props","value","onChange","rest","sx","flex","color","placeholder","inputProps","startAdornment","position","path","endAdornment","type","p","aria-label","onClick","displayName"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,kBAAkB,EAAEC,mBAAmB,QAAQ,2BAA0B;AAClF,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SACEC,UAAU,EACVC,cAAc,EACdC,SAAS,QAEJ,gBAAe;AAQtB;;;;;;;CAOC,GACD,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAW,GAAGF,OAATG,wCAASH;;;;IAErC,qBACE,KAACF;QACCM,IAAI;YAAEC,MAAM;YAAGC,OAAO;QAAU;QAChCC,aAAY;QACZC,YAAY;YAAE,cAAc;QAAkB;QAC9CP,OAAOA;QACPC,UAAUA;QACVO,8BACE,KAACZ;YAAeO,IAAI;gBAAEE,OAAO;YAAU;YAAGI,UAAS;sBACjD,cAAA,KAACf;gBAAQgB,MAAMjB,oBAAoBiB,IAAI;;;QAG3CC,cACEX,sBACE,KAACJ;YAAeO,IAAI;gBAAEE,OAAO;YAAU;YAAGI,UAAS;sBACjD,cAAA,KAACd;gBACCiB,MAAK;gBACLP,OAAM;gBACNF,IAAI;oBAAEU,GAAG;gBAAO;gBAChBC,cAAW;gBACX,4DAA4D;gBAC5D,2DAA2D;gBAC3DC,SAASd;0BAET,cAAA,KAACP;oBAAQgB,MAAMlB,mBAAmBkB,IAAI;;;aAGxC;OAEFR;AAGV;AACAJ,kBAAkBkB,WAAW,GAAG;AAEhC,eAAelB,kBAAiB"}

package/src/lib/components/plugin-settings-field.component.d.ts

@@ -0,0 +1,38 @@
+/** Mapper key for the attributes form (editor-internal, never persisted). */
+export declare const PLUGIN_SETTINGS_FIELD_COMPONENT = "aglyn-plugin-settings-field";
+/**
+ * A plugin's settings, as real fields (AGL-1049).
+ *
+ * `Plugin settings (JSON)` was a textarea: authors hand-wrote
+ * `{"title":"Spring sale"}` with no validation, no defaults, no idea which keys
+ * exist, and no feedback when a key was dropped for not being in the manifest.
+ * `filterPluginProps` drops anything undeclared, so a typo does not fail — it
+ * quietly does nothing, which is the worst of the options.
+ *
+ * The fields come from `resolvePluginPropFields`, which is driven by
+ * `capabilities.props` — THE allowlist — and merely decorated by the
+ * publisher's optional `propSchema`. So the form agrees with the filter by
+ * construction: it cannot offer a setting the plugin will not receive, and a
+ * plugin that predates `propSchema` still gets a field per declared prop as
+ * plain text rather than a blank box.
+ *
+ * ## Which plugin
+ *
+ * Read from the SIBLING `listingId` field through the form API rather than
+ * from props. The two attributes are edited in one form and the settings are
+ * meaningless without the selection, so this has to follow it live — picking a
+ * different plugin has to re-render against a different manifest, not keep
+ * showing the last one's fields.
+ *
+ * ## The escape hatch stays
+ *
+ * Raw JSON behind a toggle, per the issue: a plugin may legitimately accept a
+ * key no schema covers, and taking that away to make the generated form look
+ * tidier would remove the only way to set it. It is not the way in, though —
+ * it is the way out.
+ */
+export declare function PluginSettingsField(props: Record<string, unknown>): import("react").JSX.Element;
+export declare namespace PluginSettingsField {
+    var displayName: string;
+}
+export default PluginSettingsField;