@ai-matrx/design-system 0.86.349 → 0.86.350

package/dist/record-list.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/record-list/index.ts","../src/record-list/RecordList.tsx","../src/icons.tsx","../src/button.tsx","../src/cn.ts","../src/error-box.tsx","../src/error-notice.tsx","../src/read-state/reload-page-button.tsx","../src/read-state/read-failure.tsx","../src/read-state/stale-data-notice.tsx","../src/read-state/read-gate.tsx","../src/read-state/list-empty-view.tsx","../src/item/ItemRow.tsx","../src/controls/controls.tsx","../src/dropdown-menu.tsx","../src/motion.ts","../src/solid-surface.ts","../src/portal-container.tsx","../src/menu-scroll-edges.tsx","../src/use-scroll-fade.ts","../src/submenu-focus.ts","../src/submenu-side.tsx","../src/focus-return.ts","../src/field-surface.ts","../src/textarea.tsx","../src/editable-label.tsx","../src/tap-target/link.ts","../src/item/ItemMenu.tsx","../src/content-transfer/icon.ts","../src/table-host/host.tsx","../src/table-host/row-drawing.ts","../src/context-menu.tsx","../src/controls/menu-look.tsx","../src/popover.tsx","../src/item/ItemMenuDrawer.tsx","../src/drawer.tsx","../src/floating-layer.tsx","../src/radix-dialog-modal-context.tsx","../src/item/types.ts","../src/item/host.tsx","../src/item/run-entry.ts","../src/checkbox.tsx","../src/mac-table/tokens.ts"],"sourcesContent":["\"use client\";\n\n/**\n * @ai-matrx/design-system/record-list — the light record list: `ItemRow`s with\n * the read states, selection and keyboard navigation. Never imports the data table.\n */\nexport { RecordList, type RecordListProps } from \"./RecordList\";\nexport { ItemRow } from \"../item/ItemRow\";\nexport type { ItemEntityRef, ItemMenuConfig, ItemMenuConfigInput, ItemRowProps, ItemRowSize } from \"../item/types\";\nexport { readOf, type ReadOutcome } from \"../read-state/read-gate\";\n","\"use client\";\n\n/**\n * RecordList — THE LIGHT RECORD LIST (2026-10-17). A list of records, each an\n * `ItemRow`: title, an optional second line, muted meta, leading icon,\n * trailing indicators, actions and the row's menu; a row that links or opens;\n * optional selection (checkboxes) and a current row; arrow-key navigation; and\n * the honest read states (`read` / `ReadGate`: the empty view only after a\n * read that succeeded, the failure with its retry, stale rows kept with a notice).\n *\n * Use it instead of mapping bordered hover `<div>`s. When a list needs columns,\n * sorting or filters, it is a table: `LiteTable`, then `MatrxDataTable`.\n *\n * THE MAC LIST (2026-10-17): its rows wear the desktop app's `ListRow` — 36 pt, 13 pt title and\n * secondary line, a 7 pt corner, the pointer's fill, the gray selection (the accent while the list\n * has focus); `framed` is System Settings' grouped box with hairlines between. Values from\n * `../mac-table/tokens.ts`, drawn by `mac-table.css`; `mac-table-parity.test.ts` keeps them equal.\n */\n\nimport { useRef, type KeyboardEvent, type ReactNode } from \"react\";\nimport type { MatrxDataTableEmptyState } from \"../data-table/types\";\nimport { ReadEmpty, ReadStaleNotice, type ReadOutcome } from \"../read-state/read-gate\";\nimport { ListEmptyView } from \"../read-state/list-empty-view\";\nimport { ItemRow } from \"../item/ItemRow\";\nimport type { ItemEntityRef, ItemMenuConfigInput, ItemRowSize } from \"../item/types\";\nimport { Checkbox } from \"../checkbox\";\nimport { cn } from \"../cn\";\nimport { MAC_LIST_ATTRIBUTE } from \"../mac-table/tokens\";\n\nexport interface RecordListProps<T> {\n  items: T[];\n  getKey: (item: T) => string;\n  /** The row's name (plain text: it is also the tooltip and the accessible name). */\n  title: (item: T) => string;\n  /** A second line under the title. */\n  subtitle?: ((item: T) => ReactNode) | undefined;\n  /** Muted text at the trailing edge (a date, a count). */\n  meta?: ((item: T) => string | undefined) | undefined;\n  /** Icon / avatar / status dot before the title. */\n  leading?: ((item: T) => ReactNode) | undefined;\n  /** Indicators inside the row, after the meta (badges, a lock). Never buttons. */\n  trailing?: ((item: T) => ReactNode) | undefined;\n  /** Buttons at the trailing edge, outside the row's own link. */\n  actions?: ((item: T) => ReactNode) | undefined;\n  /** The row's kebab + right-click menu. */\n  menu?: ((item: T) => ItemMenuConfigInput | undefined) | undefined;\n  /** The row's page: the row is a real link (new tab, copy link). */\n  href?: ((item: T) => string | undefined) | undefined;\n  /** Plain click / Enter. With `href`, a side effect unless `openInPlace`. */\n  onOpen?: ((item: T) => void) | undefined;\n  openInPlace?: boolean | undefined;\n  /** The current row (drawn selected). */\n  activeKey?: string | null | undefined;\n  /** Checkbox selection. Present → each row gets a checkbox. */\n  selectedKeys?: readonly string[] | undefined;\n  onSelectedKeysChange?: ((keys: string[]) => void) | undefined;\n  disabled?: ((item: T) => boolean) | undefined;\n  /** The read behind `items`. */\n  read?: ReadOutcome | undefined;\n  emptyState?: MatrxDataTableEmptyState | ReactNode;\n  size?: ItemRowSize | undefined;\n  /** Hairlines between rows inside a bordered box. Default true; false = bare rows (a sidebar). */\n  framed?: boolean | undefined;\n  /** Who owns the rows' menus (the item menu's registry name). */\n  sourceFeature: string;\n  surfaceName?: string | undefined;\n  entity?: ((item: T) => ItemEntityRef | undefined) | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n}\n\nexport function RecordList<T>({\n  items,\n  getKey,\n  title,\n  subtitle,\n  meta,\n  leading,\n  trailing,\n  actions,\n  menu,\n  href,\n  onOpen,\n  openInPlace,\n  activeKey,\n  selectedKeys,\n  onSelectedKeysChange,\n  disabled,\n  read,\n  emptyState = { title: \"Nothing here yet\" },\n  size = \"md\",\n  framed = true,\n  sourceFeature,\n  surfaceName,\n  entity,\n  ariaLabel,\n  className,\n}: RecordListProps<T>) {\n  const listRef = useRef<HTMLUListElement | null>(null);\n\n  if (items.length === 0) {\n    return (\n      <div className={className} data-record-list=\"\" {...{ [MAC_LIST_ATTRIBUTE]: \"\" }}>\n        <ReadEmpty read={read}>\n          <ListEmptyView emptyState={emptyState} />\n        </ReadEmpty>\n      </div>\n    );\n  }\n\n  const selectable = selectedKeys !== undefined;\n  const selected = new Set(selectedKeys ?? []);\n  const toggle = (key: string, on: boolean) => {\n    const next = new Set(selected);\n    if (on) next.add(key);\n    else next.delete(key);\n    onSelectedKeysChange?.(items.map(getKey).filter((k) => next.has(k)));\n  };\n\n  // Up/Down/Home/End move between rows; Enter and Space stay the row's own.\n  const onKeyDown = (event: KeyboardEvent<HTMLUListElement>) => {\n    if (![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)) return;\n    const target = event.target as HTMLElement;\n    if (target.closest(\"input,textarea,[contenteditable=true],[role=menu]\")) return;\n    const rows = Array.from(listRef.current?.querySelectorAll<HTMLElement>(\"[data-item-primary]\") ?? []);\n    const at = rows.findIndex((row) => row === target || row.contains(target) || target.closest(\"li\")?.contains(row));\n    const to =\n      event.key === \"Home\" ? 0 : event.key === \"End\" ? rows.length - 1 : event.key === \"ArrowDown\" ? at + 1 : at - 1;\n    const next = rows[Math.max(0, Math.min(rows.length - 1, to))];\n    if (next) {\n      event.preventDefault();\n      next.focus();\n    }\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)} data-record-list=\"\" {...{ [MAC_LIST_ATTRIBUTE]: \"\" }}>\n      <ReadStaleNotice read={read} />\n      <ul\n        ref={listRef}\n        aria-label={ariaLabel}\n        onKeyDown={onKeyDown}\n        data-mac-list-body=\"\"\n        data-framed={framed ? \"\" : undefined}\n        className={cn(\"flex flex-col\", !framed && \"gap-0.5\")}\n      >\n        {items.map((item) => {\n          const key = getKey(item);\n          const name = title(item);\n          const metaText = meta?.(item);\n          const rowHref = href?.(item);\n          const rowMenu = menu?.(item);\n          const rowEntity = entity?.(item);\n          const rowActions = actions?.(item);\n          const lead = leading?.(item);\n          const trail = trailing?.(item);\n          const sub = subtitle?.(item);\n          return (\n            <li key={key} data-record-key={key}>\n              <ItemRow\n                label={name}\n                sourceFeature={sourceFeature}\n                size={size}\n                active={activeKey === key}\n                {...(metaText ? { secondaryLabel: metaText } : {})}\n                {...(sub != null ? { subtitle: sub } : {})}\n                {...(lead != null ? { leading: lead } : {})}\n                {...(trail != null ? { trailing: trail } : {})}\n                {...(rowActions != null ? { actions: rowActions } : {})}\n                {...(rowMenu ? { menu: rowMenu } : {})}\n                {...(rowHref ? { href: rowHref } : {})}\n                {...(onOpen ? { onOpen: () => onOpen(item) } : {})}\n                {...(openInPlace ? { openInPlace } : {})}\n                {...(disabled?.(item) ? { disabled: true } : {})}\n                {...(surfaceName ? { surfaceName } : {})}\n                {...(rowEntity ? { entity: rowEntity } : {})}\n                {...(selectable\n                  ? {\n                      leadingControl: (\n                        <Checkbox\n                          size=\"sm\"\n                          aria-label={`Select ${name}`}\n                          checked={selected.has(key)}\n                          onCheckedChange={(on) => toggle(key, on === true)}\n                        />\n                      ),\n                    }\n                  : {})}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n","/**\n * Internal inlined SVG icons (policy C19: no icon-library dependency, ever).\n *\n * Each icon is copied from the exact glyph the ported originals rendered:\n * lucide-react's Loader2 / ChevronLeft / ChevronRight / MoreHorizontal and\n * @radix-ui/react-icons' Cross2Icon. Same viewBoxes, same paths, same default\n * stroke geometry — a host swapping the import sees pixel-identical output.\n *\n * Not exported from the package entry; components consume them directly.\n */\n\nimport * as React from \"react\";\n\nexport type IconProps = React.SVGAttributes<SVGSVGElement>;\n\n/**\n * Every lucide glyph carries `lucide-<name>`, the class lucide-react itself renders: THE OPTICAL\n * GLYPH TRIM (tap-target.css) reads the glyph's real air from it, and a caller's own class follows it.\n */\nfunction lucideProps(name: string, { className, ...props }: IconProps): React.SVGAttributes<SVGSVGElement> {\n  return {\n    className: className ? `lucide-${name} ${className}` : `lucide-${name}`,\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2,\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    \"aria-hidden\": true,\n    ...props,\n  };\n}\n\n/**\n * lucide `loader-2` — the spinner glyph. Callers add `matrx-spin`.\n * Never a resting icon: at rest this incomplete arc reads as a broken\n * half-circle. Refresh controls use arrows, then swap to this only while busy.\n */\nexport function Loader2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"loader-circle\", props)}>\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-left`. */\nexport function ChevronLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-left\", props)}>\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-right`. */\nexport function ChevronRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-right\", props)}>\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-down` — the disclosure's open glyph. */\nexport function ChevronDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-down\", props)}>\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `trash-2` (moved from @ai-matrx/agents). */\nexport function Trash2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"trash-2\", props)}>\n      <path d=\"M10 11v6\" />\n      <path d=\"M14 11v6\" />\n      <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n      <path d=\"M3 6h18\" />\n      <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `archive` — the archived-rows glyph (ArchivedDisclosure). */\nexport function ArchiveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"archive\", props)}>\n      <rect width=\"20\" height=\"5\" x=\"2\" y=\"3\" rx=\"1\" />\n      <path d=\"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8\" />\n      <path d=\"M10 12h4\" />\n    </svg>\n  );\n}\n\n/** lucide `more-horizontal` — the kebab/ellipsis glyph. */\nexport function MoreHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"ellipsis\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `check` — the selected-row tick (CreatablePicker). */\nexport function CheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"check\", props)}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-up-down` — the combobox trigger glyph. */\nexport function ChevronsUpDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-up-down\", props)}>\n      <path d=\"m7 15 5 5 5-5\" />\n      <path d=\"m7 9 5-5 5 5\" />\n    </svg>\n  );\n}\n\n/** lucide `external-link` — the manage-in-new-tab glyph. */\nexport function ExternalLinkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"external-link\", props)}>\n      <path d=\"M15 3h6v6\" />\n      <path d=\"M10 14 21 3\" />\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n    </svg>\n  );\n}\n\n/** lucide `lock` — the platform-governed vocabulary glyph. */\nexport function LockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"lock\", props)}>\n      <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n    </svg>\n  );\n}\n\n/** lucide `pencil` — the edit glyph (the table card's Edit action). */\nexport function PencilIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pencil\", props)}>\n      <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" />\n      <path d=\"m15 5 4 4\" />\n    </svg>\n  );\n}\n\n/** lucide `message-square` — a row's comments (records-ui SectionCard). */\nexport function MessageSquareIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"message-square\", props)}>\n      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n    </svg>\n  );\n}\n\n/** lucide `sticky-note` — a row's usage note (records-ui SectionCard). */\nexport function StickyNoteIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sticky-note\", props)}>\n      <path d=\"M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z\" />\n      <path d=\"M15 3v4a2 2 0 0 0 2 2h4\" />\n    </svg>\n  );\n}\n\n/** lucide `minus` — the decrease glyph (NumberStepper). */\nexport function MinusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"minus\", props)}>\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n\n/** lucide `plus` — the create/add glyph. */\nexport function PlusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"plus\", props)}>\n      <path d=\"M5 12h14\" />\n      <path d=\"M12 5v14\" />\n    </svg>\n  );\n}\n\n/** lucide `search` — the magnifier (the `@ai-matrx/design-system/icons` section). */\nexport function SearchIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"search\", props)}>\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"m21 21-4.3-4.3\" />\n    </svg>\n  );\n}\n\n/** lucide `list-filter` — a table's filter button (Mail's and Finder's filter). */\nexport function ListFilterIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"list-filter\", props)}>\n      <path d=\"M3 6h18\" />\n      <path d=\"M7 12h10\" />\n      <path d=\"M10 18h4\" />\n    </svg>\n  );\n}\n\n/** lucide `pin` — pinned state (the `@ai-matrx/design-system/icons` section). */\nexport function PinIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pin\", props)}>\n      <path d=\"M12 17v5\" />\n      <path d=\"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z\" />\n    </svg>\n  );\n}\n\n/** lucide `x` — the dialog close glyph (host dialog module used lucide X). */\nexport function XIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"x\", props)}>\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons components default to width/height 15 — the bare\n * `<ChevronUpIcon />` renders in Select's scroll buttons rely on it.\n */\nfunction radixProps(props: IconProps): React.SVGAttributes<SVGSVGElement> {\n  return {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 15 15\",\n    width: 15,\n    height: 15,\n    fill: \"none\",\n    \"aria-hidden\": true,\n    ...props,\n  };\n}\n\n/** @radix-ui/react-icons `MagnifyingGlassIcon` — the command search glyph. */\nexport function MagnifyingGlassIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `CheckIcon` — the select item indicator glyph. */\nexport function RadixCheckIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons `DividerHorizontalIcon` — the INDETERMINATE checkbox\n * glyph. Radix renders the indicator for both `true` and `\"indeterminate\"`, so\n * a half-selected \"select all\" that shows a full check states something false;\n * the two states get different glyphs on purpose.\n */\nexport function DividerHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `DotFilledIcon` — the menu radio-item indicator. */\nexport function DotFilledIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronRightIcon` — the submenu-trigger glyph. */\nexport function RadixChevronRightIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronDownIcon` — the select trigger/scroll glyph. */\nexport function RadixChevronDownIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronUpIcon` — the select scroll-up glyph. */\nexport function RadixChevronUpIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `Cross2Icon` — the dialog/sheet close glyph. */\nexport function Cross2Icon(props: IconProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      aria-hidden\n      {...props}\n    >\n      <path\n        d=\"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons `DragHandleDots2Icon` — the grip on `ResizableHandle`.\n * Inlined per C19: this package depends on no icon library.\n */\nexport function DragHandleDots2Icon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M4.5 2.5C5.05228 2.5 5.5 2.05228 5.5 1.5C5.5 0.947715 5.05228 0.5 4.5 0.5C3.94772 0.5 3.5 0.947715 3.5 1.5C3.5 2.05228 3.94772 2.5 4.5 2.5ZM4.5 6.5C5.05228 6.5 5.5 6.05229 5.5 5.5C5.5 4.94771 5.05228 4.5 4.5 4.5C3.94772 4.5 3.5 4.94771 3.5 5.5C3.5 6.05229 3.94772 6.5 4.5 6.5ZM5.5 9.5C5.5 10.0523 5.05228 10.5 4.5 10.5C3.94772 10.5 3.5 10.0523 3.5 9.5C3.5 8.94771 3.94772 8.5 4.5 8.5C5.05228 8.5 5.5 8.94771 5.5 9.5ZM4.5 14.5C5.05228 14.5 5.5 14.0523 5.5 13.5C5.5 12.9477 5.05228 12.5 4.5 12.5C3.94772 12.5 3.5 12.9477 3.5 13.5C3.5 14.0523 3.94772 14.5 4.5 14.5ZM11.5 1.5C11.5 2.05228 11.0523 2.5 10.5 2.5C9.94771 2.5 9.5 2.05228 9.5 1.5C9.5 0.947715 9.94771 0.5 10.5 0.5C11.0523 0.5 11.5 0.947715 11.5 1.5ZM10.5 6.5C11.0523 6.5 11.5 6.05229 11.5 5.5C11.5 4.94771 11.0523 4.5 10.5 4.5C9.94771 4.5 9.5 4.94771 9.5 5.5C9.5 6.05229 9.94771 6.5 10.5 6.5ZM11.5 9.5C11.5 10.0523 11.0523 10.5 10.5 10.5C9.94771 10.5 9.5 10.0523 9.5 9.5C9.5 8.94771 9.94771 8.5 10.5 8.5C11.0523 8.5 11.5 8.94771 11.5 9.5ZM10.5 14.5C11.0523 14.5 11.5 14.0523 11.5 13.5C11.5 12.9477 11.0523 12.5 10.5 12.5C9.94771 12.5 9.5 12.9477 9.5 13.5C9.5 14.0523 9.94771 14.5 10.5 14.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** lucide `star` — the saved-organization badge (OrganizationPicker). */\nexport function StarIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"star\", props)}>\n      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\" />\n    </svg>\n  );\n}\n\n/** lucide `building-2` — the organization glyph (OrganizationPicker trigger). */\nexport function Building2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"building-2\", props)}>\n      <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\" />\n      <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\" />\n      <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\" />\n      <path d=\"M10 6h4\" />\n      <path d=\"M10 10h4\" />\n      <path d=\"M10 14h4\" />\n      <path d=\"M10 18h4\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-left` — the sidebar toggle glyph. */\nexport function PanelLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-left\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `ellipsis-vertical` — a panel's \"more\" menu. */\nexport function MoreVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"ellipsis-vertical\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"12\" cy=\"5\" r=\"1\" />\n      <circle cx=\"12\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `maximize-2` — expand a panel. */\nexport function Maximize2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"maximize-2\", props)}>\n      <path d=\"M15 3h6v6\" />\n      <path d=\"m21 3-7 7\" />\n      <path d=\"m3 21 7-7\" />\n      <path d=\"M9 21H3v-6\" />\n    </svg>\n  );\n}\n\n/** lucide `minimize-2` — restore an expanded panel. */\nexport function Minimize2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"minimize-2\", props)}>\n      <path d=\"m14 10 7-7\" />\n      <path d=\"M20 10h-6V4\" />\n      <path d=\"m3 21 7-7\" />\n      <path d=\"M4 14h6v6\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-left`. */\nexport function ArrowLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-left\", props)}>\n      <path d=\"m12 19-7-7 7-7\" />\n      <path d=\"M19 12H5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-right`. */\nexport function ArrowRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-right\", props)}>\n      <path d=\"M5 12h14\" />\n      <path d=\"m12 5 7 7-7 7\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up` — the swipe deck's up edge. */\nexport function ArrowUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up\", props)}>\n      <path d=\"m5 12 7-7 7 7\" />\n      <path d=\"M12 19V5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-down` — the swipe deck's down edge. */\nexport function ArrowDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-down\", props)}>\n      <path d=\"M12 5v14\" />\n      <path d=\"m19 12-7 7-7-7\" />\n    </svg>\n  );\n}\n\n/** lucide `undo-2` — take back the last change. */\nexport function Undo2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"undo-2\", props)}>\n      <path d=\"M9 14 4 9l5-5\" />\n      <path d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\" />\n    </svg>\n  );\n}\n\n/** lucide `eraser` — forget a marked part. */\nexport function EraserIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"eraser\", props)}>\n      <path d=\"m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21\" />\n      <path d=\"M22 21H7\" />\n      <path d=\"m5 11 9 9\" />\n    </svg>\n  );\n}\n\n/** lucide `rotate-cw` — reload. */\nexport function RotateCwIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rotate-cw\", props)}>\n      <path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\" />\n      <path d=\"M21 3v5h-5\" />\n    </svg>\n  );\n}\n\n/** lucide `globe` — a web page with no favicon. */\nexport function GlobeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"globe\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" />\n      <path d=\"M2 12h20\" />\n    </svg>\n  );\n}\n\n/** lucide `calendar` — the date field's glyph. */\nexport function CalendarIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"calendar\", props)}>\n      <path d=\"M8 2v4\" />\n      <path d=\"M16 2v4\" />\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" />\n      <path d=\"M3 10h18\" />\n    </svg>\n  );\n}\n\n/** lucide `clock` — the time field's glyph. */\nexport function ClockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"clock\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <polyline points=\"12 6 12 12 16 14\" />\n    </svg>\n  );\n}\n\n/** lucide `refresh-cw` — retry / reload. */\nexport function RefreshCwIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"refresh-cw\", props)}>\n      <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" />\n      <path d=\"M21 3v5h-5\" />\n      <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" />\n      <path d=\"M8 16H3v5\" />\n    </svg>\n  );\n}\n\n/** lucide `triangle-alert` (alias `AlertTriangle`) — an error or warning. */\nexport function AlertTriangleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"triangle-alert\", props)}>\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-check` — a passing state. */\nexport function CircleCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-check\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m16 9-5.5 5.5L8 12\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-question-mark` (alias `CircleHelp`) — field help. */\nexport function CircleHelpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-question-mark\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-x` — a failing state. */\nexport function CircleXIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-x\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m15 9-6 6\" />\n      <path d=\"m9 9 6 6\" />\n    </svg>\n  );\n}\n\n/** lucide `info` — a row label's help glyph (controls `PropertyRow`). */\nexport function InfoIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"info\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-dot` — the \"Get help from Matrx AI\" button glyph (controls `HelpIcon`). */\nexport function CircleDotIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-dot\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `copy` — the Peek's token chip (copy the exact token). */\nexport function CopyIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"copy\", props)}>\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  );\n}\n\n/** lucide `upload` (moved from @ai-matrx/media). */\nexport function UploadIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"upload\", props)}>\n      <path d=\"M12 3v12\" />\n      <path d=\"m17 8-5-5-5 5\" />\n      <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-alert` — an error or attention state. */\nexport function CircleAlertIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-alert\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n      <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-right` — a side pane toggle. */\nexport function PanelRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-right\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M15 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `bell` — notifications. */\nexport function BellIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"bell\", props)}>\n      <path d=\"M10.268 21a2 2 0 0 0 3.464 0\" />\n      <path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\" />\n    </svg>\n  );\n}\n\n/** lucide `eye-off` — hidden. */\nexport function EyeOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"eye-off\", props)}>\n      <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n      <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n      <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `app-window` — open as a window. */\nexport function AppWindowIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"app-window\", props)}>\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n      <path d=\"M10 4v4\" />\n      <path d=\"M2 8h20\" />\n      <path d=\"M6 4v4\" />\n    </svg>\n  );\n}\n\n/** lucide `video` — a video call or clip. */\nexport function VideoIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"video\", props)}>\n      <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\" />\n      <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `phone` — a voice call. */\nexport function PhoneIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"phone\", props)}>\n      <path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\" />\n    </svg>\n  );\n}\n\n/** lucide `sparkles` — AI. */\nexport function SparklesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sparkles\", props)}>\n      <path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\" />\n      <path d=\"M20 2v4\" />\n      <path d=\"M22 4h-4\" />\n      <circle cx=\"4\" cy=\"20\" r=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `panels-top-left` — a layout. */\nexport function PanelsTopLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panels-top-left\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"M9 21V9\" />\n    </svg>\n  );\n}\n\n/** lucide `download`. */\nexport function DownloadIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"download\", props)}>\n      <path d=\"M12 15V3\" />\n      <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n      <path d=\"m7 10 5 5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `settings`. */\nexport function SettingsIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"settings\", props)}>\n      <path d=\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `users`. */\nexport function UsersIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"users\", props)}>\n      <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" />\n      <path d=\"M16 3.128a4 4 0 0 1 0 7.744\" />\n      <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\" />\n      <circle cx=\"9\" cy=\"7\" r=\"4\" />\n    </svg>\n  );\n}\n\n/** lucide `grip-vertical` — a drag handle. */\nexport function GripVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grip-vertical\", props)}>\n      <circle cx=\"9\" cy=\"12\" r=\"1\" />\n      <circle cx=\"9\" cy=\"5\" r=\"1\" />\n      <circle cx=\"9\" cy=\"19\" r=\"1\" />\n      <circle cx=\"15\" cy=\"12\" r=\"1\" />\n      <circle cx=\"15\" cy=\"5\" r=\"1\" />\n      <circle cx=\"15\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `history`. */\nexport function HistoryIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"history\", props)}>\n      <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n      <path d=\"M3 3v5h5\" />\n      <path d=\"M12 7v5l4 2\" />\n    </svg>\n  );\n}\n\n/** lucide `workflow`. */\nexport function WorkflowIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"workflow\", props)}>\n      <rect width=\"8\" height=\"8\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M7 11v4a2 2 0 0 0 2 2h4\" />\n      <rect width=\"8\" height=\"8\" x=\"13\" y=\"13\" rx=\"2\" />\n    </svg>\n  );\n}\n\n// ---- Glyphs consolidated from the packages above the design system (one glyph home). ----\n\n/** lucide `activities` (moved from @ai-matrx/meet). */\nexport function ActivitiesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"activities\", props)}>\n      <path d=\"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z\" />\n      <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" />\n      <circle cx=\"17.5\" cy=\"17.5\" r=\"3.5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-down-to-line` (moved from @ai-matrx/agents). */\nexport function ArrowDownToLineIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-down-to-line\", props)}>\n      <path d=\"M12 17V3\" />\n      <path d=\"m6 11 6 6 6-6\" />\n      <path d=\"M19 21H5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-left-right` (moved from @ai-matrx/diff). */\nexport function ArrowLeftRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-left-right\", props)}>\n      <path d=\"M8 3 4 7l4 4\" />\n      <path d=\"M4 7h16\" />\n      <path d=\"m16 21 4-4-4-4\" />\n      <path d=\"M20 17H4\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-left-to-line` (moved from @ai-matrx/summon). */\nexport function ArrowLeftToLineIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-left-to-line\", props)}>\n      <path d=\"M3 19V5\" />\n      <path d=\"m13 6-6 6 6 6\" />\n      <path d=\"M7 12h14\" />\n    </svg>\n  );\n}\n\n/** lucide `atom` (moved from @ai-matrx/agents). */\nexport function AtomIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"atom\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <path d=\"M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z\" />\n      <path d=\"M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z\" />\n    </svg>\n  );\n}\n\n/** lucide `audio-lines` (moved from @ai-matrx/content-ir). */\nexport function AudioLinesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"audio-lines\", props)}>\n      <path d=\"M2 10v3\" />\n      <path d=\"M6 6v11\" />\n      <path d=\"M10 3v18\" />\n      <path d=\"M14 8v7\" />\n      <path d=\"M18 5v13\" />\n      <path d=\"M22 10v3\" />\n    </svg>\n  );\n}\n\n/** lucide `boxes` (moved from @ai-matrx/associations). */\nexport function BoxesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"boxes\", props)}>\n      <path d=\"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z\" />\n      <path d=\"m7 16.5-4.74-2.85\" />\n      <path d=\"m7 16.5 5-3\" />\n      <path d=\"M7 16.5v5.17\" />\n      <path d=\"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z\" />\n      <path d=\"m17 16.5-5-3\" />\n      <path d=\"m17 16.5 4.74-2.85\" />\n      <path d=\"M17 16.5v5.17\" />\n      <path d=\"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z\" />\n      <path d=\"M12 8 7.26 5.15\" />\n      <path d=\"m12 8 4.74-2.85\" />\n      <path d=\"M12 13.5V8\" />\n    </svg>\n  );\n}\n\n/** lucide `braces` (moved from @ai-matrx/media). */\nexport function BracesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"braces\", props)}>\n      <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\" />\n      <path d=\"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" />\n    </svg>\n  );\n}\n\n/** lucide `breakout` (moved from @ai-matrx/meet). */\nexport function BreakoutIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"breakout\", props)}>\n      <rect width=\"7\" height=\"18\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `camera` (moved from @ai-matrx/meet). */\nexport function CameraIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"camera\", props)}>\n      <path d=\"m23 7-7 5 7 5V7Z\" />\n      <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `camera-off` (moved from @ai-matrx/meet). */\nexport function CameraOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"camera-off\", props)}>\n      <path d=\"M2 2l20 20\" />\n      <path d=\"M10.66 5H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10\" />\n      <path d=\"M16 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2\" />\n    </svg>\n  );\n}\n\n/** lucide `captions` (moved from @ai-matrx/meet). */\nexport function CaptionsIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"captions\", props)}>\n      <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" />\n      <path d=\"M10 10.5a2 2 0 1 0 0 3M16 10.5a2 2 0 1 0 0 3\" />\n    </svg>\n  );\n}\n\n/** lucide `chat-bubble` (moved from @ai-matrx/coding-sessions). */\nexport function ChatBubbleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chat-bubble\", props)}>\n      <path d=\"M20 12.5a7.5 7.5 0 0 1-10.9 6.7L4 20.5l1.3-4.6A7.5 7.5 0 1 1 20 12.5z\" />\n    </svg>\n  );\n}\n\n/** lucide `chat` (moved from @ai-matrx/meet). */\nexport function ChatIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chat\", props)}>\n      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z\" />\n    </svg>\n  );\n}\n\n/** lucide `check-circle-2` (moved from @ai-matrx/media). */\nexport function CheckCircle2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"check-circle-2\", props)}>\n      <path d=\"M21.801 10A10 10 0 1 1 17 3.335\" />\n      <path d=\"m9 11 3 3L22 4\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-up` (moved from @ai-matrx/meet). */\nexport function ChevronUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-up\", props)}>\n      <path d=\"m6 15 6-6 6 6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-down-up` (moved from @ai-matrx/diff). */\nexport function ChevronsDownUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-down-up\", props)}>\n      <path d=\"m7 20 5-5 5 5\" />\n      <path d=\"m7 4 5 5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `clock-3` (moved from @ai-matrx/diff). */\nexport function Clock3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"clock-3\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 6v6h4\" />\n    </svg>\n  );\n}\n\n/** lucide `code-2` (moved from @ai-matrx/office). */\nexport function Code2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"code-2\", props)}>\n      <path d=\"m18 16 4-4-4-4\" />\n      <path d=\"m6 8-4 4 4 4\" />\n      <path d=\"m14.5 4-5 16\" />\n    </svg>\n  );\n}\n\n/** lucide `code` (moved from @ai-matrx/media). */\nexport function CodeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"code\", props)}>\n      <path d=\"m16 18 6-6-6-6\" />\n      <path d=\"m8 6-6 6 6 6\" />\n    </svg>\n  );\n}\n\n/** lucide `columns-2` (moved from @ai-matrx/diff). */\nexport function Columns2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"columns-2\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M12 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `corner-down-right` (moved from @ai-matrx/associations). */\nexport function CornerDownRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"corner-down-right\", props)}>\n      <polyline points=\"15 10 20 15 15 20\" />\n      <path d=\"M4 4v7a4 4 0 0 0 4 4h12\" />\n    </svg>\n  );\n}\n\n/** lucide `database` (moved from @ai-matrx/media). */\nexport function DatabaseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"database\", props)}>\n      <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" />\n      <path d=\"M3 5V19A9 3 0 0 0 21 19V5\" />\n      <path d=\"M3 12A9 3 0 0 0 21 12\" />\n    </svg>\n  );\n}\n\n/** lucide `dock` (moved from @ai-matrx/canvas). */\nexport function DockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"dock\", props)}>\n      <path d=\"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" />\n      <path d=\"M21 3 12 12\" />\n      <path d=\"M12 6v6h6\" />\n    </svg>\n  );\n}\n\n/** lucide `expand` (moved from @ai-matrx/detail). */\nexport function ExpandIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"expand\", props)}>\n      <path d=\"m15 15 6 6\" />\n      <path d=\"m15 9 6-6\" />\n      <path d=\"M21 16v5h-5\" />\n      <path d=\"M21 8V3h-5\" />\n      <path d=\"M3 16v5h5\" />\n      <path d=\"m3 21 6-6\" />\n      <path d=\"M3 8V3h5\" />\n      <path d=\"M9 9 3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `eye` (moved from @ai-matrx/agents). */\nexport function EyeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"eye\", props)}>\n      <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `file-archive` (moved from @ai-matrx/content-ir). */\nexport function FileArchiveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-archive\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 6h1\" />\n      <path d=\"M10 10h1\" />\n      <circle cx=\"10\" cy=\"16\" r=\"2\" />\n      <path d=\"M10 2v12\" />\n    </svg>\n  );\n}\n\n/** lucide `file-audio` (moved from @ai-matrx/media). */\nexport function FileAudioIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-audio\", props)}>\n      <path d=\"M4 6.835V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-.343\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M2 19a2 2 0 0 1 4 0v1a2 2 0 0 1-4 0v-4a6 6 0 0 1 12 0v4a2 2 0 0 1-4 0v-1a2 2 0 0 1 4 0\" />\n    </svg>\n  );\n}\n\n/** lucide `file-code` (moved from @ai-matrx/media). */\nexport function FileCodeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-code\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 12.5 8 15l2 2.5\" />\n      <path d=\"m14 12.5 2 2.5-2 2.5\" />\n    </svg>\n  );\n}\n\n/** lucide `file-json` (moved from @ai-matrx/media). */\nexport function FileJsonIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-json\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1\" />\n      <path d=\"M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1\" />\n    </svg>\n  );\n}\n\n/** lucide `file` (moved from @ai-matrx/media). */\nexport function FilePageIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n    </svg>\n  );\n}\n\n/** lucide `file-plus` (moved from @ai-matrx/content-ir). */\nexport function FilePlusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-plus\", props)}>\n      <path d=\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\" />\n      <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n      <path d=\"M3 15h6\" />\n      <path d=\"M6 12v6\" />\n    </svg>\n  );\n}\n\n/** lucide `file-spreadsheet` (moved from @ai-matrx/media). */\nexport function FileSpreadsheetIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-spreadsheet\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M8 13h2\" />\n      <path d=\"M14 13h2\" />\n      <path d=\"M8 17h2\" />\n      <path d=\"M14 17h2\" />\n    </svg>\n  );\n}\n\n/** lucide `file-text` (moved from @ai-matrx/media). */\nexport function FileTextIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-text\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 9H8\" />\n      <path d=\"M16 13H8\" />\n      <path d=\"M16 17H8\" />\n    </svg>\n  );\n}\n\n/** lucide `file-type` (moved from @ai-matrx/media). */\nexport function FileTypeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-type\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M11 18h2\" />\n      <path d=\"M12 12v6\" />\n      <path d=\"M9 13v-.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v.5\" />\n    </svg>\n  );\n}\n\n/** lucide `file-video` (moved from @ai-matrx/media). */\nexport function FileVideoIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-video\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M15.033 13.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56v-4.704a.645.645 0 0 1 .967-.56z\" />\n    </svg>\n  );\n}\n\n/** lucide `film` (moved from @ai-matrx/content-ir). */\nexport function FilmIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"film\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M7 3v18\" />\n      <path d=\"M3 7.5h4\" />\n      <path d=\"M3 12h18\" />\n      <path d=\"M3 16.5h4\" />\n      <path d=\"M17 3v18\" />\n      <path d=\"M17 7.5h4\" />\n      <path d=\"M17 16.5h4\" />\n    </svg>\n  );\n}\n\n/** lucide `flag` (moved from @ai-matrx/meet). */\nexport function FlagIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"flag\", props)}>\n      <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\" />\n      <line x1=\"4\" x2=\"4\" y1=\"22\" y2=\"15\" />\n    </svg>\n  );\n}\n\n/** lucide `flip-horizontal-2` (moved from @ai-matrx/capture). */\nexport function FlipHorizontal2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"flip-horizontal-2\", props)}>\n      <path d=\"m3 7 5 5-5 5V7\" />\n      <path d=\"m21 7-5 5 5 5V7\" />\n      <path d=\"M12 20v2\" />\n      <path d=\"M12 14v2\" />\n      <path d=\"M12 8v2\" />\n      <path d=\"M12 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `fold-vertical` (moved from @ai-matrx/diff). */\nexport function FoldVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"fold-vertical\", props)}>\n      <path d=\"M12 22v-6\" />\n      <path d=\"M12 8V2\" />\n      <path d=\"M4 12H2\" />\n      <path d=\"M10 12H8\" />\n      <path d=\"M16 12h-2\" />\n      <path d=\"M22 12h-2\" />\n      <path d=\"m15 19-3-3-3 3\" />\n      <path d=\"m15 5-3 3-3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `folder` (moved from @ai-matrx/media). */\nexport function FolderIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"folder\", props)}>\n      <path d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\" />\n    </svg>\n  );\n}\n\n/** lucide `folder-open` (moved from @ai-matrx/media). */\nexport function FolderOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"folder-open\", props)}>\n      <path d=\"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `git-merge` (moved from @ai-matrx/diff). */\nexport function GitMergeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"git-merge\", props)}>\n      <circle cx=\"18\" cy=\"18\" r=\"3\" />\n      <circle cx=\"6\" cy=\"6\" r=\"3\" />\n      <path d=\"M6 21V9a9 9 0 0 0 9 9\" />\n    </svg>\n  );\n}\n\n/** lucide `graduation-cap` (moved from @ai-matrx/office). */\nexport function GraduationCapIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"graduation-cap\", props)}>\n      <path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\" />\n      <path d=\"M22 10v6\" />\n      <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\" />\n    </svg>\n  );\n}\n\n/** lucide `grid-3x-3` (moved from @ai-matrx/capture). */\nexport function Grid3x3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grid-3x-3\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"M3 15h18\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"M15 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `grip` (moved from @ai-matrx/capture). */\nexport function GripIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grip\", props)}>\n      <circle cx=\"12\" cy=\"5\" r=\"1\" />\n      <circle cx=\"19\" cy=\"5\" r=\"1\" />\n      <circle cx=\"5\" cy=\"5\" r=\"1\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n      <circle cx=\"12\" cy=\"19\" r=\"1\" />\n      <circle cx=\"19\" cy=\"19\" r=\"1\" />\n      <circle cx=\"5\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `grip-resize` (moved from @ai-matrx/associations). */\nexport function GripResizeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grip-resize\", props)}>\n      <path d=\"M21 15 15 21\" />\n      <path d=\"M21 20 20 21\" />\n    </svg>\n  );\n}\n\n/** lucide `hammer` (moved from @ai-matrx/agents). */\nexport function HammerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"hammer\", props)}>\n      <path d=\"m15 12-8.5 8.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 0 1 0-3L12 9\" />\n      <path d=\"M17.64 15 22 10.64\" />\n      <path d=\"m20.91 11.7-1.25-1.25c-.6-.6-.93-1.4-.93-2.25v-.86L16.01 4.6a5.56 5.56 0 0 0-3.94-1.64H9l.92.82A6.18 6.18 0 0 1 12 8.4v1.56l2 2h2.47l2.26 1.91\" />\n    </svg>\n  );\n}\n\n/** lucide `hand` (moved from @ai-matrx/meet). */\nexport function HandIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"hand\", props)}>\n      <path d=\"M18 11V6a2 2 0 0 0-4 0v5\" />\n      <path d=\"M14 10V4a2 2 0 0 0-4 0v7\" />\n      <path d=\"M10 10.5V6a2 2 0 0 0-4 0v8\" />\n      <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2a8 8 0 0 1-8-8v-1a2 2 0 1 1 4 0\" />\n    </svg>\n  );\n}\n\n/** lucide `handoff` (moved from @ai-matrx/coding-sessions). */\nexport function HandoffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"handoff\", props)}>\n      <path d=\"M5 12h12M13 7l5 5-5 5\" />\n      <path d=\"M5 5v14\" />\n    </svg>\n  );\n}\n\n/** lucide `hash` (moved from @ai-matrx/diff). */\nexport function HashIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"hash\", props)}>\n      <path d=\"M4 9h16\" />\n      <path d=\"M4 15h16\" />\n      <path d=\"M10 3 8 21\" />\n      <path d=\"M16 3l-2 18\" />\n    </svg>\n  );\n}\n\n/** lucide `highlighter` (moved from @ai-matrx/diff). */\nexport function HighlighterIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"highlighter\", props)}>\n      <path d=\"m9 11-6 6v3h9l3-3\" />\n      <path d=\"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4\" />\n    </svg>\n  );\n}\n\n/** lucide `image` (moved from @ai-matrx/media). */\nexport function ImageIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"image\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" />\n      <circle cx=\"9\" cy=\"9\" r=\"2\" />\n      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\n    </svg>\n  );\n}\n\n/** lucide `image-off` (moved from @ai-matrx/media). */\nexport function ImageOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"image-off\", props)}>\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n      <path d=\"M10.41 10.41a2 2 0 1 1-2.83-2.83\" />\n      <line x1=\"13.5\" x2=\"6\" y1=\"13.5\" y2=\"21\" />\n      <line x1=\"18\" x2=\"21\" y1=\"12\" y2=\"15\" />\n      <path d=\"M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59\" />\n      <path d=\"M21 15V5a2 2 0 0 0-2-2H9\" />\n    </svg>\n  );\n}\n\n/** lucide `images` (moved from @ai-matrx/capture). */\nexport function ImagesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"images\", props)}>\n      <path d=\"m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16\" />\n      <path d=\"M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2\" />\n      <circle cx=\"13\" cy=\"7\" r=\"1\" fill=\"currentColor\" />\n      <rect x=\"8\" y=\"2\" width=\"14\" height=\"14\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `keyboard` (moved from @ai-matrx/meet). */\nexport function KeyboardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"keyboard\", props)}>\n      <path d=\"M10 8h.01M12 12h.01M14 8h.01M16 12h.01M18 8h.01M6 8h.01M7 16h10M8 12h.01\" />\n      <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `languages` (moved from @ai-matrx/agents). */\nexport function LanguagesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"languages\", props)}>\n      <path d=\"m5 8 6 6\" />\n      <path d=\"m4 14 6-6 2-3\" />\n      <path d=\"M2 5h12\" />\n      <path d=\"M7 2h1\" />\n      <path d=\"m22 22-5-10-5 10\" />\n      <path d=\"M14 18h6\" />\n    </svg>\n  );\n}\n\n/** lucide `layers` (moved from @ai-matrx/agents). */\nexport function LayersIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"layers\", props)}>\n      <path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\" />\n      <path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\" />\n      <path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\" />\n    </svg>\n  );\n}\n\n/** lucide `layout-grid` (moved from @ai-matrx/canvas). */\nexport function LayoutGridIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"layout-grid\", props)}>\n      <rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `link-2` (moved from @ai-matrx/media). */\nexport function Link2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"link-2\", props)}>\n      <path d=\"M9 17H7A5 5 0 0 1 7 7h2\" />\n      <path d=\"M15 7h2a5 5 0 1 1 0 10h-2\" />\n      <line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/** lucide `list-checks` (moved from @ai-matrx/diff). */\nexport function ListChecksIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"list-checks\", props)}>\n      <path d=\"m3 17 2 2 4-4\" />\n      <path d=\"m3 7 2 2 4-4\" />\n      <path d=\"M13 6h8\" />\n      <path d=\"M13 12h8\" />\n      <path d=\"M13 18h8\" />\n    </svg>\n  );\n}\n\n/** lucide `list` (moved from @ai-matrx/diff). */\nexport function ListIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"list\", props)}>\n      <path d=\"M3 12h.01\" />\n      <path d=\"M3 18h.01\" />\n      <path d=\"M3 6h.01\" />\n      <path d=\"M8 12h13\" />\n      <path d=\"M8 18h13\" />\n      <path d=\"M8 6h13\" />\n    </svg>\n  );\n}\n\n/** lucide `maximize` (moved from @ai-matrx/content-ir). */\nexport function MaximizeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"maximize\", props)}>\n      <polyline points=\"15 3 21 3 21 9\" />\n      <polyline points=\"9 21 3 21 3 15\" />\n      <line x1=\"21\" x2=\"14\" y1=\"3\" y2=\"10\" />\n      <line x1=\"3\" x2=\"10\" y1=\"21\" y2=\"14\" />\n    </svg>\n  );\n}\n\n/** lucide `megaphone` (moved from @ai-matrx/office). */\nexport function MegaphoneIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"megaphone\", props)}>\n      <path d=\"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\" />\n      <path d=\"M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14\" />\n      <path d=\"M8 6v8\" />\n    </svg>\n  );\n}\n\n/** lucide `message-square-warning` (moved from @ai-matrx/office). */\nexport function MessageSquareWarningIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"message-square-warning\", props)}>\n      <path d=\"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\" />\n      <path d=\"M12 15h.01\" />\n      <path d=\"M12 7v4\" />\n    </svg>\n  );\n}\n\n/** lucide `mic` (moved from @ai-matrx/meet). */\nexport function MicIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mic\", props)}>\n      <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n      <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n      <path d=\"M12 19v3\" />\n    </svg>\n  );\n}\n\n/** lucide `mic-off` (moved from @ai-matrx/meet). */\nexport function MicOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mic-off\", props)}>\n      <path d=\"M2 2l20 20\" />\n      <path d=\"M9 9v3a3 3 0 0 0 5.12 2.12\" />\n      <path d=\"M15 9.34V5a3 3 0 0 0-5.94-.6\" />\n      <path d=\"M19 10v2a7 7 0 0 1-.11 1.23M5 10v2a7 7 0 0 0 11 5.66\" />\n      <path d=\"M12 19v3\" />\n    </svg>\n  );\n}\n\n/** lucide `monitor` (moved from @ai-matrx/coding-sessions). */\nexport function MonitorIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"monitor\", props)}>\n      <rect x=\"3\" y=\"4.5\" width=\"18\" height=\"12\" rx=\"2\" />\n      <path d=\"M8.5 20h7M12 16.5V20\" />\n    </svg>\n  );\n}\n\n/** lucide `moon` (moved from @ai-matrx/coding-sessions). */\nexport function MoonIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"moon\", props)}>\n      <path d=\"M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z\" />\n    </svg>\n  );\n}\n\n/** lucide `music` (moved from @ai-matrx/media). */\nexport function MusicIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"music\", props)}>\n      <path d=\"M9 18V5l12-2v13\" />\n      <circle cx=\"6\" cy=\"18\" r=\"3\" />\n      <circle cx=\"18\" cy=\"16\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `notes` (moved from @ai-matrx/meet). */\nexport function NotesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"notes\", props)}>\n      <path d=\"M4 20l1-4L16.5 4.5a2.1 2.1 0 0 1 3 3L8 19l-4 1Z\" />\n      <path d=\"M14 7l3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `package-box` (moved from @ai-matrx/media). */\nexport function PackageBoxIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"package-box\", props)}>\n      <path d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\" />\n      <path d=\"M12 22V12\" />\n      <polyline points=\"3.29 7 12 12 20.71 7\" />\n      <path d=\"m7.5 4.27 9 5.15\" />\n    </svg>\n  );\n}\n\n/** lucide `page` (moved from @ai-matrx/canvas). */\nexport function PageIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"page\", props)}>\n      <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" />\n      <path d=\"M8 9h8\" />\n      <path d=\"M8 13h8\" />\n      <path d=\"M8 17h5\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-left-close` (moved from @ai-matrx/summon). */\nexport function PanelLeftCloseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-left-close\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"m16 15-3-3 3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `pause` (moved from @ai-matrx/media). */\nexport function PauseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pause\", props)}>\n      <rect x=\"14\" y=\"3\" width=\"5\" height=\"18\" rx=\"1\" />\n      <rect x=\"5\" y=\"3\" width=\"5\" height=\"18\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `pen-tool` (moved from @ai-matrx/media). */\nexport function PenToolIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pen-tool\", props)}>\n      <path d=\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\" />\n      <path d=\"m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18\" />\n      <path d=\"m2.3 2.3 7.286 7.286\" />\n      <circle cx=\"11\" cy=\"11\" r=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `people` (moved from @ai-matrx/meet). */\nexport function PeopleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"people\", props)}>\n      <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" />\n      <circle cx=\"9\" cy=\"7\" r=\"4\" />\n      <path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" />\n    </svg>\n  );\n}\n\n/** lucide `phone-off` (moved from @ai-matrx/meet). */\nexport function PhoneOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"phone-off\", props)}>\n      <path d=\"M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.99.99 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9Z\" fill=\"currentColor\" stroke=\"none\" />\n    </svg>\n  );\n}\n\n/** lucide `play` (moved from @ai-matrx/media). */\nexport function PlayIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"play\", props)}>\n      <path d=\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\" />\n    </svg>\n  );\n}\n\n/** lucide `poll` (moved from @ai-matrx/meet). */\nexport function PollIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"poll\", props)}>\n      <line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"10\" />\n      <line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"4\" />\n      <line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"14\" />\n    </svg>\n  );\n}\n\n/** lucide `proportions` (moved from @ai-matrx/capture). */\nexport function ProportionsIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"proportions\", props)}>\n      <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n      <path d=\"M12 9v11\" />\n      <path d=\"M2 9h13a2 2 0 0 1 2 2v9\" />\n    </svg>\n  );\n}\n\n/** lucide `puzzle` (moved from @ai-matrx/office). */\nexport function PuzzleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"puzzle\", props)}>\n      <path d=\"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z\" />\n    </svg>\n  );\n}\n\n/** lucide `question` (moved from @ai-matrx/meet). */\nexport function QuestionIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"question\", props)}>\n      <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\" />\n      <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `record` (moved from @ai-matrx/meet). */\nexport function RecordIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"record\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"8\" fill=\"currentColor\" stroke=\"none\" />\n    </svg>\n  );\n}\n\n/** lucide `rectangle-vertical` (moved from @ai-matrx/summon). */\nexport function RectangleVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rectangle-vertical\", props)}>\n      <rect width=\"12\" height=\"20\" x=\"6\" y=\"2\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `restore` (moved from @ai-matrx/associations). */\nexport function RestoreIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"restore\", props)}>\n      <path d=\"M4 14h6v6\" />\n      <path d=\"M20 10h-6V4\" />\n      <path d=\"M14 10l7-7\" />\n      <path d=\"M3 21l7-7\" />\n    </svg>\n  );\n}\n\n/** lucide `rotate-ccw` (moved from @ai-matrx/capture). */\nexport function RotateCcwIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rotate-ccw\", props)}>\n      <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n      <path d=\"M3 3v5h5\" />\n    </svg>\n  );\n}\n\n/** lucide `rows-3` (moved from @ai-matrx/diff). */\nexport function Rows3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rows-3\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M21 9H3\" />\n      <path d=\"M21 15H3\" />\n    </svg>\n  );\n}\n\n/** lucide `save` (moved from @ai-matrx/summon). */\nexport function SaveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"save\", props)}>\n      <path d=\"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\" />\n      <path d=\"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\" />\n      <path d=\"M7 3v4a1 1 0 0 0 1 1h7\" />\n    </svg>\n  );\n}\n\n/** lucide `scale` (moved from @ai-matrx/agents). */\nexport function ScaleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"scale\", props)}>\n      <path d=\"M12 3v18\" />\n      <path d=\"m19 8 3 8a5 5 0 0 1-6 0zV7\" />\n      <path d=\"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\" />\n      <path d=\"m5 8 3 8a5 5 0 0 1-6 0zV7\" />\n      <path d=\"M7 21h10\" />\n    </svg>\n  );\n}\n\n/** lucide `screen-share` (moved from @ai-matrx/meet). */\nexport function ScreenShareIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"screen-share\", props)}>\n      <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" />\n      <path d=\"M8 21h8M12 17v4\" />\n      <path d=\"M12 13V8m0 0-2.5 2.5M12 8l2.5 2.5\" />\n    </svg>\n  );\n}\n\n/** lucide `server` (moved from @ai-matrx/agents). */\nexport function ServerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"server\", props)}>\n      <rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\" />\n      <rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\" />\n      <line x1=\"6\" x2=\"6.01\" y1=\"6\" y2=\"6\" />\n      <line x1=\"6\" x2=\"6.01\" y1=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n/** lucide `settings-2` (moved from @ai-matrx/media). */\nexport function Settings2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"settings-2\", props)}>\n      <path d=\"M20 7h-9\" />\n      <path d=\"M14 17H5\" />\n      <circle cx=\"17\" cy=\"17\" r=\"3\" />\n      <circle cx=\"7\" cy=\"7\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `share-2` (moved from @ai-matrx/media). */\nexport function Share2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"share-2\", props)}>\n      <circle cx=\"18\" cy=\"5\" r=\"3\" />\n      <circle cx=\"6\" cy=\"12\" r=\"3\" />\n      <circle cx=\"18\" cy=\"19\" r=\"3\" />\n      <line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\" />\n      <line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\" />\n    </svg>\n  );\n}\n\n/** lucide `shield-alert` (moved from @ai-matrx/detail). */\nexport function ShieldAlertIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield-alert\", props)}>\n      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" />\n      <path d=\"M12 8v4\" />\n      <path d=\"M12 16h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `shield-check` (moved from @ai-matrx/detail). */\nexport function ShieldCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield-check\", props)}>\n      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" />\n      <path d=\"m9 12 2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** lucide `badge-check` — the verified mark. */\nexport function BadgeCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"badge-check\", props)}>\n      <path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\" />\n      <path d=\"m9 12 2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** lucide `shield` (moved from @ai-matrx/agents). */\nexport function ShieldIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield\", props)}>\n      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" />\n    </svg>\n  );\n}\n\n/** lucide `sidebar` (moved from @ai-matrx/coding-sessions). */\nexport function SidebarIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sidebar\", props)}>\n      <rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"15\" rx=\"2.5\" />\n      <path d=\"M9.5 4.5v15\" />\n    </svg>\n  );\n}\n\n/** lucide `sliders-horizontal` (moved from @ai-matrx/agents). */\nexport function SlidersHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sliders-horizontal\", props)}>\n      <path d=\"M10 5H3\" />\n      <path d=\"M12 19H3\" />\n      <path d=\"M14 3v4\" />\n      <path d=\"M16 17v4\" />\n      <path d=\"M21 12h-9\" />\n      <path d=\"M21 19h-5\" />\n      <path d=\"M21 5h-7\" />\n      <path d=\"M8 10v4\" />\n      <path d=\"M8 12H3\" />\n    </svg>\n  );\n}\n\n/** lucide `smile` (moved from @ai-matrx/meet). */\nexport function SmileIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"smile\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M8 14s1.5 2 4 2 4-2 4-2\" />\n      <line x1=\"9\" x2=\"9.01\" y1=\"9\" y2=\"9\" />\n      <line x1=\"15\" x2=\"15.01\" y1=\"9\" y2=\"9\" />\n    </svg>\n  );\n}\n\n/** lucide `speaker` (moved from @ai-matrx/meet). */\nexport function SpeakerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"speaker\", props)}>\n      <path d=\"M11 5 6 9H2v6h4l5 4V5Z\" />\n      <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" />\n      <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\" />\n    </svg>\n  );\n}\n\n/** lucide `split-down` (moved from @ai-matrx/canvas). */\nexport function SplitDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"split-down\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 12h18\" />\n    </svg>\n  );\n}\n\n/** lucide `spotlight` (moved from @ai-matrx/meet). */\nexport function SpotlightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"spotlight\", props)}>\n      <path d=\"M12 2 15 8.5 22 9.3 17 14 18.2 21 12 17.6 5.8 21 7 14 2 9.3 9 8.5Z\" />\n    </svg>\n  );\n}\n\n/** lucide `stop` (moved from @ai-matrx/coding-sessions). */\nexport function StopIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"stop\", props)}>\n      <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" fill=\"currentColor\" stroke=\"none\" />\n    </svg>\n  );\n}\n\n/** lucide `subtitles` (moved from @ai-matrx/media). */\nexport function SubtitlesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"subtitles\", props)}>\n      <rect width=\"18\" height=\"14\" x=\"3\" y=\"5\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 15h4M15 15h2M7 11h2M13 11h4\" />\n    </svg>\n  );\n}\n\n/** lucide `sun` (moved from @ai-matrx/coding-sessions). */\nexport function SunIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sun\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <path d=\"M12 2.5v2M12 19.5v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M2.5 12h2M19.5 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4\" />\n    </svg>\n  );\n}\n\n/** lucide `sun-medium` (moved from @ai-matrx/capture). */\nexport function SunMediumIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sun-medium\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <path d=\"M12 3v1\" />\n      <path d=\"M12 20v1\" />\n      <path d=\"M3 12h1\" />\n      <path d=\"M20 12h1\" />\n      <path d=\"m18.364 5.636-.707.707\" />\n      <path d=\"m6.343 17.657-.707.707\" />\n      <path d=\"m5.636 5.636.707.707\" />\n      <path d=\"m17.657 17.657.707.707\" />\n    </svg>\n  );\n}\n\n/** lucide `tag` (moved from @ai-matrx/associations). */\nexport function TagIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"tag\", props)}>\n      <path d=\"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z\" />\n      <circle cx=\"7.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\n/** lucide `timer` (moved from @ai-matrx/capture). */\nexport function TimerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"timer\", props)}>\n      <line x1=\"10\" x2=\"14\" y1=\"2\" y2=\"2\" />\n      <line x1=\"12\" x2=\"15\" y1=\"14\" y2=\"11\" />\n      <circle cx=\"12\" cy=\"14\" r=\"8\" />\n    </svg>\n  );\n}\n\n/** lucide `type` (moved from @ai-matrx/agents). */\nexport function TypeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"type\", props)}>\n      <path d=\"M12 4v16\" />\n      <path d=\"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2\" />\n      <path d=\"M9 20h6\" />\n    </svg>\n  );\n}\n\n/** lucide `unfold-vertical` (moved from @ai-matrx/diff). */\nexport function UnfoldVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"unfold-vertical\", props)}>\n      <path d=\"M12 22v-6\" />\n      <path d=\"M12 8V2\" />\n      <path d=\"M4 12H2\" />\n      <path d=\"M10 12H8\" />\n      <path d=\"M16 12h-2\" />\n      <path d=\"M22 12h-2\" />\n      <path d=\"m15 19-3 3-3-3\" />\n      <path d=\"m15 5-3-3-3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `unlink` (moved from @ai-matrx/agents). */\nexport function UnlinkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"unlink\", props)}>\n      <path d=\"m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" />\n      <path d=\"m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" />\n      <line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"5\" />\n      <line x1=\"2\" x2=\"5\" y1=\"8\" y2=\"8\" />\n      <line x1=\"16\" x2=\"16\" y1=\"19\" y2=\"22\" />\n      <line x1=\"19\" x2=\"22\" y1=\"16\" y2=\"16\" />\n    </svg>\n  );\n}\n\n/** lucide `upvote` (moved from @ai-matrx/meet). */\nexport function UpvoteIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"upvote\", props)}>\n      <path d=\"M9 18v-6H5l7-7 7 7h-4v6H9z\" />\n    </svg>\n  );\n}\n\n/** lucide `variable` (moved from @ai-matrx/agents). */\nexport function VariableIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"variable\", props)}>\n      <path d=\"M8 21s-4-3-4-9 4-9 4-9\" />\n      <path d=\"M16 3s4 3 4 9-4 9-4 9\" />\n      <line x1=\"15\" x2=\"9\" y1=\"9\" y2=\"15\" />\n      <line x1=\"9\" x2=\"15\" y1=\"9\" y2=\"15\" />\n    </svg>\n  );\n}\n\n/** lucide `video-off` (moved from @ai-matrx/media). */\nexport function VideoOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"video-off\", props)}>\n      <path d=\"M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196\" />\n      <path d=\"M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `volume-x` (moved from @ai-matrx/media). */\nexport function VolumeXIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"volume-x\", props)}>\n      <path d=\"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z\" />\n      <line x1=\"22\" x2=\"16\" y1=\"9\" y2=\"15\" />\n      <line x1=\"16\" x2=\"22\" y1=\"9\" y2=\"15\" />\n    </svg>\n  );\n}\n\n/** lucide `webhook` (moved from @ai-matrx/agents). */\nexport function WebhookIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"webhook\", props)}>\n      <path d=\"M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2\" />\n      <path d=\"m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06\" />\n      <path d=\"m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8\" />\n    </svg>\n  );\n}\n\n/** lucide `whiteboard` (moved from @ai-matrx/meet). */\nexport function WhiteboardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"whiteboard\", props)}>\n      <path d=\"M2 3h20\" />\n      <path d=\"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3\" />\n      <path d=\"m7 21 5-5 5 5\" />\n    </svg>\n  );\n}\n\n/** lucide `wifi-low` (moved from @ai-matrx/meet). */\nexport function WifiLowIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"wifi-low\", props)}>\n      <path d=\"M12 20h.01\" />\n      <path d=\"M8.5 16.5a5 5 0 0 1 7 0\" />\n    </svg>\n  );\n}\n\n/** lucide `wrap-text` (moved from @ai-matrx/diff). */\nexport function WrapTextIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"wrap-text\", props)}>\n      <path d=\"M3 6h18\" />\n      <path d=\"M3 12h15a3 3 0 1 1 0 6h-4\" />\n      <path d=\"m16 16-2 2 2 2\" />\n      <path d=\"M3 18h7\" />\n    </svg>\n  );\n}\n\n/** lucide `wrench` (moved from @ai-matrx/agents). */\nexport function WrenchIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"wrench\", props)}>\n      <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\" />\n    </svg>\n  );\n}\n\n/** lucide `youtube` (moved from @ai-matrx/agents). */\nexport function YoutubeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"youtube\", props)}>\n      <path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\" />\n      <path d=\"m10 15 5-3-5-3z\" />\n    </svg>\n  );\n}\n\n/** lucide `zap` (moved from @ai-matrx/capture). */\nexport function ZapIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"zap\", props)}>\n      <path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\" />\n    </svg>\n  );\n}\n\n/** lucide `zap-off` (moved from @ai-matrx/capture). */\nexport function ZapOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"zap-off\", props)}>\n      <path d=\"M10.513 4.856 13.12 2.17a.5.5 0 0 1 .86.46l-1.377 4.317\" />\n      <path d=\"M15.656 10H20a1 1 0 0 1 .78 1.63l-1.72 1.773\" />\n      <path d=\"M16.273 16.273 10.88 21.83a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14H4a1 1 0 0 1-.78-1.63l4.507-4.643\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `log-in` — the sign-in action of the auth gate. */\nexport function LogInIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"log-in\", props)}>\n      <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\" />\n      <polyline points=\"10 17 15 12 10 7\" />\n      <line x1=\"15\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/** lucide `gem` — the create-account action of the auth gate. */\nexport function GemIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"gem\", props)}>\n      <path d=\"M6 3h12l4 6-10 13L2 9Z\" />\n      <path d=\"M11 3 8 9l4 13 4-13-3-6\" />\n      <path d=\"M2 9h20\" />\n    </svg>\n  );\n}\n\n/** lucide `key`. */\nexport function KeyIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"key\", props)}>\n      <path d=\"m2 21 9.6-9.6\" />\n      <path d=\"m7.5 15.5 2.3 2.3a1 1 0 0 1 0 1.4l-2.1 2.1a1 1 0 0 1-1.4 0L4 19\" />\n      <circle cx=\"15.5\" cy=\"7.5\" r=\"5.5\" />\n    </svg>\n  );\n}\n\n/** lucide `credit-card`. */\nexport function CreditCardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"credit-card\", props)}>\n      <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\" />\n      <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\" />\n      <path d=\"M6 14h2\" />\n    </svg>\n  );\n}\n\n/** lucide `user-round`. */\nexport function UserRoundIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"user-round\", props)}>\n      <circle cx=\"12\" cy=\"8\" r=\"5\" />\n      <path d=\"M20 21a8 8 0 0 0-16 0\" />\n    </svg>\n  );\n}\n\n/** lucide `user`. */\nexport function UserIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"user\", props)}>\n      <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\" />\n      <circle cx=\"12\" cy=\"7\" r=\"4\" />\n    </svg>\n  );\n}\n\n/** lucide `terminal`. */\nexport function TerminalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"terminal\", props)}>\n      <path d=\"M12 19h8\" />\n      <path d=\"m4 17 6-6-6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `trash`. */\nexport function TrashIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"trash\", props)}>\n      <path d=\"M10 11v6\" />\n      <path d=\"M14 11v6\" />\n      <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n      <path d=\"M3 6h18\" />\n      <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `building`. */\nexport function BuildingIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"building\", props)}>\n      <path d=\"M12 10h.01\" />\n      <path d=\"M12 14h.01\" />\n      <path d=\"M12 6h.01\" />\n      <path d=\"M16 10h.01\" />\n      <path d=\"M16 14h.01\" />\n      <path d=\"M16 6h.01\" />\n      <path d=\"M8 10h.01\" />\n      <path d=\"M8 14h.01\" />\n      <path d=\"M8 6h.01\" />\n      <path d=\"M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\" />\n      <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `plug`. */\nexport function PlugIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"plug\", props)}>\n      <path d=\"M12 22v-5\" />\n      <path d=\"M15 8V2\" />\n      <path d=\"M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z\" />\n      <path d=\"M9 8V2\" />\n    </svg>\n  );\n}\n\n/** lucide `share`. */\nexport function ShareIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"share\", props)}>\n      <path d=\"M12 2v13\" />\n      <path d=\"m16 6-4-4-4 4\" />\n      <path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up-down`. */\nexport function ArrowUpDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up-down\", props)}>\n      <path d=\"m21 16-4 4-4-4\" />\n      <path d=\"M17 20V4\" />\n      <path d=\"m3 8 4-4 4 4\" />\n      <path d=\"M7 4v16\" />\n    </svg>\n  );\n}\n\n/** lucide `move`. */\nexport function MoveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"move\", props)}>\n      <path d=\"M12 2v20\" />\n      <path d=\"m15 19-3 3-3-3\" />\n      <path d=\"m19 9 3 3-3 3\" />\n      <path d=\"M2 12h20\" />\n      <path d=\"m5 9-3 3 3 3\" />\n      <path d=\"m9 5 3-3 3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `qr-code`. */\nexport function QrCodeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"qr-code\", props)}>\n      <rect width=\"5\" height=\"5\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"5\" height=\"5\" x=\"16\" y=\"3\" rx=\"1\" />\n      <rect width=\"5\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\" />\n      <path d=\"M21 16h-3a2 2 0 0 0-2 2v3\" />\n      <path d=\"M21 21v.01\" />\n      <path d=\"M12 7v3a2 2 0 0 1-2 2H7\" />\n      <path d=\"M3 12h.01\" />\n      <path d=\"M12 3h.01\" />\n      <path d=\"M12 16v.01\" />\n      <path d=\"M16 12h1\" />\n      <path d=\"M21 12v.01\" />\n      <path d=\"M12 21v-1\" />\n    </svg>\n  );\n}\n\n/** lucide `power`. */\nexport function PowerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"power\", props)}>\n      <path d=\"M12 2v10\" />\n      <path d=\"M18.4 6.6a9 9 0 1 1-12.77.04\" />\n    </svg>\n  );\n}\n\n/** lucide `sliders-vertical`. */\nexport function SlidersVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sliders-vertical\", props)}>\n      <path d=\"M10 8h4\" />\n      <path d=\"M12 21v-9\" />\n      <path d=\"M12 8V3\" />\n      <path d=\"M17 16h4\" />\n      <path d=\"M19 12V3\" />\n      <path d=\"M19 21v-5\" />\n      <path d=\"M3 14h4\" />\n      <path d=\"M5 10V3\" />\n      <path d=\"M5 21v-7\" />\n    </svg>\n  );\n}\n\n/** lucide `fingerprint-pattern`. */\nexport function FingerprintPatternIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"fingerprint-pattern\", props)}>\n      <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n      <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n      <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n      <path d=\"M2 12a10 10 0 0 1 18-6\" />\n      <path d=\"M2 16h.01\" />\n      <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n      <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n      <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n      <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `send`. */\nexport function SendIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"send\", props)}>\n      <path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\" />\n      <path d=\"m21.854 2.147-10.94 10.939\" />\n    </svg>\n  );\n}\n\n/** lucide `paperclip`. */\nexport function PaperclipIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"paperclip\", props)}>\n      <path d=\"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\" />\n    </svg>\n  );\n}\n\n/** lucide `check-check`. */\nexport function CheckCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"check-check\", props)}>\n      <path d=\"M18 6 7 17l-5-5\" />\n      <path d=\"m22 10-7.5 7.5L13 16\" />\n    </svg>\n  );\n}\n\n/** lucide `reply`. */\nexport function ReplyIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"reply\", props)}>\n      <path d=\"M20 18v-2a4 4 0 0 0-4-4H4\" />\n      <path d=\"m9 17-5-5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `link`. */\nexport function LinkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"link\", props)}>\n      <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" />\n      <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />\n    </svg>\n  );\n}\n\n/** lucide `bot`. */\nexport function BotIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"bot\", props)}>\n      <path d=\"M12 8V4H8\" />\n      <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\" />\n      <path d=\"M2 14h2\" />\n      <path d=\"M20 14h2\" />\n      <path d=\"M15 13v2\" />\n      <path d=\"M9 13v2\" />\n    </svg>\n  );\n}\n\n/** lucide `bell-off`. */\nexport function BellOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"bell-off\", props)}>\n      <path d=\"M10.268 21a2 2 0 0 0 3.464 0\" />\n      <path d=\"M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742\" />\n      <path d=\"m2 2 20 20\" />\n      <path d=\"M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05\" />\n    </svg>\n  );\n}\n\n/** lucide `mail`. */\nexport function MailIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mail\", props)}>\n      <path d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\" />\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `mail-open`. */\nexport function MailOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mail-open\", props)}>\n      <path d=\"M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z\" />\n      <path d=\"m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10\" />\n    </svg>\n  );\n}\n\n/** lucide `folder-input`. */\nexport function FolderInputIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"folder-input\", props)}>\n      <path d=\"M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1\" />\n      <path d=\"M2 13h10\" />\n      <path d=\"m9 16 3-3-3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `star-off`. */\nexport function StarOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"star-off\", props)}>\n      <path d=\"m10.344 4.688 1.181-2.393a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.237 3.152\" />\n      <path d=\"m17.945 17.945.43 2.505a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a8 8 0 0 0 .4-.099\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `columns-3`. */\nexport function Columns3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"columns-3\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"M15 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `blocks`. */\nexport function BlocksIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"blocks\", props)}>\n      <path d=\"M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2\" />\n      <rect x=\"14\" y=\"2\" width=\"8\" height=\"8\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `calendar-clock`. */\nexport function CalendarClockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"calendar-clock\", props)}>\n      <path d=\"M16 14v2.2l1.6 1\" />\n      <path d=\"M16 2v3\" />\n      <path d=\"M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338\" />\n      <path d=\"M3 9h5.859\" />\n      <path d=\"M8 2v3\" />\n      <circle cx=\"16\" cy=\"16\" r=\"6\" />\n    </svg>\n  );\n}\n\n/** lucide `door-open`. */\nexport function DoorOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"door-open\", props)}>\n      <path d=\"M10 21H2\" />\n      <path d=\"M10 3H7a2 2 0 00-2 2v16\" />\n      <path d=\"M14 12h.01\" />\n      <path d=\"M19 21V5a2 2 0 00-1.675-1.974l-6.163-1.013A1 1 0 0010 3v18a1 1 0 001.124.992z\" />\n      <path d=\"M22 21h-3\" />\n    </svg>\n  );\n}\n\n/** lucide `inbox`. */\nexport function InboxIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"inbox\", props)}>\n      <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\" />\n      <path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\" />\n    </svg>\n  );\n}\n\n/** lucide `layout-dashboard`. */\nexport function LayoutDashboardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"layout-dashboard\", props)}>\n      <rect width=\"7\" height=\"9\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"5\" x=\"14\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"9\" x=\"14\" y=\"12\" rx=\"1\" />\n      <rect width=\"7\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `archive-restore`. */\nexport function ArchiveRestoreIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"archive-restore\", props)}>\n      <rect width=\"20\" height=\"5\" x=\"2\" y=\"3\" rx=\"1\" />\n      <path d=\"M4 8v11a2 2 0 0 0 2 2h2\" />\n      <path d=\"M20 8v11a2 2 0 0 1-2 2h-2\" />\n      <path d=\"m9 15 3-3 3 3\" />\n      <path d=\"M12 12v9\" />\n    </svg>\n  );\n}\n\n/** lucide `split`. */\nexport function SplitIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"split\", props)}>\n      <path d=\"M16 3h5v5\" />\n      <path d=\"M8 3H3v5\" />\n      <path d=\"M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3\" />\n      <path d=\"m15 9 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up-from-line`. */\nexport function ArrowUpFromLineIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up-from-line\", props)}>\n      <path d=\"m18 9-6-6-6 6\" />\n      <path d=\"M12 3v14\" />\n      <path d=\"M5 21h14\" />\n    </svg>\n  );\n}\n\n/** lucide `lock-open`. */\nexport function LockOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"lock-open\", props)}>\n      <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 11V7a5 5 0 0 1 9.9-1\" />\n    </svg>\n  );\n}\n\n/** lucide `printer`. */\nexport function PrinterIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"printer\", props)}>\n      <path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\" />\n      <path d=\"M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6\" />\n      <rect x=\"6\" y=\"14\" width=\"12\" height=\"8\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `rocket`. */\nexport function RocketIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rocket\", props)}>\n      <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" />\n      <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09\" />\n      <path d=\"M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z\" />\n      <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05\" />\n    </svg>\n  );\n}\n\n/** lucide `message-circle`. */\nexport function MessageCircleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"message-circle\", props)}>\n      <path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\" />\n    </svg>\n  );\n}\n\n/** lucide `copy-plus`. */\nexport function CopyPlusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"copy-plus\", props)}>\n      <line x1=\"15\" x2=\"15\" y1=\"12\" y2=\"18\" />\n      <line x1=\"12\" x2=\"18\" y1=\"15\" y2=\"15\" />\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  );\n}\n\n/** lucide `map-pin`. */\nexport function MapPinIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"map-pin\", props)}>\n      <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\" />\n      <circle cx=\"12\" cy=\"10\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `at-sign`. */\nexport function AtSignIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"at-sign\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <path d=\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8\" />\n    </svg>\n  );\n}\n\n/** lucide `link-2-off`. */\nexport function Link2OffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"link-2-off\", props)}>\n      <path d=\"M9 17H7A5 5 0 0 1 7 7\" />\n      <path d=\"M15 7h2a5 5 0 0 1 4 8\" />\n      <line x1=\"8\" x2=\"12\" y1=\"12\" y2=\"12\" />\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n    </svg>\n  );\n}\n\n/** lucide `whole-word`. */\nexport function WholeWordIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"whole-word\", props)}>\n      <circle cx=\"7\" cy=\"12\" r=\"3\" />\n      <path d=\"M10 9v6\" />\n      <circle cx=\"17\" cy=\"12\" r=\"3\" />\n      <path d=\"M14 7v8\" />\n      <path d=\"M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1\" />\n    </svg>\n  );\n}\n\n/** lucide `lightbulb`. */\nexport function LightbulbIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"lightbulb\", props)}>\n      <path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\" />\n      <path d=\"M9 18h6\" />\n      <path d=\"M10 22h4\" />\n    </svg>\n  );\n}\n\n/** lucide `shield-off`. */\nexport function ShieldOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield-off\", props)}>\n      <path d=\"m2 2 20 20\" />\n      <path d=\"M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71\" />\n      <path d=\"M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-left`. */\nexport function ChevronsLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-left\", props)}>\n      <path d=\"m11 17-5-5 5-5\" />\n      <path d=\"m18 17-5-5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-right`. */\nexport function ChevronsRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-right\", props)}>\n      <path d=\"m6 17 5-5-5-5\" />\n      <path d=\"m13 17 5-5-5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `users-round`. */\nexport function UsersRoundIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"users-round\", props)}>\n      <path d=\"M18 21a8 8 0 0 0-16 0\" />\n      <circle cx=\"10\" cy=\"8\" r=\"5\" />\n      <path d=\"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3\" />\n    </svg>\n  );\n}\n\n/** lucide `landmark`. */\nexport function LandmarkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"landmark\", props)}>\n      <path d=\"M10 18v-7\" />\n      <path d=\"M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z\" />\n      <path d=\"M14 18v-7\" />\n      <path d=\"M18 18v-7\" />\n      <path d=\"M3 22h18\" />\n      <path d=\"M6 18v-7\" />\n    </svg>\n  );\n}\n\n/** lucide `factory`. */\nexport function FactoryIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"factory\", props)}>\n      <path d=\"M12 16h.01\" />\n      <path d=\"M16 16h.01\" />\n      <path d=\"M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z\" />\n      <path d=\"M8 16h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-down` — CollapsibleText's \"expand all\". */\nexport function ChevronsDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-down\", props)}>\n      <path d=\"m7 6 5 5 5-5\" />\n      <path d=\"m7 13 5 5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-up` — CollapsibleText's \"collapse all\". */\nexport function ChevronsUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-up\", props)}>\n      <path d=\"m17 11-5-5-5 5\" />\n      <path d=\"m17 18-5-5-5 5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up-right` — CitationChip's \"open source\". */\nexport function ArrowUpRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up-right\", props)}>\n      <path d=\"M7 7h10v10\" />\n      <path d=\"M7 17 17 7\" />\n    </svg>\n  );\n}\n\n/** lucide `quote` — CitationChip's excerpt blockquote. */\nexport function QuoteIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"quote\", props)}>\n      <path d=\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\" />\n      <path d=\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-top-open` — the floating dock's phone menu button (opens the list). */\nexport function PanelTopOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-top-open\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"m15 14-3 3-3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-top-close` — the floating dock's phone menu button (closes the list). */\nexport function PanelTopCloseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-top-close\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"m9 16 3-3 3 3\" />\n    </svg>\n  );\n}\n","\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\n\nexport const buttonVariants = cva(\n  \"matrx-glyph-trim inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:opacity-50 active:scale-[0.98] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        /**\n         * An explicit spelling of `default`, identical by construction. It is\n         * not decoration: matrx-frontend's `ButtonMine` fork carried it, ~17\n         * call sites say `variant=\"primary\"`, and the alternative to keeping\n         * the word was a host shim translating a prop — the massage C22 bans.\n         */\n        primary: \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        destructive:\n          \"bg-danger-fill text-danger-fill-foreground shadow-sm hover:bg-danger-fill/90\",\n        /** The affirmative twin of `destructive` — confirm, approve, publish. */\n        success:\n          \"bg-success-fill text-success-fill-foreground shadow-sm hover:bg-success-fill/90\",\n        outline:\n          \"border border-border bg-card shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary-ink underline-offset-4 hover:underline\",\n        subtle:\n          \"border border-transparent bg-muted/50 text-foreground hover:border-border hover:bg-muted\",\n      },\n      /**\n       * ONE size scale, xs → 3xl, plus the two icon boxes. The top and bottom\n       * of the scale came in from matrx-frontend's `ButtonMine` fork (2026-09-07):\n       * a dense toolbar needs `xs`, and a marketing/hero call to action needs\n       * `xl`+. A host that has to reach outside this scale forks the button,\n       * which is exactly how `ButtonMine` was born.\n       */\n      size: {\n        xs: \"h-6 rounded-md px-1 text-xs\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        default: \"h-9 px-4 py-2\",\n        /** An explicit spelling of `default` (the fork's middle rung). */\n        md: \"h-9 px-4 py-2\",\n        lg: \"h-10 rounded-md px-6\",\n        xl: \"h-12 px-8 py-3 text-base\",\n        \"2xl\": \"h-14 px-10 py-3 text-base\",\n        \"3xl\": \"h-16 px-12 py-3 text-base\",\n        icon: \"h-9 w-9\",\n        \"icon-sm\": \"h-7 w-7\",\n        /** A circular icon box — an avatar-shaped control, not a square one. */\n        roundIcon: \"h-8 w-8 rounded-full p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\n/**\n * THE TOUCH FLOOR (2026-09-17).\n *\n * Every rung of the size scale below `xl` is shorter than the 44px platform\n * touch target: `xs` 24, `icon-sm` 28, `sm` 32, `roundIcon` 32, `default`/`md`\n * 36, `icon` 36, `lg` 40. Measured live at 390x844 on `/masterwork/<id>`, ALL\n * SEVEN design-system Buttons in the viewport were under the floor (four at\n * 32px, two at 28px).\n *\n * The floor is raised in CSS, under `@media (pointer: coarse)` ONLY, so DESKTOP\n * DENSITY IS UNTOUCHED — a narrow desktop window is not a finger, which is why\n * this rule deliberately does NOT carry the `(max-width: 1023px)` half that the\n * dialog-footer floor in `styles.css` uses.\n *\n * WHY EVERY SUB-44 RUNG AND NOT JUST `sm`: a floor applied to one rung inverts\n * the scale. Lift `sm` (32) alone and it renders TALLER on a phone than\n * `default` (36) and `lg` (40) — the scale would stop being a scale. A floor is\n * only coherent applied to everything beneath it.\n *\n * The mechanism is `min-height`/`min-width`, not an invisible 44px hit ring\n * over a 32px pill. A ring is the tap-target package's pattern and it is right\n * THERE (isolated glass buttons), but on a toolbar of adjacent `sm` buttons\n * separated by an 8px gap the rings overlap in the gap and one button silently\n * eats taps aimed at its neighbour — unacceptable where a neighbour is\n * destructive. `lib/entity-list`'s own phone contract (`h-11 min-w-11`) already\n * chose growth for the same reason; this is that choice made once, in the\n * primitive, instead of per surface.\n *\n * `min-width` is raised only on the SQUARE rungs (`icon`, `icon-sm`,\n * `roundIcon`) — a text button is already wider than 44px, and forcing a floor\n * on it would stretch short labels.\n *\n * Opt out on a control that is genuinely not a finger target with\n * `data-touch-exempt` (same escape hatch the footer floor honors), and say why\n * at the call site.\n */\nconst TOUCH_FLOOR_SIZES = new Set([\n  \"xs\",\n  \"sm\",\n  \"default\",\n  \"md\",\n  \"lg\",\n  \"icon\",\n  \"icon-sm\",\n  \"roundIcon\",\n]);\nconst SQUARE_SIZES = new Set([\"icon\", \"icon-sm\", \"roundIcon\"]);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n/**\n * THE CURSOR LAW (common-docs/policies/cursor-law.md): a disabled control says\n * so with `not-allowed`, which the package's base layer sets on `:disabled`\n * and `[aria-disabled=\"true\"]`. `pointer-events: none` is never the mechanism\n * — it swallows the cursor. A native `<button disabled>` already fires no\n * click; the two shapes that WOULD fire one are handled here, once:\n *  - `asChild` + `disabled` (a Link wearing button styles): marked\n *    `aria-disabled`, taken out of the tab order, and its click is swallowed;\n *  - `aria-disabled=\"true\"` on an enabled button: its click is swallowed.\n */\nexport function swallowClick(event: React.MouseEvent<HTMLButtonElement>): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, onClick, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n    const resolvedSize = size ?? \"default\";\n    const disabledChild = asChild && Boolean(props.disabled);\n    const ariaDisabled = props[\"aria-disabled\"];\n    const inert =\n      disabledChild || ariaDisabled === true || ariaDisabled === \"true\";\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        data-matrx-button=\"\"\n        data-tap-floor={TOUCH_FLOOR_SIZES.has(resolvedSize) ? \"\" : undefined}\n        data-tap-floor-square={\n          SQUARE_SIZES.has(resolvedSize) ? \"\" : undefined\n        }\n        ref={ref}\n        {...props}\n        aria-disabled={disabledChild ? true : ariaDisabled}\n        tabIndex={disabledChild ? -1 : props.tabIndex}\n        onClick={inert ? swallowClick : onClick}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * ErrorBox — THE one way a package draws an error on screen, and the seam a\n * host uses to put its own actions on every one of them.\n *\n * Every error sentence this package (and every sibling package that depends\n * on it) shows is an `ErrorBox`. The box is a plain `role=\"alert\"` element —\n * its tag and classes are the caller's, so nothing about the look changes — and\n * after its children it renders whatever the host's `ErrorActionsProvider`\n * returns for that error. With no provider it renders nothing extra.\n *\n * Why a slot and not a menu: the package cannot know the host's AI copy, bug\n * report, or support flow (Matrx fills it with its Alchemy copy-for-AI menu at\n * the app root). The package supplies the error's facts — the sentence, the\n * raw error, the operation, the records — and the host decides the actions.\n *\n * Guard: `error-box.census.test.ts` fails when a package file renders\n * `role=\"alert\"` for an error without going through `ErrorBox` (or, for the\n * `Alert` family, `ErrorActions`).\n */\nimport * as React from \"react\";\n\nexport interface ErrorActionsRecord {\n  type: string;\n  id: string;\n  label?: string;\n}\n\n/** The facts a package knows about an error it is showing. All optional. */\nexport interface ErrorActionsInput {\n  /** The sentence shown. Omit when the words are only in the rendered box. */\n  message?: string | undefined;\n  title?: string | undefined;\n  /** The raw error (code/status/stack stay available to the host). */\n  error?: unknown | undefined;\n  /** What was being attempted (\"Load saved views\"). */\n  operation?: string | undefined;\n  records?: readonly ErrorActionsRecord[] | undefined;\n  /** The person's input that did not land. */\n  unsavedInput?: unknown | undefined;\n  /** The package + component that drew it (\"design-system/SavedViewsControl\"). */\n  origin?: string | undefined;\n  /** Extra structured facts for the AI payload (never shown). */\n  details?: Record<string, unknown> | undefined;\n  code?: string | number | undefined;\n  status?: number | undefined;\n  /** The tables / RPCs the failed call used — pins its captured request as the cause. */\n  calls?: readonly string[] | undefined;\n  /** Where it was drawn: an `ErrorNotice` card/line (\"inline\") or a package alert box (\"alert\", the default). */\n  source?: \"inline\" | \"alert\" | undefined;\n}\n\nexport type ErrorActionsRenderer = (input: ErrorActionsInput) => React.ReactNode;\n\n/**\n * ONE context for every copy of this module. tsup builds each entry point\n * (`.`, `./data-table`, …) without code splitting, so this file is inlined into\n * several bundles; a plain `createContext` would give each bundle its own\n * context and the host's provider (imported from `.`) would never reach an\n * error drawn by the data table. The registry key makes them one.\n */\nconst CONTEXT_KEY = Symbol.for(\"@ai-matrx/design-system/error-actions\");\ntype ContextRegistry = Record<symbol, React.Context<ErrorActionsRenderer | null> | undefined>;\nconst registry = globalThis as unknown as ContextRegistry;\nconst ErrorActionsContext: React.Context<ErrorActionsRenderer | null> =\n  registry[CONTEXT_KEY] ??\n  (registry[CONTEXT_KEY] = React.createContext<ErrorActionsRenderer | null>(null));\n\n/** Mount once at the host's app root; every ErrorBox below renders `render(...)`. */\nexport function ErrorActionsProvider({\n  render,\n  children,\n}: {\n  render: ErrorActionsRenderer;\n  children: React.ReactNode;\n}) {\n  return (\n    <ErrorActionsContext.Provider value={render}>{children}</ErrorActionsContext.Provider>\n  );\n}\n\n/**\n * The host's content menu around an error card (`ErrorNotice`): the corner ⋯\n * button and the right-click boundary that show the host's content actions\n * over the error's sentence. Read-only — nothing here may change a record.\n * Without a provider the card draws neither (the actions slot still renders).\n */\nexport interface ErrorCardMenus {\n  /** The corner ⋯ button over `{ title, text }`. */\n  Button: React.ComponentType<{ title: string; text: string; className?: string }>;\n  /** Wraps the whole card so right-click opens the same menu. */\n  Boundary: React.ComponentType<{ title: string; text: string; children: React.ReactNode }>;\n}\n\nconst MENUS_KEY = Symbol.for(\"@ai-matrx/design-system/error-card-menus\");\ntype MenusRegistry = Record<symbol, React.Context<ErrorCardMenus | null> | undefined>;\nconst menusRegistry = globalThis as unknown as MenusRegistry;\nconst ErrorCardMenusContext: React.Context<ErrorCardMenus | null> =\n  menusRegistry[MENUS_KEY] ??\n  (menusRegistry[MENUS_KEY] = React.createContext<ErrorCardMenus | null>(null));\n\n/** Mount once at the host's app root beside `ErrorActionsProvider`. */\nexport function ErrorCardMenusProvider({\n  menus,\n  children,\n}: {\n  menus: ErrorCardMenus;\n  children: React.ReactNode;\n}) {\n  return <ErrorCardMenusContext.Provider value={menus}>{children}</ErrorCardMenusContext.Provider>;\n}\n\nexport function useErrorCardMenus(): ErrorCardMenus | null {\n  return React.useContext(ErrorCardMenusContext);\n}\n\nexport function useErrorActions(): ErrorActionsRenderer | null {\n  return React.useContext(ErrorActionsContext);\n}\n\n/**\n * The host's actions for one error, placed wherever the caller puts this\n * element. Renders nothing without a provider. Use inside a box you do not\n * render yourself (the `Alert` family); everything else uses `ErrorBox`.\n */\nexport function ErrorActions(props: ErrorActionsInput) {\n  const render = useErrorActions();\n  if (!render) return null;\n  return <>{render(props)}</>;\n}\n\ntype ErrorBoxTag = \"p\" | \"div\" | \"span\" | \"section\" | \"li\";\n\nexport interface ErrorBoxProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"role\" | \"title\">,\n    ErrorActionsInput {\n  /** The element drawn — the caller's existing tag, so layout never shifts. */\n  as?: ErrorBoxTag;\n}\n\nexport const ErrorBox = React.forwardRef<HTMLElement, ErrorBoxProps>(function ErrorBox(\n  {\n    as = \"p\",\n    message,\n    title,\n    error,\n    operation,\n    records,\n    unsavedInput,\n    origin,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  // A component type, never a bare ElementType: an app compiling this source may carry global JSX\n  // elements (react-three-fiber) that make a bare ElementType's props `never` (2026-10-22).\n  const Tag = as as unknown as React.ComponentType<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>;\n  const facts: ErrorActionsInput = {\n    ...(message !== undefined ? { message } : {}),\n    ...(title !== undefined ? { title } : {}),\n    ...(error !== undefined ? { error } : {}),\n    ...(operation !== undefined ? { operation } : {}),\n    ...(records !== undefined ? { records } : {}),\n    ...(unsavedInput !== undefined ? { unsavedInput } : {}),\n    ...(origin !== undefined ? { origin } : {}),\n  };\n  return (\n    <Tag ref={ref} role=\"alert\" data-error-box=\"\" {...rest}>\n      {children ?? message}\n      <ErrorActions {...facts} />\n    </Tag>\n  );\n});\n","\"use client\";\n\n/**\n * ErrorNotice — THE inline error card. Every error a surface renders inline\n * (\"Not saved\", \"Failed to load…\", a dialog's refusal, a form's failure) is\n * this component, so every one of them carries the Alchemy Menu and hands an\n * AI the sentence, the code, the operation, the records, the surface's declared\n * values and the person's unsaved input.\n *\n *   <ErrorNotice\n *     title=\"Not saved\"\n *     message={item.error}\n *     operation=\"Save comment\"\n *     records={[{ type: \"document\", id: docId }]}\n *     unsavedInput={{ comment: draft }}\n *     actions={<Button onClick={retry}>Retry</Button>}\n *   />\n *\n * Moved from matrx-frontend (chat host slots get real package defaults,\n * 2026-10-08). The host's actions (Matrx: the Alchemy Menu) arrive through\n * `ErrorActionsProvider`; the corner ⋯ and right-click menu through\n * `ErrorCardMenusProvider`. Without them the card still says everything.\n */\nimport type { ReactNode } from \"react\";\nimport { AlertTriangleIcon as AlertTriangle } from \"./icons\";\nimport { cn } from \"./cn\";\nimport { Button } from \"./button\";\nimport {\n  ErrorActions,\n  useErrorCardMenus,\n  type ErrorActionsInput,\n  type ErrorActionsRecord,\n} from \"./error-box\";\n\n/**\n * The sentence an error carries: its own message (string, Error, or any\n * object with a `message`). Empty when it has none.\n */\nexport function errorSentenceOf(error: unknown): string {\n  if (error == null || error === true || error === false) return \"\";\n  if (typeof error === \"string\") return error;\n  if (typeof error !== \"object\") return String(error);\n  const message = (error as { message?: unknown }).message;\n  return typeof message === \"string\" ? message : \"\";\n}\n\n/**\n * What a person reads when the store cancelled a call at its statement timeout\n * (SQLSTATE 57014). Postgres' own \"canceling statement due to statement\n * timeout\" is about the database, not the person; the cancelled call rolled\n * back, so nothing was written (lane AT-SLOW, 2026-10-19). The same sentence\n * @ai-matrx/records' `TIMED_OUT_MESSAGE` gives.\n */\nexport const TIMED_OUT_SENTENCE = \"That took too long. Nothing was lost; try again.\";\n\n/** True when an error, its code, or its sentence is the store's statement timeout. */\nexport function isTimedOutError(error: unknown, message?: string | null, code?: string | number): boolean {\n  if (code === \"57014\" || code === \"timed_out\") return true;\n  if (error && typeof error === \"object\") {\n    const o = error as { code?: unknown; sqlstate?: unknown };\n    if (o.code === \"57014\" || o.code === \"timed_out\" || o.sqlstate === \"57014\") return true;\n  }\n  const text = `${message ?? \"\"} ${errorSentenceOf(error)}`;\n  return /canceling statement due to statement timeout/i.test(text);\n}\n\nexport type ErrorNoticeProps = {\n  /** Short heading (\"Not saved\"). */\n  title?: string;\n  /** The sentence shown. Falls back to the error's own message. */\n  message?: string | null;\n  /** The raw error — code/status/stack go to the AI payload, never the screen. */\n  error?: unknown;\n  operation?: string;\n  records?: readonly ErrorActionsRecord[];\n  unsavedInput?: unknown;\n  details?: Record<string, unknown>;\n  code?: string | number;\n  status?: number;\n  /** The tables / RPCs the failed call used — pins its captured request as the cause. */\n  calls?: readonly string[];\n  /** Retry / Discard / other controls, rendered under the sentence. */\n  actions?: ReactNode;\n  /**\n   * Run the failed call again. Shown as \"Try again\" when the error is the\n   * store's statement timeout and no `actions` were given.\n   */\n  onRetry?: () => void;\n  /** Extra content under the sentence. */\n  children?: ReactNode;\n  /**\n   * `default` = the card. `compact` = the dense card used inside lists and\n   * side panels. `inline` = a one-line field/form error (no card chrome): the\n   * sentence in the destructive color with the menu at its end — the shape\n   * every `<p role=\"alert\" className=\"text-destructive\">` render moves onto.\n   */\n  size?: \"inline\" | \"compact\" | \"default\";\n  icon?: boolean;\n  className?: string;\n};\n\nexport function ErrorNotice({\n  title,\n  message,\n  error,\n  operation,\n  records,\n  unsavedInput,\n  details,\n  code,\n  status,\n  calls,\n  actions: actionsProp,\n  onRetry,\n  children,\n  size = \"default\",\n  icon = true,\n  className,\n}: ErrorNoticeProps) {\n  const timedOut = isTimedOutError(error, message, code);\n  const sentence = timedOut\n    ? TIMED_OUT_SENTENCE\n    : message?.trim() ||\n      errorSentenceOf(error).trim() ||\n      \"Something went wrong.\";\n  const actions =\n    actionsProp ??\n    (timedOut && onRetry ? (\n      <Button type=\"button\" size=\"sm\" variant=\"outline\" data-error-retry=\"\" onClick={onRetry}>\n        Try again\n      </Button>\n    ) : undefined);\n  const menus = useErrorCardMenus();\n  const input: ErrorActionsInput = {\n    title,\n    message: sentence,\n    error,\n    operation,\n    records,\n    unsavedInput,\n    details,\n    code,\n    status,\n    ...(calls ? { calls } : {}),\n    source: \"inline\",\n    origin: \"design-system/ErrorNotice\",\n  };\n  if (size === \"inline\") {\n    return (\n      <div\n        role=\"alert\"\n        data-error-notice=\"\"\n        className={cn(\"flex items-start gap-1 text-destructive\", className)}\n      >\n        <span className=\"min-w-0 flex-1 break-words\">\n          {title ? (\n            <span data-error-title=\"\" className=\"font-medium\">\n              {title}:{\" \"}\n            </span>\n          ) : null}\n          {sentence}\n        </span>\n        {children}\n        {actions}\n        <ErrorActions {...input} />\n      </div>\n    );\n  }\n  const compact = size === \"compact\";\n  // Title, actions or extra content make the card taller than the ⋯ + menu column.\n  const stacked = Boolean(title || actions || children);\n  // The card is an action host like any other content (ALC-15): right-click,\n  // ⋯ (the same menu, opened at the button), the phone's sheet and the palette\n  // (⌘/Ctrl+Shift+K) all show the ONE registry's actions over this sentence.\n  // Read-only: nothing here may change a record.\n  const menuTitle = title ?? \"Error\";\n  const menuText = title ? `${title}: ${sentence}` : sentence;\n  const card = (\n    <div\n      role=\"alert\"\n      data-error-notice=\"\"\n      className={cn(\n        \"rounded-md border border-destructive/30 bg-destructive/5\",\n        compact ? \"px-2 py-1.5 text-xs\" : \"px-3 py-2.5 text-sm\",\n        className,\n      )}\n    >\n      <div className=\"flex items-start gap-2\">\n        {icon && (\n          <AlertTriangle\n            aria-hidden\n            className={cn(\n              \"shrink-0 text-destructive\",\n              compact ? \"mt-px h-3.5 w-3.5\" : \"mt-0.5 h-4 w-4\",\n            )}\n          />\n        )}\n        <div className=\"min-w-0 flex-1\">\n          {title && (\n            <p data-error-title=\"\" className=\"font-medium text-destructive\">\n              {title}\n            </p>\n          )}\n          <p className={cn(\"break-words text-foreground\", title && \"mt-0.5\")}>\n            {sentence}\n            {!stacked && <ErrorActions {...input} />}\n          </p>\n          {children}\n          {actions && <div className=\"mt-1 flex flex-wrap gap-1\">{actions}</div>}\n        </div>\n        {/* The corner column the ⋯ already owns carries the menu under it: no\n            new column (beside the ⋯ it narrowed every line — 176→224px at\n            375px) and no new line (inline, a full last line wrapped it,\n            +16px). A one-line notice with nothing under its sentence is\n            shorter than that column, so there the menu rides the sentence\n            (RC-B12 layout rule). */}\n        <div className=\"flex shrink-0 flex-col items-center\">\n          {menus ? (\n            <menus.Button\n              title={menuTitle}\n              text={menuText}\n              {...(compact ? { className: \"h-6 w-6\" } : {})}\n            />\n          ) : null}\n          {stacked && <ErrorActions {...input} />}\n        </div>\n      </div>\n    </div>\n  );\n  if (!menus) return card;\n  return (\n    <menus.Boundary title={menuTitle} text={menuText}>\n      {card}\n    </menus.Boundary>\n  );\n}\n","\"use client\";\n\n/**\n * THE SERVER-SAFE RETRY. A server page cannot hand a failure notice a retry\n * function — functions do not cross the server/client boundary — so its\n * \"Couldn't load …\" card had no way forward but the browser's own reload\n * (page-pass 2026-09-27, /chat/message-templates/<id>). This control is the\n * retry any server-rendered failure can carry: it takes no props a server\n * cannot send, and it reloads THIS url (path, query and hash), which re-runs the\n * server read that failed.\n *\n * Its words say what it does — \"Reload page\" — because a reload also drops\n * anything unsaved elsewhere on the page; a client surface that can retry just\n * its own read passes `onRetry` to `ReadFailure` instead.\n */\nimport { RefreshCwIcon as RefreshCw } from \"../icons\";\nimport { Button } from \"../button\";\n\nexport const RELOAD_PAGE_LABEL = \"Reload page\";\n\nexport function ReloadPageButton({ className }: { className?: string }) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className={className ?? \"h-7 gap-1.5 text-xs\"}\n      onClick={() => window.location.reload()}\n    >\n      <RefreshCw className=\"h-3.5 w-3.5\" aria-hidden /> {RELOAD_PAGE_LABEL}\n    </Button>\n  );\n}\n","\"use client\";\n\n/**\n * The failed-read view every list uses instead of its empty state (RC-B12\n * round 11): the error, with the Alchemy Menu (through ErrorNotice) and a\n * retry when the caller has one. `error` may be the error itself or just the\n * read's failed flag — the sentence never pretends there is nothing.\n *\n * ALWAYS A WAY FORWARD. With `onRetry` it offers \"Try again\" (the surface's own\n * read, nothing else touched). Without one — every SERVER page, which cannot\n * pass a function — it offers `ReloadPageButton`: a same-URL reload that re-runs\n * the server read. A failure card with no retry at all is gone.\n */\nimport { RefreshCwIcon as RefreshCw } from \"../icons\";\nimport { Button } from \"../button\";\nimport { ErrorNotice } from \"../error-notice\";\nimport { ReloadPageButton } from \"./reload-page-button\";\n\nexport type ReadFailureProps = {\n  error: unknown;\n  /** What could not be read, in the reader's words: \"your tasks\". */\n  what?: string | undefined;\n  /** Retry just this read. Absent (always, from a server page): a same-URL reload is offered. */\n  onRetry?: (() => void) | undefined;\n  className?: string | undefined;\n  size?: \"compact\" | \"default\" | undefined;\n};\n\nexport function ReadFailure({\n  error,\n  what = \"this list\",\n  onRetry,\n  className,\n  size = \"compact\",\n}: ReadFailureProps) {\n  const flagOnly = error === true || error == null || error === \"\";\n  return (\n    <ErrorNotice\n      size={size}\n      className={className ?? \"m-3\"}\n      title={`Couldn't load ${what}`}\n      {...(flagOnly\n        ? { message: `The read for ${what} failed, so nothing here is an answer — not \"empty\".` }\n        : { error })}\n      operation={`Load ${what}`}\n      actions={\n        onRetry ? (\n          <Button variant=\"outline\" size=\"sm\" className=\"h-7 gap-1.5 text-xs\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5\" /> Try again\n          </Button>\n        ) : (\n          <ReloadPageButton />\n        )\n      }\n    />\n  );\n}\n","\"use client\";\n\n/**\n * StaleDataNotice — what a surface shows when a READ FAILED and the rows on\n * screen are therefore not to be trusted.\n *\n * THE DEAD END this kills: a list loads fine, the user acts, the surface\n * reloads — and the reload fails. A toast fires and fades. What remains is the\n * PREVIOUS list, rendered exactly like a fresh one. The user reads a roster\n * that no longer reflects the database and has no way to know. Bugbot found\n * this on the admins roster and the feedback table in the same pass, which is\n * what made it a primitive instead of two patches.\n *\n * This is the campaign's never-report-green rule at its sharpest: **a surface\n * must never present data it could not actually read as though it had.** The\n * sibling `DeepLinkMissNotice` states a definitive negative and so demands\n * proof the list WAS read; this states the opposite — that the read broke —\n * and is what that component's \"show the surface's ordinary error state\n * instead\" was pointing at. Neither is complete without the other.\n *\n * Two cases, and conflating them is the actual bug:\n *\n *   1. **Stale** (`hasData`) — rows are on screen from an earlier successful\n *      read. Say they may be out of date. Do NOT blank them: old data plus an\n *      honest label beats an empty screen, and the user may still need it.\n *   2. **Unknown** (`!hasData`) — nothing was ever read. An empty list here\n *      reads as \"there are none\", which is a claim about the database nobody\n *      is entitled to make. Say the read failed instead.\n *\n * `onRetry` is not optional decoration — a problem you can detect ships with\n * its one-click fix. The user should never have to reload the page to recover\n * from a failed fetch.\n */\n\nimport { AlertTriangleIcon as AlertTriangle, RefreshCwIcon as RefreshCw } from \"../icons\";\nimport { Button } from \"../button\";\nimport { cn } from \"../cn\";\nimport { ErrorActions } from \"../error-box\";\n\nexport interface StaleDataNoticeProps {\n  /**\n   * Whether rows from an earlier SUCCESSFUL read are currently displayed.\n   * Decides between \"this may be out of date\" and \"we never read this\".\n   */\n  hasData: boolean;\n  /**\n   * What could not be read, as a plain noun phrase the user recognizes —\n   * \"the admin roster\", \"feedback\". Never a table or endpoint name: our user\n   * is a subject-matter expert, not an engineer.\n   */\n  what: string;\n  /** Re-run the read. Required — the notice always carries its own fix. */\n  onRetry: () => void;\n  /** Disables the retry control and shows motion while a retry is in flight. */\n  retrying?: boolean;\n  /** Optional detail (a server message). Shown verbatim, never interpreted. */\n  detail?: string | null;\n  /**\n   * A multi-source list where SOME sources read and some did not: the rows on\n   * screen are current, but `what` is missing from them. Says so instead of\n   * \"may be out of date\" (RC-B12 round 12 — a partly failed roster).\n   */\n  partial?: boolean;\n  className?: string;\n}\n\nexport function StaleDataNotice({\n  hasData,\n  what,\n  onRetry,\n  retrying = false,\n  detail,\n  partial = false,\n  className,\n}: StaleDataNoticeProps) {\n  return (\n    <div\n      role=\"status\"\n      className={cn(\n        \"flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-md border border-amber-500/40 bg-amber-500/10 px-3 py-2 type-body\",\n        className,\n      )}\n    >\n      <AlertTriangle className=\"h-4 w-4 shrink-0 text-amber-600 dark:text-amber-500\" />\n      <span className=\"min-w-0 flex-1 text-foreground\">\n        {partial ? (\n          <>\n            Couldn&apos;t load {what}, so <strong>they are missing</strong> from\n            the list below — everything else loaded.\n          </>\n        ) : hasData ? (\n          <>\n            Couldn&apos;t refresh {what}. What you see below is the last version\n            we loaded and <strong>may be out of date</strong>.\n          </>\n        ) : (\n          <>\n            Couldn&apos;t load {what}, so this list is empty because the read\n            failed — <strong>not</strong> because there is nothing here.\n          </>\n        )}\n        {detail ? (\n          <span className=\"ml-1 text-muted-foreground\">({detail})</span>\n        ) : null}\n        {/* A failed read is an error on screen: it carries the Alchemy Menu (RC-B12),\n            INSIDE the sentence — as its own flex item it narrowed the text and\n            grew the notice 118→138px at 375px. */}\n        <ErrorActions\n          title={partial || !hasData ? `Couldn't load ${what}` : `Couldn't refresh ${what}`}\n          message={\n            detail\n              ? `${hasData ? \"Couldn't refresh\" : \"Couldn't load\"} ${what}: ${detail}`\n              : `${hasData ? \"Couldn't refresh\" : \"Couldn't load\"} ${what}.`\n          }\n          operation={`${hasData ? \"Refresh\" : \"Load\"} ${what}`}\n          details={partial ? { rows_on_screen_are_partial: true } : { rows_on_screen_are_stale: hasData }}\n          source=\"inline\"\n          origin=\"design-system/StaleDataNotice\"\n        />\n      </span>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        onClick={onRetry}\n        disabled={retrying}\n        className=\"h-11 shrink-0 gap-1.5 lg:h-7\"\n      >\n        <RefreshCw className={cn(\"h-3.5 w-3.5\", retrying && \"matrx-spin\")} />\n        {retrying ? \"Retrying…\" : \"Try again\"}\n      </Button>\n    </div>\n  );\n}\n","\"use client\";\n\n/**\n * THE rule for every empty view (RC-B12 round 11): \"nothing here\" is an answer\n * only after a read that SUCCEEDED and returned nothing.\n *\n *   <ReadGate status={readStatusOf(query)} error={query.error} what=\"your tasks\"\n *             isEmpty={tasks.length === 0} empty={<p>No tasks yet.</p>} onRetry={refetch}>\n *     <TaskList tasks={tasks} />\n *   </ReadGate>\n *\n * loading → a wait · error → the failure (with the menu) · ready + empty → the\n * empty view · ready → the rows. When a refresh fails but earlier rows are on\n * screen, the rows stay and the failure is said above them.\n * Guarded by the census `findUngatedEmptyStates` and the lint rule\n * matrx/error-render-carries-alchemy (an empty view under a loading check\n * with no failure check is refused).\n */\nimport type { ReactNode } from \"react\";\nimport { Loader2Icon as Loader2 } from \"../icons\";\nimport { ReadFailure } from \"./read-failure\";\nimport { StaleDataNotice } from \"./stale-data-notice\";\n\nexport type ReadStatus = \"loading\" | \"error\" | \"ready\";\n\n/** The usual shapes a read reports itself in, folded into one status. */\nexport function readStatusOf(read: {\n  status?: string | null;\n  isLoading?: boolean;\n  loading?: boolean;\n  isFetching?: boolean;\n  isError?: boolean;\n  error?: unknown;\n}): ReadStatus {\n  if (read.isError || (read.error != null && read.error !== false && read.error !== \"\")) return \"error\";\n  if (read.status === \"error\" || read.status === \"failed\") return \"error\";\n  if (read.isLoading || read.loading || read.status === \"loading\" || read.status === \"idle\" || read.status === \"pending\") return \"loading\";\n  return \"ready\";\n}\n\n/**\n * A read's outcome handed to a list/table primitive (RC-B12 round 13). Every\n * primitive that takes an `emptyState` also takes `read?: ReadOutcome` and\n * renders the empty state only when `status === \"ready\"`: \"error\" with no rows\n * → <ReadFailure/> with the retry; \"error\" with rows → the rows under a stale\n * notice; \"loading\" with no rows → loading. Structurally identical to the\n * design-system table's `MatrxDataTableRead`, so one value serves both.\n */\nexport interface ReadOutcome {\n  status: ReadStatus;\n  /** The failure itself, or a truthy flag when the read only says it failed. */\n  error?: unknown;\n  onRetry?: (() => void) | undefined;\n  /** What was read, in the reader's words: \"your tasks\". */\n  what?: string | undefined;\n  /**\n   * A successful read has already produced a value (rows, a count). Then a\n   * refetch in flight is not \"loading\" and a failed refresh is not \"no value\":\n   * counts keep their last known value (with the stale mark) — the same\n   * stale-while-error rule as rows (RC-B12 r13 ruling).\n   */\n  hasData?: boolean | undefined;\n}\n\ntype ReadLike = Parameters<typeof readStatusOf>[0] & {\n  refetch?: () => unknown;\n  retry?: () => unknown;\n  /** The read's value (react-query `data`, a hook's rows) — present means a read already landed. */\n  data?: unknown;\n  /** react-query: when the data last arrived (0 = never). */\n  dataUpdatedAt?: number;\n  /** A hook that tracks it directly. */\n  hasData?: boolean;\n};\n\n/** Has a successful read already produced a value? */\nfunction readHasData(read: ReadLike): boolean {\n  if (typeof read.hasData === \"boolean\") return read.hasData;\n  if (typeof read.dataUpdatedAt === \"number\" && read.dataUpdatedAt > 0) return true;\n  // An empty array is often a hook's initial placeholder, not an answer — it\n  // proves nothing was read; only a hook's own `hasData`/`dataUpdatedAt` can.\n  if (Array.isArray(read.data)) return read.data.length > 0;\n  return read.data !== undefined && read.data !== null;\n}\n\n/**\n * Fold a query/hook result into a `ReadOutcome`:\n *   <MatrxDataTable data={rows} emptyState={…} read={readOf(query, { what: \"your tasks\" })} />\n * The retry is the read's own `refetch` / `retry` unless `onRetry` is given.\n */\nexport function readOf(read: ReadLike, options: { what?: string; onRetry?: () => void } = {}): ReadOutcome {\n  const again = options.onRetry ?? read.refetch ?? read.retry;\n  return {\n    status: readStatusOf(read),\n    error: read.error ?? (read.isError ? true : undefined),\n    ...(again ? { onRetry: () => void again() } : {}),\n    ...(options.what ? { what: options.what } : {}),\n    hasData: readHasData(read),\n  };\n}\n\nexport function ReadGate({\n  read,\n  status: statusProp,\n  error: errorProp,\n  what: whatProp,\n  isEmpty,\n  empty,\n  loading,\n  onRetry: onRetryProp,\n  children,\n}: {\n  /**\n   * The read's outcome in one value — what a list primitive's `read` prop\n   * carries. Absent (and no `status`), the gate is \"ready\": a primitive whose\n   * caller passed no read renders exactly as before.\n   */\n  read?: ReadOutcome | undefined;\n  status?: ReadStatus;\n  error?: unknown;\n  what?: string;\n  isEmpty: boolean;\n  empty: ReactNode;\n  loading?: ReactNode;\n  onRetry?: (() => void) | undefined;\n  children: ReactNode;\n}) {\n  const status = statusProp ?? read?.status ?? \"ready\";\n  const error = errorProp ?? read?.error;\n  const what = whatProp ?? read?.what ?? \"this list\";\n  const onRetry = onRetryProp ?? read?.onRetry;\n  if (status === \"error\") {\n    if (isEmpty) return <ReadFailure error={error ?? true} what={what} onRetry={onRetry} />;\n    // Rows from an earlier read stay; the notice says they may be out of date.\n    return (\n      <>\n        {onRetry ? (\n          <StaleDataNotice hasData what={what} onRetry={onRetry} className=\"mb-2\" />\n        ) : (\n          <ReadFailure error={error ?? true} what={what} />\n        )}\n        {children}\n      </>\n    );\n  }\n  if (status === \"loading\" && isEmpty) {\n    return (\n      loading ?? (\n        <div className=\"flex items-center justify-center gap-2 p-4 text-xs text-muted-foreground\" role=\"status\" aria-busy=\"true\">\n          <Loader2 className=\"h-4 w-4 matrx-spin\" /> Loading {what}…\n        </div>\n      )\n    );\n  }\n  if (isEmpty) return <>{empty}</>;\n  return <>{children}</>;\n}\n\n/**\n * A list primitive's EMPTY branch (RC-B12 round 13): the failure while its read\n * failed, the wait while it loads, and the primitive's own empty view only\n * after a read that succeeded. No `read` → the empty view, as before.\n *\n *   if (items.length === 0) return <ReadEmpty read={read}>{emptyState}</ReadEmpty>;\n */\nexport function ReadEmpty({ read, loading, children }: { read?: ReadOutcome | undefined; loading?: ReactNode; children?: ReactNode }) {\n  return (\n    <ReadGate read={read} isEmpty empty={children ?? null} {...(loading === undefined ? {} : { loading })}>\n      {null}\n    </ReadGate>\n  );\n}\n\n/**\n * Above a primitive's ROWS: when the latest read failed, the rows on screen are\n * from an earlier read — say so (StaleDataNotice with its retry), never blank them.\n */\nexport function ReadStaleNotice({ read, className }: { read?: ReadOutcome | undefined; className?: string }) {\n  if (read?.status !== \"error\") return null;\n  const what = read.what ?? \"this list\";\n  if (!read.onRetry) return <ReadFailure error={read.error ?? true} what={what} {...(className ? { className } : {})} />;\n  return <StaleDataNotice hasData what={what} onRetry={read.onRetry} {...(className ? { className } : {})} />;\n}\n","import { isValidElement, type ReactNode } from \"react\";\nimport type { MatrxDataTableEmptyState } from \"../data-table/types\";\n\n/**\n * A list's empty view: the full table's `{ icon, title, description, action }`\n * object drawn the same way everywhere, or any node as given. Shown only inside\n * `ReadEmpty` (after a read that succeeded).\n */\nexport function ListEmptyView({ emptyState }: { emptyState: MatrxDataTableEmptyState | ReactNode }) {\n  if (emptyState != null && typeof emptyState === \"object\" && !isValidElement(emptyState) && \"title\" in emptyState) {\n    const state = emptyState as MatrxDataTableEmptyState;\n    return (\n      <div className=\"flex flex-col items-center gap-1 px-4 py-8 text-center\" data-list-empty=\"\">\n        {state.icon ? <div className=\"text-muted-foreground\">{state.icon}</div> : null}\n        <p className=\"text-sm font-medium text-foreground\">{state.title}</p>\n        {state.description ? <p className=\"text-xs text-muted-foreground\">{state.description}</p> : null}\n        {state.action ? <div className=\"mt-2\">{state.action}</div> : null}\n      </div>\n    );\n  }\n  return <div data-list-empty=\"\">{emptyState as ReactNode}</div>;\n}\n","\"use client\";\n\n/**\n * ItemRow — the reusable list row.\n *\n * - Full-width label with a right-edge mask fade (NO ellipsis) that deepens on\n *   hover/focus/menu-open to clear the kebab (see `.item-row`/`.item-fade` in\n *   design-system styles.css). Trailing indicators glide left in sync.\n * - Kebab is an absolute sibling (reserves no layout space) revealed on\n *   hover/focus/menu-open, and always visible on touch.\n * - Right-click opens the SAME menu config (ItemContextMenu), disabled on touch.\n * - Inline rename: double-click the row, or a menu entry with `intent: \"rename\"`\n *   (ItemRow swaps that entry's action for its own edit state and wins the\n *   focus race via onCloseAutoFocus).\n *\n * The menu/rename schema lives in ./types; menus render via ./ItemMenu.\n */\n\nimport { useRef, useState } from \"react\";\nimport {\n  ChevronDownIcon as ChevronDown,\n  ChevronRightIcon as ChevronRight,\n  MoreHorizontalIcon as MoreHorizontal,\n} from \"../icons\";\nimport { cn } from \"../cn\";\nimport { Button } from \"../controls/controls\";\nimport { useIsMobile } from \"@ai-matrx/kit/media-query\";\nimport { EditableLabel } from \"../editable-label\";\nimport { getTapTargetLinkComponent } from \"../tap-target/link\";\nimport { ItemMenu, ItemContextMenu } from \"./ItemMenu\";\nimport {\n  isCommand,\n  isSubmenu,\n  resolveItemMenuConfig,\n  type ItemMenuConfig,\n  type ItemMenuConfigInput,\n  type ItemMenuEntry,\n  type ItemMenuSection,\n  type ItemRowProps,\n  type ItemRowSize,\n} from \"./types\";\n\nconst SIZE: Record<\n  ItemRowSize,\n  { row: string; text: string; kebab: string; icon: string; disclosureIcon: string; tone?: string }\n> = {\n  // A nested sub-row (a conversation's helpers under it in the chat sidebar):\n  // finer and quieter than its parent, so a tree reads at a glance.\n  xs: {\n    row: \"h-6\",\n    text: \"text-xs\",\n    kebab: \"h-5 w-5\",\n    icon: \"h-3.5 w-3.5\",\n    disclosureIcon: \"h-3 w-3\",\n    tone: \"text-muted-foreground\",\n  },\n  sm: {\n    row: \"h-7\",\n    text: \"text-[13px]\",\n    kebab: \"h-5 w-5\",\n    icon: \"h-3.5 w-3.5\",\n    disclosureIcon: \"h-3 w-3\",\n  },\n  md: { row: \"h-8\", text: \"text-sm\", kebab: \"h-6 w-6\", icon: \"h-4 w-4\", disclosureIcon: \"h-3.5 w-3.5\" },\n  lg: { row: \"h-10\", text: \"text-sm\", kebab: \"h-7 w-7\", icon: \"h-4 w-4\", disclosureIcon: \"h-3.5 w-3.5\" },\n};\n\n/**\n * The trailing room a row keeps for its disclosure: the button (kebab size) + the 4px end inset +\n * a 4px gap, so the trailing meta (time) never touches the chevron. A disclosure row and a plain\n * sibling that passes `reserveDisclosure` keep the SAME room, so every row's meta ends on one edge.\n */\nconst DISCLOSURE_RESERVE: Record<ItemRowSize, number> = { xs: 32, sm: 32, md: 36, lg: 40 };\n\n/**\n * What reveals the kebab and the hover-only meta: pointer over the row, keyboard focus inside it,\n * its menu open, or a touch screen. Keyboard focus only — a clicked row keeps focus on its link, and\n * that must not pin its kebab and time on after the pointer leaves.\n */\nconst REVEAL_OPACITY =\n  \"group-hover/item:opacity-100 group-has-[:focus-visible]/item:opacity-100 group-has-[[data-state=open]]/item:opacity-100 [@media(pointer:coarse)]:opacity-100\";\nconst REVEAL_DISPLAY =\n  \"group-hover/item:inline group-has-[:focus-visible]/item:inline group-has-[[data-state=open]]/item:inline [@media(pointer:coarse)]:inline\";\n\n/**\n * Replace `intent: \"rename\"` command actions with the host's rename trigger —\n * or REMOVE them when this row has no `rename` prop at all.\n *\n * 🚨 The removal half is not tidiness. Without it, a row that renders a menu\n * carrying `intent: \"rename\"` but passes no `rename` handed the user a live\n * \"Rename\" row whose click set `pendingRenameRef`, flipped `editing`, and then\n * rendered the plain label again because `editing && rename` is false —\n * a control that looks clickable and does nothing (found by the LIVE-ITEM LAW,\n * 2026-09-11). `ctx.showRename === false` asks every consumer to remember;\n * this is the one place that KNOWS. Absent beats dead.\n */\nfunction mapRenameIntent(\n  config: ItemMenuConfig,\n  requestRename: (() => void) | null,\n): ItemMenuConfig {\n  const mapEntry = (entry: ItemMenuEntry): ItemMenuEntry | null => {\n    if (isSubmenu(entry)) {\n      return { ...entry, sections: entry.sections.map(mapSection) };\n    }\n    if (isCommand(entry) && entry.intent === \"rename\") {\n      return requestRename ? { ...entry, onSelect: requestRename } : null;\n    }\n    return entry;\n  };\n  const mapSection = (section: ItemMenuSection): ItemMenuSection => ({\n    ...section,\n    items: section.items\n      .map(mapEntry)\n      .filter((e): e is ItemMenuEntry => e !== null),\n  });\n  return { ...config, sections: config.sections.map(mapSection) };\n}\n\nexport function ItemRow({\n  label,\n  secondaryLabel,\n  secondaryShare = \"half\",\n  subtitle,\n  actions,\n  leadingControl,\n  disclosure,\n  reserveDisclosure = false,\n  leading,\n  trailing,\n  trailingOnHover,\n  active = false,\n  disabled = false,\n  href,\n  onOpen,\n  openInPlace = false,\n  menu,\n  rename,\n  size = \"md\",\n  indent,\n  kebabAriaLabel,\n  disableContextMenu = false,\n  sourceFeature,\n  surfaceName,\n  entity,\n  className,\n}: ItemRowProps) {\n  const isMobile = useIsMobile();\n  const [editing, setEditing] = useState(false);\n  const pendingRenameRef = useRef(false);\n  const sz = SIZE[size];\n\n  const canRename = !!rename;\n  const allowDoubleClick = canRename && rename.doubleClick !== false;\n\n  // Wrap the menu so rename-intent entries drive ItemRow's edit state, and so\n  // a static config is still resolved lazily (on open).\n  const mappedMenu: ItemMenuConfigInput | undefined = menu\n    ? () =>\n        mapRenameIntent(\n          resolveItemMenuConfig(menu),\n          canRename\n            ? () => {\n                pendingRenameRef.current = true;\n              }\n            : null,\n        )\n    : undefined;\n\n  // Radix returns focus to the trigger on close; when a rename was requested,\n  // intercept it and move focus into the input instead (no focus tug-of-war).\n  const handleCloseAutoFocus = (event: Event) => {\n    if (pendingRenameRef.current) {\n      pendingRenameRef.current = false;\n      event.preventDefault();\n      setEditing(true);\n    }\n  };\n\n  const startInlineRename = () => {\n    if (canRename) setEditing(true);\n  };\n\n  const labelNode =\n    editing && rename ? (\n      <EditableLabel\n        activation=\"controlled\"\n        editing\n        onEditingChange={(next) => setEditing(next)}\n        value={rename.value ?? label}\n        onCommit={rename.onCommit}\n        {...(rename.validate ? { validate: rename.validate } : {})}\n        {...(rename.emptyFallback !== undefined ? { emptyFallback: rename.emptyFallback } : {})}\n        {...(rename.maxLength !== undefined ? { maxLength: rename.maxLength } : {})}\n        ariaLabel=\"Name\"\n        className=\"flex-1\"\n        inputClassName={cn(\"font-normal\", sz.text)}\n      />\n    ) : subtitle != null ? (\n      <span className=\"flex min-w-0 flex-1 flex-col\">\n        <span className={cn(\"item-fade min-w-0\", sz.text)} title={label}>\n          {label}\n        </span>\n        <span className=\"min-w-0 truncate type-secondary text-muted-foreground\" data-item-subtitle=\"\">\n          {subtitle}\n        </span>\n      </span>\n    ) : (\n      <span className={cn(\"item-fade min-w-0 flex-1\", sz.text)} title={label}>\n        {label}\n      </span>\n    );\n\n  const primaryInner = (\n    <>\n      {leading != null && (\n        <span className=\"flex shrink-0 items-center\">{leading}</span>\n      )}\n      {labelNode}\n      {secondaryLabel && (\n        // Clamped: a secondary value can be a sentence (a lineage edge's\n        // \"140 cards - 1 section could not be covered …\"). Unclamped it pushed\n        // the label out of the row (owner, 2026-10-04).\n        <span\n          className={cn(\n            \"item-shift min-w-0 truncate type-secondary text-muted-foreground\",\n            secondaryShare === \"third\" ? \"max-w-[33%]\" : \"max-w-[50%]\",\n          )}\n          title={secondaryLabel}\n        >\n          {secondaryLabel}\n        </span>\n      )}\n      {(trailing != null || trailingOnHover != null) && (\n        <span className=\"item-shift flex shrink-0 items-center gap-1 pr-0.5\">\n          {trailing}\n          {trailingOnHover != null && (\n            <span className={cn(\"hidden\", REVEAL_DISPLAY)} data-item-trailing-hover=\"\">\n              {trailingOnHover}\n            </span>\n          )}\n        </span>\n      )}\n    </>\n  );\n\n  const twoLine = subtitle != null && !editing;\n  const sideBySide = actions != null || leadingControl != null;\n\n  // THE DISCLOSURE IS ON THE RIGHT (Arman, 2026-10-23): a real button outside the row's link, after\n  // the label and the trailing indicators — never before the label. It glides with the trailing\n  // indicators when the kebab shows, so the two never overlap.\n  const disclosureButton = disclosure ? (\n    <Button\n      type=\"button\"\n      variant=\"quiet\"\n      data-item-disclosure=\"\"\n      aria-expanded={disclosure.open}\n      aria-label={disclosure.ariaLabel ?? `${disclosure.open ? \"Collapse\" : \"Expand\"} ${label}`}\n      onClick={(e) => {\n        e.stopPropagation();\n        disclosure.onToggle();\n      }}\n      // A quiet hint, not a control that competes with the title: one step smaller than the\n      // kebab's icon and muted until the pointer is on it.\n      icon={\n        disclosure.open ? (\n          <ChevronDown className={cn(sz.disclosureIcon, \"text-muted-foreground\")} />\n        ) : (\n          <ChevronRight className={cn(sz.disclosureIcon, \"text-muted-foreground\")} />\n        )\n      }\n      className=\"shrink-0\"\n    >\n    </Button>\n  ) : null;\n  const primaryClass = cn(\n    \"flex min-w-0 items-center gap-1.5 rounded-lg px-2\",\n    sideBySide ? \"flex-1\" : \"w-full\",\n    twoLine ? \"min-h-11 py-1.5\" : sz.row,\n    sz.text,\n    \"outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring\",\n    active ? \"font-medium text-primary\" : (sz.tone ?? \"text-foreground\"),\n  );\n\n  const indentStyle: React.CSSProperties | undefined =\n    (indent && indent > 0) || ((disclosure || reserveDisclosure) && !sideBySide)\n      ? {\n          ...(indent && indent > 0 ? { paddingInlineStart: 8 + indent * 16 } : {}),\n          // Room for the disclosure at the trailing edge (its box + the row's 4px end inset).\n          ...((disclosure || reserveDisclosure) && !sideBySide ? { paddingInlineEnd: DISCLOSURE_RESERVE[size] } : {}),\n        }\n      : undefined;\n\n  // Primary element: link (navigation), button (click), or div (editing/disabled).\n  let primary: React.ReactNode;\n  if (editing || disabled) {\n    primary = (\n      <div className={primaryClass} style={indentStyle} data-item-primary=\"\">\n        {primaryInner}\n      </div>\n    );\n  } else if (href) {\n    // The host's registered link (`setTapTargetLinkComponent`, e.g. next/link), else a plain anchor.\n    const RegisteredLink = getTapTargetLinkComponent();\n    const Link = (RegisteredLink ?? \"a\") as unknown as React.ComponentType<React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string; prefetch?: boolean }>;\n    primary = (\n      <Link\n        href={href}\n        data-item-primary=\"\"\n        // 🚨 A ROW NEVER PREFETCHES. next/link prefetches every link in view, so\n        // a 20-row list (chat history) fired 20 background route renders on\n        // page load (2026-10-09). A row is opened by a click; the click loads it.\n        {...(RegisteredLink ? { prefetch: false } : {})}\n        className={primaryClass}\n        style={indentStyle}\n        onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {\n          // Modifier / middle-click: native <a> opens a new tab/window.\n          if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return;\n          // `openInPlace`: handle the click in-app and keep the page put. The\n          // href stays for new-tab / copy-link affordances above.\n          if (openInPlace) e.preventDefault();\n          onOpen?.();\n          // Without `openInPlace`, `onOpen` is a side effect only (close a\n          // popover, etc.) — navigation stays on the Link href.\n        }}\n        onDoubleClick={\n          allowDoubleClick\n            ? (e: React.MouseEvent<HTMLAnchorElement>) => {\n                e.preventDefault();\n                e.stopPropagation();\n                startInlineRename();\n              }\n            : undefined\n        }\n      >\n        {primaryInner}\n      </Link>\n    );\n  } else {\n    primary = (\n      <button\n        type=\"button\"\n        data-item-primary=\"\"\n        className={cn(primaryClass, \"cursor-pointer text-left\")}\n        style={indentStyle}\n        onClick={onOpen}\n        onDoubleClick={\n          allowDoubleClick\n            ? (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                startInlineRename();\n              }\n            : undefined\n        }\n      >\n        {primaryInner}\n      </button>\n    );\n  }\n\n  const kebab =\n    mappedMenu && !editing ? (\n        <ItemMenu\n          config={mappedMenu}\n          align=\"end\"\n          onCloseAutoFocus={handleCloseAutoFocus}\n        >\n          <Button\n            type=\"button\"\n            variant=\"quiet\"\n            aria-label={kebabAriaLabel ?? `Options for ${label}`}\n            icon={<MoreHorizontal className={sz.icon} />}\n            aria-haspopup=\"menu\"\n            onClick={(e) => e.stopPropagation()}\n            data-item-kebab=\"\"\n            className={cn(\n              \"shrink-0\",\n              !sideBySide && \"absolute right-1 top-1/2 -translate-y-1/2\",\n              // Hidden at rest (it would sit on the trailing meta); shown on hover, keyboard focus,\n              // while its menu is open, and always on touch.\n              \"opacity-0 transition-opacity data-[state=open]:opacity-100 focus-visible:opacity-100\",\n              REVEAL_OPACITY,\n            )}\n          >\n          </Button>\n        </ItemMenu>\n    ) : null;\n\n  const row = (\n    <div\n      data-active={active || undefined}\n      // The deep fade exists to clear the kebab; a menu-less row has none, so\n      // its label keeps every pixel (touch used to fade it permanently).\n      data-no-menu={mappedMenu && !sideBySide ? undefined : true}\n      className={cn(\n        \"item-row group/item relative rounded-lg transition-colors\",\n        sideBySide && \"flex items-center\",\n        !active && \"hover:bg-accent/60\",\n        active && \"bg-primary/10 text-primary-ink\",\n        className,\n      )}\n    >\n      {leadingControl != null ? (\n        <span className=\"flex shrink-0 items-center pl-2\" data-item-leading-control=\"\">\n          {leadingControl}\n        </span>\n      ) : null}\n      {primary}\n\n      {!sideBySide && disclosureButton ? (\n        <span\n          className=\"item-shift absolute inset-y-0 right-1 flex items-center\"\n          data-item-disclosure-slot=\"\"\n        >\n          {disclosureButton}\n        </span>\n      ) : null}\n      {!sideBySide && kebab}\n      {/* The actions wrapper adds NO gap or padding: tap buttons space themselves (tap-target guard\n          rules 3 and 4 flag a wrapper that adds space around one); a plain (non-tap) child gets its own\n          horizontal margin from the wrapper's child selector below. */}\n      {sideBySide && (actions != null || kebab || disclosureButton) ? (\n        <span\n          className=\"flex shrink-0 items-center [&>:not(.matrx-tap-target,.matrx-alchemy)]:mx-0.5\"\n          data-item-actions=\"\"\n        >\n          {actions}\n          {disclosureButton}\n          {kebab}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  if (!mappedMenu || disableContextMenu) return row;\n\n  return (\n    <ItemContextMenu\n      config={mappedMenu}\n      // Forwarded, not invented. `entity` is what turns Attach To and Share on\n      // in the v3 menu; a row that omits it ships a menu missing two doors the\n      // platform already owns. `sourceFeature` is REQUIRED rather than\n      // defaulted: it used to be hardcoded `\"files\"` inside ItemContextMenu, a\n      // confident lie on every non-file row, and `SourceFeature` is a closed\n      // registry with no generic member to hide behind — so the compiler makes\n      // each row name itself instead.\n      sourceFeature={sourceFeature}\n      surfaceName={surfaceName}\n      entity={entity}\n      enabled={!isMobile && !editing}\n      onCloseAutoFocus={handleCloseAutoFocus}\n      // The v3 context menu is not a Radix content, so `onCloseAutoFocus` never fires\n      // there: a Rename picked from the right-click menu set the pending flag and\n      // nothing ever opened the editor. Its close is the signal instead.\n      onOpenChange={(open) => {\n        if (!open && pendingRenameRef.current) {\n          pendingRenameRef.current = false;\n          setTimeout(() => setEditing(true), 0);\n        }\n      }}\n    >\n      {row}\n    </ItemContextMenu>\n  );\n}\n","\"use client\";\n\n/**\n * THE ONE CONTROL — the settled control family (owner, 2026-10-02/03).\n *\n * Every control here is the same object: 28px visible height, capsule, 13px/500\n * label, 16px glyph inset 6px, text inset 10px, and HALF A GAP (3px) of its own\n * on each side so containers add no gap. There is NO size prop: agents get no\n * choice. Geometry and color live in `controls.css`, locked inside\n * `@layer matrx-tap-lock` (`!important` in the host's first layer), so a call\n * site's `className` can place a control (width, flex, grid, position) but can\n * never restyle it. The rare big control is a different component behind a\n * `// ui-exception:` comment, never a prop.\n *\n * Built on the package's own internals — Radix Slot / Switch / DropdownMenu, the\n * cursor law's `swallowClick`, `SelectChevron`, the package icons — so nothing\n * here is a second implementation of a behavior the package already owns.\n */\n\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\n\nimport { swallowClick } from \"../button\";\nimport { cn } from \"../cn\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\";\nimport { MagnifyingGlassIcon, PlusIcon } from \"../icons\";\nimport { SelectChevron } from \"../select\";\nimport { isIconOnly } from \"./icon-only\";\nimport { boxStyle, useAutoGrow, useMergedTextareaRef } from \"../textarea\";\n\n/* ------------------------------------------------------------------ */\n/* Layout: the row and the scope                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface ControlRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep the controls on one line (a row's trailing actions). */\n  nowrap?: boolean;\n}\n\n/** A row of controls. It adds no gap: each control carries its own half-gap. */\nexport const ControlRow = React.forwardRef<HTMLDivElement, ControlRowProps>(\n  ({ className, nowrap, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-matrx-control-row=\"\"\n      data-nowrap={nowrap ? \"\" : undefined}\n      className={cn(\"matrx-control-row\", className)}\n      {...props}\n    />\n  ),\n);\nControlRow.displayName = \"ControlRow\";\n\n/**\n * Until the tap tokens move to 28/34 app-wide (the rollout), a tap button\n * inside a ControlScope matches the controls beside it: a 28px pill in a 34px\n * box. Wrap a page (or a region) that mixes tap buttons and controls.\n */\nexport const ControlScope = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  (props, ref) => <div ref={ref} data-matrx-controls=\"\" {...props} />,\n);\nControlScope.displayName = \"ControlScope\";\n\n/**\n * THE CONTAINER a collapsing control measures (`Button collapse=\"container\"`).\n * A host declares it on the box whose WIDTH decides — a list pane, a panel,\n * never the viewport: beside a chat panel a 1024px screen holds a 540px list.\n * `className={CONTROLS_CONTAINER_CLASS}`, or add the name to the box's own\n * `container-name` when it already names a container (`list matrx-controls`).\n */\nexport const CONTROLS_CONTAINER_NAME = \"matrx-controls\";\nexport const CONTROLS_CONTAINER_CLASS = \"matrx-controls-container\";\n/** Below this container width a `collapse=\"container\"` button is its icon alone (48rem). */\nexport const CONTROLS_COLLAPSE_BELOW_REM = 48;\n\n/* ------------------------------------------------------------------ */\n/* Button                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Tone, never size. `success` is the solid confirm-a-good-outcome fill (approve,\n * publish, mark done); `link` is a text action at the control's height — no\n * fill, no border, primary ink, underline on hover (an inline \"View all\").\n */\nexport type ControlVariant = \"primary\" | \"quiet\" | \"outline\" | \"danger\" | \"success\" | \"link\";\n\n/**\n * THE NAMED CONTROL WIDTHS (0.68.22) — a button, field or select trigger that should not fill\n * its row takes one of these instead of a pasted `w-40`. Derived from the call sites:\n * `xs` 6rem (a unit, a short enum), `sm` 8rem, `md` 10rem (a date, a status), `lg` 14rem (a\n * name, an account), `xl` 20rem (a search, a URL). Never wider than its container.\n */\nexport type ControlWidth = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\ninterface ButtonBase extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /** Tone, never size. Default `outline`. */\n  variant?: ControlVariant;\n  /** A status tint from the role tokens (the Badge's), for a button that\n   *  reports a state — a drift door, an alert count. Default: none. */\n  tone?: BadgeTone;\n  /** Leading 16px glyph. */\n  icon?: React.ReactNode;\n  /** Trailing 16px glyph (a menu chevron, an external-link mark). */\n  iconEnd?: React.ReactNode;\n  /** Render the one child element (a link) with the button's skin. */\n  asChild?: boolean;\n  /**\n   * `\"container\"`: below 48rem of the nearest `matrx-controls` container\n   * (CONTROLS_CONTAINER_NAME) the button is its leading `icon` alone — a 28px\n   * circle; the label stays its accessible name and its tooltip. Needs `icon`;\n   * without one it never collapses. Outside such a container it never does.\n   */\n  collapse?: \"container\";\n  /**\n   * A TOGGLE (a choice in a set, a mode, a tab-like switch): `true` is on —\n   * the accent fill and full ink; `false` is off — no fill, quiet ink. Sets\n   * `aria-pressed`. Omit for an ordinary action.\n   */\n  pressed?: boolean;\n  /**\n   * A count or a dot on the button's top-right corner, for something waiting\n   * behind it (items added, unread). A number draws the count (99+ above 99;\n   * 0 draws nothing); `true` draws an 8px dot. On a button with a text label\n   * the count sits in the row after the label instead (never over it). Name it in `aria-label` too —\n   * the mark is decoration.\n   */\n  badge?: number | boolean;\n  /**\n   * The glyph's own status ink, for a glyph whose COLOR carries meaning (the\n   * green check after a copy, an amber debug bug) while the button stays\n   * quiet. Tints only the icon(s), never the fill. Default: none.\n   */\n  glyphTone?: GlyphTone;\n  /**\n   * A removing act (clear, remove, disconnect): muted until hover,\n   * destructive on hover — the delete tier-1 skin on any glyph or label.\n   * Quiet variant only.\n   */\n  removes?: boolean;\n  /**\n   * MIXED CONTENT (0.68.12): a short muted fact after the label — a count, a\n   * size, a shortcut, a \"3 of 12\" — in the 12px secondary ink. The button\n   * stays 28px; the fact is part of the button, never a second element styled\n   * beside it. Never a sentence.\n   */\n  meta?: React.ReactNode;\n  /** A named width instead of the label's own (see `ControlWidth`). */\n  width?: ControlWidth;\n  /**\n   * THE INVITING-PAGE CALL TO ACTION (0.68.22): a 44px capsule with a 16px/600 label and a\n   * 24px inset — the size a marketing hero, a module landing or a kit's front door asks for.\n   * Inviting pages are never densified; functional pages never use it. A `primary` hero\n   * carries a soft primary glow.\n   */\n  hero?: boolean;\n}\n/** The status inks a glyph may carry (the role tokens). */\nexport type GlyphTone = \"success\" | \"warning\" | \"destructive\" | \"info\" | \"primary\";\ninterface LabelledButton extends ButtonBase {\n  children: React.ReactNode;\n}\ninterface IconOnlyButton extends ButtonBase {\n  children?: undefined;\n  /** An icon-only button must say what it does. */\n  \"aria-label\": string;\n}\nexport type ButtonProps = LabelledButton | IconOnlyButton;\n\nfunction glyphSlot(icon: unknown, iconEnd: unknown, label: unknown): string | undefined {\n  if (!label && (icon || iconEnd)) return \"only\";\n  if (icon && iconEnd) return \"both\";\n  if (icon) return \"start\";\n  if (iconEnd) return \"end\";\n  return undefined;\n}\n\n/**\n * THE button: primary / quiet / outline / danger / success / link, one 28px geometry; text,\n * icon + text, or icon-only (a 28px circle). `asChild` puts the skin on a link.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = \"outline\", tone, icon, iconEnd, asChild = false, collapse, pressed, badge, glyphTone, removes, meta, width, hero, children, onClick, type, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n    const badgeText =\n      typeof badge === \"number\" ? (badge > 0 ? (badge > 99 ? \"99+\" : String(badge)) : null) : badge ? \"\" : null;\n    const ariaDisabled = props[\"aria-disabled\"];\n    const disabledChild = asChild && Boolean(props.disabled);\n    const inert = disabledChild || ariaDisabled === true || ariaDisabled === \"true\";\n    // asChild: the child element carries the label, so the glyph slot reads\n    // the child's own children.\n    const label = asChild && React.isValidElement<{ children?: React.ReactNode }>(children)\n      ? children.props.children\n      : children;\n    const collapses = collapse === \"container\" && Boolean(icon) && Boolean(label);\n    return (\n      <Component\n        ref={ref}\n        type={asChild ? undefined : (type ?? \"button\")}\n        data-matrx-control=\"button\"\n        data-variant={variant}\n        data-tone={tone && tone !== \"neutral\" ? tone : undefined}\n        data-glyph={glyphSlot(icon, iconEnd, label)}\n        data-collapse={collapses ? \"container\" : undefined}\n        data-pressed={pressed === undefined ? undefined : pressed ? \"true\" : \"false\"}\n        aria-pressed={pressed}\n        data-badge={badgeText === null ? undefined : badgeText === \"\" ? \"dot\" : \"count\"}\n        // A labeled button carries its count IN the row after the label: the\n        // corner count sat over the label's last letter (\"HR 28\" on /tasks).\n        data-badge-place={badgeText && label ? \"inline\" : undefined}\n        data-glyph-tone={glyphTone}\n        data-delete={removes ? \"\" : undefined}\n        data-width={width}\n        data-hero={hero ? \"\" : undefined}\n        className={cn(\"matrx-control matrx-control-button matrx-glyph-trim\", className)}\n        // A collapsed button still says what it does on hover.\n        title={collapses && typeof label === \"string\" && props.title === undefined ? label : undefined}\n        {...props}\n        aria-disabled={disabledChild ? true : ariaDisabled}\n        tabIndex={disabledChild ? -1 : props.tabIndex}\n        onClick={inert ? swallowClick : onClick}\n      >\n        {icon}\n        <Slottable>\n          {/* A text label NEVER spills past its button (owner, 2026-10-05: a\n              long chat title ran under the mode switch beside it). It sits in\n              its own box so a capped button ellipsizes instead of overflowing. */}\n          {!asChild && (typeof children === \"string\" || typeof children === \"number\") ? (\n            <span className=\"matrx-control-button-label\">{children}</span>\n          ) : (\n            children\n          )}\n        </Slottable>\n        {meta === undefined || meta === null || meta === false ? null : (\n          <span className=\"matrx-control-button-meta\">{meta}</span>\n        )}\n        {iconEnd}\n        {badgeText === null ? null : (\n          <span className=\"matrx-control-button-badge\" aria-hidden=\"true\">\n            {badgeText}\n          </span>\n        )}\n      </Component>\n    );\n  },\n);\nButton.displayName = \"Button\";\n\n/** A split button: two Buttons joined — the act, and its menu of variants. */\nexport const SplitButton = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} role=\"group\" data-matrx-control=\"split\" className={cn(\"matrx-control-split\", className)} {...props} />\n  ),\n);\nSplitButton.displayName = \"SplitButton\";\n\n/* ------------------------------------------------------------------ */\n/* Field (input capsule) and SearchField                                */\n/* ------------------------------------------------------------------ */\n\nexport interface FieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  /** Leading 16px glyph. */\n  icon?: React.ReactNode;\n  /** Trailing content inside the capsule — a clear button, a unit. */\n  end?: React.ReactNode;\n  /** A named width instead of filling the row (see `ControlWidth`). */\n  width?: ControlWidth;\n  /**\n   * THE INVITING-PAGE INPUT: a 56px capsule with an 18px value and a 24px inset — the big,\n   * friendly field a welcome / onboarding front door asks for (pairs with Button `hero`).\n   * Inviting pages only; functional pages never use it.\n   */\n  hero?: boolean;\n  /**\n   * THE LEADING SEARCH: a 48px filled capsule — no frame, the muted fill, a 16px value, a 20px\n   * glyph — that turns the card color with a soft lift on focus. The one search a home page leads\n   * with (a file home's search, as on Google Docs / Drive). One per page; never in a form or toolbar.\n   */\n  filled?: boolean;\n}\n\n/** The input capsule. `className`/`style` place the capsule (width, flex). */\nexport const Field = React.forwardRef<HTMLInputElement, FieldProps>(\n  ({ className, style, icon, end, width, hero, filled, ...props }, ref) => (\n    <label\n      data-matrx-control=\"field\"\n      data-glyph={icon ? \"start\" : undefined}\n      data-width={width}\n      data-hero={hero ? \"\" : undefined}\n      data-filled={filled ? \"\" : undefined}\n      className={cn(\"matrx-control matrx-control-field\", className)}\n      style={style}\n    >\n      {icon}\n      <input ref={ref} {...props} />\n      {end}\n    </label>\n  ),\n);\nField.displayName = \"Field\";\n\n/** The search capsule: a Field with the magnifier, `type=\"search\"`. */\nexport const SearchField = React.forwardRef<HTMLInputElement, Omit<FieldProps, \"icon\">>(\n  ({ placeholder = \"Search\", ...props }, ref) => (\n    <Field\n      ref={ref}\n      type=\"search\"\n      icon={<MagnifyingGlassIcon aria-hidden=\"true\" />}\n      placeholder={placeholder}\n      aria-label={props[\"aria-label\"] ?? placeholder}\n      {...props}\n    />\n  ),\n);\nSearchField.displayName = \"SearchField\";\n\n/* ------------------------------------------------------------------ */\n/* Select — a capsule trigger over a radio menu                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SelectOption<T extends string = string> {\n  value: T;\n  label: string;\n  /** 11px trailing text in the menu (a count, a shortcut). */\n  meta?: string;\n  /** Muted text right after the label, menu and trigger alike: what tells two same-named options apart (a short id, an owner). */\n  hint?: string;\n  /** A section heading: the menu shows it (foreground weight) above the first option of each consecutive run. */\n  group?: string;\n  /** Shown but not choosable (an unavailable tool, a sentinel the URL set). */\n  disabled?: boolean;\n}\n\nexport interface SelectProps<T extends string = string> {\n  value: T;\n  options: readonly SelectOption<T>[];\n  onValueChange: (value: T) => void;\n  \"aria-label\": string;\n  /** Leading 16px glyph on the trigger. */\n  icon?: React.ReactNode;\n  align?: \"start\" | \"end\";\n  disabled?: boolean;\n  /**\n   * `field` (default): the capsule a form row uses. `inline`: the value as text with a small chevron,\n   * no capsule — for a choice that sits inside a dense row or a toolbar sentence (\"Full ⌄\"), where a\n   * row of capsules reads as clutter (Arman, 2026-10-14).\n   */\n  variant?: \"field\" | \"inline\";\n  /**\n   * A search row at the top of the menu once there are at least this many options (a long list of\n   * organizations). It matches label, hint and group. Omitted: never.\n   */\n  searchAt?: number;\n  /** Placement only (width, flex). */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function Select<T extends string = string>({\n  value,\n  options,\n  onValueChange,\n  icon,\n  align = \"start\",\n  disabled,\n  className,\n  style,\n  \"aria-label\": ariaLabel,\n  variant = \"field\",\n  searchAt,\n}: SelectProps<T>) {\n  const current = options.find((o) => o.value === value);\n  const [query, setQuery] = React.useState(\"\");\n  const searchable = searchAt !== undefined && options.length >= searchAt;\n  const q = searchable ? query.trim().toLowerCase() : \"\";\n  const shown = q ? options.filter((o) => [o.label, o.hint, o.group].some((t) => t?.toLowerCase().includes(q))) : options;\n  return (\n    <DropdownMenu onOpenChange={(open) => !open && setQuery(\"\")}>\n      <DropdownMenuTrigger asChild disabled={disabled}>\n        <button\n          type=\"button\"\n          data-matrx-control=\"select\"\n          data-variant={variant === \"inline\" ? \"inline\" : undefined}\n          data-glyph={icon ? \"start\" : undefined}\n          className={cn(\"matrx-control matrx-control-select\", className)}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          <span className=\"matrx-control-select-value\">\n            {icon}\n            <span>{current?.label ?? value}</span>\n            {current?.hint ? <span className=\"text-muted-foreground\" data-select-hint=\"\">{current.hint}</span> : null}\n          </span>\n          <SelectChevron />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} className=\"max-h-80 w-max min-w-[max(10rem,var(--radix-dropdown-menu-trigger-width))] max-w-[min(24rem,var(--radix-dropdown-menu-content-available-width))] overflow-y-auto\">\n        {searchable ? (\n          <div className=\"sticky top-0 z-10 bg-popover p-1\" data-select-search=\"\">\n            <SearchField\n              className=\"w-full\"\n              value={query}\n              autoFocus\n              aria-label={`Search ${ariaLabel}`}\n              onChange={(e) => setQuery(e.target.value)}\n              // The menu's type-ahead never takes the letters; arrows and Escape still drive the menu.\n              onKeyDown={(e) => {\n                if (e.key !== \"ArrowDown\" && e.key !== \"ArrowUp\" && e.key !== \"Escape\" && e.key !== \"Tab\") e.stopPropagation();\n              }}\n            />\n          </div>\n        ) : null}\n        {searchable && shown.length === 0 ? <div className=\"px-2 py-1.5 text-[0.8125rem] text-muted-foreground\" role=\"status\">No match</div> : null}\n        <DropdownMenuRadioGroup value={value} onValueChange={(v) => onValueChange(v as T)}>\n          {shown.map((o, i) => (\n            <React.Fragment key={o.value}>\n              {o.group && o.group !== shown[i - 1]?.group ? (\n                <>\n                  {i > 0 ? <DropdownMenuSeparator /> : null}\n                  <DropdownMenuLabel>{o.group}</DropdownMenuLabel>\n                </>\n              ) : null}\n              <DropdownMenuRadioItem value={o.value} disabled={o.disabled === true} className=\"text-[0.8125rem]\">\n                {/* The label truncates; the hint never does (it is what tells two same-named options apart). */}\n                <span className=\"flex min-w-0 flex-1 items-baseline\">\n                  <span className=\"min-w-0 truncate\">{o.label}</span>\n                  {o.hint ? <span className=\"ml-1.5 shrink-0 text-muted-foreground\" data-select-hint=\"\">{o.hint}</span> : null}\n                </span>\n                {o.meta ? <span className=\"ml-3 text-[0.6875rem] text-muted-foreground\">{o.meta}</span> : null}\n              </DropdownMenuRadioItem>\n            </React.Fragment>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* SegmentedControl and Tabs                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface SegmentOption<T extends string = string> {\n  value: T;\n  label: React.ReactNode;\n  /** An 11px count after the label. */\n  count?: number | null;\n  ariaLabel?: string;\n  /** Hover text (an icon-only segment's name). */\n  title?: string;\n  disabled?: boolean;\n}\n\nexport interface SegmentedControlProps<T extends string = string> {\n  /** The selected segment; `null` = none is selected (an optional choice). */\n  value: T | null;\n  onValueChange: (value: T) => void;\n  data: readonly SegmentOption<T>[];\n  \"aria-label\": string;\n  /** The segments share the row's whole width equally (a full-width choice: levels, modes). */\n  fill?: boolean;\n  /** Placement only. */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction SegmentItems<T extends string>({\n  data,\n  value,\n  onValueChange,\n  role,\n}: {\n  data: readonly SegmentOption<T>[];\n  value: T | null;\n  onValueChange: (value: T) => void;\n  role: \"tab\" | undefined;\n}) {\n  return (\n    <>\n      {data.map((o) => {\n        const on = o.value === value;\n        return (\n          <button\n            key={o.value}\n            type=\"button\"\n            role={role}\n            aria-selected={role ? on : undefined}\n            aria-pressed={role ? undefined : on}\n            aria-label={o.ariaLabel}\n            title={o.title}\n            disabled={o.disabled}\n            data-state={on ? \"on\" : \"off\"}\n            data-icon-only={o.count == null && isIconOnly(o.label) ? \"\" : undefined}\n            className=\"matrx-control-segment\"\n            onClick={() => onValueChange(o.value)}\n          >\n            {o.label}\n            {o.count != null ? <span className=\"matrx-control-count\">{o.count}</span> : null}\n          </button>\n        );\n      })}\n    </>\n  );\n}\n\n/** The capsule toggle group: a muted track, the selected thumb inset 2px. */\nexport function SegmentedControl<T extends string = string>({\n  value,\n  onValueChange,\n  data,\n  fill,\n  className,\n  style,\n  \"aria-label\": ariaLabel,\n}: SegmentedControlProps<T>) {\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-matrx-control=\"segmented\"\n      data-fill={fill ? \"\" : undefined}\n      className={cn(\"matrx-control matrx-control-segmented\", className)}\n      style={style}\n    >\n      <SegmentItems data={data} value={value} onValueChange={onValueChange} role={undefined} />\n    </div>\n  );\n}\n\nexport interface TabsProps<T extends string = string> extends SegmentedControlProps<T> {\n  /** `underline` for page sections (default); `capsule` for filters. */\n  variant?: \"underline\" | \"capsule\";\n  /** Underline tabs draw their own hairline (default). Pass `false` when the row the tabs\n   *  sit in already draws it — the selected underline then lands on that row's rule. */\n  rule?: boolean;\n  /** Underline tabs inside a framed panel (a card, a bordered box): the labels start at the\n   *  panel's 12px content inset while the hairline still runs edge to edge. Page-level tabs\n   *  stay flush with the page gutter (default). Arman, 2026-10-21. */\n  inset?: boolean;\n}\n\n/** Tabs: underline for page sections, capsule for filters. */\nexport function Tabs<T extends string = string>({\n  variant = \"underline\",\n  rule = true,\n  inset = false,\n  value,\n  onValueChange,\n  data,\n  className,\n  style,\n  \"aria-label\": ariaLabel,\n}: TabsProps<T>) {\n  if (variant === \"capsule\") {\n    return (\n      <div\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        data-matrx-control=\"tabs\"\n        className={cn(\"matrx-control matrx-control-segmented\", className)}\n        style={style}\n      >\n        <SegmentItems data={data} value={value} onValueChange={onValueChange} role=\"tab\" />\n      </div>\n    );\n  }\n  return (\n    <div\n      role=\"tablist\"\n      aria-label={ariaLabel}\n      data-matrx-control=\"tabs\"\n      data-rule={rule ? undefined : \"none\"}\n      data-inset={inset ? \"\" : undefined}\n      className={cn(\"matrx-control-tabs\", className)}\n      style={style}\n    >\n      {data.map((o) => (\n        <button\n          key={o.value}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={o.value === value}\n          aria-label={o.ariaLabel}\n          disabled={o.disabled}\n          className=\"matrx-control-tab\"\n          onClick={() => onValueChange(o.value)}\n        >\n          {o.label}\n          {o.count != null ? <span className=\"matrx-control-count\">{o.count}</span> : null}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Badge                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type BadgeTone = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"info\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** A status tint from the role tokens. Default `neutral` (plain outline). */\n  tone?: BadgeTone;\n  /** A 12px glyph before the label, 4px gap, in the badge's own tone color. */\n  icon?: React.ReactNode;\n}\n\n/** Outline, 18px, 11px text, clamped to one line (≤20rem) — never a sentence. */\nexport function Badge({ tone = \"neutral\", icon, className, children, ...props }: BadgeProps) {\n  return (\n    <span\n      data-matrx-control=\"badge\"\n      data-tone={tone}\n      className={cn(\"matrx-control-badge\", className)}\n      title={typeof children === \"string\" ? children : undefined}\n      {...props}\n    >\n      {icon ? (\n        <span className=\"matrx-control-badge-icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      ) : null}\n      <span>{children}</span>\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Chip and ChipSet                                                     */\n/* ------------------------------------------------------------------ */\n\n/**\n * The status tones (the Badge's) plus a FIXED set of categorical hues, each a\n * token pair in `controls.css` (`--matrx-chip-<hue>`, stepped for dark). A\n * feature maps its kinds onto these through ONE table of its own\n * (`kind → ChipTone`) — never a class string.\n */\nexport type ChipHue =\n  | \"sky\"\n  | \"blue\"\n  | \"indigo\"\n  | \"violet\"\n  | \"fuchsia\"\n  | \"rose\"\n  | \"orange\"\n  | \"amber\"\n  | \"lime\"\n  | \"emerald\"\n  | \"teal\"\n  | \"cyan\"\n  | \"slate\";\nexport type ChipTone = BadgeTone | ChipHue;\n\n/** Every tone a chip accepts, in a fixed order (tests, pickers, demos). */\nexport const CHIP_TONES: readonly ChipTone[] = [\n  \"neutral\",\n  \"primary\",\n  \"success\",\n  \"warning\",\n  \"destructive\",\n  \"info\",\n  \"sky\",\n  \"blue\",\n  \"indigo\",\n  \"violet\",\n  \"fuchsia\",\n  \"rose\",\n  \"orange\",\n  \"amber\",\n  \"lime\",\n  \"emerald\",\n  \"teal\",\n  \"cyan\",\n  \"slate\",\n] as const;\n\nexport interface ChipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  /** The one line of text. Truncates; the full text is the tooltip. */\n  label: string;\n  /** `item` (default): an existing thing, tinted. `add`: a suggestion to make\n   *  one — dashed, quiet, with the package's own leading `+`. */\n  variant?: \"item\" | \"add\";\n  /** A named tone, never a class. Default `neutral`. Ignored by `add`. */\n  tone?: ChipTone;\n  /** Leading glyph (drawn 14px, optically trimmed). */\n  icon?: React.ReactNode;\n  /** Put the chip's skin on the one child element (a link or a button); the\n   *  child carries no children of its own — the chip draws glyph + label. */\n  asChild?: boolean;\n  /**\n   * A FILTER chip (a toggle in a set of choices): `true` is on — tinted in its\n   * `tone` (default `primary`); `false` is off — untinted outline, quiet ink.\n   * Sets `aria-pressed`. Use with `asChild` on a `<button>`. Omit for a tag.\n   */\n  pressed?: boolean;\n  children?: React.ReactElement;\n}\n\n/**\n * THE chip: a tag that names a thing (a format, a kind, a status, a source).\n * ONE 24px height, one 6px radius, one 12px/500 label, 14px glyph, matched\n * insets, single line with an ellipsis and a tooltip, and the controls' 3px\n * half-gap of its own so a `ChipSet` adds none. Geometry and tint are locked\n * in `controls.css`; a call site may place it, never restyle it.\n */\nexport const Chip = React.forwardRef<HTMLSpanElement, ChipProps>(\n  ({ label, variant = \"item\", tone, icon, asChild = false, pressed, children, className, title, ...props }, ref) => {\n    const Component = asChild ? Slot : \"span\";\n    const glyph = variant === \"add\" ? <PlusIcon className=\"lucide lucide-plus\" /> : icon;\n    const toggle = pressed !== undefined && variant === \"item\";\n    const resolvedTone = tone ?? (toggle ? \"primary\" : \"neutral\");\n    return (\n      <Component\n        ref={ref}\n        data-matrx-control=\"chip\"\n        data-variant={variant}\n        data-tone={variant === \"add\" ? undefined : resolvedTone}\n        data-pressed={toggle ? String(pressed) : undefined}\n        aria-pressed={toggle ? pressed : undefined}\n        data-glyph={glyph ? (variant === \"add\" && icon ? \"both\" : \"start\") : undefined}\n        className={cn(\"matrx-control-chip matrx-glyph-trim\", className)}\n        title={title ?? label}\n        {...props}\n      >\n        {glyph}\n        {variant === \"add\" ? icon : null}\n        {asChild ? <Slottable>{children}</Slottable> : null}\n        <span className=\"matrx-control-chip-label\">{label}</span>\n      </Component>\n    );\n  },\n);\nChip.displayName = \"Chip\";\n\nexport interface ChipSetProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * `flow` (default): chips sit at their own width and wrap.\n   * `grid`: every chip is the same width (auto-filled columns of at least\n   * 7.5rem), labels truncate — for a SET of siblings (a kit's formats).\n   */\n  layout?: \"flow\" | \"grid\";\n}\n\n/** A set of chips: same height, one baseline, the chips space themselves. */\nexport const ChipSet = React.forwardRef<HTMLDivElement, ChipSetProps>(\n  ({ layout = \"flow\", className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-matrx-control=\"chip-set\"\n      data-layout={layout}\n      className={cn(\"matrx-control-chip-set\", className)}\n      {...props}\n    />\n  ),\n);\nChipSet.displayName = \"ChipSet\";\n\n/* ------------------------------------------------------------------ */\n/* Switch and Textarea                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type SwitchProps = Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, \"children\">;\n\n/** A 20px track in the 28px control box, so it lines up with every control. */\nexport const Switch = React.forwardRef<React.ComponentRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, ...props }, ref) => (\n    <SwitchPrimitives.Root\n      ref={ref}\n      data-matrx-control=\"switch\"\n      className={cn(\"matrx-control matrx-control-switch\", className)}\n      {...props}\n    >\n      <span className=\"matrx-control-switch-track\">\n        <SwitchPrimitives.Thumb className=\"matrx-control-switch-thumb\" />\n      </span>\n    </SwitchPrimitives.Root>\n  ),\n);\nSwitch.displayName = \"Switch\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** The roomy writing surface used by inviting prompt boxes. */\n  hero?: boolean;\n  /** Join a pinned status row below this field from the small breakpoint upward. */\n  joinedBottom?: boolean;\n  /** `field` (default): the field skin. `bare`: the surrounding surface draws the frame (a\n   *  composer) — no border, no fill, no inset, no focus ring of its own. */\n  variant?: \"field\" | \"bare\";\n  /** Monospace text — code, JSON, keys. */\n  mono?: boolean;\n  /** Grow with the content (stopping at `maxHeight`, then scroll). */\n  autoGrow?: boolean;\n  /** Minimum height in px (a writing area that must start tall). `rows` also sizes it. */\n  minHeight?: number;\n  /** Maximum height in px; past it the field scrolls. */\n  maxHeight?: number;\n  /** Space occupied by an overlaid control cluster, so editable text stays clear of it. */\n  reservedInlineEnd?: number;\n  /** Space occupied by an overlaid row of controls at the bottom of the writing area. */\n  reservedBlockEnd?: number;\n}\n\n/**\n * The field skin, multi-line (8px radius — a capsule cannot hold paragraphs). Height is the\n * textarea's own business — `rows`, `minHeight`/`maxHeight`, `autoGrow`, `resize` — never a class.\n */\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, style, variant = \"field\", mono, hero, joinedBottom, autoGrow, minHeight, maxHeight, reservedInlineEnd, reservedBlockEnd, ...props }, forwarded) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n    return (\n      <textarea\n        ref={callback}\n        data-matrx-control=\"textarea\"\n        data-variant={variant === \"bare\" ? \"bare\" : undefined}\n        data-mono={mono ? \"\" : undefined}\n        data-hero={hero ? \"\" : undefined}\n        data-joined-bottom={joinedBottom ? \"\" : undefined}\n        className={cn(\"matrx-control-textarea\", className)}\n        style={{ ...boxStyle(minHeight, maxHeight), ...style,\n          ...(reservedInlineEnd === undefined ? {} : { \"--matrx-textarea-reserved-inline-end\": `${Math.max(0, reservedInlineEnd)}px` }),\n          ...(reservedBlockEnd === undefined ? {} : { \"--matrx-textarea-reserved-block-end\": `${Math.max(0, reservedBlockEnd)}px` }),\n        } as React.CSSProperties}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = \"Textarea\";\n","\"use client\";\n\n/**\n * DropdownMenu — Radix dropdown with two behaviors the stock body lacks.\n *\n * 1. THE ROOT RENDERS UNCONDITIONALLY — no hydration mount gate. A wrapper in\n *    matrx-frontend once deferred rendering until after hydration on a false\n *    premise (Radix ids come from React's SSR-stable `useId`), which deleted\n *    the always-visible trigger — buttons, `…` menus — from SSR and the first\n *    client paint.\n *\n * 2. A LONG MENU SCROLLS INSTEAD OF GROWING OFF-SCREEN. Content and SubContent\n *    cap at `--radix-dropdown-menu-content-available-height` — the space Radix\n *    actually measured between the trigger and the viewport edge — and scroll\n *    past it. Without the cap a menu longer than the viewport puts its last\n *    items where no pointer can reach them, and on a short window that can be\n *    the only exit from the surface.\n *\n * Portalling goes through the package's `usePortalContainer` seam, so a menu\n * opened inside a Dialog mounts INSIDE the dialog (staying in the scroll\n * shard, where its wheel events work) instead of at `document.body`. An\n * explicit `container` prop still wins.\n *\n * Icons are the package's inlined SVGs (C19) — no icon-library dependency.\n */\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { MOTION_POPPER } from \"./motion\";\nimport { SOLID_SURFACE_CLASS, type PopoverSurface } from \"./solid-surface\";\nimport { RadixCheckIcon, DotFilledIcon, RadixChevronRightIcon } from \"./icons\";\nimport { usePortalContainer } from \"./portal-container\";\nimport { useMenuScrollEdges } from \"./menu-scroll-edges\";\nimport { useSubmenuSurvivesParentPanelFocus } from \"./submenu-focus\";\nimport { useNestedSubmenuPlacement } from \"./submenu-side\";\nimport { keepMovedFocus } from \"./focus-return\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\n// The cap is exactly the room Radix measured. What floats at the bottom (the host publishes\n// --matrx-floating-clearance) is kept clear as COLLISION PADDING (see readBottomClearance), never subtracted\n// here: subtracting it crushed any menu opened from inside or just above that floating chrome — the attention\n// dock's snooze menu (the dock is itself bottom chrome, ~240 px) opened as a 0 px sliver.\nconst MENU_SURFACE_CLASS =\n  \"z-[10001] min-w-[8rem] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground\";\n\n\n// gap-2: an item's icon never touches its label (page-pass 2026-09-27, admin pass — every menu).\nconst MENU_ITEM_CLASS =\n  \"relative flex select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst MENU_INDICATOR_ITEM_CLASS =\n  \"relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    data-slot=\"dropdown-menu-sub-trigger\"\n    className={cn(\n      \"flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <RadixChevronRightIcon className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName;\n\n/**\n * A SUBMENU OPENS BESIDE ITS PARENT, NEVER ON TOP OF IT (merged-grid review 2, C1: \"nested\n * submenus overlap the parent menu\"). The submenu was drawn INSIDE the parent's surface, and that\n * surface's entry animation leaves a `transform` on it — which makes the parent the containing\n * block of the submenu's `position: fixed`. Radix measured the submenu's place in viewport\n * coordinates and the browser applied them from the parent's corner, so it landed over the parent\n * (and was clipped by the parent's scroll box). Portalled like every other surface, through the\n * same container seam, it sits beside its trigger as Radix placed it.\n */\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {\n    container?: HTMLElement | null;\n    /** `\"solid\"` = opaque surface (see PopoverContent `surface`). */\n    surface?: PopoverSurface;\n  }\n>(({ className, container, surface = \"default\", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  const [bottomClearance] = React.useState(readBottomClearance);\n  const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);\n  // A nested submenu opens on its parent's side (see submenu-side.tsx).\n  const nested = useNestedSubmenuPlacement(ref, padding);\n  // A flipped submenu survives the pointer leaving its trigger (see submenu-focus.ts).\n  const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);\n  const edges = useMenuScrollEdges(keep.ref);\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.SubContent\n        ref={edges.ref}\n        onFocusOutside={keep.onFocusOutside}\n        data-slot=\"dropdown-menu-sub-content\"\n        data-surface={surface === \"solid\" ? \"solid\" : undefined}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        {...(nested.padding === undefined ? {} : { collisionPadding: nested.padding })}\n        className={cn(MENU_SURFACE_CLASS, edges.surfaceClassName, \"shadow-lg\", surface === \"solid\" && SOLID_SURFACE_CLASS, MOTION_POPPER, className)}\n        {...props}\n      >\n        {nested.wrap(edges.wrap(children))}\n      </DropdownMenuPrimitive.SubContent>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName;\n\nexport interface DropdownMenuContentProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {\n  /** Explicit portal target; wins over the injected container. */\n  container?: HTMLElement | null;\n  /** `\"solid\"` = opaque surface (see PopoverContent `surface`). */\n  surface?: PopoverSurface;\n}\n\n/**\n * The px a menu keeps clear of the TOP edge: what the host publishes as `--matrx-floating-top-clearance`\n * (a page's sticky header row, on top of the app header) or, absent that, the app header\n * (`--shell-header-h`). Radix positions against the raw viewport, so without it a menu opened from the first\n * row under a sticky header flips up and its first items sit underneath it. Read once, when the menu opens.\n * Hosts without either variable lose nothing (0px = Radix's own default).\n */\nexport function readTopClearance(): number {\n  return readClearance(\"var(--matrx-floating-top-clearance, var(--shell-header-h, 0px))\");\n}\n\n/**\n * The px a menu keeps clear of the BOTTOM edge: what the host publishes as `--matrx-floating-clearance`\n * (the assists pill, the attention dock, any `data-matrx-floating-bottom` chrome). As collision padding,\n * Radix FLIPS a menu upward when the room left below that chrome is too small, and its available height\n * already excludes it — so the last item never ends under the pill, and a menu opened from INSIDE that\n * chrome opens upward at full height instead of collapsing. Read once, when the menu opens.\n */\nexport function readBottomClearance(): number {\n  return readClearance(\"var(--matrx-floating-clearance, 0px)\");\n}\n\ntype MenuCollisionPadding = number | Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>>;\n\n/** Pure: the caller's collision padding (or `fallback` on sides it leaves unset), with the host's top and bottom\n *  clearance as a floor — a caller's own padding never puts a menu under the app header or the assists pill. */\nexport function menuCollisionPadding(\n  caller: MenuCollisionPadding | undefined,\n  top: number,\n  bottom: number,\n  fallback = 0,\n): Record<\"top\" | \"right\" | \"bottom\" | \"left\", number> {\n  const side = (key: \"top\" | \"right\" | \"bottom\" | \"left\") =>\n    typeof caller === \"number\" ? caller : (caller?.[key] ?? fallback);\n  return { top: Math.max(side(\"top\"), top), right: side(\"right\"), bottom: Math.max(side(\"bottom\"), bottom), left: side(\"left\") };\n}\n\nfunction readClearance(height: string): number {\n  if (typeof document === \"undefined\") return 0;\n  const probe = document.createElement(\"div\");\n  probe.style.cssText = `position:fixed;top:0;left:0;width:0;visibility:hidden;pointer-events:none;height:${height}`;\n  document.body.appendChild(probe);\n  const px = probe.getBoundingClientRect().height;\n  probe.remove();\n  return Number.isFinite(px) ? Math.ceil(px) : 0;\n}\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n  DropdownMenuContentProps\n>(({ className, sideOffset = 4, container, surface = \"default\", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  const [topClearance] = React.useState(readTopClearance);\n  const [bottomClearance] = React.useState(readBottomClearance);\n  const edges = useMenuScrollEdges(ref);\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.Content\n        ref={edges.ref}\n        data-slot=\"dropdown-menu-content\"\n        data-surface={surface === \"solid\" ? \"solid\" : undefined}\n        sideOffset={sideOffset}\n        collisionPadding={menuCollisionPadding(collisionPadding, topClearance, bottomClearance)}\n        className={cn(\n          MENU_SURFACE_CLASS,\n          edges.surfaceClassName,\n          \"shadow-md\",\n          surface === \"solid\" && SOLID_SURFACE_CLASS,\n          MOTION_POPPER,\n          className,\n        )}\n        {...props}\n        onCloseAutoFocus={keepMovedFocus(onCloseAutoFocus)}\n      >\n        {edges.wrap(children)}\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n    /** `danger`: a destructive item (Delete, Remove) — destructive text and icon, destructive soft\n     *  fill on hover / focus. Default: the ordinary item. */\n    tone?: \"danger\";\n    /** `sm`: 13px text on the 28px control row height, for dense frames. Default: the menu's 14px. */\n    size?: \"sm\";\n  }\n>(({ className, inset, tone, size, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    data-slot=\"dropdown-menu-item\"\n    data-tone={tone}\n    data-size={size}\n    className={cn(MENU_ITEM_CLASS, size === \"sm\" && \"h-7 py-0 text-[13px]\", inset && \"pl-8\", className)}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot=\"dropdown-menu-checkbox-item\"\n    className={cn(MENU_INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <RadixCheckIcon className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    data-slot=\"dropdown-menu-radio-item\"\n    className={cn(MENU_INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <DotFilledIcon className=\"h-4 w-4 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    data-slot=\"dropdown-menu-label\"\n    className={cn(\"type-label px-2 pb-1 pt-2 font-medium text-foreground\", inset && \"pl-8\", className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    data-slot=\"dropdown-menu-separator\"\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => (\n  <span\n    data-slot=\"dropdown-menu-shortcut\"\n    className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n    {...props}\n  />\n);\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n","/**\n * THE MOTION CONTRACT (0.10.0) — the class names every animated surface in\n * this package puts on the DOM, in ONE place.\n *\n * Why a module and not ten inline strings: the sweep that produced this file\n * found the same defect ten times over, and it was invisible each time\n * because each primitive spelled its animation out by hand. Ten hand-written\n * copies of `data-[state=open]:animate-in data-[state=closed]:animate-out\n * data-[state=closed]:fade-out-0 …` meant ten chances to reach for a utility\n * nothing in the package defines — which is exactly what happened. A single\n * exported constant per motion SHAPE means the next primitive cannot invent\n * an eleventh spelling, and `styles.test.ts` can prove every one of them\n * resolves to a rule in the shipped stylesheet.\n *\n * Every rule these name lives in `styles.css` under the package's own\n * keyframes. NONE of them is a Tailwind utility, and none requires a host\n * plugin — see that file's header for the measurement that made this\n * necessary.\n */\n\n/** Modal scrims: Dialog, AlertDialog, Sheet, CommandDialog. Fade only. */\nexport const MOTION_OVERLAY = \"matrx-motion-overlay\";\n\n/** The centered dialog card. Fades and scales; centering is not its business. */\nexport const MOTION_DIALOG = \"matrx-motion-dialog\";\n\n/**\n * THE CENTERING OF A CENTERED DIALOG CARD — package-owned, in the `translate`\n * property, and NEVER a Tailwind `translate-x-[-50%] translate-y-[-50%]` pair.\n *\n * Those utilities do not compile to the same thing in every host: Tailwind v3\n * writes them into `transform`, Tailwind v4 writes them into the independent\n * `translate` property, which COMPOSES with `transform` instead of being\n * replaced by it. 0.10.0's keyframes restated the centering inside `transform`,\n * which was harmless on v3 and doubled the centering on v4 — the card flew in\n * from off the top-left of the viewport for the animation's whole duration and\n * snapped into place at the end (fixed in 0.10.1).\n *\n * Owning it here means one spelling that reads the same on both, and it frees\n * `transform` so the keyframes carry ONLY the delta. Put this on every centered\n * surface UNCONDITIONALLY — it is geometry, so unlike {@link MOTION_DIALOG} it\n * must survive `animated={false}`. Its rule ships in `styles.css`.\n */\nexport const CENTERED_DIALOG = \"matrx-dialog-centered\";\n\n/**\n * The resting gap between a `popper`-positioned surface and its trigger, for\n * the primitives that want one (today: `Select`). Same law and same reason as\n * {@link CENTERED_DIALOG} — a position an animated surface holds AT REST is\n * the `translate` property's job, never a Tailwind translate utility, because\n * those land in `transform` on a v3 host and in `translate` on a v4 one while\n * the keyframes animate `transform` either way. Sizes from\n * `--matrx-popper-offset`; keys off Radix's `data-side`.\n */\nexport const POPPER_OFFSET = \"matrx-popper-offset\";\n\n/** The mobile Dialog / CommandDialog bottom sheet. Slides up and fades. */\nexport const MOTION_BOTTOM_SHEET = \"matrx-motion-bottom-sheet\";\n\n/**\n * Radix-popper surfaces: Popover, DropdownMenu, ContextMenu, HoverCard,\n * Select, Tooltip. Reads `--radix-popper-transform-origin` so the surface\n * grows out of its trigger, and `data-side` so it travels from it.\n */\nexport const MOTION_POPPER = \"matrx-motion-popper\";\n\n/** Edge sheets, one class per `sheetVariants` side. */\nexport const MOTION_SHEET = {\n  top: \"matrx-motion-sheet-top\",\n  bottom: \"matrx-motion-sheet-bottom\",\n  left: \"matrx-motion-sheet-left\",\n  right: \"matrx-motion-sheet-right\",\n  center: \"matrx-motion-sheet-center\",\n} as const;\n\n/** Skeleton's breathing loop. */\nexport const MOTION_PULSE = \"matrx-pulse\";\n/** A waiting box's crossing band of light (Skeleton `motion=\"shimmer\"`). Reduced motion: a slow breathe, no travel. */\nexport const MOTION_SHIMMER = \"matrx-shimmer\";\n\n/** The spinner loop, for every inline busy indicator in the package. */\nexport const MOTION_SPIN = \"matrx-spin\";\n\n/**\n * FirstUseHint's beacon: a soft ring that pulses three times around the anchor, on\n * `box-shadow` only, so nothing moves. A still ring under reduced motion.\n */\nexport const MOTION_HINT_BEACON = \"matrx-motion-hint-beacon\";\n\n/**\n * Every motion class the package ships, for the guards. If a rule for one of\n * these is missing from `styles.css`, a component animates in no consumer and\n * says nothing about it — the C26 failure this list exists to make loud.\n */\nexport const ALL_MOTION_CLASSES = [\n  MOTION_OVERLAY,\n  MOTION_DIALOG,\n  MOTION_BOTTOM_SHEET,\n  MOTION_POPPER,\n  ...Object.values(MOTION_SHEET),\n  MOTION_PULSE,\n  MOTION_SHIMMER,\n  MOTION_SPIN,\n  MOTION_HINT_BEACON,\n] as const;\n\n/**\n * The host-plugin utilities this package is forbidden to emit. They are\n * supplied by `tailwindcss-animate` / `tw-animate-css`, which is a HOST CSS\n * entry concern a package cannot declare a dependency on: three of the four\n * AI Matrx consumers never loaded it, so every surface wearing these appeared\n * with no animation and no error. `styles.test.ts` fails the build if one\n * comes back.\n */\nexport const FORBIDDEN_HOST_MOTION_UTILITIES = [\n  \"animate-in\",\n  \"animate-out\",\n  \"fade-in\",\n  \"fade-out\",\n  \"zoom-in\",\n  \"zoom-out\",\n  \"slide-in-from\",\n  \"slide-out-to\",\n  \"animate-accordion\",\n  \"animate-slide-down\",\n  \"animate-slide-up\",\n  \"animate-pulse\",\n  \"animate-spin\",\n] as const;\n\n/**\n * THE PANEL MOTION as a Tailwind class string (moved from matrx-frontend\n * `lib/motion/panel-motion.ts`): every panel, sidebar, dock, drawer and sheet\n * slides its size/position on the host's `--matrx-motion-duration-panel` /\n * `--matrx-motion-ease-panel` (tokens.css ships the standard). Pair it with the\n * transition property you animate (`transition-transform`, …).\n */\nexport const PANEL_MOTION_CLASS =\n  \"duration-(--matrx-motion-duration-panel) ease-(--matrx-motion-ease-panel) motion-reduce:transition-none\";\nexport const PANEL_MOTION_DURATION_VAR = \"var(--matrx-motion-duration-panel)\";\nexport const PANEL_MOTION_EASE_VAR = \"var(--matrx-motion-ease-panel)\";\n","/**\n * The opaque surface option shared by every floating menu surface\n * (`PopoverContent`, `DropdownMenuContent`, `DropdownMenuSubContent`).\n * `data-surface=\"solid\"` is also styled in `styles.css`, so the fill holds even\n * where a host utility layer tints the default surface.\n */\nexport type PopoverSurface = \"default\" | \"solid\";\n\nexport const SOLID_SURFACE_CLASS =\n  \"bg-[hsl(var(--popover)/1)] [backdrop-filter:none] [-webkit-backdrop-filter:none]\";\n","\"use client\";\n\n/**\n * Injected portal-container seam.\n *\n * The matrx-frontend original resolved nested portal targets through\n * `useNestedPortalContainer` (explicit prop > dialog content > popout body >\n * document.body) — a host-shaped hook wired to that app's dialog and\n * window-panel systems. The package inverts the seam: hosts provide the\n * resolved container through `PortalContainerProvider`; an explicit\n * `container` prop on a component still wins, and with neither the portal\n * falls through to `document.body` (Radix default). Priority semantics are\n * unchanged from the original.\n */\n\nimport * as React from \"react\";\n\n// Shared identity across independently bundled public entrypoints/loaders.\nconst CONTEXT_SLOT = Symbol.for(\"ai-matrx.design-system.portal-container-context\");\nconst contextRegistry = globalThis as typeof globalThis & { [CONTEXT_SLOT]?: React.Context<HTMLElement | null | undefined> };\nconst PortalContainerContext = contextRegistry[CONTEXT_SLOT] ??= React.createContext<HTMLElement | null | undefined>(undefined);\n\nexport interface PortalContainerProviderProps {\n  /** Where nested Radix portals (Popover, etc.) should mount. `null`/`undefined` → document.body. */\n  container: HTMLElement | null | undefined;\n  children: React.ReactNode;\n}\n\nexport function PortalContainerProvider({\n  container,\n  children,\n}: PortalContainerProviderProps) {\n  return (\n    <PortalContainerContext.Provider value={container ?? undefined}>\n      {children}\n    </PortalContainerContext.Provider>\n  );\n}\n\n/**\n * Resolve a portal target: explicit prop (including an explicit `null`,\n * meaning \"the default body\") beats the injected container.\n */\nexport function usePortalContainer(\n  explicit?: HTMLElement | null,\n): HTMLElement | undefined {\n  const injected = React.useContext(PortalContainerContext);\n\n  if (explicit !== undefined) {\n    return explicit ?? undefined;\n  }\n\n  return injected ?? undefined;\n}\n","\"use client\";\n\n/**\n * A MENU THAT HIDES ITEMS SAYS SO (Arman, 2026-10-02: \"A menu that hides\n * options needs to use best in class UI to show there is more\").\n *\n * Every menu surface already caps at Radix's measured available height and\n * scrolls. What it lacked was any sign that it scrolls: the note editor's\n * right-click menu in Split mode hid Chat and AI Actions below the fold and a\n * reader concluded they did not exist. Champion: macOS menus (an arrow strip\n * at the hidden edge that scrolls while hovered) plus the Linear/Radix edge\n * fade.\n *\n * Each edge that actually hides items gets a soft fade and a chevron strip;\n * an edge that is scrolled to its end gets neither, and a menu that fits gets\n * nothing at all. Measurement is `useScrollFade` (the package's one \"is there\n * more\" meter) — but drawn as OVERLAY elements, not its `mask-image` class:\n * a mask clips everything outside the border box, which would erase the\n * menu's own shadow.\n *\n * The overlays are zero-height `position: sticky` rows inside the surface, so\n * the surface stays the scroller: Radix's keyboard focus still scrolls the\n * focused item into view natively, and `scroll-padding-block` (styles.css)\n * keeps it clear of the fade. Pointer hover on a chevron glides toward the\n * hidden items; a press (touch included) moves one page.\n */\n\nimport * as React from \"react\";\n\nimport { RadixChevronDownIcon, RadixChevronUpIcon } from \"./icons\";\nimport { useScrollFade } from \"./use-scroll-fade\";\n\n/** px per millisecond while a chevron is hovered (~ macOS menu arrow speed). */\nconst HOVER_SPEED = 0.6;\n/** A press keeps this much of the previous page in view, so the reader keeps their place. */\nconst PAGE_OVERLAP = 48;\n\ntype Side = \"top\" | \"bottom\";\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) (ref as React.MutableRefObject<T | null>).current = node;\n    }\n  };\n}\n\nfunction MenuScrollEdge({ side, scroller }: { side: Side; scroller: React.RefObject<HTMLElement | null> }) {\n  const frame = React.useRef<number | null>(null);\n  const dir = side === \"top\" ? -1 : 1;\n\n  const stop = React.useCallback(() => {\n    if (frame.current !== null) cancelAnimationFrame(frame.current);\n    frame.current = null;\n  }, []);\n\n  const glide = React.useCallback(() => {\n    stop();\n    let last = performance.now();\n    const step = (now: number) => {\n      const el = scroller.current;\n      if (!el) return stop();\n      el.scrollTop += dir * HOVER_SPEED * (now - last);\n      last = now;\n      frame.current = requestAnimationFrame(step);\n    };\n    frame.current = requestAnimationFrame(step);\n  }, [dir, scroller, stop]);\n\n  // The edge unmounts the moment its end is reached; the glide stops with it.\n  React.useEffect(() => stop, [stop]);\n\n  return (\n    <div aria-hidden data-menu-scroll-edge={side} className=\"matrx-menu-scroll-edge\">\n      <div className=\"matrx-menu-scroll-fade\">\n        <div\n          data-menu-scroll-button=\"\"\n          className=\"matrx-menu-scroll-button\"\n          onPointerEnter={(e) => {\n            if (e.pointerType !== \"touch\") glide();\n          }}\n          onPointerLeave={stop}\n          onPointerDown={(e) => {\n            // Never steal focus from the item the keyboard is on.\n            e.preventDefault();\n            const el = scroller.current;\n            if (!el) return;\n            el.scrollTop += dir * Math.max(el.clientHeight - PAGE_OVERLAP, PAGE_OVERLAP);\n          }}\n        >\n          {side === \"top\" ? <RadixChevronUpIcon /> : <RadixChevronDownIcon />}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Wire a menu surface: spread `ref` onto the Radix Content/SubContent and wrap\n * its children with `wrap`. Forwarded refs are composed, never replaced.\n */\nexport function useMenuScrollEdges<T extends HTMLElement>(...forwarded: Array<React.Ref<T> | undefined>) {\n  const fade = useScrollFade();\n  const scroller = React.useRef<HTMLElement | null>(null);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const ref = React.useCallback(composeRefs<T>(scroller as React.Ref<T>, fade.ref as React.Ref<T>, ...forwarded), [\n    fade.ref,\n    ...forwarded,\n  ]);\n  const wrap = (children: React.ReactNode) => (\n    <>\n      {fade.state.top ? <MenuScrollEdge side=\"top\" scroller={scroller} /> : null}\n      {children}\n      {fade.state.bottom ? <MenuScrollEdge side=\"bottom\" scroller={scroller} /> : null}\n    </>\n  );\n  return { ref, wrap, surfaceClassName: \"matrx-menu-surface\" };\n}\n","\"use client\";\n\n// useScrollFade — ported verbatim from matrx-frontend\n// `components/official/scroll-fade/useScrollFade.ts` (S21).\n//\n// \"There is more below\" — told to the eye, not to nobody.\n//\n// A scroll container that simply hard-clips its last row reads as FINISHED.\n// The user never scrolls, because nothing suggested there was anything to\n// scroll to. A soft fade at the overflowing edge is the standard cue, and it\n// must appear ONLY on the edges that actually overflow — a permanent fade on a\n// non-scrolling list just makes the last item look broken.\n//\n// Attach `ref` to the scrolling element and spread `fadeProps`. Styling is\n// host-owned CSS (the `.matrx-scroll-fade` class in the host's globals.css),\n// keyed off the data attributes.\n//\n// The ref is a CALLBACK ref, not a useRef object, on purpose: these containers\n// are usually mounted conditionally (a popover body, a lazily-resolved menu),\n// so an effect that reads `ref.current` on mount finds null and — with no\n// dependency that ever changes — never runs again. The fade then silently\n// never appears, which is exactly the failure this hook exists to prevent.\n//\n// TWO RULES THE CALLBACK MUST OBEY (both learned the hard way — breaking\n// either one produced \"Maximum update depth exceeded\" on a page of 13 menus):\n//   1. NEVER setState synchronously inside the callback. Radix composes our\n//      ref with its own via useComposedRefs, whose identity changes every render,\n//      so the ref detaches+reattaches on every commit. A synchronous setState\n//      there re-renders, which re-attaches, which sets state again — forever.\n//      Measurement is always deferred to rAF.\n//   2. NEVER setState on detach (node === null). A detach/attach pair would\n//      otherwise flip the fade off and on and drive the same loop.\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface ScrollFadeState {\n  top: boolean;\n  bottom: boolean;\n}\n\nexport interface UseScrollFadeResult {\n  ref: (node: HTMLElement | null) => void;\n  fadeProps: {\n    \"data-fade-top\": \"\" | undefined;\n    \"data-fade-bottom\": \"\" | undefined;\n    className: string;\n  };\n  state: ScrollFadeState;\n}\n\n/** Slack below which we treat the edge as reached (sub-pixel scroll math). */\nconst EPSILON = 2;\n\nexport function useScrollFade(): UseScrollFadeResult {\n  const [state, setState] = useState<ScrollFadeState>({\n    top: false,\n    bottom: false,\n  });\n  const nodeRef = useRef<HTMLElement | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  const measure = useCallback(() => {\n    const el = nodeRef.current;\n    if (!el) return;\n    const overflowing = el.scrollHeight - el.clientHeight > EPSILON;\n    const next: ScrollFadeState = {\n      top: overflowing && el.scrollTop > EPSILON,\n      bottom:\n        overflowing &&\n        el.scrollTop + el.clientHeight < el.scrollHeight - EPSILON,\n    };\n    setState((prev) =>\n      prev.top === next.top && prev.bottom === next.bottom ? prev : next,\n    );\n  }, []);\n\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      cleanupRef.current?.();\n      cleanupRef.current = null;\n      nodeRef.current = node;\n      // Rule 2: no state change on detach.\n      if (!node) return;\n\n      node.addEventListener(\"scroll\", measure, { passive: true });\n      // Content can arrive after mount (lazy menu configs, async lists) and the\n      // box can be resized by the viewport, so watch both.\n      // Every menu surface now carries this hook, so it must also run where\n      // ResizeObserver does not exist (jsdom suites in every consumer); scroll\n      // and mutation still measure there.\n      const ro = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(measure);\n      ro?.observe(node);\n      const mo = new MutationObserver(measure);\n      mo.observe(node, { childList: true, subtree: true });\n\n      cleanupRef.current = () => {\n        node.removeEventListener(\"scroll\", measure);\n        ro?.disconnect();\n        mo.disconnect();\n      };\n\n      // Rule 1: deferred, never synchronous. Radix also animates the panel in,\n      // so its final height is not known on the frame it mounts anyway.\n      requestAnimationFrame(measure);\n    },\n    [measure],\n  );\n\n  useEffect(() => () => cleanupRef.current?.(), []);\n\n  return {\n    ref,\n    state,\n    fadeProps: {\n      \"data-fade-top\": state.top ? \"\" : undefined,\n      \"data-fade-bottom\": state.bottom ? \"\" : undefined,\n      className: \"matrx-scroll-fade\",\n    },\n  };\n}\n","import * as React from \"react\";\n\n/**\n * A SUBMENU NEVER CLOSES BECAUSE ITS PARENT PANEL TOOK FOCUS (blind run PB-04, /notes,\n * 2026-10-02: at a 1024 px viewport AI Actions ▸ Text Operations ▸ Text Tools closed the whole\n * menu; works at 1600 px).\n *\n * Radix keeps a submenu open while the pointer leaves its trigger only when the pointer's last\n * horizontal move inside the parent panel points at the side the submenu is drawn on. A narrow\n * viewport FLIPS the submenu to the left; a pointer that last moved right (or jumped) and heads\n * for it is \"not moving to the submenu\", so Radix focuses the parent PANEL itself, the submenu\n * reads that as focus outside and closes under the pointer, and the click meant for it lands on\n * the page and closes the whole menu. Focus on the parent panel (role=\"menu\", the panel holding\n * this submenu's trigger) only means \"the pointer left a row without entering another one\" — it\n * never closes a submenu, on either side. Focus on another ROW still closes it, as before.\n *\n * Returns the composed ref and the `onFocusOutside` handler a SubContent wrapper spreads.\n */\nexport function useSubmenuSurvivesParentPanelFocus<T extends HTMLElement, E extends Event>(\n  forwardedRef: React.ForwardedRef<T>,\n  onFocusOutside: ((event: E) => void) | undefined,\n): { ref: (node: T | null) => void; onFocusOutside: (event: E) => void } {\n  const content = React.useRef<T | null>(null);\n  const ref = React.useCallback(\n    (node: T | null) => {\n      content.current = node;\n      if (typeof forwardedRef === \"function\") forwardedRef(node);\n      else if (forwardedRef) forwardedRef.current = node;\n    },\n    [forwardedRef],\n  );\n  const handle = (event: E) => {\n    onFocusOutside?.(event);\n    if (event.defaultPrevented) return;\n    const to = event.target;\n    const id = content.current?.id;\n    if (!(to instanceof Element) || !id || to.getAttribute(\"role\") !== \"menu\") return;\n    const holdsTrigger = Array.from(to.querySelectorAll(\"[aria-controls]\")).some((el) => el.getAttribute(\"aria-controls\") === id);\n    if (holdsTrigger) event.preventDefault();\n  };\n  return { ref, onFocusOutside: handle };\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\n/**\n * A NESTED SUBMENU OPENS ON ITS PARENT'S SIDE (0.62.4).\n *\n * Radix draws every submenu on the right (left in RTL) and flips only when THAT side lacks room.\n * Measured at a 1600 px viewport: main menu x 1194–1482, first submenu flipped left to 909–1197,\n * second submenu — with 118 px to spare on the right of its trigger — drawn at 1194–1482, exactly\n * over the main menu. The second level must follow the first: when the parent resolved to the\n * non-default side, the default side is closed to the child with collision padding, so Radix's own\n * flip sends it the same way as its parent. When the parent's side has no room either, Radix's\n * best-fit still decides — it flips only when that side has no room.\n *\n * `side` is not overridable on a Radix SubContent (it is spread after the caller's props); the\n * collision padding is the supported lever.\n */\nexport type SubmenuCollisionPadding = number | Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>>;\n\nexport const SubmenuParentContext = React.createContext<React.MutableRefObject<HTMLElement | null> | null>(null);\n\nfunction normalise(base: SubmenuCollisionPadding | undefined, fallback: number) {\n  if (typeof base === \"number\") return { top: base, right: base, bottom: base, left: base };\n  return { top: base?.top ?? fallback, right: base?.right ?? fallback, bottom: base?.bottom ?? fallback, left: base?.left ?? fallback };\n}\n\n/** Pure: the collision padding a nested submenu takes, given the parent submenu's element. */\nexport function nestedSubmenuCollisionPadding(\n  parent: HTMLElement | null,\n  base?: SubmenuCollisionPadding,\n  viewportWidth?: number,\n): SubmenuCollisionPadding | undefined {\n  if (!parent) return base;\n  const side = parent.getAttribute(\"data-side\");\n  if (side !== \"left\" && side !== \"right\") return base;\n  const view = parent.ownerDocument.defaultView;\n  const rtl = view?.getComputedStyle(parent).direction === \"rtl\";\n  const preferred = rtl ? \"left\" : \"right\";\n  if (side === preferred) return base; // the parent took the default side; the child follows it\n  const padding = normalise(base, 0);\n  const rect = parent.getBoundingClientRect();\n  if (preferred === \"right\") {\n    const vw = viewportWidth ?? parent.ownerDocument.documentElement.clientWidth ?? view?.innerWidth ?? 0;\n    if (!vw) return base;\n    padding.right = Math.max(padding.right, vw - rect.left);\n  } else {\n    padding.left = Math.max(padding.left, rect.right);\n  }\n  return padding;\n}\n\n/** For a SubContent wrapper: the collision padding to pass, a ref to compose onto the content,\n *  and a wrapper that tells THIS submenu's own children where their parent is. */\nexport function useNestedSubmenuPlacement(\n  forwardedRef: React.ForwardedRef<HTMLDivElement>,\n  collisionPadding: SubmenuCollisionPadding | undefined,\n) {\n  const parent = React.useContext(SubmenuParentContext);\n  const own = React.useRef<HTMLElement | null>(null);\n  const ref = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      own.current = node;\n      if (typeof forwardedRef === \"function\") forwardedRef(node);\n      else if (forwardedRef) forwardedRef.current = node;\n    },\n    [forwardedRef],\n  );\n  const padding = nestedSubmenuCollisionPadding(parent?.current ?? null, collisionPadding);\n  const wrap = (children: React.ReactNode) => (\n    <SubmenuParentContext.Provider value={own}>{children}</SubmenuParentContext.Provider>\n  );\n  return { ref, padding, wrap };\n}\n","/**\n * THE FOCUS-RETURN GUARD — a closing menu, popover, select or dialog never takes focus back from a\n * field the person has already moved into.\n *\n * Radix returns focus to the trigger when its content UNMOUNTS (FocusScope: a `setTimeout(0)` after the\n * exit animation, unconditionally). On a busy page that is hundreds of milliseconds after the person\n * picked an option — long enough for them to click the next field and start typing. The return then\n * lands mid-word: focus jumps to the trigger and every key after it is lost (\"https://drive…\" saved as\n * \"https:\", Applet social planner, 2026-10-08).\n *\n * `keepMovedFocus(handler)` composes a content's `onCloseAutoFocus`: when focus already sits on a live\n * element outside the closing content (not the page body), the return is canceled; otherwise Radix\n * returns focus to the trigger exactly as before (keyboard users closing with Escape keep their place).\n */\n/** True when focus has already moved to something the person chose, outside `container`. */\nexport function focusMovedElsewhere(container: EventTarget | null, doc: Document | undefined = typeof document === \"undefined\" ? undefined : document): boolean {\n  if (!doc) return false;\n  const active = doc.activeElement;\n  if (!active || active === doc.body || active === doc.documentElement) return false;\n  if (!active.isConnected) return false;\n  if (container && typeof (container as Node).contains === \"function\" && (container as Node).contains(active)) return false;\n  return true;\n}\n\n/** Compose a content's `onCloseAutoFocus` with THE FOCUS-RETURN GUARD (the caller's handler runs first). */\nexport function keepMovedFocus(handler?: (event: Event) => void): (event: Event) => void {\n  return (event: Event) => {\n    handler?.(event);\n    if (event.defaultPrevented) return;\n    const container = (event.currentTarget ?? event.target) as EventTarget | null;\n    if (focusMovedElsewhere(container, (container as Node | null)?.ownerDocument ?? undefined)) event.preventDefault();\n  };\n}\n","/**\n * THE ONE FIELD SURFACE (page-pass shared fix, 2026-09-27).\n *\n * Every control a person types into or picks from — Input, BasicInput,\n * Textarea, the Select trigger, and the host's ProInput / ProTextarea — sits on\n * this fill and this border. They used to disagree: Input and the elevated\n * Textarea filled with `bg-background` (the gray page color in light mode),\n * BasicInput and the control Textarea were `bg-transparent` (gray on a gray\n * page), while the Select trigger filled with `bg-card` (white). On one form\n * the text fields therefore looked disabled beside white Selects\n * (/hr/settings/employer, the message-template editor) — a screen that lies\n * about what it will let you do.\n *\n * The surface is the Select's: the card fill and the regular border. A caller\n * that genuinely wants no fill (an inline cell editor) still passes\n * `bg-transparent`, which wins through `cn`.\n */\nexport const FIELD_SURFACE_CLASS = \"border border-border bg-card\";\n","\"use client\";\n\n/**\n * Textarea — the multi-line twin of the Input family, same three shapes:\n * `Textarea` (elevated), `BasicTextarea` (plain control), and\n * `TextareaWithPrefix`.\n *\n * WHAT THE FORKS PROVED. Three hosts shipped a bare `<textarea>` with a\n * min-height and nothing else; matrx-frontend shipped auto-grow, min/max\n * height clamping, and a stretch-detection pass. That last one is the reason\n * this file is worth having: a `<textarea>` is a REPLACED element, so\n * `className=\"h-full\"` on it does nothing useful unless its parent is also\n * told to stretch — which is why every host that wanted a filling textarea\n * ended up wrapping it by hand at the call site, differently each time.\n * `getStretchClasses` reads the caller's own fill intent out of the className\n * and builds the wrapper for them.\n *\n * COLOR IS TOKENS (C26). The ported original pinned its body text to literal\n * black/white, its placeholder and focus ring to raw palette steps, and its\n * dark elevation to a custom property no host defined — so that shadow\n * computed to nothing. All four now resolve from the semantic vocabulary.\n *\n * AND `shadow-textarea` NOW EXISTS. The original's resting elevation class was\n * `shadow-textarea`, and NO host defined `--shadow-textarea` or generated that\n * utility — 125 call sites asked for an elevation they never got. The package\n * ships the token (defaulting to the Input family's `--shadow-input`, which is\n * plainly what the twin class meant) and the rule, so the class finally does\n * what it says. A host that wants the flat look sets `--shadow-textarea: none`.\n *\n * The clipboard/motion variants matrx-frontend layers on top (CopyTextarea,\n * FancyTextarea) stay host-owned under the C8 split-out law: they drag in\n * `motion/react`, and plain-textarea consumers must not pay for it.\n */\n\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { FIELD_SURFACE_CLASS } from \"./field-surface\";\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Grow to fit content as the user types (and stop growing at `maxHeight`). */\n  autoGrow?: boolean;\n  /** Minimum height in px. */\n  minHeight?: number;\n  /** Maximum height in px; past it the field scrolls instead of growing. */\n  maxHeight?: number;\n  /** Classes for the wrapper this component adds when one is needed. */\n  wrapperClassName?: string;\n}\n\nconst FILL_HEIGHT_REGEX = /(?:^|\\s)(h-full|h-dvh|flex-1|grow)(?:\\s|$)/;\nconst FILL_WIDTH_REGEX = /(?:^|\\s)(w-full|w-screen)(?:\\s|$)/;\n\n/**\n * A `<textarea>` cannot fill a box on its own — the box has to be told too.\n * Read the caller's fill intent out of its own className and mirror it onto\n * the wrapper, so `className=\"h-full\"` means what the caller thought it meant.\n */\nfunction getStretchClasses(className?: string): string | undefined {\n  if (!className) return undefined;\n  const fills: string[] = [];\n  if (FILL_HEIGHT_REGEX.test(className)) fills.push(\"h-full min-h-0\");\n  if (FILL_WIDTH_REGEX.test(className)) fills.push(\"w-full\");\n  return fills.length ? fills.join(\" \") : undefined;\n}\n\nconst TEXTAREA_ELEVATED_CLASS =\n  `flex h-auto w-full rounded-md ${FIELD_SURFACE_CLASS} px-3 py-2 text-sm text-foreground shadow-textarea transition duration-400 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/15 disabled:cursor-not-allowed disabled:opacity-50`;\n\nconst TEXTAREA_CONTROL_CLASS =\n  `flex w-full rounded-md ${FIELD_SURFACE_CLASS} px-3 py-2 text-sm text-foreground shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/15 disabled:cursor-not-allowed disabled:opacity-50`;\n\nexport function useAutoGrow(\n  ref: React.RefObject<HTMLTextAreaElement | null>,\n  value: React.TextareaHTMLAttributes<HTMLTextAreaElement>[\"value\"],\n  autoGrow = false,\n  minHeight?: number,\n  maxHeight?: number,\n): void {\n  React.useEffect(() => {\n    if (!autoGrow || !ref.current) return;\n\n    const textarea = ref.current;\n    textarea.style.height = \"auto\";\n\n    let newHeight = textarea.scrollHeight;\n    if (minHeight) newHeight = Math.max(newHeight, minHeight);\n\n    if (maxHeight && newHeight >= maxHeight) {\n      textarea.style.height = `${maxHeight}px`;\n      textarea.style.overflowY = \"auto\";\n    } else {\n      textarea.style.height = `${newHeight}px`;\n      textarea.style.overflowY = \"hidden\";\n    }\n  }, [value, autoGrow, minHeight, maxHeight, ref]);\n}\n\n/** Merge a forwarded ref with the internal one auto-grow needs to measure. */\nexport function useMergedTextareaRef(\n  forwarded: React.ForwardedRef<HTMLTextAreaElement>,\n): {\n  ref: React.RefObject<HTMLTextAreaElement | null>;\n  callback: (node: HTMLTextAreaElement | null) => void;\n} {\n  const internal = React.useRef<HTMLTextAreaElement | null>(null);\n  const callback = React.useCallback(\n    (node: HTMLTextAreaElement | null) => {\n      internal.current = node;\n      if (typeof forwarded === \"function\") forwarded(node);\n      else if (forwarded) forwarded.current = node;\n    },\n    [forwarded],\n  );\n  return { ref: internal, callback };\n}\n\nexport function boxStyle(\n  minHeight?: number,\n  maxHeight?: number,\n): React.CSSProperties | undefined {\n  if (minHeight === undefined && maxHeight === undefined) return undefined;\n  return {\n    minHeight: minHeight ? `${minHeight}px` : undefined,\n    maxHeight: maxHeight ? `${maxHeight}px` : undefined,\n  };\n}\n\n/** The elevated textarea — the Input family's `Input`, in multi-line form. */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    { className, autoGrow, minHeight, maxHeight, wrapperClassName, ...props },\n    forwarded,\n  ) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n    const stretchClasses = getStretchClasses(className);\n    const needsWrapper = Boolean(wrapperClassName || stretchClasses);\n\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n\n    const textarea = (\n      <textarea\n        ref={callback}\n        data-slot=\"textarea\"\n        className={cn(\n          TEXTAREA_ELEVATED_CLASS,\n          autoGrow && \"resize-none\",\n          stretchClasses,\n          className,\n        )}\n        style={boxStyle(minHeight, maxHeight)}\n        {...props}\n      />\n    );\n\n    if (!needsWrapper) return textarea;\n\n    return <div className={cn(stretchClasses, wrapperClassName)}>{textarea}</div>;\n  },\n);\nTextarea.displayName = \"Textarea\";\n\n/**\n * The plain control — a bordered, transparent field with a 60px floor. This is\n * what matrx-extend, aidream/apps/dashboard and workflow-studio each called\n * `Textarea`; the floor is theirs and it is the sensible default (a one-line\n * box for multi-line content invites a scrollbar on the first Enter).\n */\nconst BasicTextarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, autoGrow, minHeight, maxHeight, ...props }, forwarded) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n\n    return (\n      <textarea\n        ref={callback}\n        data-slot=\"textarea\"\n        className={cn(\n          TEXTAREA_CONTROL_CLASS,\n          \"h-auto min-h-[60px]\",\n          autoGrow && \"resize-none\",\n          className,\n        )}\n        style={boxStyle(minHeight, maxHeight)}\n        {...props}\n      />\n    );\n  },\n);\nBasicTextarea.displayName = \"BasicTextarea\";\n\nexport interface TextareaWithPrefixProps extends Omit<TextareaProps, \"prefix\"> {\n  /** Leading adornment, absolutely placed at the field's top-left. */\n  prefix?: React.ReactNode;\n}\n\nconst TextareaWithPrefix = React.forwardRef<\n  HTMLTextAreaElement,\n  TextareaWithPrefixProps\n>(\n  (\n    {\n      prefix,\n      className,\n      wrapperClassName,\n      autoGrow,\n      minHeight,\n      maxHeight,\n      ...props\n    },\n    forwarded,\n  ) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n\n    return (\n      <div\n        className={cn(\"relative\", getStretchClasses(className), wrapperClassName)}\n      >\n        {prefix ? (\n          <div className=\"pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground\">\n            {prefix}\n          </div>\n        ) : null}\n        <textarea\n          ref={callback}\n          data-slot=\"textarea\"\n          className={cn(\n            TEXTAREA_CONTROL_CLASS,\n            \"resize-y\",\n            prefix && \"pl-10\",\n            autoGrow && \"resize-none\",\n            className,\n          )}\n          style={boxStyle(minHeight, maxHeight)}\n          {...props}\n        />\n      </div>\n    );\n  },\n);\nTextareaWithPrefix.displayName = \"TextareaWithPrefix\";\n\nexport { BasicTextarea, Textarea, TextareaWithPrefix };\n","\"use client\";\n\n/**\n * EditableLabel — inline rename-in-place text.\n *\n * Ported verbatim from matrx-frontend\n * `components/official/item/EditableLabel.tsx` (S16). Commit on Enter/blur,\n * Esc cancels, whitespace-only falls back to `emptyFallback` (or cancels),\n * stays in sync with upstream `value` while not editing. Decoupled from any\n * store — `onCommit(next)` is the only side-effect channel.\n *\n * Three activation modes:\n *   - \"click\"        → click the display text to edit (header titles)\n *   - \"doubleClick\"  → double-click to edit (rows where single-click selects)\n *   - \"controlled\"   → host owns `editing`; this renders ONLY the input while\n *                      editing (the host renders its own display element)\n *\n * Seam inversions:\n * - Prop types come with the component instead of the host's item-system\n *   `types.ts` (identical shapes).\n * - The lucide `Loader2` busy spinner is the package's inlined SVG (C19).\n */\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { cn } from \"./cn\";\nimport { Loader2Icon } from \"./icons\";\n\nexport type EditableLabelCommitMode = \"optimistic\" | \"await\";\nexport type EditableLabelActivation = \"click\" | \"doubleClick\" | \"controlled\";\n\nexport interface EditableLabelProps {\n  value: string;\n  /**\n   * Commit handler. optimistic (default): edit mode exits immediately, the\n   * promise is fire-and-forget (owners do optimistic update + revert + toast).\n   * await: input disables with a spinner until the promise resolves; a\n   * rejection keeps edit mode open to retry.\n   */\n  onCommit: (next: string) => void | Promise<void>;\n  commitMode?: EditableLabelCommitMode;\n  /** Return an error message to block the commit (shown under the input). */\n  validate?: (next: string) => string | null;\n  /** Used when the trimmed draft is empty. Undefined → empty cancels. */\n  emptyFallback?: string;\n  maxLength?: number; // default 120\n  /**\n   * \"click\"/\"doubleClick\" — internal edit state (headers). \"controlled\" — host\n   * owns `editing`; EditableLabel renders ONLY the input when editing.\n   */\n  activation?: EditableLabelActivation;\n  editing?: boolean; // controlled mode\n  /** Edit-state notifications. Controlled mode: the ONLY state channel.\n   *  Uncontrolled modes: fired as a notification (layout hooks etc.). */\n  onEditingChange?: (editing: boolean) => void;\n  selectOnEdit?: boolean; // default true\n  placeholder?: string;\n  /** Accessible name, e.g. \"Session title\". Default \"Name\". */\n  ariaLabel?: string;\n  truncate?: boolean; // display mode, default true\n  className?: string; // both modes\n  displayClassName?: string;\n  inputClassName?: string;\n}\n\nexport function EditableLabel({\n  value,\n  onCommit,\n  commitMode = \"optimistic\",\n  validate,\n  emptyFallback,\n  maxLength = 120,\n  activation = \"click\",\n  editing: editingProp,\n  onEditingChange,\n  selectOnEdit = true,\n  placeholder,\n  ariaLabel = \"Name\",\n  truncate = true,\n  className,\n  displayClassName,\n  inputClassName,\n}: EditableLabelProps) {\n  const controlled = activation === \"controlled\";\n  const [internalEditing, setInternalEditing] = useState(false);\n  const editing = controlled ? !!editingProp : internalEditing;\n\n  const [draft, setDraft] = useState(value);\n  const [error, setError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Stay in sync with upstream changes (realtime / auto-label) while idle.\n  useEffect(() => {\n    if (!editing) setDraft(value);\n  }, [value, editing]);\n\n  // Focus + select on entering edit mode.\n  useEffect(() => {\n    if (editing && inputRef.current) {\n      inputRef.current.focus();\n      if (selectOnEdit) inputRef.current.select();\n    }\n  }, [editing, selectOnEdit]);\n\n  const setEditing = useCallback(\n    (next: boolean) => {\n      if (controlled) {\n        onEditingChange?.(next);\n      } else {\n        // Uncontrolled hosts still get notified — lets them adjust layout\n        // (e.g. widen the edit box) without taking over the edit state.\n        setInternalEditing(next);\n        onEditingChange?.(next);\n      }\n    },\n    [controlled, onEditingChange],\n  );\n\n  const startEdit = useCallback(() => {\n    setDraft(value);\n    setError(null);\n    setEditing(true);\n  }, [value, setEditing]);\n\n  const cancel = useCallback(() => {\n    setDraft(value);\n    setError(null);\n    setBusy(false);\n    setEditing(false);\n  }, [value, setEditing]);\n\n  const commit = useCallback(() => {\n    if (busy) return;\n    const trimmed = draft.trim();\n    const next = trimmed || emptyFallback;\n\n    // Empty + no fallback → cancel rather than commit garbage.\n    if (next === undefined) {\n      cancel();\n      return;\n    }\n\n    const validationError = validate?.(next) ?? null;\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    // No-op commit — skip the side effect entirely.\n    if (next === value) {\n      setEditing(false);\n      setError(null);\n      return;\n    }\n\n    if (commitMode === \"await\") {\n      const result = onCommit(next);\n      if (result instanceof Promise) {\n        setBusy(true);\n        result\n          .then(() => {\n            setBusy(false);\n            setEditing(false);\n          })\n          .catch(() => {\n            // Keep edit mode open so the user can retry.\n            setBusy(false);\n          });\n        return;\n      }\n      setEditing(false);\n      return;\n    }\n\n    // optimistic — exit immediately, fire-and-forget.\n    setEditing(false);\n    setError(null);\n    const result = onCommit(next);\n    if (result instanceof Promise) result.catch(() => {});\n  }, [\n    busy,\n    draft,\n    emptyFallback,\n    validate,\n    value,\n    commitMode,\n    onCommit,\n    cancel,\n    setEditing,\n  ]);\n\n  if (editing) {\n    return (\n      <span className={cn(\"relative flex min-w-0 flex-1 items-center\", className)}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          value={draft}\n          disabled={busy}\n          placeholder={placeholder}\n          onChange={(e) => {\n            setDraft(e.target.value);\n            if (error) setError(null);\n          }}\n          onBlur={commit}\n          onClick={(e) => e.stopPropagation()}\n          onDoubleClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => {\n            // Contain editing keystrokes so host rows / global hotkeys stay quiet.\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n              e.stopPropagation();\n              commit();\n            } else if (e.key === \"Escape\") {\n              e.preventDefault();\n              e.stopPropagation();\n              cancel();\n            } else if (e.key === \" \") {\n              e.stopPropagation();\n            }\n          }}\n          maxLength={maxLength}\n          aria-label={ariaLabel}\n          aria-invalid={error ? true : undefined}\n          // 16px on mobile prevents iOS focus-zoom; sm on desktop.\n          className={cn(\n            \"w-full min-w-0 rounded-sm bg-transparent px-1 outline-none\",\n            \"text-base md:text-sm\",\n            \"focus:bg-background focus:ring-1 focus:ring-ring\",\n            busy && \"opacity-60\",\n            inputClassName,\n          )}\n        />\n        {busy && (\n          <Loader2Icon className=\"absolute right-1 h-3.5 w-3.5 matrx-spin text-muted-foreground\" />\n        )}\n        {error && (\n          <span className=\"absolute left-0 top-full mt-0.5 whitespace-nowrap text-xs text-destructive-ink\">\n            {error}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  // Controlled mode: host owns the display; render nothing while idle.\n  if (controlled) return null;\n\n  return (\n    <button\n      type=\"button\"\n      onClick={\n        activation === \"click\"\n          ? (e) => {\n              e.stopPropagation();\n              startEdit();\n            }\n          : undefined\n      }\n      onDoubleClick={\n        activation === \"doubleClick\"\n          ? (e) => {\n              e.stopPropagation();\n              startEdit();\n            }\n          : undefined\n      }\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          e.stopPropagation();\n          startEdit();\n        }\n      }}\n      title={activation === \"doubleClick\" ? \"Double-click to rename\" : \"Click to rename\"}\n      aria-label={`Rename ${ariaLabel.toLowerCase()}: ${value}`}\n      className={cn(\n        \"min-w-0 max-w-full rounded-sm px-1 text-left transition-colors\",\n        \"hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\",\n        truncate && \"block truncate\",\n        className,\n        displayClassName,\n      )}\n    >\n      {value || placeholder || \"\"}\n    </button>\n  );\n}\n","import type { ComponentType, ReactNode, Ref } from \"react\";\n\n/**\n * The injectable link seam — the package's replacement for the original\n * hard `next/link` import.\n *\n * Internal hrefs (anything NOT matching `http(s):`, `mailto:`, `tel:`) render\n * through the link component resolved here; external hrefs always render a\n * plain `<a target=\"_blank\" rel=\"noopener noreferrer\">`, exactly like the\n * original. When nothing is registered and no per-instance `linkComponent`\n * prop is given, internal hrefs fall back to a plain `<a>` (no prefetch, no\n * client-side routing — still a working link).\n */\nexport interface TapTargetLinkProps {\n  href: string;\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | undefined;\n  rel?: string | undefined;\n  /** Router prefetch hint (next/link semantics). Plain `<a>` fallback ignores it. */\n  prefetch?: boolean | null | undefined;\n  \"aria-label\"?: string | undefined;\n  /** Tooltip text drawn through `title` (the provider's title takeover). */\n  title?: string | undefined;\n  className?: string | undefined;\n  children?: ReactNode;\n  /** The trigger's ref (the development guard measures the rendered link).\n   *  next/link forwards it to its `<a>`. */\n  ref?: Ref<HTMLAnchorElement> | undefined;\n}\n\nexport type TapTargetLinkComponent = ComponentType<TapTargetLinkProps>;\n\n/**\n * The registered component lives in a `Symbol.for` slot on `globalThis` — NOT\n * in module state — so it survives the module graph being instantiated more\n * than once: the `.` and `./buttons` dist bundles each inline the primitives\n * (tsup `splitting: false`), and a consumer may even mix `import` and\n * `require`. One registration must reach every copy.\n */\nconst LINK_SLOT = Symbol.for(\"@ai-matrx/tap-target:link-component\");\n\ntype GlobalWithLinkSlot = typeof globalThis & {\n  [LINK_SLOT]?: TapTargetLinkComponent | null;\n};\n\n/**\n * Register the app's link component once at startup (e.g. `next/link`):\n *\n * ```tsx\n * import Link from \"next/link\";\n * import { setTapTargetLinkComponent } from \"@ai-matrx/tap-target\";\n * setTapTargetLinkComponent(Link);\n * ```\n *\n * Pass `null` to unregister (plain `<a>` fallback resumes).\n */\nexport function setTapTargetLinkComponent(\n  component: TapTargetLinkComponent | null,\n): void {\n  (globalThis as GlobalWithLinkSlot)[LINK_SLOT] = component;\n}\n\n/** The currently registered link component, or `null` when none is set. */\nexport function getTapTargetLinkComponent(): TapTargetLinkComponent | null {\n  return (globalThis as GlobalWithLinkSlot)[LINK_SLOT] ?? null;\n}\n","\"use client\";\n\n/**\n * ItemMenu / ItemContextMenu — schema-driven menus rendered three ways from one\n * ItemMenuConfig:\n *   - desktop dropdown  (kebab trigger)      → the one menu look on the Radix\n *                                              dropdown (`MenuLook*`), modal={false}\n *   - right-click       (wraps a surface)    → the host's right-click menu\n *                                              (`ItemMenuHostProvider`; the\n *                                              website/chat mount v3), else the\n *                                              same look on the context menu\n *                                              (`MenuLookContext*`)\n *   - mobile            (kebab trigger)      → Vaul bottom drawer w/ drill-in\n *\n * No dimming backdrop on the dropdown (modal={false}). Command/toggle\n * execution is shared across ALL presentations via run-entry.ts (sync-in-\n * gesture for clipboard, sonner toast.promise), so semantics cannot drift.\n */\n\nimport { Fragment, useEffect, useRef, useState, type PointerEvent as ReactPointerEvent, type ReactNode } from \"react\";\nimport { ALCHEMY_GLYPH_PATHS } from \"../content-transfer/icon\";\nimport { declareLazyDataProps, useMatrxTableRowAlchemy, useMatrxTableRowControls } from \"../table-host/host\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useIsMobile } from \"@ai-matrx/kit/media-query\";\nimport { DropdownMenu, DropdownMenuTrigger } from \"../dropdown-menu\";\nimport { ContextMenu, ContextMenuTrigger } from \"../context-menu\";\nimport {\n  MenuLookCheckboxItem,\n  MenuLookContent,\n  MenuLookContextCheckboxItem,\n  MenuLookContextContent,\n  MenuLookContextItem,\n  MenuLookContextLabel,\n  MenuLookContextSeparator,\n  MenuLookContextSub,\n  MenuLookContextSubContent,\n  MenuLookContextSubTrigger,\n  MenuLookItem,\n  MenuLookLabel,\n  MenuLookSeparator,\n  MenuLookSub,\n  MenuLookSubContent,\n  MenuLookSubTrigger,\n  type MenuLookCheckboxItemProps,\n  type MenuLookItemProps,\n  type MenuLookLabelProps,\n  type MenuLookSubContentProps,\n  type MenuLookSubTriggerProps,\n} from \"../menu-look\";\nimport { ItemMenuDrawer } from \"./ItemMenuDrawer\";\nimport { useItemMenuHost } from \"./host\";\nimport { runCommand, runToggle } from \"./run-entry\";\nimport {\n  isCheckbox,\n  isCommand,\n  isLink,\n  isSubmenu,\n  resolveItemMenuConfig,\n  type ItemContextMenuProps,\n  type ItemMenuConfig,\n  type ItemMenuEntry,\n  type ItemMenuProps,\n  type ItemMenuSection,\n} from \"./types\";\nimport type { ItemToastPromise } from \"./host\";\n\n// ── The two menus, one look ─────────────────────────────────────────────────\n// The \"…\" (dropdown) and the right-click (context menu) draw the SAME rows: the one menu look\n// (`../menu-look`, Arman 2026-10-23: \"the IDENTICAL dropdown ... for size and style\"). One renderer,\n// two Radix families underneath.\n\ninterface MenuFamily {\n  Item: React.ComponentType<MenuLookItemProps>;\n  CheckboxItem: React.ComponentType<MenuLookCheckboxItemProps>;\n  Sub: React.ComponentType<{ children?: ReactNode }>;\n  SubTrigger: React.ComponentType<MenuLookSubTriggerProps>;\n  SubContent: React.ComponentType<MenuLookSubContentProps>;\n  Separator: React.ComponentType;\n  Label: React.ComponentType<MenuLookLabelProps>;\n}\n\nconst dropdownFamily: MenuFamily = {\n  Item: MenuLookItem,\n  CheckboxItem: MenuLookCheckboxItem,\n  Sub: MenuLookSub,\n  SubTrigger: MenuLookSubTrigger,\n  SubContent: MenuLookSubContent,\n  Separator: MenuLookSeparator,\n  Label: MenuLookLabel,\n};\n\nconst contextFamily = {\n  Item: MenuLookContextItem,\n  CheckboxItem: MenuLookContextCheckboxItem,\n  Sub: MenuLookContextSub,\n  SubTrigger: MenuLookContextSubTrigger,\n  SubContent: MenuLookContextSubContent,\n  Separator: MenuLookContextSeparator,\n  Label: MenuLookContextLabel,\n} as unknown as MenuFamily;\n\n// ── Action dispatch — shared with any host right-click converter ────────────\n// Lives in run-entry.ts so toast.promise / fire-and-forget semantics cannot\n// drift between the kebab dropdown and the universal right-click menu.\n\n// ── Shared leaf content ─────────────────────────────────────────────────────\n\n/** An entry's row, in the menu look's words: icon, label (hover text), why-disabled line, badge, key. */\nfunction entryRow(entry: ItemMenuEntry, { showShortcut = true }: { showShortcut?: boolean } = {}) {\n  const Icon = entry.icon;\n  const shortcut =\n    showShortcut && (isCommand(entry) || isCheckbox(entry))\n      ? (entry.shortcut ?? entry.shortcutKey?.toUpperCase())\n      : undefined;\n  return {\n    // A destructive row's glyph takes the row's danger tone (menu-look.css); others keep their own color.\n    icon: Icon ? <Icon className={isCommand(entry) && entry.tone === \"destructive\" ? undefined : entry.iconClassName} /> : undefined,\n    label: entry.label,\n    labelTitle: entry.description,\n    // The only second line an entry draws is why it is disabled; `description` is hover text\n    // (Arman, 2026-10-14: no \"novels\" in menus).\n    description: entry.disabled && entry.disabledReason ? entry.disabledReason : undefined,\n    badge: entry.badge,\n    shortcut,\n  };\n}\n\n// ── Recursive section renderer (desktop dropdown + context) ─────────────────\n\nfunction MenuSections({\n  family,\n  sections,\n  onCloseRequest,\n}: {\n  family: MenuFamily;\n  sections: ItemMenuSection[];\n  /** Closes the menu (used by link clicks; commands close via Radix default). */\n  onCloseRequest: () => void;\n}) {\n  const visibleSections = sections\n    .map((s) => ({ ...s, items: s.items.filter((e) => !e.hidden) }))\n    .filter((s) => s.items.length > 0);\n\n  return (\n    <>\n      {visibleSections.map((section, sIdx) => (\n        <Fragment key={section.id ?? section.label ?? sIdx}>\n          {sIdx > 0 && <family.Separator />}\n          {section.label && <family.Label>{section.label}</family.Label>}\n          {section.items.map((entry) => (\n            <MenuLeaf\n              key={entry.id}\n              family={family}\n              entry={entry}\n              onCloseRequest={onCloseRequest}\n            />\n          ))}\n        </Fragment>\n      ))}\n    </>\n  );\n}\n\nfunction keepCanonicalPaletteInteraction(event: CustomEvent<{ originalEvent: Event }>) {\n  const target = event.detail.originalEvent.target;\n  if (target instanceof Element && target.closest(\"[data-canonical-alchemy-submenu]\")) event.preventDefault();\n}\n\nfunction MenuLeaf({\n  family,\n  entry,\n  onCloseRequest,\n}: {\n  family: MenuFamily;\n  entry: ItemMenuEntry;\n  onCloseRequest: () => void;\n}) {\n  const toastPromise = useItemMenuHost()?.toastPromise;\n  if (isSubmenu(entry)) {\n    return (\n      <family.Sub>\n        <family.SubTrigger {...entryRow(entry, { showShortcut: false })} disabled={entry.disabled} onPointerLeave={(event) => {\n          if (entry.renderContent && event.relatedTarget instanceof Element && event.relatedTarget.closest(\"[data-canonical-alchemy-submenu]\")) event.preventDefault();\n        }} />\n        <family.SubContent onFocusOutside={keepCanonicalPaletteInteraction} onPointerDownOutside={keepCanonicalPaletteInteraction} fit={entry.renderContent ? \"content\" : \"menu\"}>\n          {entry.renderContent ? entry.renderContent(onCloseRequest) : <MenuSections\n            family={family}\n            sections={entry.sections}\n            onCloseRequest={onCloseRequest}\n          />}\n        </family.SubContent>\n      </family.Sub>\n    );\n  }\n\n  if (isCheckbox(entry)) {\n    return (\n      <family.CheckboxItem\n        {...entryRow(entry)}\n        checked={entry.checked}\n        disabled={entry.disabled}\n        onSelect={(e) => e.preventDefault()} // stay open\n        onCheckedChange={(next) => runToggle(entry, next)}\n      />\n    );\n  }\n\n  if (isLink(entry)) {\n    return (\n      <family.Item\n        {...entryRow(entry)}\n        disabled={entry.disabled}\n        href={entry.href}\n        target={entry.target}\n        linkProps={{ onClick: onCloseRequest }}\n      />\n    );\n  }\n\n  // command\n  return (\n    <family.Item\n      {...entryRow(entry)}\n      disabled={entry.disabled}\n      destructive={entry.tone === \"destructive\"}\n      onSelect={() => runCommand(entry, toastPromise)}\n    />\n  );\n}\n\n// ── Single-key shortcut handling ────────────────────────────────────────────\n\nfunction makeShortcutHandler(\n  config: ItemMenuConfig,\n  close: () => void,\n  toastPromise?: ItemToastPromise,\n): (event: React.KeyboardEvent) => void {\n  return (event) => {\n    if (event.metaKey || event.ctrlKey || event.altKey) return;\n    if (event.key.length !== 1) return;\n    const key = event.key.toLowerCase();\n    // Top-level entries only — submenus handle their own keys when open.\n    const entries = config.sections\n      .flatMap((s) => s.items)\n      .filter((e) => !e.hidden && !e.disabled);\n    const match = entries.find(\n      (e) =>\n        (isCommand(e) || isCheckbox(e)) && e.shortcutKey?.toLowerCase() === key,\n    );\n    if (!match) return;\n    event.preventDefault();\n    event.stopPropagation();\n    if (isCheckbox(match)) {\n      runToggle(match, !match.checked); // stays open\n    } else if (isCommand(match)) {\n      runCommand(match, toastPromise); // sets pendingRename etc. before close\n      close();\n    }\n  };\n}\n\nfunction RowAlchemyIcon(props: { className?: string | undefined }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden {...props}>\n      {ALCHEMY_GLYPH_PATHS.portal.map((d, index) => <path key={index} d={d} />)}\n    </svg>\n  );\n}\nfunction hasVisibleEntry(config: ItemMenuConfig | null, id: string): boolean {\n  const entries = config?.sections.flatMap((section) => section.items) ?? [];\n  return entries.some((entry) =>\n    entry.id === id\n      ? !entry.hidden\n      : isSubmenu(entry) && entry.sections.some((section) =>\n          section.items.some((child) => child.id === id && !child.hidden),\n        ),\n  );\n}\nconst containsDestructiveAction = (items: ItemMenuEntry[]): boolean => items.some((item) =>\n  (isCommand(item) && item.tone === \"destructive\") || (isSubmenu(item) && item.sections.some((section) => containsDestructiveAction(section.items))),\n);\n\n/** The transfer session stays mounted in the row; only its canonical palette portals here. */\nfunction RowAlchemySubmenuContent({ onClose, restoreFocus }: { onClose: () => void; restoreFocus: () => void }) {\n  const alchemy = useMatrxTableRowAlchemy();\n  const target = useRef<HTMLDivElement>(null);\n  const closeRef = useRef(onClose);\n  const focusRef = useRef(restoreFocus);\n  useEffect(() => { focusRef.current = restoreFocus; }, [restoreFocus]);\n  useEffect(() => { closeRef.current = onClose; }, [onClose]);\n  const mountMenu = alchemy?.mountMenu;\n  useEffect(() => {\n    mountMenu?.(target.current, () => closeRef.current(), () => focusRef.current());\n    return () => mountMenu?.(null);\n  }, [mountMenu]);\n  return <div ref={target} data-canonical-alchemy-submenu aria-label=\"Alchemy output options\" onKeyDown={(event) => {\n    // The embedded canonical palette uses native controls, not MenuItems.\n    // Let Tab reach those controls instead of Radix's menu-only suppression.\n    if (event.key === \"Tab\") event.stopPropagation();\n  }} />;\n}\n\n// ── ItemMenu (trigger-anchored dropdown / drawer) ───────────────────────────\n\n/** How long the pointer rests on the trigger before the real menu mounts under it. */\nconst ARM_ON_HOVER_MS = 150;\n\nexport function ItemMenu({\n  config,\n  children,\n  align = \"end\",\n  side,\n  open: openProp,\n  onOpenChange,\n  onCloseAutoFocus,\n  presentation = \"auto\",\n}: ItemMenuProps) {\n  const toastPromise = useItemMenuHost()?.toastPromise;\n  const rowAlchemy = useMatrxTableRowAlchemy();\n  const rowControls = useMatrxTableRowControls();\n  const restoreTargetRef = useRef<HTMLElement | null>(null);\n  const dropdownTriggerRef = useRef<HTMLButtonElement | null>(null);\n  useEffect(() => { rowAlchemy?.activate(); }, [rowAlchemy]);\n  const isMobile = useIsMobile();\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n  // Resolve while open so controlled open (whole-row click) and trigger open\n  // share one path — no setState-during-render, no empty first frame.\n  const baseConfig = open ? resolveItemMenuConfig(config) : null;\n  const includeAlchemy = Boolean(rowAlchemy?.ready)\n    && !hasVisibleEntry(baseConfig, \"alchemy\");\n  const alchemyItem: ItemMenuEntry | null = rowAlchemy ? {\n    kind: \"submenu\",\n    id: \"alchemy\",\n    label: \"Alchemy\",\n    icon: RowAlchemyIcon,\n    disabled: rowAlchemy.copy.disabled,\n    sections: [],\n    renderContent: (onClose) => <RowAlchemySubmenuContent onClose={onClose} restoreFocus={() => (dropdownTriggerRef.current ?? restoreTargetRef.current)?.focus()} />,\n  } : null;\n  const normalSections = baseConfig?.sections.map((section, index) => ({ section, index }))\n    .filter(({ section }) => section.id !== \"danger\" && !containsDestructiveAction(section.items)) ?? [];\n  const targetSection = (normalSections.find(({ section }) => !section.label) ?? normalSections[0])?.index;\n  const injectedRowItems: ItemMenuEntry[] = [\n    ...(rowControls?.beginEdit && !hasVisibleEntry(baseConfig, \"table-edit-row\") ? [{ id: \"table-edit-row\", label: \"Edit row\", onSelect: rowControls.beginEdit }] : []),\n    ...(rowControls?.saveEdits && !hasVisibleEntry(baseConfig, \"table-save-row\") ? [{ id: \"table-save-row\", label: \"Save changes\", onSelect: rowControls.saveEdits }] : []),\n    ...(rowControls?.cancelEdits && !hasVisibleEntry(baseConfig, \"table-discard-row\") ? [{ id: \"table-discard-row\", label: \"Discard changes\", onSelect: rowControls.cancelEdits }] : []),\n    ...(alchemyItem && includeAlchemy ? [alchemyItem] : []),\n  ];\n  const resolved: ItemMenuConfig | null = baseConfig && injectedRowItems.length > 0 ? {\n    ...baseConfig,\n    sections: targetSection !== undefined\n      ? baseConfig.sections.map((section, index) => index === targetSection ? { ...section, items: [...section.items, ...injectedRowItems] } : section)\n      : [{ id: \"actions\", items: injectedRowItems }, ...baseConfig.sections],\n  } : baseConfig;\n  // A LONG MENU SAYS SO, IN WORDS (FIX-Q13): the panel declares its overflow — the menu look's\n  // \"More actions below\" bar (`MenuLookContent moreBelowLabel`), never a fade that smears Delete.\n\n  const handleOpenChange = (next: boolean) => {\n    if (!isControlled) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const mode =\n    presentation === \"auto\" ? (isMobile ? \"drawer\" : \"dropdown\") : presentation;\n\n  // ── THE DROPDOWN MOUNTS ON FIRST INTENT ──────────────────────────────────\n  //\n  // A mounted Radix DropdownMenu listens to EVERY keydown on the document\n  // (its keyboard-vs-pointer tracking), open or not. A list of 800 rows held\n  // 800 of them: typing in a note beside the Notes sidebar paid 647ms of\n  // listener work over 240 keystrokes (2026-10-10). Until the trigger is\n  // hovered, focused or pressed it is the bare trigger; the first intent mounts\n  // the real menu (a press opens it in the same gesture), and it stays mounted.\n  const [armed, setArmed] = useState(false);\n  const refocusOnArmRef = useRef(false);\n  const armTimerRef = useRef<number | undefined>(undefined);\n  useEffect(() => () => window.clearTimeout(armTimerRef.current), []);\n  const live = armed || open;\n  useEffect(() => {\n    if (!armed || !refocusOnArmRef.current) return;\n    // Mounting the menu replaced the trigger element; keep keyboard focus on it.\n    refocusOnArmRef.current = false;\n    dropdownTriggerRef.current?.focus();\n  }, [armed]);\n\n  if (mode === \"drawer\") {\n    return (\n      <>\n        <Slot\n          onClick={(e: React.MouseEvent) => {\n            e.stopPropagation();\n            if (e.currentTarget instanceof HTMLElement) restoreTargetRef.current = e.currentTarget;\n            handleOpenChange(true);\n          }}\n        >\n          {children}\n        </Slot>\n        {resolved && (\n          <ItemMenuDrawer\n            open={open}\n            onOpenChange={handleOpenChange}\n            config={resolved}\n            onCommand={(entry) => isCommand(entry) && runCommand(entry, toastPromise)}\n            onToggle={(entry, next) =>\n              isCheckbox(entry) && runToggle(entry, next)\n            }\n          />\n        )}\n      </>\n    );\n  }\n\n  if (!live) {\n    return (\n      <Slot\n        data-item-menu-trigger=\"idle\"\n        onPointerEnter={() => {\n          // Hover INTENT, not hover: mounting the real trigger swaps the button's\n          // DOM node, and a press that arrives in the same few milliseconds as the\n          // pointer (automation, a fast tap) is dispatched at the node that was just\n          // removed — React never sees it and the click does nothing. A press inside\n          // the delay takes the pointerdown path below, on the live node.\n          window.clearTimeout(armTimerRef.current);\n          armTimerRef.current = window.setTimeout(() => setArmed(true), ARM_ON_HOVER_MS);\n        }}\n        onPointerLeave={() => window.clearTimeout(armTimerRef.current)}\n        onFocus={() => {\n          refocusOnArmRef.current = true;\n          setArmed(true);\n        }}\n        onPointerDown={(e: ReactPointerEvent) => {\n          // A press with no hover first (touch-like input, automation): mount\n          // and open in the same gesture, as Radix's own trigger would.\n          if (e.button !== 0 || e.ctrlKey) return;\n          e.preventDefault();\n          setArmed(true);\n          handleOpenChange(true);\n        }}\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <DropdownMenu open={open} onOpenChange={handleOpenChange} modal={false}>\n      <DropdownMenuTrigger ref={dropdownTriggerRef} asChild>{children}</DropdownMenuTrigger>\n      {resolved && (\n        <MenuLookContent\n          onFocusOutside={keepCanonicalPaletteInteraction}\n          onPointerDownOutside={keepCanonicalPaletteInteraction}\n          align={align}\n          {...(side ? { side } : {})}\n          // A rich menu (a full record-action registry is 20+ entries) is taller than a short\n          // viewport: the look caps it at the room Radix measured and the rows scroll inside it.\n          collisionPadding={12}\n          moreBelowLabel=\"More actions below\"\n          {...(onCloseAutoFocus ? { onCloseAutoFocus } : {})}\n          onKeyDown={makeShortcutHandler(resolved, () =>\n            handleOpenChange(false),\n          toastPromise)}\n        >\n          {resolved.header?.title && (\n            <MenuLookLabel description={resolved.header.description}>{resolved.header.title}</MenuLookLabel>\n          )}\n          <MenuSections\n            family={dropdownFamily}\n            sections={resolved.sections}\n            onCloseRequest={() => handleOpenChange(false)}\n          />\n        </MenuLookContent>\n      )}\n    </DropdownMenu>\n  );\n}\n// A record's menu is never a route header's phone primary: RouteHeader sends it\n// to the shell's ⋮ sheet instead of drawing a second overflow beside it\n// (`isMenuAction` in features/shell/components/header/route-header-layout.tsx).\nItemMenu.routeHeaderMenu = true as const;\n\n// ── ItemContextMenu (right-click anchored) ──────────────────────────────────\n// The host's universal right-click menu when one is provided\n// (`ItemMenuHostProvider` — the website and chat mount the v3 menu, which adds\n// Copy, agents, Attach To and Share around the row's own config). Without a\n// host, the same config opens in design-system's ContextMenu: right-click is\n// never missing, only less rich.\n\nexport function ItemContextMenu(props: ItemContextMenuProps) {\n  const host = useItemMenuHost();\n  if (props.enabled === false) return <>{props.children}</>;\n  const HostMenu = host?.ContextMenu;\n  if (HostMenu) return <HostMenu {...props} />;\n  return <DefaultItemContextMenu {...props} />;\n}\n\nfunction DefaultItemContextMenu({\n  config,\n  children,\n  resolveItemOnOpen,\n  onOpenChange,\n  onCloseAutoFocus,\n}: ItemContextMenuProps) {\n  const [resolved, setResolved] = useState<ItemMenuConfig | null>(null);\n  const targetRef = useRef<HTMLElement | null>(null);\n  return (\n    <ContextMenu\n      modal={false}\n      onOpenChange={(open) => {\n        if (open) {\n          const item = resolveItemOnOpen?.(targetRef.current);\n          setResolved(resolveItemMenuConfig(item?.config ?? config));\n        }\n        onOpenChange?.(open);\n      }}\n    >\n      <ContextMenuTrigger\n        asChild\n        onContextMenu={(event) => {\n          targetRef.current = event.target instanceof HTMLElement ? event.target : null;\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      {resolved && (\n        <MenuLookContextContent onCloseAutoFocus={onCloseAutoFocus}>\n          {resolved.header?.title && (\n            <MenuLookContextLabel description={resolved.header.description}>{resolved.header.title}</MenuLookContextLabel>\n          )}\n          <MenuSections family={contextFamily} sections={resolved.sections} onCloseRequest={() => onOpenChange?.(false)} />\n        </MenuLookContextContent>\n      )}\n    </ContextMenu>\n  );\n}\n\n// `config` may be a GETTER resolved only when the menu opens. Every list writes it inline\n// (`config={() => menuFor(row)}`), so the table compares it by what it returns, never by identity —\n// otherwise each host render redrew every row (/crm: 25 of 25 per checkbox tick).\ndeclareLazyDataProps(ItemMenu, [\"config\"]);\ndeclareLazyDataProps(ItemContextMenu, [\"config\"]);\n","\"use client\";\n\n/** Pure Alchemy icon assets. Safe to import without React or browser APIs. */\nexport type AlchemyIcon = \"portal\" | \"copy-transform\";\nexport const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]> = {\n  // THE TRIGGER READS AS COPY (page-pass 2026-09-27): blind judges read the old\n  // bracket-and-down-arrow \"portal\" as download/import. It is now Lucide's Copy\n  // glyph (two sheets), drawn as paths; the key keeps its name so every caller\n  // passing icon=\"portal\" gets it with no change.\n  portal: [\n    \"M10 8h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2z\",\n    \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\",\n  ],\n  \"copy-transform\": [\"M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3\"],\n};\nexport const ALCHEMY_GLYPH_VIEWBOX: Record<AlchemyIcon, string> = { portal: \"0 0 24 24\", \"copy-transform\": \"0 0 24 24\" };\nconst svg = (paths: readonly string[], viewBox: string) => `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"${viewBox}\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${paths.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\nexport const ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);\nexport const ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS[\"copy-transform\"], ALCHEMY_GLYPH_VIEWBOX[\"copy-transform\"]);\n","\"use client\";\nimport { createContext, useContext, type Context, type ComponentType, type ReactNode, type MouseEventHandler } from \"react\";\nimport type { CopyControlProps } from \"../data-table/copy-types\";\nimport type { MatrxColumnDef, MatrxDataTableDensity, MatrxDataTableLook, MatrxDataTableRecordControls, TableSavedViewsProps } from \"../data-table/types\";\nimport type {\n  MatrxTableMenuIconName,\n  MatrxTableMenuItem,\n  MatrxTableMenuPayload,\n  MatrxTableMenuSectionsResolver,\n  MatrxTableMenuTarget,\n} from \"../data-table/menu-targets\";\n\nexport type {\n  MatrxTableMenuIconName,\n  MatrxTableMenuItem,\n  MatrxTableMenuSection,\n  MatrxTableMenuSectionsResolver,\n} from \"../data-table/menu-targets\";\n\nexport type {\n  AgentPayloadInput,\n  AiCustomSource,\n  AiVariant,\n  ContentTransferReference,\n  CopyControlProps,\n  CopyEnvelopeMeta,\n  CopyExportConfig,\n  TableCopyController,\n} from \"../data-table/copy-types\";\n\nexport interface TableLinkProps { href: string; children: ReactNode; className?: string; onClick?: MouseEventHandler<HTMLAnchorElement>; }\n/**\n * Host-owned toolbar affordance. The table package keeps operation state and\n * labels; an application can supply its canonical icon-button primitive\n * without making the shared package depend on an application UI package.\n */\nexport interface TableToolbarActionProps { ariaLabel: string; tooltip?: string | undefined; disabled?: boolean | undefined; busy?: boolean | undefined; /** Indicates a selected mutually-exclusive action such as the current page. */ active?: boolean | undefined; onClick: () => void; children: ReactNode; }\nexport interface TableSidePanelProps { title: string; titleNode?: ReactNode; description?: ReactNode; onClose: () => void; /** Increments on every open request, including a repeat open of the row already shown — a host whose panel can sit in the background (a tab) brings it forward when this changes. */ openRequest?: number; defaultWidth?: number; headerActions?: ReactNode; children: ReactNode; }\nexport interface TableWindowPanelProps { id: string; title: string; onClose: () => void; width?: number; height?: number; minWidth?: number; minHeight?: number; actionsRight?: ReactNode; bodyClassName?: string; sidebarDefaultSize?: number; sidebarMinSize?: number; sidebar?: ReactNode; children: ReactNode; /** The table look the window opens from (lane mac-blockers): `\"mac\"` asks the host window for the Mac header. Absent: the default look. */ look?: MatrxDataTableLook; }\nexport interface TableEntityRefProps { token: string; id: string; href?: string; children: ReactNode; className?: string; /** Opening it starts a new tab. */ openInNewTab?: boolean; /** Its open / peek buttons stay shown, not only on hover. */ alwaysShowActions?: boolean; }\nexport interface TablePeekProps { kind: string; id: string; href?: string; onClose: () => void; }\nexport interface TableDoors {\n  href?: string;\n  peekKind?: string;\n  canPeek?: boolean;\n  /**\n   * THE RECORD'S OWN MENU (lane DRILL-PARITY-LAST): what its kind offers wherever a table names it —\n   * a person's admin destinations, an organization's pages — as neutral items the table draws in a\n   * row's menu and on a right-click. Absent = the record has only its open and preview doors.\n   */\n  menu?: MatrxTableMenuItem[];\n}\n/**\n * The host's door onto the table's right-click levels.\n *\n * A canonical table registers ONE resolver per instance. The host's own menu\n * reads which of the four levels was clicked (`readMenuTarget`) and asks for\n * that level's descriptor — the package never interprets what comes back, and\n * the host never reaches into the table for the row or the range.\n */\nexport interface TableRowContextRegistry { register(tableId: string, resolve: (target: MatrxTableMenuTarget) => unknown): () => void; }\nexport interface TableContextMenuBoundaryProps {\n  label: string;\n  children: ReactNode;\n  /**\n   * The consumer's own sections, asked per right-click. Present only when the\n   * table's consumer declared `contextMenu.sections`; the host reads the level\n   * off the clicked element (`readMenuTarget`), calls this, and draws what comes\n   * back in its own menu. Absent, the boundary behaves exactly as before.\n   */\n  sections?: MatrxTableMenuSectionsResolver | undefined;\n  /** The table asked for the host's designed menu (`MatrxDataTableContextMenuConfig.designedMenu`). */\n  designedMenu?: boolean | undefined;\n}\n/**\n * The host's view of a failed read with NO rows to show (RC-B12 round 13):\n * its error display (with the host's actions — matrx-frontend's Alchemy Menu)\n * and a retry. Without a host port the table draws a package `ErrorBox`.\n */\nexport interface TableReadFailureProps { error: unknown; what: string; onRetry?: (() => void) | undefined; }\n/**\n * The host's notice above rows kept from an earlier read when the latest read\n * failed: the rows may be out of date. Without a host port the table draws a\n * package `ErrorBox` in warning colors.\n */\nexport interface TableStaleNoticeProps { error: unknown; what: string; onRetry?: (() => void) | undefined; }\n/** The host's glyph for a menu icon name. A host without one draws labels only. */\nexport interface TableMenuIconProps { name: MatrxTableMenuIconName; className?: string | undefined; }\n/** The host's custom-field columns for a registry token over the given organizations (lane 7 W5). */\nexport interface TableCustomFieldColumns<T> { columns: MatrxColumnDef<T>[]; }\nexport interface MatrxDataTableHost { /** A HOOK, bound once by the host: the custom-field columns of `token` (null = none) for `organizationIds`. */ useCustomFieldColumns?: <T>(token: string | null, organizationIds: readonly string[]) => TableCustomFieldColumns<T> | null; JsonViewer?: ComponentType<{ data: object | string }>; Link?: ComponentType<TableLinkProps>; CopyControls?: ComponentType<CopyControlProps>; ToolbarAction?: ComponentType<TableToolbarActionProps>; SidePanelSurface?: ComponentType<TableSidePanelProps>; WindowPanel?: ComponentType<TableWindowPanelProps>; EntityRef?: ComponentType<TableEntityRefProps>; resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null; ResourcePeek?: ComponentType<TablePeekProps>; SavedViews?: ComponentType<TableSavedViewsProps>; rowContextRegistry?: TableRowContextRegistry; createDefaultMenuContext?: (payload: MatrxTableMenuPayload) => unknown; ContextMenuBoundary?: ComponentType<TableContextMenuBoundaryProps>; MenuIcon?: ComponentType<TableMenuIconProps>; /** A failed read with no rows (RC-B12 r13). */ ReadFailure?: ComponentType<TableReadFailureProps>; /** A failed refresh over kept rows (RC-B12 r13). */ StaleNotice?: ComponentType<TableStaleNoticeProps>; /** Host default; a table's explicit density takes precedence. */ defaultDensity?: MatrxDataTableDensity; /** Host default look (`default` | `mac`); a table's explicit `look` takes precedence. One switch turns every table under the host, and every mode built on it, to the Mac look. */ defaultLook?: MatrxDataTableLook; notify?: { success(message: string): void; error(message: string): void }; /** Client-side navigation (the app router), for `rowClick=\"page\"`. Absent: a full page load. */ navigate?: (href: string) => void; }\n// Public entrypoints are independently bundled in ESM and CJS. The context\n// identity must survive those bundle boundaries; values stay provider-scoped.\nconst HOST_SLOT = Symbol.for(\"ai-matrx.design-system.table-host-context\");\nconst hostRegistry = globalThis as typeof globalThis & { [HOST_SLOT]?: Context<MatrxDataTableHost> };\nconst HostContext = hostRegistry[HOST_SLOT] ??= createContext<MatrxDataTableHost>({});\nexport function MatrxDataTableProvider({ value, children }: { value: MatrxDataTableHost; children: ReactNode }) { return <HostContext.Provider value={value}>{children}</HostContext.Provider>; }\nexport function useMatrxDataTableHost(): MatrxDataTableHost { return useContext(HostContext); }\n\nexport interface MatrxTableRowAlchemy {\n  copy: CopyControlProps;\n  controls?: MatrxDataTableRecordControls;\n  placement: \"inline\" | \"menu\";\n  ready: boolean;\n  activate(): void;\n  /** Mount Alchemy's canonical palette in the host row menu. */\n  mountMenu(target: HTMLElement | null, onClose?: () => void, restoreFocus?: () => void): void;\n  prepare(restoreFocus?: () => void): Promise<void>;\n}\n\nconst ROW_ALCHEMY_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-alchemy-context\");\nconst rowAlchemyRegistry = globalThis as typeof globalThis & { [ROW_ALCHEMY_SLOT]?: Context<MatrxTableRowAlchemy | null> };\nconst RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= createContext<MatrxTableRowAlchemy | null>(null);\n\nexport function MatrxTableRowAlchemyScope({ value, children }: { value: MatrxTableRowAlchemy; children: ReactNode }) { return <RowAlchemyContext.Provider value={value}>{children}</RowAlchemyContext.Provider>; }\n\nexport function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null { return useContext(RowAlchemyContext); }\n\nconst ROW_CONTROLS_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-controls-context\");\nconst rowControlsRegistry = globalThis as typeof globalThis & { [ROW_CONTROLS_SLOT]?: Context<MatrxDataTableRecordControls | null> };\nconst RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= createContext<MatrxDataTableRecordControls | null>(null);\nexport function MatrxTableRowControlsScope({ value, children }: { value: MatrxDataTableRecordControls; children: ReactNode }) { return <RowControlsContext.Provider value={value}>{children}</RowControlsContext.Provider>; }\nexport function useMatrxTableRowControls(): MatrxDataTableRecordControls | null { return useContext(RowControlsContext); }\n\n/** Light door for components a row draws (a row menu): declare a lazy data prop without loading the table. */\nexport { declareLazyDataProps } from \"./row-drawing\";\n","/**\n * A ROW IS REDRAWN WHEN WHAT IT SHOWS CHANGED — NEVER BECAUSE A FUNCTION WAS BORN AGAIN\n * (lane TABLE-RERENDER, 2026-10-03).\n *\n * Hosts write `cell`, `customActions`, `getRowId`, `rowClassName` and their handlers inline, so every\n * host render hands the table new functions. Identity cannot say whether a new function draws\n * anything new, so the table used to redraw every row: /artifacts (560 rows) spent ~2.6 s redrawing\n * 1,120 rows to open one artifact. Asking every host to stabilise its callbacks fixed one screen of\n * ~85 at a time.\n *\n * The table now ASKS the row instead. When only the host's functions changed, a row builds its\n * elements (cheap — no component runs) and compares them with what it drew last:\n *   · equal → it returns the SAME element object it committed, and React does not descend into it;\n *   · different → it draws, and only that row pays.\n * Handlers inside a row that was not redrawn still call the host's LATEST function: every event\n * handler (`on[A-Z]…`) and every function the table marks `lazyCallback` is handed to the DOM as a\n * stable trampoline whose target is refreshed on each comparison (the latest-ref pattern, applied\n * to every handler a row holds instead of to a list the table has to keep in sync).\n *\n * Any other function in the tree (a render prop, a formatter a child calls while it renders, a\n * component type) is compared by identity, so a new one redraws the row — exactly as before. That\n * keeps the rule honest: a row is never left showing what an old closure drew. The one exception is\n * a prop its component DECLARED a lazy data getter (`declareLazyDataProps`): it is compared by what\n * it returns.\n */\nimport { cloneElement, isValidElement, type ReactElement, type ReactNode } from \"react\";\n\nconst LAZY = Symbol.for(\"@ai-matrx/design-system/data-table/lazy-callback\");\nconst MAX_DEPTH = 32;\nconst HANDLER_KEY = /^on[A-Z]/;\n\ntype AnyFunction = (...args: never[]) => unknown;\n\n/**\n * Marks a function the table hands into a row as one that runs LATER (on a click, a copy, a menu\n * choice) and never while a child renders — so a row may keep a trampoline to it instead of\n * redrawing when only its identity changed.\n */\nexport function lazyCallback<F extends AnyFunction>(fn: F): F {\n  (fn as F & { [LAZY]?: true })[LAZY] = true;\n  return fn;\n}\n\nfunction isLazy(fn: unknown): boolean {\n  return (fn as { [LAZY]?: true })[LAZY] === true;\n}\n\nconst LAZY_DATA_PROPS = Symbol.for(\"@ai-matrx/design-system/data-table/lazy-data-props\");\n\n/**\n * Declares the props of `component` that take a GETTER of data the component reads only later —\n * a row menu's `config={() => menu}`, resolved when the menu opens. Without it a getter is just an\n * unknown function, compared by identity, and a host that builds it inline (every row menu does)\n * redraws every row on every render of its own: /crm redrew all 25 rows on each checkbox tick.\n *\n * A declared prop is compared by what the getter RETURNS (its handlers by trampoline, everything\n * else exactly as a drawing is): the same data → the row keeps its drawing and the component is\n * handed a stable trampoline to the host's LATEST getter, so it opens with fresh items; different\n * data (a checkbox in an open menu flipped) → that row alone redraws. Declare once, on the\n * component — never per call site.\n *\n * The contract: a declared getter is PURE and CHEAP — the row calls the previous and the new one on\n * every host render to compare them. A getter that fetches, dispatches or builds something heavy\n * must not be declared.\n */\nexport function declareLazyDataProps<C extends object>(component: C, keys: readonly string[]): C {\n  (component as C & { [LAZY_DATA_PROPS]?: ReadonlySet<string> })[LAZY_DATA_PROPS] = new Set(keys);\n  return component;\n}\n\nfunction lazyDataKeys(type: unknown): ReadonlySet<string> | undefined {\n  if ((typeof type !== \"function\" && typeof type !== \"object\") || type === null) return undefined;\n  return (type as { [LAZY_DATA_PROPS]?: ReadonlySet<string> })[LAZY_DATA_PROPS];\n}\n\nconst UNRESOLVED = Symbol(\"unresolved\");\n\n/** A declared getter's data — or `UNRESOLVED` when calling it threw (the row then simply redraws). */\nfunction resolveLazyData(value: unknown): unknown {\n  if (typeof value !== \"function\") return value;\n  try {\n    return (value as () => unknown)();\n  } catch {\n    return UNRESOLVED;\n  }\n}\n\nfunction trampolinable(key: string, fn: unknown): boolean {\n  return isLazy(fn) || HANDLER_KEY.test(key);\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  if (value === null || typeof value !== \"object\") return false;\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n}\n\ninterface Slot {\n  fn: (...args: unknown[]) => unknown;\n  readonly stable: (...args: unknown[]) => unknown;\n}\n\nfunction makeSlot(fn: (...args: unknown[]) => unknown): Slot {\n  const slot: Slot = {\n    fn,\n    // A Proxy rather than a bare wrapper: a handler that carries its own members (a debounced\n    // function's `cancel`) keeps them, read from the latest function.\n    stable: new Proxy((() => undefined) as (...args: unknown[]) => unknown, {\n      apply: (_target, thisArg, args: unknown[]) => Reflect.apply(slot.fn, thisArg, args),\n      get: (_target, key) => Reflect.get(slot.fn, key),\n    }),\n  };\n  return slot;\n}\n\ntype Updates = Array<[path: string, fn: (...args: unknown[]) => unknown]>;\n\nfunction sameEntries(\n  a: Record<string, unknown>,\n  b: Record<string, unknown>,\n  path: string,\n  depth: number,\n  updates: Updates,\n  lazyKeys?: ReadonlySet<string>,\n): boolean {\n  const keys = Object.keys(a);\n  if (keys.length !== Object.keys(b).length) return false;\n  for (const key of keys) {\n    if (!Object.prototype.hasOwnProperty.call(b, key)) return false;\n    // A ref is never a handler: a new callback ref must be attached by React.\n    if (key === \"ref\") {\n      if (!Object.is(a[key], b[key])) return false;\n      continue;\n    }\n    if (lazyKeys?.has(key) && (typeof a[key] === \"function\" || typeof b[key] === \"function\")) {\n      if (Object.is(a[key], b[key])) continue;\n      // A getter that became a plain value (or the reverse) is a new drawing: the committed element\n      // still holds a trampoline to the OLD getter, which nothing would re-point.\n      if (typeof a[key] !== typeof b[key]) return false;\n      const before = resolveLazyData(a[key]);\n      const after = resolveLazyData(b[key]);\n      if (before === UNRESOLVED || after === UNRESOLVED) return false;\n      // Handlers inside the data are reached through the getter's own trampoline, so the ones this\n      // comparison collects are dropped: the component calls the LATEST getter and gets them fresh.\n      if (!sameDrawing(before, after, key, `${path}/${key}()`, depth + 1, [])) return false;\n      if (typeof b[key] === \"function\") updates.push([`${path}/${key}`, b[key] as (...args: unknown[]) => unknown]);\n      continue;\n    }\n    if (!sameDrawing(a[key], b[key], key, `${path}/${key}`, depth + 1, updates)) return false;\n  }\n  return true;\n}\n\n/**\n * Whether `next` draws exactly what `previous` drew. Handlers that differ only by identity are\n * collected into `updates` (by path) so the caller can point the committed trampolines at them.\n */\nfunction sameDrawing(previous: unknown, next: unknown, key: string, path: string, depth: number, updates: Updates): boolean {\n  if (Object.is(previous, next)) return true;\n  if (typeof previous === \"function\" && typeof next === \"function\") {\n    if (trampolinable(key, previous) && trampolinable(key, next)) {\n      updates.push([path, next as (...args: unknown[]) => unknown]);\n      return true;\n    }\n    return false;\n  }\n  if (depth > MAX_DEPTH) return false;\n  if (isValidElement(previous) && isValidElement(next)) {\n    if (previous.type !== next.type || previous.key !== next.key) return false;\n    return sameEntries(\n      previous.props as Record<string, unknown>,\n      next.props as Record<string, unknown>,\n      path,\n      depth,\n      updates,\n      lazyDataKeys(previous.type),\n    );\n  }\n  if (Array.isArray(previous) && Array.isArray(next)) {\n    if (previous.length !== next.length) return false;\n    for (let i = 0; i < previous.length; i += 1) {\n      if (!sameDrawing(previous[i], next[i], key, `${path}/${i}`, depth + 1, updates)) return false;\n    }\n    return true;\n  }\n  if (isPlainObject(previous) && isPlainObject(next)) return sameEntries(previous, next, path, depth, updates);\n  return false;\n}\n\n/** `value` with every trampolinable function replaced by its stable trampoline. */\nfunction stabilize(value: unknown, key: string, path: string, depth: number, slots: Map<string, Slot>, reuse: Map<string, Slot> | undefined, lazyData = false): unknown {\n  if (typeof value === \"function\") {\n    if (!lazyData && !trampolinable(key, value)) return value;\n    const fn = value as (...args: unknown[]) => unknown;\n    const kept = reuse?.get(path);\n    const slot = kept ?? makeSlot(fn);\n    slot.fn = fn;\n    slots.set(path, slot);\n    return slot.stable;\n  }\n  if (depth > MAX_DEPTH) return value;\n  if (isValidElement(value)) {\n    const props = value.props as Record<string, unknown>;\n    const lazyKeys = lazyDataKeys(value.type);\n    let changed: Record<string, unknown> | null = null;\n    for (const propKey of Object.keys(props)) {\n      if (propKey === \"ref\") continue;\n      const before = props[propKey];\n      const after = stabilize(before, propKey, `${path}/${propKey}`, depth + 1, slots, reuse, lazyKeys?.has(propKey) ?? false);\n      if (after !== before) (changed ??= {})[propKey] = after;\n    }\n    if (!changed) return value;\n    const clone = cloneElement(value as ReactElement, changed);\n    // React (dev) marks JSX's static children as key-checked on the ELEMENT; a clone starts\n    // unmarked, and a clone inside a static children array would then warn about a missing key.\n    const before = (value as { _store?: { validated?: unknown } })._store;\n    const after = (clone as { _store?: { validated?: unknown } })._store;\n    if (before && after && \"validated\" in before) {\n      try { after.validated = before.validated; } catch { /* frozen in some builds: only a dev warning is at stake */ }\n    }\n    return clone;\n  }\n  if (Array.isArray(value)) {\n    let out: unknown[] | null = null;\n    for (let i = 0; i < value.length; i += 1) {\n      const after = stabilize(value[i], key, `${path}/${i}`, depth + 1, slots, reuse);\n      if (after !== value[i]) (out ??= value.slice())[i] = after;\n    }\n    return out ?? value;\n  }\n  if (isPlainObject(value)) {\n    let out: Record<string, unknown> | null = null;\n    for (const entryKey of Object.keys(value)) {\n      const before = value[entryKey];\n      const after = stabilize(before, entryKey, `${path}/${entryKey}`, depth + 1, slots, reuse);\n      if (after !== before) (out ??= { ...value })[entryKey] = after;\n    }\n    return out ?? value;\n  }\n  return value;\n}\n\ninterface RowDrawing {\n  /** What the host and the table built last time — compared, never rendered. */\n  raw: unknown;\n  /** What React was handed: `raw` with trampolines. Returned unchanged while the drawing holds. */\n  out: ReactNode;\n  slots: Map<string, Slot>;\n}\n\n/** One table's drawings, by row id. */\nexport class RowDrawings {\n  private readonly rows = new Map<string, RowDrawing>();\n\n  /**\n   * The element to hand React for this row. The SAME object as last time when `raw` draws what the\n   * last one drew (its handlers are re-pointed); a new one otherwise.\n   */\n  draw(rowId: string, raw: ReactNode, fresh = false): ReactNode {\n    const previous = this.rows.get(rowId);\n    // `fresh`: the row's own facts moved — what it shows may differ even when its elements match.\n    if (previous && !fresh) {\n      const updates: Updates = [];\n      if (sameDrawing(previous.raw, raw, \"\", \"\", 0, updates) && updates.every(([path]) => previous.slots.has(path))) {\n        for (const [path, fn] of updates) previous.slots.get(path)!.fn = fn;\n        previous.raw = raw;\n        return previous.out;\n      }\n    }\n    const slots = new Map<string, Slot>();\n    const out = stabilize(raw, \"\", \"\", 0, slots, previous?.slots) as ReactNode;\n    this.rows.set(rowId, { raw, out, slots });\n    return out;\n  }\n\n  /** Forget rows that are no longer in the table (bounded by what was ever drawn). */\n  prune(liveIds: ReadonlySet<string>): void {\n    for (const id of this.rows.keys()) if (!liveIds.has(id)) this.rows.delete(id);\n  }\n\n  get size(): number {\n    return this.rows.size;\n  }\n}\n","\"use client\";\n\n/**\n * ContextMenu — the right-click menu primitive.\n *\n * THE ROOT RENDERS UNCONDITIONALLY — no hydration mount gate. The gate a\n * matrx-frontend wrapper once carried (\"Radix generates dynamic aria-controls\n * ids that differ between SSR and client\") was false twice over: a CLOSED\n * `ContextMenuTrigger` renders only `data-state` / `data-disabled` and emits\n * no id at all, so there was never a mismatch to defend against. And the gate\n * was actively harmful: the Trigger wraps ALWAYS-VISIBLE content, so `return\n * null` deleted the wrapped subtree from the server render and the first\n * client render — around a list row, that means the list paints EMPTY and\n * fills in after hydration. Gating the Root would additionally orphan any\n * Trigger rendered beneath it.\n *\n * That history is exactly why this belongs in the package: the same repo had\n * already accumulated two copies of this wrapper, one gated and one not, with\n * the CORRECT one sitting unused beside the defective one.\n *\n * This is the PRIMITIVE only. A host's actual right-click menu SYSTEM — the\n * sections, the copy/export/convert actions, the surface registry — composes\n * these parts and stays host-owned; nothing here knows what an action is.\n *\n * Portalling goes through the package's `usePortalContainer` seam so a menu\n * raised inside a Dialog mounts inside it; an explicit `container` wins.\n */\n\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { MOTION_POPPER } from \"./motion\";\nimport { RadixCheckIcon, DotFilledIcon, RadixChevronRightIcon } from \"./icons\";\nimport { usePortalContainer } from \"./portal-container\";\nimport { useMenuScrollEdges } from \"./menu-scroll-edges\";\nimport { useSubmenuSurvivesParentPanelFocus } from \"./submenu-focus\";\nimport { useNestedSubmenuPlacement } from \"./submenu-side\";\nimport { keepMovedFocus } from \"./focus-return\";\n\nconst ContextMenu = ContextMenuPrimitive.Root;\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.Sub;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst SURFACE_CLASS =\n  \"z-[10001] min-w-[8rem] max-h-[var(--radix-context-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground\";\n\n\nconst ITEM_CLASS =\n  \"relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst INDICATOR_ITEM_CLASS =\n  \"relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubTrigger\n    ref={ref}\n    data-slot=\"context-menu-sub-trigger\"\n    className={cn(\n      \"flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <RadixChevronRightIcon className=\"ml-auto h-4 w-4\" />\n  </ContextMenuPrimitive.SubTrigger>\n));\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\n\n/** Portalled like its parent, so it opens BESIDE it — see `DropdownMenuSubContent` for why. */\nconst ContextMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & { container?: HTMLElement | null }\n>(({ className, container, onFocusOutside, collisionPadding, children, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  // A nested submenu opens on its parent's side (see submenu-side.tsx).\n  const nested = useNestedSubmenuPlacement(ref, collisionPadding);\n  // A flipped submenu survives the pointer leaving its trigger (see submenu-focus.ts).\n  const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);\n  const edges = useMenuScrollEdges(keep.ref);\n  return (\n    <ContextMenuPrimitive.Portal container={portalContainer}>\n      <ContextMenuPrimitive.SubContent\n        ref={edges.ref}\n        onFocusOutside={keep.onFocusOutside}\n        {...(nested.padding === undefined ? {} : { collisionPadding: nested.padding })}\n        data-slot=\"context-menu-sub-content\"\n        className={cn(SURFACE_CLASS, edges.surfaceClassName, \"shadow-lg\", MOTION_POPPER, className)}\n        {...props}\n      >\n        {nested.wrap(edges.wrap(children))}\n      </ContextMenuPrimitive.SubContent>\n    </ContextMenuPrimitive.Portal>\n  );\n});\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\n\nexport interface ContextMenuContentProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> {\n  /** Explicit portal target; wins over the injected container. */\n  container?: HTMLElement | null;\n}\n\nfunction OpenStamp({ at }: { at: React.MutableRefObject<number> }): null {\n  React.useLayoutEffect(() => {\n    at.current = Date.now();\n  }, [at]);\n  return null;\n}\n\nconst ContextMenuContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Content>,\n  ContextMenuContentProps\n>(({ className, container, children, onCloseAutoFocus, onPointerDownCapture, onPointerUpCapture, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  const edges = useMenuScrollEdges(ref);\n  // The menu opens on the right button's PRESS, under the pointer; Radix runs an item when a button is\n  // RELEASED over it without having been pressed on it. A quick right-click would therefore run\n  // whatever item the menu opened beneath (a chat's \"Open in Claude\", a \"Star\"). A release that was\n  // never a press in this menu, in the moment after it opened, selects nothing (AppKit's rule).\n  const openedAt = React.useRef(0);\n  const pressedHere = React.useRef(false);\n  return (\n    <ContextMenuPrimitive.Portal container={portalContainer}>\n      <ContextMenuPrimitive.Content\n        ref={edges.ref}\n        onPointerDownCapture={(event) => {\n          pressedHere.current = true;\n          onPointerDownCapture?.(event);\n        }}\n        onPointerUpCapture={(event) => {\n          if (!pressedHere.current && Date.now() - openedAt.current < 350) event.preventDefault();\n          pressedHere.current = false;\n          onPointerUpCapture?.(event);\n        }}\n        data-slot=\"context-menu-content\"\n        className={cn(SURFACE_CLASS, edges.surfaceClassName, \"shadow-md\", MOTION_POPPER, className)}\n        {...props}\n        onCloseAutoFocus={keepMovedFocus(onCloseAutoFocus)}\n      >\n        {/* Mounts with the open menu: stamps when it opened. */}\n        <OpenStamp at={openedAt} />\n        {edges.wrap(children)}\n      </ContextMenuPrimitive.Content>\n    </ContextMenuPrimitive.Portal>\n  );\n});\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\n\nconst ContextMenuItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    data-slot=\"context-menu-item\"\n    className={cn(\n      ITEM_CLASS,\n      \"gap-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot=\"context-menu-checkbox-item\"\n    className={cn(INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <RadixCheckIcon className=\"h-4 w-4\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName =\n  ContextMenuPrimitive.CheckboxItem.displayName;\n\nconst ContextMenuRadioItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.RadioItem\n    ref={ref}\n    data-slot=\"context-menu-radio-item\"\n    className={cn(INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <DotFilledIcon className=\"h-4 w-4 fill-current\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.RadioItem>\n));\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;\n\nconst ContextMenuLabel = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Label\n    ref={ref}\n    data-slot=\"context-menu-label\"\n    className={cn(\n      \"type-label px-2 pb-1 pt-2 text-muted-foreground\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <ContextMenuPrimitive.Separator\n    ref={ref}\n    data-slot=\"context-menu-separator\"\n    className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n    {...props}\n  />\n));\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\n\nconst ContextMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => (\n  <span\n    data-slot=\"context-menu-shortcut\"\n    className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n    {...props}\n  />\n);\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n","\"use client\";\n/**\n * `@ai-matrx/design-system/menu-look` — THE ONE MENU LOOK (Arman, 2026-10-23: the header \"…\", every\n * crumb dropdown and every Alchemy dropdown are \"the IDENTICAL dropdown that I use for Alchemy for size\n * and style\" — the right-click menu).\n *\n * Four families, one look:\n *  - `MENU_LOOK_CLASS` / `MenuLookRowBody` / `MenuLookIconSlot`: the class names and the inside of a row,\n *    used by @ai-matrx/context-menu's MenuPanel (its own non-Radix renderer, the right-click menu);\n *  - THE DROPDOWN — `MenuLookContent` / `MenuLookSubContent` / `MenuLookItem` / `MenuLookSubTrigger` /\n *    `MenuLookCheckboxItem` / `MenuLookRadioGroup` / `MenuLookRadioItem` / `MenuLookLabel` /\n *    `MenuLookSeparator` / `MenuLookSearch` (+ `MenuLookSub`): the panel and rows on the Radix dropdown\n *    (keyboard, typeahead, focus return, collision padding) — Alchemy's dropdowns, the frame's \"…\" and\n *    crumb menus, a row's \"…\" (ItemMenu);\n *  - THE RIGHT-CLICK — `MenuLookContext*`: the SAME rows on the Radix context menu (a row's right-click,\n *    ItemContextMenu without a host menu);\n *  - THE PANEL — `MenuLookPanel` / `MenuLookPopoverContent` / `MenuLookPanelItem` /\n *    `MenuLookPanelControlRow` / `MenuLookPanelHeader` / `MenuLookPanelDisclosure` /\n *    `MenuLookPanelLabel` / `MenuLookPanelSeparator`: the same panel and rows WITHOUT a Radix menu, for a\n *    popover or sheet that also holds controls (a theme switch, a Switch, a search list) — the account\n *    rail's Settings, Organization and account menus and the frame's admin menu.\n * Every measurement lives once, in `menu-look.css` (shipped inside `styles.css`): 280px panel, 30px rows,\n * 13px text on a 1.25 line, 16px icons, 4px/8px row padding, 10px corners. No part takes a `className`.\n *\n * ONE LEFT EDGE (Arman, 2026-10-23: \"get rid of the HORRIBLE and ugly indentation\"): a row without a\n * glyph draws no icon column, the current row is marked with a check at its END (`current`), and the\n * search is the menu's own header row whose text starts where every row's text starts.\n */\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { DropdownMenuContent, DropdownMenuSubContent } from \"../dropdown-menu\";\nimport { ContextMenuContent, ContextMenuSubContent } from \"../context-menu\";\nimport { PopoverContent } from \"../popover\";\nimport { RadixCheckIcon, RadixChevronDownIcon, RadixChevronRightIcon } from \"../icons\";\nimport { useScrollFade } from \"../use-scroll-fade\";\n\n/** The look's measurements (what `menu-look.css` draws), for tests and hosts that size around a menu. */\nexport const MENU_LOOK = {\n  width: 280,\n  largeWidth: 360,\n  rowHeight: 30,\n  sheetRowHeight: 44,\n  fontSize: 13,\n  lineHeight: 1.25,\n  icon: 16,\n  headerMark: 28,\n  rowPaddingY: 4,\n  rowPaddingX: 8,\n  radius: 10,\n} as const;\n\n/** The look's class names — the ONLY classes a menu part wears. */\nexport const MENU_LOOK_CLASS = {\n  panel: \"cm-menu\",\n  item: \"cm-item\",\n  iconSlot: \"cm-icon-slot\",\n  icon: \"cm-icon\",\n  text: \"cm-text\",\n  label: \"cm-label\",\n  hint: \"cm-hint\",\n  current: \"cm-current\",\n  chevron: \"cm-chevron\",\n  search: \"cm-search\",\n  trail: \"cm-trail\",\n  badge: \"cm-badge\",\n  shortcut: \"cm-shortcut\",\n  control: \"cm-control\",\n  divider: \"cm-divider\",\n  sectionLabel: \"cm-section-label\",\n  header: \"cm-header\",\n  headerMark: \"cm-header-mark\",\n  headerText: \"cm-header-text\",\n  headerTitle: \"cm-header-title\",\n  headerSubtitle: \"cm-header-subtitle\",\n  danger: \"cm-danger\",\n  dimmed: \"cm-dimmed\",\n} as const;\n\nexport type MenuLookSize = \"standard\" | \"large\";\nexport type MenuLookDensity = \"comfortable\" | \"compact\";\n\n/** The 16px icon column of a row that has a glyph (an empty slot draws nothing: no reserved gutter). */\nexport function MenuLookIconSlot({ children }: { children?: React.ReactNode }): React.ReactElement {\n  return <span className={MENU_LOOK_CLASS.iconSlot}>{children}</span>;\n}\n\nexport interface MenuLookRowBodyProps {\n  /** The glyph (any 16px svg; the slot sizes it). Omitted → no icon column; the text starts the row. */\n  icon?: React.ReactNode | undefined;\n  label: React.ReactNode;\n  /**\n   * Hover text for the label (a long description stays out of the row: no \"novels\" in menus). Where\n   * nothing can hover (a phone, a mouse-less tablet) it is the row's muted second line instead.\n   */\n  labelTitle?: string | undefined;\n  /** A muted second line under the label. */\n  description?: React.ReactNode | undefined;\n  /** A muted end-of-row hint (a trail, a shortcut word). */\n  trail?: React.ReactNode | undefined;\n  /** A small outlined tag at the row's end (\"New\", \"Beta\", a count). */\n  badge?: React.ReactNode | undefined;\n  /** The row's key, at its end (\"⌘C\", \"R\"). */\n  shortcut?: React.ReactNode | undefined;\n  /** The row the person is on now: medium weight and a check at the row's end (never a left gutter). */\n  current?: boolean | undefined;\n}\n\n/** The inside of a row: icon (when given), label (+ second line), end hint, badge, key, current check. */\nexport function MenuLookRowBody({ icon, label, labelTitle, description, trail, badge, shortcut, current }: MenuLookRowBodyProps): React.ReactElement {\n  return (\n    <>\n      {icon ? <MenuLookIconSlot>{icon}</MenuLookIconSlot> : null}\n      <span className={MENU_LOOK_CLASS.text}>\n        <span className={MENU_LOOK_CLASS.label} title={labelTitle}>{label}</span>\n        {description ? (\n          <span className={MENU_LOOK_CLASS.hint}>{description}</span>\n        ) : labelTitle ? (\n          // Hover text has a touch twin: where nothing can hover, the label's hover text is the row's second line (menu-look.css).\n          <span className={MENU_LOOK_CLASS.hint} data-touch-hint=\"\">{labelTitle}</span>\n        ) : null}\n      </span>\n      {trail ? <span className={MENU_LOOK_CLASS.trail}>{trail}</span> : null}\n      {badge ? <span className={MENU_LOOK_CLASS.badge}>{badge}</span> : null}\n      {shortcut ? <kbd className={MENU_LOOK_CLASS.shortcut}>{shortcut}</kbd> : null}\n      {current ? <RadixCheckIcon className={MENU_LOOK_CLASS.current} aria-hidden=\"true\" data-menu-current-mark=\"\" /> : null}\n    </>\n  );\n}\n\n/** A row's classes: the look's row, plus its danger / dimmed marks. */\nexport function menuLookItemClass({ destructive, dimmed }: { destructive?: boolean | undefined; dimmed?: boolean | undefined } = {}): string {\n  return `${MENU_LOOK_CLASS.item}${destructive ? ` ${MENU_LOOK_CLASS.danger}` : \"\"}${dimmed ? ` ${MENU_LOOK_CLASS.dimmed}` : \"\"}`;\n}\n\ntype DataAttributes = { [dataAttribute: `data-${string}`]: string | undefined };\n\ninterface PanelLookProps {\n  /** \"standard\" (280px, the right-click menu) or \"large\" (360px, 36px rows). */\n  size?: MenuLookSize | undefined;\n  density?: MenuLookDensity | undefined;\n}\n\n/**\n * A submenu panel's fit: `\"menu\"` (the look's width and padding) or `\"content\"` — the panel holds a\n * host's own surface (the Alchemy palette): its width, no padding, and the popover height the surface\n * reads mapped to the room this menu measured.\n */\nexport type MenuLookSubFit = \"menu\" | \"content\";\n\n// ── THE DROPDOWN and THE RIGHT-CLICK: one set of rows over either Radix menu ──────────────────────\n\ntype ContentProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuContent>, \"className\" | \"surface\">;\n\nexport interface MenuLookContentProps extends ContentProps, PanelLookProps, DataAttributes {\n  /**\n   * A LONG MENU SAYS SO, IN WORDS (FIX-Q13, production `/agents/all` at 1024x768: a record's \"…\" hid\n   * its Delete below the fold and read as dead). Given, the panel is a frame that does not scroll, the\n   * rows scroll inside it, and a bar with these words (\"More actions below\") sits at its bottom edge\n   * whenever there is more below — a press scrolls to the end. Measured: a menu that fits shows nothing.\n   */\n  moreBelowLabel?: string | undefined;\n}\n\n/** The rows' scroller and its \"more below\" bar, for a panel that declares its overflow. */\nfunction DeclaredOverflow({ label, children }: { label: string; children: React.ReactNode }): React.ReactElement {\n  const fade = useScrollFade();\n  const viewport = React.useRef<HTMLDivElement | null>(null);\n  const setViewport = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      viewport.current = node;\n      fade.ref(node);\n    },\n    [fade.ref],\n  );\n  return (\n    <>\n      <div ref={setViewport} className=\"cm-viewport\" data-slot=\"menu-look-viewport\">\n        {children}\n      </div>\n      {fade.state.bottom ? (\n        <button\n          type=\"button\"\n          className=\"cm-more-below\"\n          data-slot=\"menu-look-more-below\"\n          // Not a menu item: never roving focus or type-ahead; Escape and arrows stay the list's.\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          // Radix would otherwise close the menu on the press that starts this click.\n          onPointerDown={(event) => event.preventDefault()}\n          onClick={() => viewport.current?.scrollTo({ top: viewport.current.scrollHeight, behavior: \"smooth\" })}\n        >\n          <RadixChevronDownIcon aria-hidden=\"true\" />\n          {label}\n        </button>\n      ) : null}\n    </>\n  );\n}\n\n/** The menu's panel on the Radix dropdown (portalled, capped at the room Radix measured, scrolls past it). */\nexport const MenuLookContent = React.forwardRef<HTMLDivElement, MenuLookContentProps>(function MenuLookContent(\n  { size = \"standard\", density = \"comfortable\", moreBelowLabel, children, ...props },\n  ref,\n) {\n  return (\n    <DropdownMenuContent\n      ref={ref}\n      surface=\"solid\"\n      data-menu-look=\"\"\n      data-menu-family=\"dropdown\"\n      data-size={size}\n      data-density={density}\n      {...(moreBelowLabel ? { \"data-overflow\": \"declared\" } : {})}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    >\n      {moreBelowLabel ? <DeclaredOverflow label={moreBelowLabel}>{children}</DeclaredOverflow> : children}\n    </DropdownMenuContent>\n  );\n});\n\ntype SubContentProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuSubContent>, \"className\" | \"surface\">;\n\nexport interface MenuLookSubContentProps extends SubContentProps, PanelLookProps, DataAttributes {\n  fit?: MenuLookSubFit | undefined;\n}\n\n/** A submenu's panel: the same panel, as wide as the menu it opens from. */\nexport const MenuLookSubContent = React.forwardRef<HTMLDivElement, MenuLookSubContentProps>(function MenuLookSubContent(\n  { size = \"standard\", density = \"comfortable\", fit = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <DropdownMenuSubContent\n      ref={ref}\n      surface=\"solid\"\n      data-menu-look=\"\"\n      data-menu-family=\"dropdown\"\n      data-size={size}\n      data-density={density}\n      data-fit={fit}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype ContextContentProps = Omit<React.ComponentPropsWithoutRef<typeof ContextMenuContent>, \"className\">;\n\nexport interface MenuLookContextContentProps extends ContextContentProps, PanelLookProps, DataAttributes {}\n\n/** The right-click menu's panel on the Radix context menu: the dropdown's panel, opened at the pointer. */\nexport const MenuLookContextContent = React.forwardRef<HTMLDivElement, MenuLookContextContentProps>(function MenuLookContextContent(\n  { size = \"standard\", density = \"comfortable\", ...props },\n  ref,\n) {\n  return (\n    <ContextMenuContent\n      ref={ref}\n      data-menu-look=\"\"\n      data-menu-family=\"context\"\n      data-size={size}\n      data-density={density}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype ContextSubContentProps = Omit<React.ComponentPropsWithoutRef<typeof ContextMenuSubContent>, \"className\">;\n\nexport interface MenuLookContextSubContentProps extends ContextSubContentProps, PanelLookProps, DataAttributes {\n  fit?: MenuLookSubFit | undefined;\n}\n\n/** A right-click submenu's panel. */\nexport const MenuLookContextSubContent = React.forwardRef<HTMLDivElement, MenuLookContextSubContentProps>(function MenuLookContextSubContent(\n  { size = \"standard\", density = \"comfortable\", fit = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <ContextMenuSubContent\n      ref={ref}\n      data-menu-look=\"\"\n      data-menu-family=\"context\"\n      data-size={size}\n      data-density={density}\n      data-fit={fit}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype ItemProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookItemProps extends ItemProps, MenuLookRowBodyProps, DataAttributes {\n  destructive?: boolean | undefined;\n  /** Drawn dimmed (a greyed verb whose reason is the row's tooltip); still focusable. */\n  dimmed?: boolean | undefined;\n  /** A real link: the row is an `<a>` (a modified click keeps the browser's link behaviour). */\n  href?: string | undefined;\n  target?: string | undefined;\n  /** Props for the `<a>` (aria-current, title, onClick). */\n  linkProps?: undefined | Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"target\" | \"className\" | \"children\">;\n}\n\ntype SubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookSubTriggerProps extends SubTriggerProps, MenuLookRowBodyProps, DataAttributes {}\n\ntype CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookCheckboxItemProps extends CheckboxProps, MenuLookRowBodyProps, DataAttributes {}\n\ntype RadioProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookRadioItemProps extends RadioProps, Omit<MenuLookRowBodyProps, \"current\">, DataAttributes {}\n\ntype LabelPrimitiveProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>, \"className\">;\n\nexport interface MenuLookLabelProps extends LabelPrimitiveProps {\n  /** A muted line under the heading (a menu's header: the record it acts on). */\n  description?: React.ReactNode | undefined;\n}\n\ntype SeparatorProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>, \"className\">;\n\n/** The parts both Radix menus share (the context menu's are the same components under other names). */\ninterface MenuPrimitives {\n  Item: typeof DropdownMenuPrimitive.Item;\n  SubTrigger: typeof DropdownMenuPrimitive.SubTrigger;\n  CheckboxItem: typeof DropdownMenuPrimitive.CheckboxItem;\n  RadioItem: typeof DropdownMenuPrimitive.RadioItem;\n  ItemIndicator: typeof DropdownMenuPrimitive.ItemIndicator;\n  Label: typeof DropdownMenuPrimitive.Label;\n  Separator: typeof DropdownMenuPrimitive.Separator;\n}\n\n/** The rows, drawn once, over either Radix menu — so a row's \"…\" and its right-click are one look. */\nfunction menuLookRows(P: MenuPrimitives, family: \"dropdown-menu\" | \"context-menu\") {\n  /** One row: icon, label (+ optional second line), optional end hint; a link when given `href`. */\n  const Item = React.forwardRef<HTMLDivElement, MenuLookItemProps>(function MenuLookItem(\n    { icon, label, labelTitle, description, trail, badge, shortcut, current, destructive, dimmed, href, target, linkProps, ...props },\n    ref,\n  ) {\n    const className = menuLookItemClass({ destructive, dimmed });\n    const body = <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} current={current} />;\n    const mark = current ? { \"data-current\": \"\" } : {};\n    if (href) {\n      return (\n        <P.Item ref={ref} asChild data-slot={`${family}-item`} {...props} {...mark} className={className}>\n          <a href={href} target={target} rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined} {...linkProps}>\n            {body}\n          </a>\n        </P.Item>\n      );\n    }\n    return (\n      <P.Item ref={ref} data-slot={`${family}-item`} {...props} {...mark} className={className}>\n        {body}\n      </P.Item>\n    );\n  });\n\n  /**\n   * A row that opens a submenu: the same row (icon slot, the standard gap, one left edge) with the\n   * look's chevron at its END (`cm-chevron`, 16px, muted) — never a bare SubTrigger whose icon touches\n   * its label.\n   */\n  const SubTrigger = React.forwardRef<HTMLDivElement, MenuLookSubTriggerProps>(function MenuLookSubTrigger(\n    { icon, label, labelTitle, description, trail, badge, shortcut, current, ...props },\n    ref,\n  ) {\n    return (\n      <P.SubTrigger ref={ref} data-slot={`${family}-sub-trigger`} {...props} {...(current ? { \"data-current\": \"\" } : {})} className={MENU_LOOK_CLASS.item}>\n        <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} />\n        <RadixChevronRightIcon className={MENU_LOOK_CLASS.chevron} aria-hidden=\"true\" />\n      </P.SubTrigger>\n    );\n  });\n\n  /** A toggle row: a check in the icon slot while on (the right-click menu's toggle), else its icon — a\n   * toggle keeps its column either way, so switching it never moves its label. */\n  const CheckboxItem = React.forwardRef<HTMLDivElement, MenuLookCheckboxItemProps>(function MenuLookCheckboxItem(\n    { icon, label, labelTitle, description, trail, badge, shortcut, checked, ...props },\n    ref,\n  ) {\n    const on = checked === true;\n    return (\n      <P.CheckboxItem ref={ref} {...(checked === undefined ? {} : { checked })} {...props} className={MENU_LOOK_CLASS.item}>\n        <MenuLookRowBody icon={on ? <RadixCheckIcon className={MENU_LOOK_CLASS.icon} /> : (icon ?? <span className={MENU_LOOK_CLASS.icon} aria-hidden=\"true\" />)} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} />\n      </P.CheckboxItem>\n    );\n  });\n\n  /** A one-of row: the chosen one is marked like the current row — medium weight and a check at the\n   * row's END — so no row reserves a left gutter for a dot. */\n  const RadioItem = React.forwardRef<HTMLDivElement, MenuLookRadioItemProps>(function MenuLookRadioItem(\n    { icon, label, labelTitle, description, trail, badge, shortcut, ...props },\n    ref,\n  ) {\n    return (\n      <P.RadioItem ref={ref} {...props} className={MENU_LOOK_CLASS.item}>\n        <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} />\n        <P.ItemIndicator className={MENU_LOOK_CLASS.current} data-menu-current-mark=\"\">\n          <RadixCheckIcon aria-hidden=\"true\" />\n        </P.ItemIndicator>\n      </P.RadioItem>\n    );\n  });\n\n  /** A section heading (\"Copy\", \"Brands\", \"Pages\"), with an optional muted line under it. */\n  const Label = React.forwardRef<HTMLDivElement, MenuLookLabelProps>(function MenuLookLabel(\n    { description, children, ...props },\n    ref,\n  ) {\n    if (!description) return <P.Label ref={ref} {...props} className={MENU_LOOK_CLASS.sectionLabel}>{children}</P.Label>;\n    return (\n      <P.Label ref={ref} {...props} data-has-hint=\"\" className={MENU_LOOK_CLASS.sectionLabel}>\n        <span>{children}</span>\n        <span className={MENU_LOOK_CLASS.hint}>{description}</span>\n      </P.Label>\n    );\n  });\n\n  /** The line between sections. */\n  const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(function MenuLookSeparator(props, ref) {\n    return <P.Separator ref={ref} {...props} className={MENU_LOOK_CLASS.divider} />;\n  });\n\n  return { Item, SubTrigger, CheckboxItem, RadioItem, Label, Separator };\n}\n\nconst dropdownRows = menuLookRows(DropdownMenuPrimitive, \"dropdown-menu\");\nconst contextRows = menuLookRows(ContextMenuPrimitive as unknown as MenuPrimitives, \"context-menu\");\n\nexport const MenuLookItem = dropdownRows.Item;\n/** Holds a submenu: `MenuLookSub` > `MenuLookSubTrigger` + `MenuLookSubContent`. */\nexport const MenuLookSub = DropdownMenuPrimitive.Sub;\nexport const MenuLookSubTrigger = dropdownRows.SubTrigger;\nexport const MenuLookCheckboxItem = dropdownRows.CheckboxItem;\n/** A group of one-of rows (`MenuLookRadioItem`); the host owns `value` / `onValueChange`. */\nexport const MenuLookRadioGroup = DropdownMenuPrimitive.RadioGroup;\nexport const MenuLookRadioItem = dropdownRows.RadioItem;\nexport const MenuLookLabel = dropdownRows.Label;\nexport const MenuLookSeparator = dropdownRows.Separator;\n\n/** The right-click twins of the dropdown rows — identical rows, the Radix context menu underneath. */\nexport const MenuLookContextItem = contextRows.Item;\nexport const MenuLookContextSub = ContextMenuPrimitive.Sub;\nexport const MenuLookContextSubTrigger = contextRows.SubTrigger;\nexport const MenuLookContextCheckboxItem = contextRows.CheckboxItem;\nexport const MenuLookContextRadioGroup = ContextMenuPrimitive.RadioGroup;\nexport const MenuLookContextRadioItem = contextRows.RadioItem;\nexport const MenuLookContextLabel = contextRows.Label;\nexport const MenuLookContextSeparator = contextRows.Separator;\n\n// ── THE PANEL: the same panel and rows with no Radix menu (a popover or sheet that holds controls) ──\n\n/**\n * Where a panel sits: `\"floating\"` draws the menu's own box (border, popover fill, shadow, 280px) — a\n * CSS-toggled menu, or a host whose popover draws nothing; `\"sheet\"` draws no box (a phone's bottom\n * sheet, or a host popover that is already the box) and gives its rows 44px touch height.\n */\nexport type MenuLookPanelSurface = \"floating\" | \"sheet\";\n\nexport interface MenuLookPanelProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\">,\n    PanelLookProps,\n    DataAttributes {\n  surface?: MenuLookPanelSurface | undefined;\n  /**\n   * `\"lg\"`: below the large breakpoint (1024px) the floating panel fills the width its host gives it —\n   * a CSS-toggled menu that becomes a bottom-anchored sheet on a phone (AppShell's account menu).\n   */\n  fillBelow?: \"lg\" | undefined;\n}\n\n/** The menu's panel as a plain element: its rows are `MenuLookPanel*` parts. Role `menu` by default. */\nexport const MenuLookPanel = React.forwardRef<HTMLDivElement, MenuLookPanelProps>(function MenuLookPanel(\n  { size = \"standard\", density = \"comfortable\", surface = \"floating\", fillBelow, role = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      role={role}\n      data-menu-look=\"\"\n      data-menu-family=\"panel\"\n      data-surface={surface}\n      {...(fillBelow ? { \"data-fill-below\": fillBelow } : {})}\n      data-size={size}\n      data-density={density}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype PopoverProps = Omit<React.ComponentPropsWithoutRef<typeof PopoverContent>, \"className\" | \"surface\" | \"width\" | \"padding\" | \"sizing\">;\n\nexport interface MenuLookPopoverContentProps extends PopoverProps, PanelLookProps, DataAttributes {}\n\n/**\n * The panel IS the popover: a Radix popover (outside click, Esc, focus return, collision padding)\n * wearing the menu's box — one element, never a popover box around a menu box. Role `menu`.\n */\nexport const MenuLookPopoverContent = React.forwardRef<HTMLDivElement, MenuLookPopoverContentProps>(function MenuLookPopoverContent(\n  { size = \"standard\", density = \"comfortable\", role = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <PopoverContent\n      ref={ref}\n      role={role}\n      surface=\"solid\"\n      padding=\"none\"\n      animated\n      data-menu-look=\"\"\n      data-menu-family=\"panel\"\n      data-in-popover=\"\"\n      data-surface=\"floating\"\n      data-size={size}\n      data-density={density}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype LinkComponent = React.ElementType;\n\ninterface PanelRowMarks {\n  destructive?: boolean | undefined;\n  /** Drawn dimmed (a greyed verb whose reason is the row's tooltip); still pressable. */\n  dimmed?: boolean | undefined;\n}\n\nexport interface MenuLookPanelItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"className\" | \"style\" | \"children\" | \"type\">,\n    MenuLookRowBodyProps,\n    PanelRowMarks,\n    DataAttributes {\n  /**\n   * A toggle row's state (a tool that is showing): `aria-pressed`, and while on it reads like the\n   * current row (medium weight, the check at its end).\n   */\n  pressed?: boolean | undefined;\n  /** A link: the row is an anchor (or `as`, the host's link component — Next's Link, an app link). */\n  href?: string | undefined;\n  target?: string | undefined;\n  rel?: string | undefined;\n  /** The link component for `href` (it receives `href`, `className`, `role`, `onClick`, children). */\n  as?: LinkComponent | undefined;\n  /** Extra props for the link component (`prefetch={false}`, `aria-current`). */\n  linkProps?: Record<string, unknown> | undefined;\n}\n\n/** A panel row: a button, or a link with `href`. Same row as the dropdown's (`cm-item`). */\nexport const MenuLookPanelItem = React.forwardRef<HTMLElement, MenuLookPanelItemProps>(function MenuLookPanelItem(\n  { icon, label, labelTitle, description, trail, badge, shortcut, current, pressed, destructive, dimmed, href, target, rel, as, linkProps, onClick, role = \"menuitem\", ...props },\n  ref,\n) {\n  const marked = Boolean(current || pressed);\n  const body = <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} current={marked} />;\n  const className = menuLookItemClass({ destructive, dimmed });\n  const mark = marked ? { \"data-current\": \"\" } : {};\n  if (href) {\n    const Link = as ?? \"a\";\n    return (\n      <Link\n        ref={ref}\n        href={href}\n        target={target}\n        rel={rel ?? (target === \"_blank\" ? \"noopener noreferrer\" : undefined)}\n        role={role}\n        onClick={onClick}\n        {...props}\n        {...linkProps}\n        {...mark}\n        className={className}\n      >\n        {body}\n      </Link>\n    );\n  }\n  return (\n    <button\n      ref={ref as React.Ref<HTMLButtonElement>}\n      type=\"button\"\n      role={role}\n      onClick={onClick}\n      {...(pressed === undefined ? {} : { \"aria-pressed\": pressed })}\n      {...props}\n      {...mark}\n      className={className}\n    >\n      {body}\n    </button>\n  );\n});\n\nexport interface MenuLookPanelControlRowProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"className\" | \"style\" | \"children\">,\n    Pick<MenuLookRowBodyProps, \"icon\" | \"label\" | \"description\">,\n    DataAttributes {\n  /** The row's own control at its end: a `Switch`, a `SegmentedControl`, a count. */\n  control: React.ReactNode;\n  /** `\"label\"` when the whole row should press its control (a Switch); default `\"div\"`. */\n  as?: \"div\" | \"label\" | undefined;\n}\n\n/**\n * A row that holds a control instead of being one (Theme: Light | Dark | Device; Standard view with its\n * Switch): the same icon slot, label and left edge as every row, the control at its END, and no hover\n * fill (the control answers the pointer, not the row).\n */\nexport const MenuLookPanelControlRow = React.forwardRef<HTMLElement, MenuLookPanelControlRowProps>(function MenuLookPanelControlRow(\n  { icon, label, description, control, as = \"div\", ...props },\n  ref,\n) {\n  const Row = as;\n  return (\n    <Row ref={ref as React.Ref<never>} data-control-row=\"\" {...props} className={MENU_LOOK_CLASS.item}>\n      <MenuLookRowBody icon={icon} label={label} description={description} />\n      <span className={MENU_LOOK_CLASS.control}>{control}</span>\n    </Row>\n  );\n});\n\nexport interface MenuLookPanelHeaderProps extends DataAttributes {\n  /** The 28px mark (an avatar, an organization mark, a colored glyph). */\n  mark: React.ReactNode;\n  title: React.ReactNode;\n  /** One muted line under the title. */\n  subtitle?: React.ReactNode | undefined;\n  /** The header is a door to its own page. */\n  href?: string | undefined;\n  as?: LinkComponent | undefined;\n  linkProps?: Record<string, unknown> | undefined;\n  onClick?: React.MouseEventHandler<HTMLElement> | undefined;\n}\n\n/**\n * The row a panel opens with (Settings, the organization, the person): a 28px mark on the rows' left\n * edge, a title, an optional muted subtitle. With `href` it is a link to its page.\n */\nexport function MenuLookPanelHeader({ mark, title, subtitle, href, as, linkProps, onClick, ...data }: MenuLookPanelHeaderProps): React.ReactElement {\n  const body = (\n    <>\n      <span className={MENU_LOOK_CLASS.headerMark}>{mark}</span>\n      <span className={MENU_LOOK_CLASS.headerText}>\n        <span className={MENU_LOOK_CLASS.headerTitle}>{title}</span>\n        {subtitle ? <span className={MENU_LOOK_CLASS.headerSubtitle}>{subtitle}</span> : null}\n      </span>\n    </>\n  );\n  if (href) {\n    const Link = as ?? \"a\";\n    return (\n      <Link href={href} onClick={onClick} data-menu-look-header=\"\" {...data} {...linkProps} className={MENU_LOOK_CLASS.header}>\n        {body}\n      </Link>\n    );\n  }\n  return (\n    <div data-menu-look-header=\"\" {...data} className={MENU_LOOK_CLASS.header}>\n      {body}\n    </div>\n  );\n}\n\nexport interface MenuLookPanelDisclosureProps extends Pick<MenuLookRowBodyProps, \"icon\" | \"label\">, DataAttributes {\n  /** Omitted with `pending`: the group's rows are still on their way. */\n  children?: React.ReactNode;\n  /**\n   * The group's row while its rows load (a lazy chunk): the same row and chevron, inert and hidden\n   * from assistive tech, so nothing below it moves when the group arrives (no layout shift).\n   */\n  pending?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n}\n\n/**\n * A folded group of rows (\"Quick Access\", \"Admin\"): a row with a down-chevron at its END that opens\n * the group in place. Closed, its rows are ABSENT (hidden: out of the hit-test tree and the tab order),\n * never clipped-but-live. Open, they sit on the same left edge as every row — no indent.\n */\nexport function MenuLookPanelDisclosure({ icon, label, children, pending, defaultOpen = false, open: openProp, onOpenChange, ...data }: MenuLookPanelDisclosureProps): React.ReactElement {\n  const [ownOpen, setOwnOpen] = React.useState(defaultOpen);\n  const open = openProp ?? ownOpen;\n  const id = React.useId();\n  const toggle = () => {\n    const next = !open;\n    if (openProp === undefined) setOwnOpen(next);\n    onOpenChange?.(next);\n  };\n  if (pending) {\n    return (\n      <div data-menu-look-disclosure=\"\" data-pending=\"\" aria-hidden=\"true\" {...data}>\n        <div className={MENU_LOOK_CLASS.item}>\n          <MenuLookRowBody icon={icon} label={label} />\n          <RadixChevronDownIcon className={MENU_LOOK_CLASS.chevron} aria-hidden=\"true\" data-disclosure-chevron=\"\" />\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div data-menu-look-disclosure=\"\" {...data}>\n      <button type=\"button\" className={MENU_LOOK_CLASS.item} aria-expanded={open} aria-controls={id} onClick={toggle}>\n        <MenuLookRowBody icon={icon} label={label} />\n        <RadixChevronDownIcon className={MENU_LOOK_CLASS.chevron} aria-hidden=\"true\" data-disclosure-chevron=\"\" />\n      </button>\n      <div id={id} role=\"group\" hidden={!open}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** A panel's section heading. */\nexport function MenuLookPanelLabel({ children, ...data }: { children: React.ReactNode } & DataAttributes): React.ReactElement {\n  return (\n    <div {...data} className={MENU_LOOK_CLASS.sectionLabel}>\n      {children}\n    </div>\n  );\n}\n\n/** The line between a panel's sections. */\nexport function MenuLookPanelSeparator(): React.ReactElement {\n  return <div role=\"separator\" className={MENU_LOOK_CLASS.divider} />;\n}\n\n// ── The menu's search ─────────────────────────────────────────────────────────────────────────\n\nexport interface MenuLookSearchProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"className\" | \"style\" | \"size\" | \"type\">,\n    DataAttributes {}\n\n/**\n * The menu's search: its own header row (full-bleed, a hairline under it, held at the top while the\n * list scrolls) whose text starts on the rows' left edge. The host owns the value and its keys (stop\n * propagation on letters so the menu's type-ahead never takes them).\n */\nexport const MenuLookSearch = React.forwardRef<HTMLInputElement, MenuLookSearchProps>(function MenuLookSearch(\n  { placeholder = \"Search\", ...props },\n  ref,\n) {\n  return (\n    <div className={MENU_LOOK_CLASS.search} data-menu-look-search=\"\">\n      <input\n        ref={ref}\n        type=\"search\"\n        autoComplete=\"off\"\n        spellCheck={false}\n        placeholder={placeholder}\n        aria-label={props[\"aria-label\"] ?? placeholder}\n        {...props}\n      />\n    </div>\n  );\n});\n","\"use client\";\n\n/**\n * Popover — ported verbatim from matrx-frontend `components/ui/popover.tsx`.\n *\n * Seam inversion: the host's `useNestedPortalContainer` (dialog/popout aware)\n * becomes the injected `PortalContainerProvider` seam (`portal-container.tsx`);\n * the explicit `container` prop keeps top priority, exactly as before.\n *\n * THE ROOT RENDERS UNCONDITIONALLY — no mount gate. This wrapper used to defer\n * rendering until after hydration (\"Radix generates dynamic aria-controls ids\n * that differ between SSR and client\"), and that justification was false:\n * Radix ids come from React's SSR-stable `useId` (verified against\n * @radix-ui/react-popover 1.1.17 / react-id 1.1.2). The gate was actively\n * harmful — the Trigger wraps ALWAYS-VISIBLE content, so `return null`\n * deleted it from SSR and the first client paint.\n */\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { MOTION_POPPER } from \"./motion\";\nimport { SOLID_SURFACE_CLASS, type PopoverSurface } from \"./solid-surface\";\nimport { usePortalContainer } from \"./portal-container\";\nimport { keepMovedFocus } from \"./focus-return\";\n\nexport const Popover = PopoverPrimitive.Root;\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport interface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  /** Explicit portal target; wins over the injected container. */\n  container?: HTMLElement | null;\n  /**\n   * Package-owned open/close motion. Default `true`. Pass `false` for a\n   * surface that must appear instantly — a picker re-anchoring while the user\n   * types, a measurement pass. It is NOT the reduced-motion switch;\n   * `styles.css` already honors `prefers-reduced-motion`.\n   */\n  animated?: boolean;\n  /**\n   * HOW WIDE THE POPOVER IS ALLOWED TO BE, and it is the SYSTEM that decides — never a\n   * surface pasting its own `w-64` over the default (lane FIX-14, 2026-09-22).\n   *\n   * `\"fixed\"` (default) is the historical `w-72`: right for a menu of short, known\n   * labels, where a ragged edge would look broken.\n   *\n   * `\"content\"` is for a popover whose whole job is to SHOW SOMETHING THE SYSTEM DID\n   * NOT CHOOSE — a person's name, a record's title, a row the user is about to\n   * create. The relation picker offered\n   *\n   *     Create “Marisol Okonkwo — 418 Calle Pu\n   *\n   * inside a 16rem box, cut mid-word, on the one control that exists to show the name\n   * being created. A fixed width cannot be right for content of unknown length, so\n   * this one grows to its content between an honest floor and an honest ceiling:\n   *\n   *   · at least the trigger's own width, and at least 20rem — the width Airtable's and\n   *     Notion's link-record pickers settle on, and wide enough that an ordinary\n   *     \"name — street, town\" fits on one line;\n   *   · at most 28rem, and never wider than the viewport less a 1rem gutter each side,\n   *     so it still fits a 375px phone with nothing running off the screen. The floor is\n   *     clamped by the same gutter, so on a very narrow screen the ceiling still wins.\n   *\n   * Beyond that ceiling the CONTENT truncates with an ellipsis and carries a `title`.\n   * Growing, then ellipsis — never a mid-word cut.\n   *\n   * BOTH modes keep the phone gutter (2026-09-26): the box is never wider than the\n   * viewport less 1rem each side, and Radix keeps it `collisionPadding` (16px) off every\n   * screen edge. Measured at 375px before this: `w-72`/`w-80` callers landed flush on\n   * the right edge (55→375) because collision padding was 0.\n   */\n  sizing?: \"fixed\" | \"content\";\n  /**\n   * The surface fill. `\"default\"` is the theme's popover surface (a host may render it\n   * translucent / glass). `\"solid\"` is the OPAQUE surface — the popover token at full\n   * alpha, no backdrop blur — for a menu that must read as paper over a cover image or a\n   * busy page (a Notion-style ••• menu). Same option on `DropdownMenuContent`.\n   */\n  surface?: PopoverSurface;\n  /**\n   * A NAMED fixed width (0.68.22), for a `sizing=\"fixed\"` popover whose content needs more or\n   * less room than the default `md` (18rem) — never a pasted `w-[260px]`. Every width keeps the\n   * phone gutter (never wider than the viewport less 1rem each side). Derived from the call\n   * sites: `xs` 12rem (a short menu), `sm` 15rem (a ••• menu), `md` 18rem (default),\n   * `lg` 20rem (a small form), `xl` 26rem (a picker grid), `2xl` 34rem (a gallery).\n   * Ignored when `sizing=\"content\"`.\n   */\n  width?: PopoverWidth;\n  /**\n   * The inner padding, named (0.68.22): `none` (the content draws its own — a command list, a\n   * picker), `xs` 4px (a menu of rows), `sm` 8px, `md` 12px, `default` 16px.\n   */\n  padding?: PopoverPadding;\n}\n\nexport type PopoverWidth = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type PopoverPadding = \"none\" | \"xs\" | \"sm\" | \"md\" | \"default\";\n\n/** Literal class per width so a host's Tailwind scan of the package finds every one. */\nexport const POPOVER_WIDTH_CLASS: Record<PopoverWidth, string> = {\n  xs: \"w-48\",\n  sm: \"w-60\",\n  md: \"w-72\",\n  lg: \"w-80\",\n  xl: \"w-[26rem]\",\n  \"2xl\": \"w-[34rem]\",\n};\nexport const POPOVER_PADDING_CLASS: Record<PopoverPadding, string> = {\n  none: \"p-0\",\n  xs: \"p-1\",\n  sm: \"p-2\",\n  md: \"p-3\",\n  default: \"p-4\",\n};\n\nexport const PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = \"center\",\n      sideOffset = 4,\n      container,\n      animated = true,\n      sizing = \"fixed\",\n      surface = \"default\",\n      width = \"md\",\n      padding = \"default\",\n      collisionPadding = 16,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref,\n  ) => {\n    const portalContainer = usePortalContainer(container);\n    return (\n      <PopoverPrimitive.Portal container={portalContainer}>\n        <PopoverPrimitive.Content\n          ref={ref}\n          align={align}\n          sideOffset={sideOffset}\n          collisionPadding={collisionPadding}\n          data-surface={surface === \"solid\" ? \"solid\" : undefined}\n          data-width={sizing === \"content\" ? undefined : width}\n          data-padding={padding}\n          className={cn(\n            // Cap to the viewport space Radix measured and scroll — a popover taller\n            // than the screen must never trap the user with unreachable content.\n            // z must EQUAL the dialog layer (z-[10000]), never exceed it: with equal\n            // z, DOM portal order decides, so a dialog opened FROM a popover stacks\n            // above it, and a popover opened from a dialog still stacks above the\n            // dialog. z-[10001] buried dialogs behind fullscreen popovers.\n            \"z-[10000] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-md border bg-popover text-popover-foreground shadow-md outline-none\",\n            POPOVER_PADDING_CLASS[padding],\n            sizing === \"content\"\n              ? \"w-auto min-w-[min(max(var(--radix-popover-trigger-width),20rem),calc(100vw-2rem))] max-w-[min(28rem,calc(100vw-2rem))]\"\n              : cn(POPOVER_WIDTH_CLASS[width], \"max-w-[calc(100vw-2rem)]\"),\n            surface === \"solid\" && SOLID_SURFACE_CLASS,\n            animated && MOTION_POPPER,\n            className,\n          )}\n          {...props}\n          onCloseAutoFocus={keepMovedFocus(onCloseAutoFocus)}\n        />\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n","\"use client\";\n\n/**\n * ItemMenuDrawer — mobile presentation for ItemMenu.\n *\n * A Vaul bottom sheet with iOS-style submenu drill-in: tapping a submenu pushes\n * a new view (slide-in-from-right), the back button pops it (slide-in-from-left).\n * Renders the same ItemMenuConfig the desktop dropdown/context menu use.\n *\n * Used internally by ItemMenu — not exported as a standalone primitive.\n */\n\nimport { useState } from \"react\";\nimport { ChevronLeftIcon as ChevronLeft, ChevronRightIcon as ChevronRight, CheckIcon } from \"../icons\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerTitle,\n} from \"../drawer\";\nimport { cn } from \"../cn\";\nimport {\n  isCheckbox,\n  isCommand,\n  isLink,\n  isSubmenu,\n  type ItemMenuConfig,\n  type ItemMenuEntry,\n  type ItemMenuSection,\n  type ItemMenuSubmenu,\n} from \"./types\";\n\ninterface ItemMenuDrawerProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  config: ItemMenuConfig;\n  /** Runs a command entry (close-then-execute is handled by the caller). */\n  onCommand: (entry: ItemMenuEntry) => void;\n  /** Toggles a checkbox entry without closing the drawer. */\n  onToggle: (entry: ItemMenuEntry, next: boolean) => void;\n}\n\n/** Walk a submenu `path` (entry ids) to the sections it points at. */\nfunction resolveSections(\n  config: ItemMenuConfig,\n  path: string[],\n): { sections: ItemMenuSection[]; title: string | null; renderContent?: ItemMenuSubmenu[\"renderContent\"] } {\n  let sections = config.sections;\n  let title: string | null = null;\n  let renderContent: ItemMenuSubmenu[\"renderContent\"];\n  for (const id of path) {\n    const found = sections\n      .flatMap((s) => s.items)\n      .find((e) => e.id === id && isSubmenu(e));\n    if (found && isSubmenu(found)) {\n      sections = found.sections;\n      title = found.label;\n      renderContent = found.renderContent;\n    } else {\n      // Unknown id — defensively reset to root.\n      return { sections: config.sections, title: null };\n    }\n  }\n  return { sections, title, renderContent };\n}\n\nexport function ItemMenuDrawer({\n  open,\n  onOpenChange,\n  config,\n  onCommand,\n  onToggle,\n}: ItemMenuDrawerProps) {\n  const [path, setPath] = useState<string[]>([]);\n  const [direction, setDirection] = useState<\"push\" | \"pop\">(\"push\");\n\n  const { sections, title, renderContent } = resolveSections(config, path);\n  const atRoot = path.length === 0;\n  const headerTitle = atRoot ? config.header?.title : title;\n\n  const push = (id: string) => {\n    setDirection(\"push\");\n    setPath((p) => [...p, id]);\n  };\n  const pop = () => {\n    setDirection(\"pop\");\n    setPath((p) => p.slice(0, -1));\n  };\n\n  const handleOpenChange = (next: boolean) => {\n    if (!next) setPath([]);\n    onOpenChange(next);\n  };\n\n  return (\n    <Drawer open={open} onOpenChange={handleOpenChange}>\n      <DrawerContent className=\"max-h-[80dvh] flex flex-col\">\n        {/* Header — Back button when drilled in. DrawerTitle always present. */}\n        {atRoot ? (\n          headerTitle ? (\n            <div className=\"flex-shrink-0 border-b border-border px-4 pb-3 pt-1\">\n              <DrawerTitle className=\"text-center text-[15px] font-semibold\">\n                {headerTitle}\n              </DrawerTitle>\n              {config.header?.description && (\n                <p className=\"mt-1 text-center type-body text-muted-foreground\">\n                  {config.header.description}\n                </p>\n              )}\n            </div>\n          ) : (\n            <DrawerTitle className=\"sr-only\">Options</DrawerTitle>\n          )\n        ) : (\n          <div className=\"flex h-11 flex-shrink-0 items-center border-b border-border px-1\">\n            <button\n              type=\"button\"\n              onClick={pop}\n              aria-label=\"Back\"\n              className=\"flex h-9 items-center gap-1 rounded-md px-2 text-sm text-muted-foreground hover:bg-accent hover:text-foreground\"\n            >\n              <ChevronLeft className=\"h-5 w-5\" />\n            </button>\n            <DrawerTitle className=\"flex-1 truncate pr-10 text-center text-[15px] font-semibold\">\n              {headerTitle ?? \"Options\"}\n            </DrawerTitle>\n          </div>\n        )}\n\n        {/* Body — keyed by path so each view animates in. */}\n        <div\n          key={path.join(\"/\")}\n          className={cn(\n            \"flex-1 overflow-y-auto overscroll-contain py-2 pb-safe\",\n            direction === \"push\"\n              ? \"animate-in fade-in slide-in-from-right-8 duration-200\"\n              : \"animate-in fade-in slide-in-from-left-8 duration-200\",\n          )}\n        >\n          {renderContent?.(() => handleOpenChange(false))}\n          {sections.map((section, sIdx) => {\n            const visible = section.items.filter((e) => !e.hidden);\n            if (visible.length === 0) return null;\n            return (\n              <div key={section.id ?? section.label ?? sIdx}>\n                {sIdx > 0 && <div className=\"my-1 h-px bg-border\" />}\n                {section.label && (\n                  <div className=\"px-4 pb-1 pt-2 type-secondary font-medium uppercase tracking-wide text-muted-foreground\">\n                    {section.label}\n                  </div>\n                )}\n                {visible.map((entry) => (\n                  <DrawerEntry\n                    key={entry.id}\n                    entry={entry}\n                    onCommand={onCommand}\n                    onToggle={onToggle}\n                    onDrill={() => push(entry.id)}\n                    onClose={() => handleOpenChange(false)}\n                  />\n                ))}\n              </div>\n            );\n          })}\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n}\n\ninterface DrawerEntryProps {\n  entry: ItemMenuEntry;\n  onCommand: (entry: ItemMenuEntry) => void;\n  onToggle: (entry: ItemMenuEntry, next: boolean) => void;\n  onDrill: () => void;\n  onClose: () => void;\n}\n\nfunction DrawerEntry({\n  entry,\n  onCommand,\n  onToggle,\n  onDrill,\n  onClose,\n}: DrawerEntryProps) {\n  const Icon = entry.icon;\n  const destructive = isCommand(entry) && entry.tone === \"destructive\";\n  const disabled = entry.disabled;\n\n  const rowClass = cn(\n    \"flex min-h-12 w-full items-center gap-3 px-4 text-left\",\n    disabled\n      ? \"opacity-50\"\n      : \"active:bg-accent\",\n    destructive && \"text-destructive\",\n  );\n\n  const content = (\n    <>\n      {Icon && (\n        <Icon\n          className={cn(\n            \"h-[18px] w-[18px] shrink-0\",\n            destructive\n              ? \"text-destructive\"\n              : entry.iconClassName ?? \"text-muted-foreground\",\n          )}\n        />\n      )}\n      <span className=\"flex min-w-0 flex-1 flex-col\">\n        <span className=\"truncate text-[15px]\" title={entry.description}>{entry.label}</span>\n        {/* The drawer is the phone's menu: nothing hovers there, so the entry's hover text is its second line. */}\n        {disabled && entry.disabledReason ? (\n          <span className=\"truncate type-body text-muted-foreground\">{entry.disabledReason}</span>\n        ) : entry.description ? (\n          <span data-touch-hint-drawer=\"\" className=\"truncate type-body text-muted-foreground\">{entry.description}</span>\n        ) : null}\n      </span>\n    </>\n  );\n\n  if (isSubmenu(entry)) {\n    return (\n      <button type=\"button\" disabled={disabled} onClick={onDrill} className={rowClass}>\n        {content}\n        <ChevronRight className=\"h-5 w-5 shrink-0 text-muted-foreground\" />\n      </button>\n    );\n  }\n\n  if (isCheckbox(entry)) {\n    return (\n      <button\n        type=\"button\"\n        disabled={disabled}\n        onClick={() => onToggle(entry, !entry.checked)}\n        className={rowClass}\n      >\n        {content}\n        {entry.checked && <CheckIcon className=\"h-5 w-5 shrink-0 text-primary\" />}\n      </button>\n    );\n  }\n\n  if (isLink(entry)) {\n    return (\n      <a\n        href={entry.href}\n        target={entry.target}\n        rel={entry.target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        onClick={onClose}\n        className={rowClass}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  // command\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      onClick={() => {\n        onClose();\n        onCommand(entry);\n      }}\n      className={rowClass}\n    >\n      {content}\n    </button>\n  );\n}\n","\"use client\";\n\n/**\n * Drawer — the vaul drawer family, and the package's iOS-mobile-first surface.\n *\n * WHY IT IS HERE. matrx-frontend's `components/ui/drawer.tsx` had 121 import\n * sites, and that host's own doctrine is \"Drawer, not Dialog, on mobile\" — so\n * the drawer is the surface most of this platform's mobile UX lands on. It was\n * also the LAST place still holding a copy of `RadixDialogModalProvider`, the\n * context this package already owned: a host copy of a React CONTEXT is the\n * quiet twin, because `useContext` matches by object identity, so the host\n * Drawer's provider and the package Sheet's consumer were two different\n * contexts that merely looked alike. Shipping the Drawer here closes that.\n *\n * `BottomSheet` (this package) previously inlined its own private vaul\n * wrappers because no Drawer existed to share; it now composes these, so there\n * is one vaul wrapper in the package rather than two.\n *\n * THE MOBILE-FIRST RULES THIS COMPONENT OWNS (so no host re-derives them):\n *\n * 1. `dvh`, NEVER `vh`. iOS Safari's `vh` is the tallest-possible viewport, so\n *    a `vh`-capped drawer hides its own footer behind the browser chrome. The\n *    cap is `max-h-[90dvh]`, and `size=\"full\"` is `h-dvh`.\n * 2. THE SAFE AREA IS PADDING, NOT A GUESS. Content bottom padding is\n *    `pb-safe` (`env(safe-area-inset-bottom)`; shipped in `styles.css`), so the\n *    home indicator never sits on top of the last control.\n * 3. THE GRAB HANDLE IS A 44px TARGET. The visible pill is 4px tall; it lives\n *    inside a `min-h-11` (44px) grab area, the Apple HIG minimum. The old host\n *    copy shipped the pill alone, so the affordance was three times smaller\n *    than the gesture it advertises.\n * 4. THE BODY SCROLLS, THE FOOTER DOES NOT. `DrawerBody` is the\n *    `flex-1 min-h-0 overflow-y-auto overscroll-contain` shard;\n *    `DrawerFooter` is `mt-auto` and safe-area padded, so the primary action\n *    is reachable however long the body is.\n * 5. A FIELD UNDER 16px ZOOMS iOS IN AND NEVER BACK OUT — the drawer's own\n *    text scale therefore never goes below `text-base` on coarse pointers;\n *    the floor itself is a host CSS concern, restated in `styles.css`.\n *\n * `direction` is forwarded to vaul and drives the content geometry, so a side\n * or top drawer is a prop rather than a fork.\n */\n\nimport { treeContainsComponent } from \"@ai-matrx/kit/react-tree\";\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"./cn\";\nimport { keepFloatingLayersInside, useModalLayer } from \"./floating-layer\";\nimport { RadixDialogModalProvider } from \"./radix-dialog-modal-context\";\n\nexport type DrawerDirection = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst DrawerDirectionContext = React.createContext<DrawerDirection>(\"bottom\");\n\n/** The direction of the nearest Drawer root. */\nexport const useDrawerDirection = (): DrawerDirection =>\n  React.useContext(DrawerDirectionContext);\n\n/**\n * `vaul`'s Root props are a DISCRIMINATED UNION (the snap-point branch adds\n * `fadeFromIndex`), so this type intersects the union rather than `Omit`-ing\n * from it — flattening the union collapses the discriminant and makes every\n * snap-point drawer a type error.\n *\n * Vaul does not forward `modal={false}` to its underlying Radix root, so a\n * \"non-modal\" drawer would claim ARIA semantics it does not have; the type\n * refuses the value rather than shipping the lie.\n */\nexport type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {\n  modal?: true;\n  direction?: DrawerDirection;\n};\n\nconst Drawer = ({\n  children,\n  shouldScaleBackground = true,\n  onOpenChange,\n  ...props\n}: DrawerProps) => {\n  const direction: DrawerDirection = props.direction ?? \"bottom\";\n  const handleOpenChange = (open: boolean) => {\n    if (\n      open &&\n      typeof document !== \"undefined\" &&\n      document.activeElement instanceof HTMLElement\n    ) {\n      // Vaul applies aria-hidden to the application tree synchronously, before\n      // Radix transfers focus into the portalled dialog. Release the trigger\n      // first so a focused descendant is never hidden from assistive tech.\n      document.activeElement.blur();\n    }\n    onOpenChange?.(open);\n  };\n  return (\n    <RadixDialogModalProvider modal>\n      <DrawerDirectionContext.Provider value={direction}>\n        <DrawerPrimitive.Root\n          modal\n          shouldScaleBackground={shouldScaleBackground}\n          {...props}\n          onOpenChange={handleOpenChange}\n          direction={direction}\n        >\n          {children}\n        </DrawerPrimitive.Root>\n      </DrawerDirectionContext.Provider>\n    </RadixDialogModalProvider>\n  );\n};\nDrawer.displayName = \"Drawer\";\n\nconst DrawerTrigger = DrawerPrimitive.Trigger;\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerClose = DrawerPrimitive.Close;\n\nconst DrawerOverlay = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    data-slot=\"drawer-overlay\"\n    className={cn(\n      \"fixed inset-0 z-[10000] bg-[var(--matrx-overlay-scrim)]\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n\nconst DrawerDescription = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    data-slot=\"drawer-description\"\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/**\n * Unstyled, non-portalling Content for custom Drawer layouts. It derives\n * explicit modal semantics while vaul retains focus/background behavior.\n */\nconst DrawerContentPrimitive = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ onInteractOutside, ...props }, ref) => {\n  // A drawer is always modal: floating layers opened from it stack above its\n  // scrim, and a press inside one is not an outside press (floating-layer.tsx).\n  useModalLayer(true);\n  return (\n    <DrawerPrimitive.Content\n      // NO SLIDE-IN (styles.css, `[data-matrx-entrance=\"none\"]`). Measured on\n      // a 375x812 phone (PB-08, 2026-10-01): for ~250 ms after open the spot\n      // where a row settles was still the SCRIM, so a tap there was an outside\n      // press and closed the sheet; for the next ~150 ms it was a DIFFERENT\n      // row. The sheet is therefore at rest from its first frame; the scrim\n      // still fades and the exit still slides. Same class as the composer\n      // menu's popper entrance (matrx-frontend 286ef577fb).\n      data-matrx-entrance=\"none\"\n      {...props}\n      ref={ref}\n      aria-modal=\"true\"\n      onInteractOutside={keepFloatingLayersInside(onInteractOutside)}\n    />\n  );\n});\nDrawerContentPrimitive.displayName = \"DrawerContentPrimitive\";\n\n/**\n * `adaptive` (default) sizes to content up to 90dvh — right for one short\n * list. `full` is ONE fixed height that never changes as content changes: use\n * it for any drawer whose body varies (tabs, search results, multi-level\n * navigation), because an adaptive drawer there resizes under the user's thumb\n * on every keystroke, which reads as the panel jumping.\n */\nexport type DrawerSize = \"adaptive\" | \"full\";\n\nconst DIRECTION_CLASSES: Record<DrawerDirection, string> = {\n  bottom:\n    \"inset-x-0 bottom-0 mt-24 flex-col rounded-t-[10px] border-t pb-safe\",\n  top: \"inset-x-0 top-0 mb-24 flex-col rounded-b-[10px] border-b pt-safe\",\n  left: \"inset-y-0 left-0 mr-24 flex-row rounded-r-[10px] border-r\",\n  right: \"inset-y-0 right-0 ml-24 flex-row rounded-l-[10px] border-l\",\n};\n\nconst SIZE_CLASSES: Record<DrawerDirection, Record<DrawerSize, string>> = {\n  bottom: { adaptive: \"h-auto max-h-[90dvh]\", full: \"h-[92dvh]\" },\n  top: { adaptive: \"h-auto max-h-[90dvh]\", full: \"h-[92dvh]\" },\n  left: { adaptive: \"w-auto max-w-[92vw]\", full: \"h-dvh w-[92vw] max-w-sm\" },\n  right: { adaptive: \"w-auto max-w-[92vw]\", full: \"h-dvh w-[92vw] max-w-sm\" },\n};\n\nexport interface DrawerContentProps\n  extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> {\n  /** Height/width posture. Default `adaptive`. */\n  size?: DrawerSize;\n  /** Render the drag-handle pill. Default: only for `top`/`bottom` drawers. */\n  showHandle?: boolean;\n}\n\nconst DrawerContent = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Content>,\n  DrawerContentProps\n>(({ className, children, size = \"adaptive\", showHandle, ...props }, ref) => {\n  const direction = useDrawerDirection();\n  const hasDescription =\n    treeContainsComponent(children, DrawerDescription) ||\n    treeContainsComponent(children, DrawerPrimitive.Description);\n  const withHandle =\n    showHandle ?? (direction === \"bottom\" || direction === \"top\");\n\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DrawerContentPrimitive\n        ref={ref}\n        data-slot=\"drawer-content\"\n        data-direction={direction}\n        className={cn(\n          \"fixed z-[10000] flex min-w-0 border bg-background\",\n          DIRECTION_CLASSES[direction],\n          SIZE_CLASSES[direction][size],\n          className,\n        )}\n        {...(hasDescription ? {} : { \"aria-describedby\": undefined })}\n        {...props}\n      >\n        {withHandle ? (\n          // Rule 3: the pill is 4px; the TARGET is 44px.\n          <div\n            aria-hidden\n            data-slot=\"drawer-handle\"\n            className={cn(\n              \"flex min-h-11 w-full shrink-0 cursor-grab items-center justify-center active:cursor-grabbing\",\n              direction === \"top\" && \"order-last\",\n            )}\n          >\n            <div className=\"h-1 w-[100px] rounded-full bg-muted\" />\n          </div>\n        ) : null}\n        {children}\n      </DrawerContentPrimitive>\n    </DrawerPortal>\n  );\n});\nDrawerContent.displayName = \"DrawerContent\";\n\nconst DrawerHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn(\n      \"grid shrink-0 gap-1.5 p-4 text-center sm:text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nDrawerHeader.displayName = \"DrawerHeader\";\n\n/**\n * The scroll shard. `flex-1 min-h-0` is the pair that actually bounds a scroll\n * area inside a flex column — `flex-1` alone leaves `min-height: auto`, and the\n * body grows past the drawer instead of scrolling inside it.\n */\nconst DrawerBody = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-body\"\n    className={cn(\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-4\", className)}\n    {...props}\n  />\n);\nDrawerBody.displayName = \"DrawerBody\";\n\nconst DrawerFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn(\"mt-auto flex shrink-0 flex-col gap-2 p-4 pb-safe\", className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = \"DrawerFooter\";\n\nconst DrawerTitle = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    data-slot=\"drawer-title\"\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerContentPrimitive,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger,\n};\n","\"use client\";\n\n/**\n * FLOATING LAYERS OPENED FROM INSIDE A MODAL — one contract, every surface.\n *\n * A blocking surface (a `modal` Dialog, AlertDialog, Sheet, Drawer,\n * BottomSheet, CommandDialog — and every Dialog on a phone) paints a scrim at\n * the modal tier, `MODAL_LAYER_Z`. Radix children of that surface (Popover,\n * Select, menus) are safe: they portal into it or after it at the same z, and\n * Radix counts a press inside them as inside. A floating layer that is NOT a\n * Radix child — a host window manager's window, the associations picker\n * window, anything `createPortal`ed to `<body>` at its own z — was not: it\n * painted UNDER the scrim (a window manager lives near z-1000), so the click\n * that picked an option landed on the scrim and closed the modal (Source\n * screen side sheet + association picker, 2026-09-26). Behind the scrim it\n * would also have lost focus to the modal's trap and had presses inside it\n * counted as outside-clicks.\n *\n * The contract, in three parts:\n *\n * 1. Every modal content registers while it is open (`useModalLayer`), and\n *    treats a press or focus inside any `[data-matrx-floating-layer]` as\n *    inside (`keepFloatingLayersInside`).\n * 2. A floating layer reads `useFloatingLayerZIndex(ownZ)`: while a modal is\n *    open it is lifted to the modal tier. Equal z, so DOM order decides — a\n *    layer opened AFTER the modal (portal appended later) paints above its\n *    scrim; a window that was already open stays underneath, as it should.\n *    While lifted, several floating layers order by when they opened, not by\n *    their own manager's focus order; that returns when the modal closes.\n * 3. A floating layer's root is wrapped in `<FloatingLayer>`: it carries the\n *    marker attribute, re-asserts `pointer-events: auto` (a modal sets `none`\n *    on `<body>`), and mounts a non-trapping focus scope, which pauses the\n *    modal's focus trap while the layer is open so its inputs take focus.\n *\n * 4. Popper content (a Popover, a combobox) a floating layer opens is portaled\n *    to <body>; while a floating layer is open it counts as part of it, and\n *    wheel/touchmove inside either stops at <body> so the modal's scroll lock\n *    never cancels it.\n *\n * Guard: `floating-layer.test.tsx` — a window-manager-style layer opened from\n * each blocking surface must stack above the scrim, keep the modal open when\n * it or a popover it opened is pressed, scroll, keep focus in its own input,\n * and hand focus back to its opener when it closes.\n */\n\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\n\n/** The modal tier: every blocking scrim and its content sit here. */\nexport const MODAL_LAYER_Z = 10000;\n\n/** THE tooltip layer (defined beside the tooltips, `title-tooltips.ts`). */\nexport { TOOLTIP_LAYER_Z } from \"./title-tooltips\";\n\n/** Marker attribute on the root of a floating layer. */\nexport const FLOATING_LAYER_ATTR = \"data-matrx-floating-layer\";\n\n// ── the open-modal registry ─────────────────────────────────────────────────\n// Shared identity across independently bundled public entrypoints, like the\n// dialog contexts: two copies of this module must see one count.\ninterface ModalLayerRegistry {\n  count: number;\n  listeners: Set<() => void>;\n}\nconst REGISTRY_SLOT = Symbol.for(\"ai-matrx.design-system.modal-layer-registry\");\nconst registryHost = globalThis as typeof globalThis & {\n  [REGISTRY_SLOT]?: ModalLayerRegistry;\n};\nconst registry: ModalLayerRegistry = (registryHost[REGISTRY_SLOT] ??= {\n  count: 0,\n  listeners: new Set(),\n});\n\nfunction emit(): void {\n  for (const listener of registry.listeners) listener();\n}\n\n// A modal's scroll lock (react-remove-scroll) cancels wheel and touchmove on\n// `document` for anything outside the modal's own content — including a\n// floating layer opened from it, whose list then never scrolls. While a modal\n// is open, a scroll gesture inside a floating layer stops at <body>: React's\n// own portal listener on <body> still sees it (stopPropagation never stops\n// listeners on the same node), the lock on `document` never does.\nconst SCROLL_EVENTS = [\"wheel\", \"touchmove\"] as const;\nfunction stopAtBody(event: Event): void {\n  if (isInsideFloatingLayer(event.target)) event.stopPropagation();\n}\nfunction setScrollPassthrough(on: boolean): void {\n  if (typeof document === \"undefined\" || !document.body) return;\n  for (const type of SCROLL_EVENTS) {\n    if (on) document.body.addEventListener(type, stopAtBody, { passive: true });\n    else document.body.removeEventListener(type, stopAtBody);\n  }\n}\n\n/** Register one open modal layer; returns its release. */\nexport function registerModalLayer(): () => void {\n  registry.count += 1;\n  if (registry.count === 1) setScrollPassthrough(true);\n  emit();\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    registry.count = Math.max(0, registry.count - 1);\n    if (registry.count === 0) setScrollPassthrough(false);\n    emit();\n  };\n}\n\n/** True while at least one blocking surface is open. */\nexport function isModalLayerOpen(): boolean {\n  return registry.count > 0;\n}\n\nfunction subscribe(listener: () => void): () => void {\n  registry.listeners.add(listener);\n  return () => registry.listeners.delete(listener);\n}\n\n/** Reactive `isModalLayerOpen()`. */\nexport function useModalLayerOpen(): boolean {\n  return React.useSyncExternalStore(subscribe, isModalLayerOpen, () => false);\n}\n\n/**\n * Called by every modal content while it is mounted. `active` is false for a\n * content whose root is not modal (a windowed dialog, a `modal={false}` sheet).\n */\nexport function useModalLayer(active: boolean): void {\n  React.useLayoutEffect(() => (active ? registerModalLayer() : undefined), [active]);\n}\n\n// ── the outside-click guard ─────────────────────────────────────────────────\n\nconst POPPER_WRAPPER = \"[data-radix-popper-content-wrapper]\";\n\n/**\n * True when `target` is inside a floating layer — or inside popper content (a\n * Popover, a combobox list) while a floating layer is open. Popper content a\n * window opens is portaled to <body>, outside the window's own element and\n * outside the modal's React tree; popper content the MODAL opens is portaled\n * into the modal and never reaches this check.\n */\nexport function isInsideFloatingLayer(target: EventTarget | null | undefined): boolean {\n  if (!(target instanceof Element)) return false;\n  if (target.closest(`[${FLOATING_LAYER_ATTR}]`)) return true;\n  return (\n    target.closest(POPPER_WRAPPER) !== null &&\n    target.ownerDocument.querySelector(`[${FLOATING_LAYER_ATTR}]`) !== null\n  );\n}\n\n/**\n * Wrap a Radix `onInteractOutside` so a press or focus inside a floating layer\n * never dismisses the modal. The caller's handler still runs first.\n */\nexport function keepFloatingLayersInside<\n  E extends { target: EventTarget | null; preventDefault: () => void },\n>(handler?: (event: E) => void): (event: E) => void {\n  return (event) => {\n    handler?.(event);\n    if (isInsideFloatingLayer(event.target)) event.preventDefault();\n  };\n}\n\n// ── the floating layer's side ───────────────────────────────────────────────\n\n/** Pure form of `useFloatingLayerZIndex`, for callers outside React. */\nexport function floatingLayerZIndex(ownZ: number, modalOpen: boolean): number {\n  return modalOpen ? Math.max(ownZ, MODAL_LAYER_Z) : ownZ;\n}\n\n/** The z-index a floating layer should paint at, given its own. */\nexport function useFloatingLayerZIndex(ownZ: number): number {\n  return floatingLayerZIndex(ownZ, useModalLayerOpen());\n}\n\nconst preventAutoFocus = (event: Event) => event.preventDefault();\n\n/**\n * Wrap the root element of a floating layer (exactly one element child).\n * Marks it, keeps it pressable under a modal's `pointer-events: none` body,\n * and pauses the modal's focus trap while it is mounted. It never takes focus\n * on open. On close, if focus was lost with it while a modal is still open,\n * focus returns to the control that opened it — otherwise the next Tab would\n * land behind the modal.\n */\nexport const FloatingLayer = React.forwardRef<\n  HTMLElement,\n  { children: React.ReactElement }\n>(({ children }, ref) => {\n  const [opener] = React.useState<Element | null>(() =>\n    typeof document === \"undefined\" ? null : document.activeElement,\n  );\n  const returnFocus = (event: Event) => {\n    event.preventDefault();\n    const active = document.activeElement;\n    const lost = !active || active === document.body || !active.isConnected;\n    if (lost && isModalLayerOpen() && opener instanceof HTMLElement && opener.isConnected) {\n      opener.focus({ preventScroll: true });\n    }\n  };\n  return (\n  <FocusScope\n    asChild\n    trapped={false}\n    loop={false}\n    onMountAutoFocus={preventAutoFocus}\n    onUnmountAutoFocus={returnFocus}\n  >\n    <Slot\n      ref={ref}\n      {...{ [FLOATING_LAYER_ATTR]: \"\" }}\n      style={{ pointerEvents: \"auto\" }}\n    >\n      {children}\n    </Slot>\n  </FocusScope>\n  );\n});\nFloatingLayer.displayName = \"FloatingLayer\";\n\n// ── THE Escape stack ────────────────────────────────────────────────────────\n// One Escape owner for every floating window (summon's WindowPanel and\n// LiteWindow, the PeekWindow here): the TOPMOST open layer gets the key, and\n// only it — two windows never close on one press, and a window under another\n// never closes first. A layer joins on open (top), `raise()`s when it comes to\n// the front (a focused window), and leaves on close. Its handler decides\n// whether it closes (a menu or dialog it does not own may hold the key) and\n// calls `preventDefault()` when it does; a layer that declines still keeps the\n// key from the layers under it. One window listener, shared across bundled\n// copies of this module through a global slot (like the modal registry).\ninterface EscapeLayerEntry {\n  readonly key: symbol;\n  handle: (event: KeyboardEvent) => void;\n}\ninterface EscapeStack {\n  layers: EscapeLayerEntry[];\n  listening: boolean;\n}\nconst ESCAPE_SLOT = Symbol.for(\"ai-matrx.design-system.escape-stack\");\nconst escapeHost = globalThis as typeof globalThis & { [ESCAPE_SLOT]?: EscapeStack };\nconst escapeStack = (): EscapeStack => (escapeHost[ESCAPE_SLOT] ??= { layers: [], listening: false });\n\nfunction onEscapeKeydown(event: KeyboardEvent): void {\n  if (event.key !== \"Escape\" || event.defaultPrevented) return;\n  const { layers } = escapeStack();\n  layers[layers.length - 1]?.handle(event);\n}\n\nexport interface EscapeLayerHandle {\n  /** Move this layer to the top (it came to the front). */\n  raise(): void;\n  /** Leave the stack (closed). */\n  release(): void;\n}\n\n/** Join the Escape stack at the top. The handler runs only while this layer is topmost. */\nexport function pushEscapeLayer(handle: (event: KeyboardEvent) => void): EscapeLayerHandle {\n  const stack = escapeStack();\n  if (!stack.listening && typeof window !== \"undefined\") {\n    window.addEventListener(\"keydown\", onEscapeKeydown);\n    stack.listening = true;\n  }\n  const entry: EscapeLayerEntry = { key: Symbol(\"escape-layer\"), handle };\n  stack.layers.push(entry);\n  const drop = () => {\n    const at = stack.layers.indexOf(entry);\n    if (at !== -1) stack.layers.splice(at, 1);\n  };\n  return {\n    raise() {\n      drop();\n      stack.layers.push(entry);\n    },\n    release: drop,\n  };\n}\n\n/** How many layers hold the Escape stack (tests and diagnostics). */\nexport function escapeLayerDepth(): number {\n  return escapeStack().layers.length;\n}\n\n/**\n * Hold a place in the Escape stack while `active`. The latest `onEscape` runs\n * (never a stale closure). `raiseKey`: when it changes the layer moves to the\n * top (pass a window manager's z-index). Returns a stable `raise()` for a\n * layer that tracks \"front\" itself (a pointerdown on the window).\n */\nexport function useEscapeLayer(active: boolean, onEscape: (event: KeyboardEvent) => void, raiseKey?: unknown): () => void {\n  const latest = React.useRef(onEscape);\n  latest.current = onEscape;\n  const handleRef = React.useRef<EscapeLayerHandle | null>(null);\n  React.useEffect(() => {\n    if (!active) return undefined;\n    const handle = pushEscapeLayer((event) => latest.current(event));\n    handleRef.current = handle;\n    return () => {\n      handle.release();\n      handleRef.current = null;\n    };\n  }, [active]);\n  const first = React.useRef(true);\n  React.useEffect(() => {\n    if (first.current) {\n      first.current = false;\n      return;\n    }\n    handleRef.current?.raise();\n  }, [raiseKey]);\n  return React.useCallback(() => handleRef.current?.raise(), []);\n}\n","\"use client\";\n\n/**\n * Ported verbatim from matrx-frontend `components/ui/radix-dialog-modal-context.tsx`.\n * Shared by the Sheet and BottomSheet families (and available to hosts that\n * compose their own Radix Dialog-derived wrappers around these primitives).\n */\n\nimport * as React from \"react\";\n\n// Shared identity across independently bundled public entrypoints/loaders.\nconst CONTEXT_SLOT = Symbol.for(\"ai-matrx.design-system.dialog-modal-context\");\nconst contextRegistry = globalThis as typeof globalThis & { [CONTEXT_SLOT]?: React.Context<boolean> };\nconst RadixDialogModalContext = contextRegistry[CONTEXT_SLOT] ??= React.createContext<boolean>(true);\n\nexport interface RadixDialogModalProviderProps {\n  children: React.ReactNode;\n  modal: boolean;\n}\n\n/**\n * Keeps our Radix-based content wrappers aligned with the owning Root's\n * modality so ARIA semantics cannot drift from focus/pointer behavior.\n */\nexport function RadixDialogModalProvider({\n  children,\n  modal,\n}: RadixDialogModalProviderProps) {\n  return (\n    <RadixDialogModalContext.Provider value={modal}>\n      {children}\n    </RadixDialogModalContext.Provider>\n  );\n}\n\n/** Returns whether the nearest Radix Dialog-derived root is modal. */\nexport function useRadixDialogModal(): boolean {\n  return React.useContext(RadixDialogModalContext);\n}\n","/**\n * Item system — shared schema + prop types for ItemRow and ItemMenu.\n * Moved whole from @ai-matrx/chat/ui/item-types (2026-10-08); chat re-exports\n * these and narrows the surface fields to its closed registries.\n *\n * Pure types (no JSX). The menu config is a structured `sections` array with a\n * discriminated union of entries (`kind`), so ordering is explicit, section\n * labels are first-class, separators fall out of section boundaries, and\n * submenus nest naturally.\n *\n * Consumed by ItemMenu.tsx, ItemMenuDrawer.tsx, ItemRow.tsx.\n */\n\nimport type { ComponentType, ReactNode } from \"react\";\n\n/** Any icon component taking a className (lucide-react icons fit as-is). */\nexport type ItemMenuIcon = ComponentType<{ className?: string | undefined }>;\n\n/**\n * The record a row stands for, as the host's right-click menu reads it.\n * Structural on purpose: design-system knows no entity registry. A host\n * (chat) narrows it to its own `ContextMenuEntityRef`.\n */\nexport interface ItemEntityRef {\n  type?: string | undefined;\n  id?: string | undefined;\n  title?: string | undefined;\n}\n\n// ── Menu entries ────────────────────────────────────────────────────────────\n\ninterface ItemMenuEntryBase {\n  /** Stable identity within the menu. React key + shortcut/debug target. */\n  id: string;\n  label: string;\n  icon?: ItemMenuIcon | undefined;\n  /**\n   * Semantic color class for the icon ONLY (e.g. \"text-amber-500\" for a pin).\n   * Destructive entries use `tone: \"destructive\"`, never an iconClassName.\n   */\n  iconClassName?: string | undefined;\n  /**\n   * Hover text for the entry — never a second line on desktop (Arman,\n   * 2026-10-14: no \"novels\" in menus). A menu is a list of verbs; the only\n   * second line a desktop entry draws is its `disabledReason`. Where nothing\n   * can hover — the phone drawer, a mouse-less tablet — it is the entry's\n   * muted second line.\n   */\n  description?: string | undefined;\n  /**\n   * Short trailing chip, right-aligned on the same line (\"Coming soon\", \"Beta\",\n   * \"Pro\"). This is the RIGHT way to qualify an entry — it costs no height,\n   * unlike `description`. One or two words; it is a tag, not a sentence.\n   */\n  badge?: string | undefined;\n  /** Omit the entry entirely. Builders compute this at config-build time. */\n  hidden?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Why it's disabled — rendered inline (muted) and as a `title` tooltip. */\n  disabledReason?: string | undefined;\n}\n\n/** Visual + semantic severity. Destructive renders text/icon in text-destructive. */\nexport type ItemMenuTone = \"default\" | \"destructive\";\n\nexport interface ItemMenuToast {\n  loading: string;\n  success: string;\n  /** Static message, or derive one from the thrown error. */\n  error?: (string | ((error: unknown) => string)) | undefined;\n}\n\n/** A plain action. The default entry kind. */\nexport interface ItemMenuCommand extends ItemMenuEntryBase {\n  kind?: \"command\" | undefined;\n  tone?: ItemMenuTone | undefined;\n  /**\n   * Runs synchronously in the select handler (preserves the user-gesture\n   * context required by clipboard writes), then the menu closes. If it\n   * returns a Promise AND `toast` is set, the promise is handed to\n   * sonner's `toast.promise`. If it returns a Promise WITHOUT `toast`, it's\n   * fire-and-forget (the action owns its own optimistic update + feedback —\n   * the conversation-thunk pattern). Void → nothing.\n   */\n  onSelect: () => void | Promise<void>;\n  toast?: ItemMenuToast | undefined;\n  /** Display-only shortcut hint, right-aligned (\"⌘D\", \"R\"). Desktop only. */\n  shortcut?: string | undefined;\n  /**\n   * Single character that activates this entry while the menu is open\n   * (Claude Code style: P/R/A/D). Case-insensitive, no modifiers.\n   */\n  shortcutKey?: string | undefined;\n  /**\n   * Declarative hook for host components. ItemRow intercepts `\"rename\"` and\n   * starts its inline rename INSTEAD of running `onSelect`. Standalone\n   * ItemMenu ignores intent and runs `onSelect` (keep a dialog fallback\n   * there for non-row surfaces).\n   */\n  intent?: \"rename\" | undefined;\n}\n\n/**\n * A persistent on/off toggle (Radix CheckboxItem desktop, check glyph in the\n * drawer). Selecting it does NOT close the menu — it's a view option.\n *\n * RESERVED for genuine view options (\"Show timestamps\", \"Compact rows\").\n * State-FLIP actions (Pin/Unpin, Archive/Unarchive) stay plain `command`s\n * whose label+icon the builder swaps from current state.\n */\nexport interface ItemMenuCheckbox extends ItemMenuEntryBase {\n  kind: \"checkbox\";\n  checked: boolean;\n  /** Should be optimistic. Failures are the caller's to toast + revert. */\n  onCheckedChange: (next: boolean) => void | Promise<void>;\n  shortcut?: string | undefined;\n  shortcutKey?: string | undefined;\n}\n\n/** A real <a>. Gives middle-click / cmd-click semantics inside the menu. */\nexport interface ItemMenuLink extends ItemMenuEntryBase {\n  kind: \"link\";\n  href: string;\n  /** \"_blank\" adds rel=\"noopener noreferrer\" automatically. */\n  target?: \"_blank\" | undefined;\n}\n\n/** Nested submenu — Radix Sub on desktop, drill-in view on the drawer. */\nexport interface ItemMenuSubmenu extends ItemMenuEntryBase {\n  kind: \"submenu\";\n  /** Submenu body. Sections render with separators between them. */\n  sections: ItemMenuSection[];\n  /** Embed an existing canonical menu without duplicating its commands. */\n  renderContent?: ((onClose: () => void) => ReactNode) | undefined;\n}\n\nexport type ItemMenuEntry =\n  ItemMenuCommand | ItemMenuCheckbox | ItemMenuLink | ItemMenuSubmenu;\n\n// ── Sections + config ───────────────────────────────────────────────────────\n\nexport interface ItemMenuSection {\n  /** React key. Defaults to `label` ?? index. Provide when label is absent. */\n  id?: string | undefined;\n  /** Optional muted heading (\"Manage\", \"Danger\"). */\n  label?: string | undefined;\n  items: ItemMenuEntry[];\n}\n\nexport interface ItemMenuHeader {\n  /** e.g. the row title. The drawer renders it as DrawerTitle. */\n  title: string;\n  description?: string | undefined;\n}\n\nexport interface ItemMenuConfig {\n  /** Optional header. Desktop renders a muted label row; drawer a real header. */\n  header?: ItemMenuHeader | undefined;\n  /** Separators are derived from section boundaries — never declared. */\n  sections: ItemMenuSection[];\n}\n\n/**\n * Lazy form: invoked when the menu opens, so big lists don't build N configs\n * per render. Either form is accepted anywhere a config is.\n */\nexport type ItemMenuConfigInput = ItemMenuConfig | (() => ItemMenuConfig);\n\n// ── ItemMenu component props ────────────────────────────────────────────────\n\nexport interface ItemMenuProps {\n  config: ItemMenuConfigInput;\n  /** The trigger element — rendered via Radix `asChild` (must accept a ref). */\n  children: ReactNode;\n  /** Dropdown alignment relative to trigger. Default \"end\". */\n  align?: \"start\" | \"center\" | \"end\" | undefined;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\" | undefined;\n  /**\n   * Controlled open state. Pass when a surface opens the menu from outside the\n   * trigger (e.g. whole-row click opens the same kebab menu). Omit for the\n   * default uncontrolled trigger-driven behavior.\n   */\n  open?: boolean | undefined;\n  /** Observe / drive open state (e.g. ItemRow pins the kebab visible while open). */\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  /**\n   * Radix `onCloseAutoFocus` passthrough. ItemRow uses it to move focus into\n   * the rename input instead of back to the kebab. Desktop only.\n   */\n  onCloseAutoFocus?: ((event: Event) => void) | undefined;\n  /** Force presentation. Default: useIsMobile(). For demos/tests. */\n  presentation?: \"auto\" | \"dropdown\" | \"drawer\" | undefined;\n}\n\n/**\n * What the row IS, forwarded to the v3 context menu.\n *\n * This is the slot that was dark. `entity` gates **Attach To** and **Share**\n * inside `MenuContent`; `ItemContextMenu` never passed one, so every consumer\n * of the item system was denied both — not because the capability was missing,\n * but because the wrapper dropped it on the floor. `sourceFeature` was worse\n * than absent: it was hardcoded `\"files\"` for every caller, so a note row's\n * agent launches were attributed to the files feature.\n */\nexport interface ItemMenuSurface {\n  /**\n   * REQUIRED. v3 attributes every shortcut and agent launched from this menu\n   * to it, and the type is a closed registry — there is deliberately no\n   * generic member to hide behind.\n   */\n  sourceFeature: string;\n  /** Registry surface name, when the row's surface has one (AI actions, bound agents). */\n  surfaceName?: string | undefined;\n  /**\n   * The record itself. Present → Attach To. With `resourceType` → Share too.\n   * Omit only when the row does not correspond to a registered entity.\n   */\n  entity?: ItemEntityRef | undefined;\n}\n\nexport interface ItemContextMenuProps extends ItemMenuSurface {\n  config: ItemMenuConfigInput;\n  /** The right-clickable surface (usually the whole row). */\n  children: ReactNode;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  onCloseAutoFocus?: ((event: Event) => void) | undefined;\n  /**\n   * When false, children render bare (no Radix root). ItemRow passes `false`\n   * on touch so long-press doesn't fight scroll + the always-visible kebab.\n   */\n  enabled?: boolean | undefined;\n  /**\n   * Live surface values for the universal menu. A delegated pane menu uses\n   * the same scope builder as its SurfaceRuntimeProvider, so AI actions never\n   * lose the values the surface declares.\n   */\n  getApplicationScope?: (() => unknown) | undefined;\n  /**\n   * ONE-MENU-PER-PANE delegation. Resolve the clicked row's existing kebab\n   * config and per-row context from the event target at open time.\n   */\n  resolveItemOnOpen?: (target: HTMLElement | null) => {\n    config: ItemMenuConfigInput;\n    context?: unknown | undefined;\n  } | null;\n}\n\n// ── ItemRow props ───────────────────────────────────────────────────────────\n\nexport interface ItemRowRename {\n  /** Text being renamed. Defaults to `label`. */\n  value?: string | undefined;\n  onCommit: (next: string) => void | Promise<void>;\n  validate?: ((next: string) => string | null) | undefined;\n  emptyFallback?: string | undefined;\n  maxLength?: number | undefined;\n  /** Allow double-click on the row to start renaming. Default true. */\n  doubleClick?: boolean | undefined;\n}\n\nexport interface ItemRowDisclosure {\n  /** Whether the sub-list is showing (sets `aria-expanded`). */\n  open: boolean;\n  onToggle: () => void;\n  /** Screen-reader name; absent = \"Expand <label>\" / \"Collapse <label>\". */\n  ariaLabel?: string | undefined;\n}\n\nexport type ItemRowSize = \"xs\" | \"sm\" | \"md\" | \"lg\"; // h-6 nested sub-row (muted) / h-7 / h-8 (default) / h-10\n\nexport interface ItemRowProps extends ItemMenuSurface {\n  label: string;\n  /** Muted, never masked; sits between label and trailing indicators. */\n  secondaryLabel?: string | undefined;\n  /**\n   * The most room the secondary label may take before it truncates (the label keeps the rest).\n   * \"half\" (default) or \"third\" — for a secondary that only explains the row (a search reason).\n   */\n  secondaryShare?: \"half\" | \"third\" | undefined;\n  /**\n   * A second line under the label (a record's owner, path or snippet). The row\n   * grows to two lines; the label keeps its fade, the subtitle is cut with an ellipsis.\n   */\n  subtitle?: ReactNode;\n  /**\n   * Controls at the row's trailing edge, OUTSIDE the row's link/button (so a\n   * button here is never nested in the row's own control). With `actions`, the\n   * kebab sits in the same group instead of floating over the label.\n   */\n  actions?: ReactNode;\n  /** A control before the row's link/button (a selection checkbox), outside it. */\n  leadingControl?: ReactNode;\n  /**\n   * The row folds a sub-list (a conversation's helpers, a folder's children). THE DISCLOSURE IS ON\n   * THE RIGHT (Arman, 2026-10-23: \"CHEVRONS DO NOT GO ON THE LEFT SIDE of things\"): a chevron button\n   * at the row's trailing edge, outside the row's link, after the trailing indicators; the label\n   * keeps the column's one left edge. Never draw a chevron in `leading`.\n   */\n  disclosure?: ItemRowDisclosure | undefined;\n  /**\n   * Keep the disclosure's trailing room even with no `disclosure` — pass it on the plain rows that\n   * sit among disclosure rows so every row's trailing meta (time) ends on one right edge.\n   */\n  reserveDisclosure?: boolean | undefined;\n  /** Icon / status-dot slot. Fixed-width content recommended (size-4). */\n  leading?: ReactNode;\n  /**\n   * Indicator slot (star, streaming dot). Sits at the right edge at rest and\n   * glides LEFT (translate) when the kebab is revealed. Never masked.\n   */\n  trailing?: ReactNode;\n  /**\n   * Meta shown only while the row is hovered, keyboard-focused or its menu is open (a chat's\n   * relative time). At rest it takes no room, so `trailing` keeps the right edge. Always shown on\n   * touch, where the kebab is always shown too.\n   */\n  trailingOnHover?: ReactNode;\n  active?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Navigation mode — renders next/link as the row's primary element. */\n  href?: string | undefined;\n  /** Click mode — renders a <button> primary. Ignored while renaming. */\n  onOpen?: (() => void) | undefined;\n  /**\n   * Only meaningful alongside `href`. By default a plain click navigates to\n   * `href` and `onOpen` runs as a side effect (close a popover, etc.). When\n   * `true`, a plain left-click instead calls `onOpen` and PREVENTS navigation —\n   * for self-contained surfaces (drawers, embedded panels) that open the target\n   * in place rather than routing the page away. The `href` is kept so\n   * modifier/middle-click still opens it in a new tab and \"Copy link\" still\n   * works. Default false.\n   */\n  openInPlace?: boolean | undefined;\n  /** Kebab + right-click menu. Omit for menu-less rows. */\n  menu?: ItemMenuConfigInput | undefined;\n  /**\n   * `sourceFeature` / `surfaceName` / `entity` (inherited from\n   * `ItemMenuSurface`) are forwarded to the right-click menu. **Pass `entity`**\n   * — it is what turns Attach To and Share on, and every row that omits it\n   * ships a menu missing two doors the platform already has.\n   */\n  /** Inline rename. Enables double-click + the `intent: \"rename\"` contract. */\n  rename?: ItemRowRename | undefined;\n  size?: ItemRowSize | undefined; // default \"md\"\n  /** Tree depth. padding-inline-start = 8px + indent * 16px. */\n  indent?: number | undefined;\n  /** Accessible label for the kebab. Default `Options for ${label}`. */\n  kebabAriaLabel?: string | undefined;\n  /**\n   * Suppress ItemRow's own right-click menu (the kebab keeps the config).\n   * Set when the host wraps the row in the universal v3 context menu\n   * (`features/context-menu-v3`) so right-click belongs to ONE system.\n   */\n  disableContextMenu?: boolean | undefined;\n  className?: string | undefined;\n}\n\n// ── Type guards ─────────────────────────────────────────────────────────────\n\nexport function isCommand(entry: ItemMenuEntry): entry is ItemMenuCommand {\n  return entry.kind === undefined || entry.kind === \"command\";\n}\nexport function isCheckbox(entry: ItemMenuEntry): entry is ItemMenuCheckbox {\n  return entry.kind === \"checkbox\";\n}\nexport function isLink(entry: ItemMenuEntry): entry is ItemMenuLink {\n  return entry.kind === \"link\";\n}\nexport function isSubmenu(entry: ItemMenuEntry): entry is ItemMenuSubmenu {\n  return entry.kind === \"submenu\";\n}\n\nexport function resolveItemMenuConfig(\n  input: ItemMenuConfigInput,\n): ItemMenuConfig {\n  return typeof input === \"function\" ? input() : input;\n}\n","\"use client\";\n\n/**\n * The host seam for the item system (ItemRow / ItemMenu). A host may override\n * it, never NEED to: without a provider the row's right-click opens the same\n * menu config in design-system's own context menu, and a promised command's\n * failure is reported to the console instead of a toast.\n *\n * - `ContextMenu` — the host's universal right-click menu around a row (the\n *   website / chat mount the v3 menu here, which adds Copy, agents, Attach To,\n *   Share). It receives the full `ItemContextMenuProps`.\n * - `toastPromise` — the host's promise toast (sonner's `toast.promise` shape).\n */\n\nimport * as React from \"react\";\nimport type { ItemContextMenuProps, ItemMenuToast } from \"./types\";\n\nexport interface ItemToastPromise {\n  (\n    promise: Promise<unknown>,\n    messages: { loading: string; success: string; error: (error: unknown) => string },\n  ): void;\n}\n\nexport interface ItemMenuHost {\n  ContextMenu?: React.ComponentType<ItemContextMenuProps>;\n  toastPromise?: ItemToastPromise;\n}\n\nconst HOST_KEY = Symbol.for(\"@ai-matrx/design-system/item-menu-host\");\ntype HostRegistry = Record<symbol, React.Context<ItemMenuHost | null> | undefined>;\nconst hostRegistry = globalThis as unknown as HostRegistry;\nconst ItemMenuHostContext: React.Context<ItemMenuHost | null> =\n  hostRegistry[HOST_KEY] ??\n  (hostRegistry[HOST_KEY] = React.createContext<ItemMenuHost | null>(null));\n\n/** Mount once at the host's app root. */\nexport function ItemMenuHostProvider({\n  host,\n  children,\n}: {\n  host: ItemMenuHost;\n  children: React.ReactNode;\n}) {\n  return <ItemMenuHostContext.Provider value={host}>{children}</ItemMenuHostContext.Provider>;\n}\n\nexport function useItemMenuHost(): ItemMenuHost | null {\n  return React.useContext(ItemMenuHostContext);\n}\n\nexport type { ItemMenuToast };\n","/**\n * Action dispatch for ItemMenu entries — shared by the kebab/dropdown\n * renderer (ItemMenu.tsx), the drawer, the default right-click menu and any\n * host's right-click converter, so command/toggle semantics (sync-in-gesture\n * execution, promise toast, fire-and-forget promise swallow) can never drift\n * between presentations.\n */\n\nimport type { ItemToastPromise } from \"./host\";\nimport type { ItemMenuCheckbox, ItemMenuCommand } from \"./types\";\n\nexport function runCommand(entry: ItemMenuCommand, toastPromise?: ItemToastPromise) {\n  const result = entry.onSelect();\n  if (result instanceof Promise) {\n    if (entry.toast && toastPromise) {\n      const { loading, success, error } = entry.toast;\n      toastPromise(result, {\n        loading,\n        success,\n        error: (e) =>\n          typeof error === \"function\"\n            ? error(e)\n            : (error ?? \"Something went wrong\"),\n      });\n    } else if (entry.toast) {\n      // No host toaster: the failure still announces itself.\n      result.catch((e) => console.error(`[ItemMenu] \"${entry.label}\" failed`, e));\n    } else {\n      result.catch(() => {});\n    }\n  }\n}\n\nexport function runToggle(entry: ItemMenuCheckbox, next: boolean) {\n  const result = entry.onCheckedChange(next);\n  if (result instanceof Promise) result.catch(() => {});\n}\n","\"use client\";\n\n/**\n * Checkbox — Radix checkbox, and the indeterminate ruling that came with it.\n *\n * RADIX RENDERS THE INDICATOR FOR BOTH `checked` AND `\"indeterminate\"`. The\n * stock shadcn body puts a full check inside it either way, so a half-selected\n * \"select all\" tells the user every row is selected — a screen stating\n * something false. The two states get different glyphs here, always.\n *\n * `size` carries the two boxes the hosts had forked into: matrx-frontend's\n * dense 14px control and the stock 16px one.\n */\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { RadixCheckIcon, DividerHorizontalIcon } from \"./icons\";\n\nexport type CheckboxSize = \"sm\" | \"md\";\n\nconst CHECKBOX_SIZES: Record<CheckboxSize, { root: string; glyph: string }> = {\n  sm: { root: \"h-3.5 w-3.5 rounded-xs\", glyph: \"h-3 w-3\" },\n  md: { root: \"h-4 w-4 rounded-sm\", glyph: \"h-3.5 w-3.5\" },\n};\n\nexport interface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {\n  /** Box size. Default `md` (the stock 16px control); `sm` is the dense 14px one. */\n  size?: CheckboxSize;\n}\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size = \"md\", ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    data-slot=\"checkbox\"\n    className={cn(\n      \"peer shrink-0 border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground\",\n      CHECKBOX_SIZES[size].root,\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      data-slot=\"checkbox-indicator\"\n      className=\"flex items-center justify-center text-current\"\n    >\n      {props.checked === \"indeterminate\" ? (\n        <DividerHorizontalIcon className={CHECKBOX_SIZES[size].glyph} />\n      ) : (\n        <RadixCheckIcon className={CHECKBOX_SIZES[size].glyph} />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n","/**\n * THE MAC TABLE — the one set of values every table and record list draws with (2026-10-17).\n *\n * Arman: \"I love the mac table … we have to create rules to somehow keep them identical.\"\n * These are AppKit's own numbers, as the desktop standard (`desktop/desktop.css`) draws them for\n * `DataTable` and `ListRow`: NSTableView's 24 pt rows under a 22 pt header, 13 pt body, 12 pt\n * header labels, the alternating stripe, the hairline, the unemphasised and the accent selection.\n *\n * Three places read them and a guard (`mac-table-parity.test.ts`) fails the moment any drifts:\n *   - `desktop/desktop.css` (the desktop app's `DataTable`, `ListRow`): its `--mx-*` values;\n *   - `mac-table.css` (the web's `LiteTable` and `RecordList`): its `--mac-*` values;\n *   - `LiteTable` / `RecordList` themselves: the slot names and the density → row height map.\n * Change a value HERE first, then in both sheets; the guard says which one is behind.\n */\n\n/** Geometry, in CSS px (1 pt = 1 px on the web, as in a WebView at 1×). */\nexport const MAC_TABLE_SIZE = {\n  /** NSTableView row at 13 pt (Activity Monitor). desktop.css `--mx-row-table`. */\n  row: 24,\n  /** Finder's list view, small icons. desktop.css `[data-row-size=\"small\"]`. */\n  rowSmall: 20,\n  /** A roomy row: desktop.css `--spacing-row-compact` … `--spacing-row` (36). */\n  rowLarge: 36,\n  /** NSTableHeaderView. desktop.css `--mx-table-header`. */\n  header: 22,\n  /** A cell's leading and trailing padding (`px-3`). */\n  cellPaddingX: 12,\n  /** Rows sit this far in from the table's edges (NSTableView .inset). desktop.css `--mx-table-inset`. */\n  inset: 10,\n  /** A row's corner (the stripe and the selection are rounded). desktop.css `--mx-radius-row`. */\n  rowRadius: 5,\n  /** A grouped box (System Settings). desktop.css `--mx-radius-group`. */\n  groupRadius: 12,\n  /** A list row (desktop `ListRow`: `min-h-row`). desktop.css `--spacing-row`. */\n  listRow: 36,\n  /** A list row's corner (desktop `ListRow`: `rounded-control`). desktop.css `--mx-radius-control`. */\n  listRowRadius: 7,\n  /** A list row's padding (desktop `ListRow`: `px-2 py-1`). */\n  listRowPaddingX: 8,\n  listRowPaddingY: 4,\n} as const;\n\n/**\n * THE CHROME AROUND A MAC TABLE (lane mac-chrome, 2026-10-19). Arman: \"now that the table itself is\n * so beautiful … all the things that go along with it [need] that same sort of delicate, beautiful,\n * clean look.\" Everything `look=\"mac\"` draws around its rows — the toolbar (search, view tabs,\n * filter / columns / copy), the scope bar, the coverage line, facets, the group bands, the\n * selection bar, the footer (pager, page size, count, totals), empty / loading / error, the row\n * actions, the View window and the phone cards — reads ONLY these, through `mac-table.css`'s\n * `--mac-*` properties; `controls.css`'s Mac scale sizes the `/controls` family from them.\n * AppKit's control sizes: mini/small (20), regular (22), large (28) — one per table density.\n */\nexport const MAC_CHROME_SIZE = {\n  /** A control's visible height per density (NSControl small / regular / large). */\n  control: { condensed: 20, normal: 22, spacious: 28 },\n  /** A control's label size per density (11 / 12 / 13 pt: AppKit's small / regular / large). */\n  controlLabel: { condensed: 11, normal: 12, spacious: 13 },\n  /** A control's glyph per density (SF Symbols at the label's scale). */\n  controlGlyph: { condensed: 12, normal: 14, spacious: 16 },\n  /** A control's text inset from its edge. */\n  controlInset: 8,\n  /** The space between neighbouring controls (each carries half). */\n  controlGap: 4,\n  /** The space between the chrome's rows (toolbar, scope bar, notice, table, footer). */\n  chromeGap: 6,\n  /** The table's frame corner. */\n  frameRadius: 10,\n  /** A hairline. */\n  hairline: 1,\n  /** A row action's button (20 pt) and its glyph; the spacious row's (28 pt) and its glyph. */\n  rowAction: 20,\n  rowActionGlyph: 14,\n  rowActionLarge: 28,\n  rowActionLargeGlyph: 16,\n  /** The checkbox (NSButton checkbox, regular) and its corner. */\n  checkbox: 14,\n  checkboxRadius: 4,\n  /** A phone record card's block padding, and the gaps of its label / value grid. */\n  cardPaddingY: 8,\n  cardFactsGapX: 12,\n  cardFactsGapY: 2,\n  cardFactsTop: 4,\n  /** A phone card title's narrowest width before its row actions wrap under it (lane mac-fixes). */\n  cardTitleMin: 220,\n  /** The footer's height (the pager row). */\n  footer: 28,\n  /** A skeleton bar (loading) and its corner. */\n  skeleton: 10,\n  skeletonRadius: 3,\n  /** The space inside an empty / error state, above and below. */\n  stateY: 24,\n} as const;\n\n/** The chrome's type: meta text (footer count, coverage line, counts) and titles. */\nexport const MAC_CHROME_TYPE = {\n  /** 11 pt meta text (Finder's status bar \"12 items, 1 TB available\"). */\n  metaSize: 11,\n  metaLine: 14,\n  /** A title (the toolbar's \"Jobs\", a group band, an empty state's line): the body size, semibold. */\n  titleWeight: 600,\n} as const;\n\n/** The chrome's colors: the notice ink (systemOrange, legible on the content color). */\nexport const MAC_CHROME_COLORS = {\n  light: { notice: \"rgb(140 70 0)\", fill: \"rgb(0 0 0 / 0.05)\" },\n  dark: { notice: \"rgb(255 179 64)\", fill: \"rgb(255 255 255 / 0.08)\" },\n} as const;\n\n/** mac-table.css custom property ↔ chrome size token (density-keyed ones are `-small` / `` / `-large`). */\nexport const MAC_CHROME_CSS = {\n  controlInset: \"--mac-control-inset\",\n  controlGap: \"--mac-control-gap\",\n  chromeGap: \"--mac-chrome-gap\",\n  frameRadius: \"--mac-frame-radius\",\n  hairline: \"--mac-hairline\",\n  rowAction: \"--mac-row-action\",\n  rowActionGlyph: \"--mac-row-action-glyph\",\n  rowActionLarge: \"--mac-row-action-large\",\n  rowActionLargeGlyph: \"--mac-row-action-large-glyph\",\n  checkbox: \"--mac-checkbox\",\n  checkboxRadius: \"--mac-checkbox-radius\",\n  cardPaddingY: \"--mac-card-y\",\n  cardFactsGapX: \"--mac-card-facts-x\",\n  cardFactsGapY: \"--mac-card-facts-y\",\n  cardFactsTop: \"--mac-card-facts-top\",\n  cardTitleMin: \"--mac-card-title-min\",\n  footer: \"--mac-footer\",\n  skeleton: \"--mac-skeleton\",\n  skeletonRadius: \"--mac-skeleton-radius\",\n  stateY: \"--mac-state-y\",\n} as const satisfies Record<Exclude<keyof typeof MAC_CHROME_SIZE, \"control\" | \"controlLabel\" | \"controlGlyph\">, string>;\n\n/** Apple's text styles the table uses. desktop.css `--text-body`, `--text-table-header`. */\nexport const MAC_TABLE_TYPE = {\n  bodySize: 13,\n  bodyLineHeight: 16,\n  headerSize: 12,\n  headerLineHeight: 15,\n  headerWeight: 400,\n  /** The sorted column's header (Activity Monitor's % CPU). */\n  sortedHeaderWeight: 600,\n  /** The platform's system font (SF Pro on macOS, Segoe UI on Windows, system-ui on Linux). */\n  fontFamily: '-apple-system, BlinkMacSystemFont, \"SF Pro\", \"SF Pro Text\", \"Segoe UI Variable Text\", \"Segoe UI\", system-ui, sans-serif',\n} as const;\n\nexport interface MacTableColors {\n  /** labelColor */\n  label: string;\n  /** secondaryLabelColor */\n  labelSecondary: string;\n  /** tertiaryLabelColor (a dimmed row) */\n  labelTertiary: string;\n  /** separatorColor */\n  separator: string;\n  /** alternatingContentBackgroundColors[1]: the stripe */\n  stripe: string;\n  /** secondarySystemFill: the pointer over an opening row */\n  hover: string;\n  /** controlBackgroundColor: behind the table and its header */\n  content: string;\n  /** System Settings' grouped box */\n  group: string;\n  /** The selected row while the table has focus. On the web it is OUR brand color (Arman,\n   *  2026-10-18: the selected row uses the primary, never Apple's blue); the desktop app keeps the\n   *  person's own macOS accent (`--os-selection`), so these three are not compared with desktop.css. */\n  selection: string;\n  selectionLabel: string;\n  /** unemphasizedSelectedContentBackgroundColor: the selected row otherwise */\n  selectionMuted: string;\n}\n\n/** The colors, light and dark — desktop.css `--mx-*` (`:root` and `.dark`). */\nexport const MAC_TABLE_COLORS: { light: MacTableColors; dark: MacTableColors } = {\n  light: {\n    label: \"rgb(0 0 0 / 0.847)\",\n    labelSecondary: \"rgb(0 0 0 / 0.58)\",\n    labelTertiary: \"rgb(0 0 0 / 0.259)\",\n    separator: \"rgb(0 0 0 / 0.098)\",\n    stripe: \"rgb(0 0 0 / 0.043)\",\n    hover: \"rgb(0 0 0 / 0.078)\",\n    content: \"#ffffff\",\n    group: \"rgb(0 0 0 / 0.031)\",\n    selection: \"hsl(var(--primary))\",\n    selectionLabel: \"hsl(var(--primary-foreground))\",\n    selectionMuted: \"hsl(var(--primary) / 0.26)\",\n  },\n  dark: {\n    label: \"rgb(255 255 255 / 0.847)\",\n    labelSecondary: \"rgb(255 255 255 / 0.6)\",\n    labelTertiary: \"rgb(255 255 255 / 0.247)\",\n    separator: \"rgb(255 255 255 / 0.098)\",\n    stripe: \"rgb(255 255 255 / 0.047)\",\n    hover: \"rgb(255 255 255 / 0.078)\",\n    content: \"#1e1e1e\",\n    group: \"rgb(255 255 255 / 0.047)\",\n    selection: \"hsl(var(--primary))\",\n    selectionLabel: \"hsl(var(--primary-foreground))\",\n    selectionMuted: \"hsl(var(--primary) / 0.42)\",\n  },\n};\n\n/** The selection colors: brand primary on the web, the OS accent in the desktop app. */\nexport const WEB_ONLY_COLORS: ReadonlyArray<keyof MacTableColors> = [\"selection\", \"selectionLabel\", \"selectionMuted\"];\n\n/** desktop.css custom property ↔ token, for the parity guard. */\nexport const DESKTOP_CSS_COLOR_NAMES: Record<keyof MacTableColors, string> = {\n  label: \"--mx-label\",\n  labelSecondary: \"--mx-label-secondary\",\n  labelTertiary: \"--mx-label-tertiary\",\n  separator: \"--mx-separator\",\n  stripe: \"--mx-fill\",\n  hover: \"--mx-fill-secondary\",\n  content: \"--mx-content\",\n  group: \"--mx-group\",\n  selection: \"--mx-selection\",\n  selectionLabel: \"--mx-selection-label\",\n  selectionMuted: \"--mx-selection-muted\",\n};\n\n/** mac-table.css custom property ↔ token. */\nexport const MAC_CSS_COLOR_NAMES: Record<keyof MacTableColors, string> = {\n  label: \"--mac-label\",\n  labelSecondary: \"--mac-label-secondary\",\n  labelTertiary: \"--mac-label-tertiary\",\n  separator: \"--mac-separator\",\n  stripe: \"--mac-stripe\",\n  hover: \"--mac-hover\",\n  content: \"--mac-content\",\n  group: \"--mac-group\",\n  selection: \"--mac-selection\",\n  selectionLabel: \"--mac-selection-label\",\n  selectionMuted: \"--mac-selection-muted\",\n};\n\n/**\n * The DOM vocabulary of a Mac table: the SAME `data-slot` names the desktop `DataTable` draws, so\n * one stylesheet's rules read the same markup in every app.\n */\nexport const MAC_TABLE_SLOTS = {\n  table: \"data-table\",\n  header: \"data-table-header\",\n  row: \"data-table-row\",\n} as const;\n\n/** The attribute that puts a web table / list under `mac-table.css`. */\nexport const MAC_TABLE_ATTRIBUTE = \"data-mac-table\";\nexport const MAC_LIST_ATTRIBUTE = \"data-mac-list\";\n\n/** `LiteTable`'s densities → Finder's small, AppKit's regular, a roomy row. */\nexport const MAC_ROW_HEIGHT_BY_DENSITY = {\n  condensed: MAC_TABLE_SIZE.rowSmall,\n  normal: MAC_TABLE_SIZE.row,\n  spacious: MAC_TABLE_SIZE.rowLarge,\n} as const;\n\n/**\n * MEANING STAYS UNDER THE MAC LOOK (lane mac-fixes, 2026-10-19). A column's `tone` (danger /\n * warning / success) and a row's or a cell's color (`tableStyle`) say WHY a value matters, so the\n * Mac look keeps them — quieter, never gone. Tones are AppKit's legible system inks at the body\n * weight (muted reads `--mac-label-secondary`); a tint is the system hue as a translucent wash over\n * the content color, a cell a shade stronger than its row. mac-table.css declares each one as\n * `--mac-tone-<tone>`, `--mac-tint-<color>` and `--mac-cell-tint-<color>` (light + dark).\n */\nexport const MAC_TONE_COLORS = {\n  light: { danger: \"rgb(178 0 16)\", warning: \"rgb(140 70 0)\", success: \"rgb(22 100 44)\" },\n  dark: { danger: \"rgb(255 145 138)\", warning: \"rgb(255 179 64)\", success: \"rgb(48 219 91)\" },\n} as const;\n\n/** The system hue of every `StyleColor` (table-style.ts), light and dark, as \"r g b\". */\nexport const MAC_TINT_HUES = {\n  light: {\n    slate: \"100 116 139\", green: \"52 199 89\", amber: \"255 170 0\", red: \"255 59 48\",\n    blue: \"0 122 255\", violet: \"175 82 222\", teal: \"48 176 199\", orange: \"255 149 0\",\n    yellow: \"255 204 0\", pink: \"255 45 85\", brown: \"162 132 94\", gray: \"142 142 147\",\n  },\n  dark: {\n    slate: \"148 163 184\", green: \"48 209 88\", amber: \"255 184 0\", red: \"255 69 58\",\n    blue: \"10 132 255\", violet: \"191 90 242\", teal: \"64 200 224\", orange: \"255 159 10\",\n    yellow: \"255 214 10\", pink: \"255 55 95\", brown: \"172 142 104\", gray: \"152 152 157\",\n  },\n} as const;\n\n/** How strong a wash is: a row whispers, a highlighted cell reads against a highlighted row. */\nexport const MAC_TINT_ALPHA = {\n  light: { row: 0.12, cell: 0.24 },\n  dark: { row: 0.18, cell: 0.3 },\n} as const;\n\n/** `rgb(r g b / a)` for a hue and a wash — the exact text mac-table.css declares. */\nexport function macTint(theme: \"light\" | \"dark\", color: keyof typeof MAC_TINT_HUES.light, wash: \"row\" | \"cell\"): string {\n  return `rgb(${MAC_TINT_HUES[theme][color]} / ${MAC_TINT_ALPHA[theme][wash]})`;\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime","React","import_jsx_runtime","ErrorBox","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_react_slot","React","React","React","import_jsx_runtime","React","import_react","import_jsx_runtime","React","React","import_jsx_runtime","import_jsx_runtime","React","import_jsx_runtime","import_jsx_runtime","Button","Textarea","import_media_query","import_react","import_jsx_runtime","result","import_react","import_react","import_react","import_jsx_runtime","import_react_slot","React","import_jsx_runtime","React","DropdownMenuPrimitive","ContextMenuPrimitive","React","import_jsx_runtime","import_jsx_runtime","MenuLookContent","MenuLookSubContent","MenuLookContextContent","MenuLookContextSubContent","Item","MenuLookItem","SubTrigger","MenuLookSubTrigger","CheckboxItem","MenuLookCheckboxItem","RadioItem","MenuLookRadioItem","Label","MenuLookLabel","Separator","MenuLookSeparator","DropdownMenuPrimitive","ContextMenuPrimitive","MenuLookPanel","MenuLookPopoverContent","MenuLookPanelItem","MenuLookPanelControlRow","MenuLookSearch","import_react","React","import_react_slot","React","import_jsx_runtime","registry","React","import_jsx_runtime","CONTEXT_SLOT","contextRegistry","import_jsx_runtime","DrawerPrimitive","import_jsx_runtime","React","import_jsx_runtime","hostRegistry","import_jsx_runtime","import_jsx_runtime","Button","React","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../src/record-list/index.ts","../src/record-list/RecordList.tsx","../src/icons.tsx","../src/button.tsx","../src/cn.ts","../src/error-box.tsx","../src/error-notice.tsx","../src/read-state/reload-page-button.tsx","../src/read-state/read-failure.tsx","../src/read-state/stale-data-notice.tsx","../src/read-state/read-gate.tsx","../src/read-state/list-empty-view.tsx","../src/item/ItemRow.tsx","../src/controls/controls.tsx","../src/dropdown-menu.tsx","../src/motion.ts","../src/solid-surface.ts","../src/portal-container.tsx","../src/menu-scroll-edges.tsx","../src/use-scroll-fade.ts","../src/submenu-focus.ts","../src/submenu-side.tsx","../src/focus-return.ts","../src/field-surface.ts","../src/textarea.tsx","../src/editable-label.tsx","../src/tap-target/link.ts","../src/item/ItemMenu.tsx","../src/content-transfer/icon.ts","../src/table-host/host.tsx","../src/table-host/row-drawing.ts","../src/context-menu.tsx","../src/controls/menu-look.tsx","../src/popover.tsx","../src/item/ItemMenuDrawer.tsx","../src/drawer.tsx","../src/floating-layer.tsx","../src/radix-dialog-modal-context.tsx","../src/item/types.ts","../src/item/host.tsx","../src/item/run-entry.ts","../src/checkbox.tsx","../src/mac-table/tokens.ts"],"sourcesContent":["\"use client\";\n\n/**\n * @ai-matrx/design-system/record-list — the light record list: `ItemRow`s with\n * the read states, selection and keyboard navigation. Never imports the data table.\n */\nexport { RecordList, type RecordListProps } from \"./RecordList\";\nexport { ItemRow } from \"../item/ItemRow\";\nexport type { ItemEntityRef, ItemMenuConfig, ItemMenuConfigInput, ItemRowProps, ItemRowSize } from \"../item/types\";\nexport { readOf, type ReadOutcome } from \"../read-state/read-gate\";\n","\"use client\";\n\n/**\n * RecordList — THE LIGHT RECORD LIST (2026-10-17). A list of records, each an\n * `ItemRow`: title, an optional second line, muted meta, leading icon,\n * trailing indicators, actions and the row's menu; a row that links or opens;\n * optional selection (checkboxes) and a current row; arrow-key navigation; and\n * the honest read states (`read` / `ReadGate`: the empty view only after a\n * read that succeeded, the failure with its retry, stale rows kept with a notice).\n *\n * Use it instead of mapping bordered hover `<div>`s. When a list needs columns,\n * sorting or filters, it is a table: `LiteTable`, then `MatrxDataTable`.\n *\n * THE MAC LIST (2026-10-17): its rows wear the desktop app's `ListRow` — 36 pt, 13 pt title and\n * secondary line, a 7 pt corner, the pointer's fill, the gray selection (the accent while the list\n * has focus); `framed` is System Settings' grouped box with hairlines between. Values from\n * `../mac-table/tokens.ts`, drawn by `mac-table.css`; `mac-table-parity.test.ts` keeps them equal.\n */\n\nimport { useRef, type KeyboardEvent, type ReactNode } from \"react\";\nimport type { MatrxDataTableEmptyState } from \"../data-table/types\";\nimport { ReadEmpty, ReadStaleNotice, type ReadOutcome } from \"../read-state/read-gate\";\nimport { ListEmptyView } from \"../read-state/list-empty-view\";\nimport { ItemRow } from \"../item/ItemRow\";\nimport type { ItemEntityRef, ItemMenuConfigInput, ItemRowSize } from \"../item/types\";\nimport { Checkbox } from \"../checkbox\";\nimport { cn } from \"../cn\";\nimport { MAC_LIST_ATTRIBUTE } from \"../mac-table/tokens\";\n\nexport interface RecordListProps<T> {\n  items: T[];\n  getKey: (item: T) => string;\n  /** The row's name (plain text: it is also the tooltip and the accessible name). */\n  title: (item: T) => string;\n  /** A second line under the title. */\n  subtitle?: ((item: T) => ReactNode) | undefined;\n  /** Muted text at the trailing edge (a date, a count). */\n  meta?: ((item: T) => string | undefined) | undefined;\n  /** Icon / avatar / status dot before the title. */\n  leading?: ((item: T) => ReactNode) | undefined;\n  /** Indicators inside the row, after the meta (badges, a lock). Never buttons. */\n  trailing?: ((item: T) => ReactNode) | undefined;\n  /** Buttons at the trailing edge, outside the row's own link. */\n  actions?: ((item: T) => ReactNode) | undefined;\n  /** The row's kebab + right-click menu. */\n  menu?: ((item: T) => ItemMenuConfigInput | undefined) | undefined;\n  /** The row's page: the row is a real link (new tab, copy link). */\n  href?: ((item: T) => string | undefined) | undefined;\n  /** Plain click / Enter. With `href`, a side effect unless `openInPlace`. */\n  onOpen?: ((item: T) => void) | undefined;\n  openInPlace?: boolean | undefined;\n  /** The current row (drawn selected). */\n  activeKey?: string | null | undefined;\n  /** Checkbox selection. Present → each row gets a checkbox. */\n  selectedKeys?: readonly string[] | undefined;\n  onSelectedKeysChange?: ((keys: string[]) => void) | undefined;\n  disabled?: ((item: T) => boolean) | undefined;\n  /** The read behind `items`. */\n  read?: ReadOutcome | undefined;\n  emptyState?: MatrxDataTableEmptyState | ReactNode;\n  size?: ItemRowSize | undefined;\n  /** Hairlines between rows inside a bordered box. Default true; false = bare rows (a sidebar). */\n  framed?: boolean | undefined;\n  /** Who owns the rows' menus (the item menu's registry name). */\n  sourceFeature: string;\n  surfaceName?: string | undefined;\n  entity?: ((item: T) => ItemEntityRef | undefined) | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n}\n\nexport function RecordList<T>({\n  items,\n  getKey,\n  title,\n  subtitle,\n  meta,\n  leading,\n  trailing,\n  actions,\n  menu,\n  href,\n  onOpen,\n  openInPlace,\n  activeKey,\n  selectedKeys,\n  onSelectedKeysChange,\n  disabled,\n  read,\n  emptyState = { title: \"Nothing here yet\" },\n  size = \"md\",\n  framed = true,\n  sourceFeature,\n  surfaceName,\n  entity,\n  ariaLabel,\n  className,\n}: RecordListProps<T>) {\n  const listRef = useRef<HTMLUListElement | null>(null);\n\n  if (items.length === 0) {\n    return (\n      <div className={className} data-record-list=\"\" {...{ [MAC_LIST_ATTRIBUTE]: \"\" }}>\n        <ReadEmpty read={read}>\n          <ListEmptyView emptyState={emptyState} />\n        </ReadEmpty>\n      </div>\n    );\n  }\n\n  const selectable = selectedKeys !== undefined;\n  const selected = new Set(selectedKeys ?? []);\n  const toggle = (key: string, on: boolean) => {\n    const next = new Set(selected);\n    if (on) next.add(key);\n    else next.delete(key);\n    onSelectedKeysChange?.(items.map(getKey).filter((k) => next.has(k)));\n  };\n\n  // Up/Down/Home/End move between rows; Enter and Space stay the row's own.\n  const onKeyDown = (event: KeyboardEvent<HTMLUListElement>) => {\n    if (![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)) return;\n    const target = event.target as HTMLElement;\n    if (target.closest(\"input,textarea,[contenteditable=true],[role=menu]\")) return;\n    const rows = Array.from(listRef.current?.querySelectorAll<HTMLElement>(\"[data-item-primary]\") ?? []);\n    const at = rows.findIndex((row) => row === target || row.contains(target) || target.closest(\"li\")?.contains(row));\n    const to =\n      event.key === \"Home\" ? 0 : event.key === \"End\" ? rows.length - 1 : event.key === \"ArrowDown\" ? at + 1 : at - 1;\n    const next = rows[Math.max(0, Math.min(rows.length - 1, to))];\n    if (next) {\n      event.preventDefault();\n      next.focus();\n    }\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)} data-record-list=\"\" {...{ [MAC_LIST_ATTRIBUTE]: \"\" }}>\n      <ReadStaleNotice read={read} />\n      <ul\n        ref={listRef}\n        aria-label={ariaLabel}\n        onKeyDown={onKeyDown}\n        data-mac-list-body=\"\"\n        data-framed={framed ? \"\" : undefined}\n        className={cn(\"flex flex-col\", !framed && \"gap-0.5\")}\n      >\n        {items.map((item) => {\n          const key = getKey(item);\n          const name = title(item);\n          const metaText = meta?.(item);\n          const rowHref = href?.(item);\n          const rowMenu = menu?.(item);\n          const rowEntity = entity?.(item);\n          const rowActions = actions?.(item);\n          const lead = leading?.(item);\n          const trail = trailing?.(item);\n          const sub = subtitle?.(item);\n          return (\n            <li key={key} data-record-key={key}>\n              <ItemRow\n                label={name}\n                sourceFeature={sourceFeature}\n                size={size}\n                active={activeKey === key}\n                {...(metaText ? { secondaryLabel: metaText } : {})}\n                {...(sub != null ? { subtitle: sub } : {})}\n                {...(lead != null ? { leading: lead } : {})}\n                {...(trail != null ? { trailing: trail } : {})}\n                {...(rowActions != null ? { actions: rowActions } : {})}\n                {...(rowMenu ? { menu: rowMenu } : {})}\n                {...(rowHref ? { href: rowHref } : {})}\n                {...(onOpen ? { onOpen: () => onOpen(item) } : {})}\n                {...(openInPlace ? { openInPlace } : {})}\n                {...(disabled?.(item) ? { disabled: true } : {})}\n                {...(surfaceName ? { surfaceName } : {})}\n                {...(rowEntity ? { entity: rowEntity } : {})}\n                {...(selectable\n                  ? {\n                      leadingControl: (\n                        <Checkbox\n                          size=\"sm\"\n                          aria-label={`Select ${name}`}\n                          checked={selected.has(key)}\n                          onCheckedChange={(on) => toggle(key, on === true)}\n                        />\n                      ),\n                    }\n                  : {})}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n","/**\n * Internal inlined SVG icons (policy C19: no icon-library dependency, ever).\n *\n * Each icon is copied from the exact glyph the ported originals rendered:\n * lucide-react's Loader2 / ChevronLeft / ChevronRight / MoreHorizontal and\n * @radix-ui/react-icons' Cross2Icon. Same viewBoxes, same paths, same default\n * stroke geometry — a host swapping the import sees pixel-identical output.\n *\n * Not exported from the package entry; components consume them directly.\n */\n\nimport * as React from \"react\";\n\nexport type IconProps = React.SVGAttributes<SVGSVGElement>;\n\n/**\n * Every lucide glyph carries `lucide-<name>`, the class lucide-react itself renders: THE OPTICAL\n * GLYPH TRIM (tap-target.css) reads the glyph's real air from it, and a caller's own class follows it.\n */\nfunction lucideProps(name: string, { className, ...props }: IconProps): React.SVGAttributes<SVGSVGElement> {\n  return {\n    className: className ? `lucide-${name} ${className}` : `lucide-${name}`,\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2,\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    \"aria-hidden\": true,\n    ...props,\n  };\n}\n\n/**\n * lucide `loader-2` — the spinner glyph. Callers add `matrx-spin`.\n * Never a resting icon: at rest this incomplete arc reads as a broken\n * half-circle. Refresh controls use arrows, then swap to this only while busy.\n */\nexport function Loader2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"loader-circle\", props)}>\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-left`. */\nexport function ChevronLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-left\", props)}>\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-right`. */\nexport function ChevronRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-right\", props)}>\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-down` — the disclosure's open glyph. */\nexport function ChevronDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-down\", props)}>\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `trash-2` (moved from @ai-matrx/agents). */\nexport function Trash2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"trash-2\", props)}>\n      <path d=\"M10 11v6\" />\n      <path d=\"M14 11v6\" />\n      <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n      <path d=\"M3 6h18\" />\n      <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `archive` — the archived-rows glyph (ArchivedDisclosure). */\nexport function ArchiveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"archive\", props)}>\n      <rect width=\"20\" height=\"5\" x=\"2\" y=\"3\" rx=\"1\" />\n      <path d=\"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8\" />\n      <path d=\"M10 12h4\" />\n    </svg>\n  );\n}\n\n/** lucide `more-horizontal` — the kebab/ellipsis glyph. */\nexport function MoreHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"ellipsis\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `check` — the selected-row tick (CreatablePicker). */\nexport function CheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"check\", props)}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-up-down` — the combobox trigger glyph. */\nexport function ChevronsUpDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-up-down\", props)}>\n      <path d=\"m7 15 5 5 5-5\" />\n      <path d=\"m7 9 5-5 5 5\" />\n    </svg>\n  );\n}\n\n/** lucide `external-link` — the manage-in-new-tab glyph. */\nexport function ExternalLinkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"external-link\", props)}>\n      <path d=\"M15 3h6v6\" />\n      <path d=\"M10 14 21 3\" />\n      <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n    </svg>\n  );\n}\n\n/** lucide `lock` — the platform-governed vocabulary glyph. */\nexport function LockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"lock\", props)}>\n      <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n    </svg>\n  );\n}\n\n/** lucide `pencil` — the edit glyph (the table card's Edit action). */\nexport function PencilIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pencil\", props)}>\n      <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" />\n      <path d=\"m15 5 4 4\" />\n    </svg>\n  );\n}\n\n/** lucide `message-square` — a row's comments (records-ui SectionCard). */\nexport function MessageSquareIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"message-square\", props)}>\n      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n    </svg>\n  );\n}\n\n/** lucide `sticky-note` — a row's usage note (records-ui SectionCard). */\nexport function StickyNoteIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sticky-note\", props)}>\n      <path d=\"M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z\" />\n      <path d=\"M15 3v4a2 2 0 0 0 2 2h4\" />\n    </svg>\n  );\n}\n\n/** lucide `minus` — the decrease glyph (NumberStepper). */\nexport function MinusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"minus\", props)}>\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n\n/** lucide `plus` — the create/add glyph. */\nexport function PlusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"plus\", props)}>\n      <path d=\"M5 12h14\" />\n      <path d=\"M12 5v14\" />\n    </svg>\n  );\n}\n\n/** lucide `search` — the magnifier (the `@ai-matrx/design-system/icons` section). */\nexport function SearchIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"search\", props)}>\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"m21 21-4.3-4.3\" />\n    </svg>\n  );\n}\n\n/** lucide `list-filter` — a table's filter button (Mail's and Finder's filter). */\nexport function ListFilterIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"list-filter\", props)}>\n      <path d=\"M3 6h18\" />\n      <path d=\"M7 12h10\" />\n      <path d=\"M10 18h4\" />\n    </svg>\n  );\n}\n\n/** lucide `pin` — pinned state (the `@ai-matrx/design-system/icons` section). */\nexport function PinIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pin\", props)}>\n      <path d=\"M12 17v5\" />\n      <path d=\"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z\" />\n    </svg>\n  );\n}\n\n/** lucide `x` — the dialog close glyph (host dialog module used lucide X). */\nexport function XIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"x\", props)}>\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons components default to width/height 15 — the bare\n * `<ChevronUpIcon />` renders in Select's scroll buttons rely on it.\n */\nfunction radixProps(props: IconProps): React.SVGAttributes<SVGSVGElement> {\n  return {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 15 15\",\n    width: 15,\n    height: 15,\n    fill: \"none\",\n    \"aria-hidden\": true,\n    ...props,\n  };\n}\n\n/** @radix-ui/react-icons `MagnifyingGlassIcon` — the command search glyph. */\nexport function MagnifyingGlassIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `CheckIcon` — the select item indicator glyph. */\nexport function RadixCheckIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons `DividerHorizontalIcon` — the INDETERMINATE checkbox\n * glyph. Radix renders the indicator for both `true` and `\"indeterminate\"`, so\n * a half-selected \"select all\" that shows a full check states something false;\n * the two states get different glyphs on purpose.\n */\nexport function DividerHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `DotFilledIcon` — the menu radio-item indicator. */\nexport function DotFilledIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronRightIcon` — the submenu-trigger glyph. */\nexport function RadixChevronRightIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronDownIcon` — the select trigger/scroll glyph. */\nexport function RadixChevronDownIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `ChevronUpIcon` — the select scroll-up glyph. */\nexport function RadixChevronUpIcon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** @radix-ui/react-icons `Cross2Icon` — the dialog/sheet close glyph. */\nexport function Cross2Icon(props: IconProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      aria-hidden\n      {...props}\n    >\n      <path\n        d=\"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/**\n * @radix-ui/react-icons `DragHandleDots2Icon` — the grip on `ResizableHandle`.\n * Inlined per C19: this package depends on no icon library.\n */\nexport function DragHandleDots2Icon(props: IconProps) {\n  return (\n    <svg {...radixProps(props)}>\n      <path\n        d=\"M4.5 2.5C5.05228 2.5 5.5 2.05228 5.5 1.5C5.5 0.947715 5.05228 0.5 4.5 0.5C3.94772 0.5 3.5 0.947715 3.5 1.5C3.5 2.05228 3.94772 2.5 4.5 2.5ZM4.5 6.5C5.05228 6.5 5.5 6.05229 5.5 5.5C5.5 4.94771 5.05228 4.5 4.5 4.5C3.94772 4.5 3.5 4.94771 3.5 5.5C3.5 6.05229 3.94772 6.5 4.5 6.5ZM5.5 9.5C5.5 10.0523 5.05228 10.5 4.5 10.5C3.94772 10.5 3.5 10.0523 3.5 9.5C3.5 8.94771 3.94772 8.5 4.5 8.5C5.05228 8.5 5.5 8.94771 5.5 9.5ZM4.5 14.5C5.05228 14.5 5.5 14.0523 5.5 13.5C5.5 12.9477 5.05228 12.5 4.5 12.5C3.94772 12.5 3.5 12.9477 3.5 13.5C3.5 14.0523 3.94772 14.5 4.5 14.5ZM11.5 1.5C11.5 2.05228 11.0523 2.5 10.5 2.5C9.94771 2.5 9.5 2.05228 9.5 1.5C9.5 0.947715 9.94771 0.5 10.5 0.5C11.0523 0.5 11.5 0.947715 11.5 1.5ZM10.5 6.5C11.0523 6.5 11.5 6.05229 11.5 5.5C11.5 4.94771 11.0523 4.5 10.5 4.5C9.94771 4.5 9.5 4.94771 9.5 5.5C9.5 6.05229 9.94771 6.5 10.5 6.5ZM11.5 9.5C11.5 10.0523 11.0523 10.5 10.5 10.5C9.94771 10.5 9.5 10.0523 9.5 9.5C9.5 8.94771 9.94771 8.5 10.5 8.5C11.0523 8.5 11.5 8.94771 11.5 9.5ZM10.5 14.5C11.0523 14.5 11.5 14.0523 11.5 13.5C11.5 12.9477 11.0523 12.5 10.5 12.5C9.94771 12.5 9.5 12.9477 9.5 13.5C9.5 14.0523 9.94771 14.5 10.5 14.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\n/** lucide `star` — the saved-organization badge (OrganizationPicker). */\nexport function StarIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"star\", props)}>\n      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\" />\n    </svg>\n  );\n}\n\n/** lucide `building-2` — the organization glyph (OrganizationPicker trigger). */\nexport function Building2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"building-2\", props)}>\n      <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\" />\n      <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\" />\n      <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\" />\n      <path d=\"M10 6h4\" />\n      <path d=\"M10 10h4\" />\n      <path d=\"M10 14h4\" />\n      <path d=\"M10 18h4\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-left` — the sidebar toggle glyph. */\nexport function PanelLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-left\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `ellipsis-vertical` — a panel's \"more\" menu. */\nexport function MoreVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"ellipsis-vertical\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"12\" cy=\"5\" r=\"1\" />\n      <circle cx=\"12\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `maximize-2` — expand a panel. */\nexport function Maximize2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"maximize-2\", props)}>\n      <path d=\"M15 3h6v6\" />\n      <path d=\"m21 3-7 7\" />\n      <path d=\"m3 21 7-7\" />\n      <path d=\"M9 21H3v-6\" />\n    </svg>\n  );\n}\n\n/** lucide `minimize-2` — restore an expanded panel. */\nexport function Minimize2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"minimize-2\", props)}>\n      <path d=\"m14 10 7-7\" />\n      <path d=\"M20 10h-6V4\" />\n      <path d=\"m3 21 7-7\" />\n      <path d=\"M4 14h6v6\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-left`. */\nexport function ArrowLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-left\", props)}>\n      <path d=\"m12 19-7-7 7-7\" />\n      <path d=\"M19 12H5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-right`. */\nexport function ArrowRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-right\", props)}>\n      <path d=\"M5 12h14\" />\n      <path d=\"m12 5 7 7-7 7\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up` — the swipe deck's up edge. */\nexport function ArrowUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up\", props)}>\n      <path d=\"m5 12 7-7 7 7\" />\n      <path d=\"M12 19V5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-down` — the swipe deck's down edge. */\nexport function ArrowDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-down\", props)}>\n      <path d=\"M12 5v14\" />\n      <path d=\"m19 12-7 7-7-7\" />\n    </svg>\n  );\n}\n\n/** lucide `undo-2` — take back the last change. */\nexport function Undo2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"undo-2\", props)}>\n      <path d=\"M9 14 4 9l5-5\" />\n      <path d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\" />\n    </svg>\n  );\n}\n\n/** lucide `eraser` — forget a marked part. */\nexport function EraserIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"eraser\", props)}>\n      <path d=\"m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21\" />\n      <path d=\"M22 21H7\" />\n      <path d=\"m5 11 9 9\" />\n    </svg>\n  );\n}\n\n/** lucide `rotate-cw` — reload. */\nexport function RotateCwIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rotate-cw\", props)}>\n      <path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\" />\n      <path d=\"M21 3v5h-5\" />\n    </svg>\n  );\n}\n\n/** lucide `globe` — a web page with no favicon. */\nexport function GlobeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"globe\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" />\n      <path d=\"M2 12h20\" />\n    </svg>\n  );\n}\n\n/** lucide `calendar` — the date field's glyph. */\nexport function CalendarIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"calendar\", props)}>\n      <path d=\"M8 2v4\" />\n      <path d=\"M16 2v4\" />\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" />\n      <path d=\"M3 10h18\" />\n    </svg>\n  );\n}\n\n/** lucide `clock` — the time field's glyph. */\nexport function ClockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"clock\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <polyline points=\"12 6 12 12 16 14\" />\n    </svg>\n  );\n}\n\n/** lucide `refresh-cw` — retry / reload. */\nexport function RefreshCwIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"refresh-cw\", props)}>\n      <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" />\n      <path d=\"M21 3v5h-5\" />\n      <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" />\n      <path d=\"M8 16H3v5\" />\n    </svg>\n  );\n}\n\n/** lucide `triangle-alert` (alias `AlertTriangle`) — an error or warning. */\nexport function AlertTriangleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"triangle-alert\", props)}>\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-check` — a passing state. */\nexport function CircleCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-check\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m16 9-5.5 5.5L8 12\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-question-mark` (alias `CircleHelp`) — field help. */\nexport function CircleHelpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-question-mark\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-x` — a failing state. */\nexport function CircleXIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-x\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m15 9-6 6\" />\n      <path d=\"m9 9 6 6\" />\n    </svg>\n  );\n}\n\n/** lucide `info` — a row label's help glyph (controls `PropertyRow`). */\nexport function InfoIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"info\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-dot` — the \"Get help from Matrx AI\" button glyph (controls `HelpIcon`). */\nexport function CircleDotIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-dot\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `copy` — the Peek's token chip (copy the exact token). */\nexport function CopyIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"copy\", props)}>\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  );\n}\n\n/** lucide `upload` (moved from @ai-matrx/media). */\nexport function UploadIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"upload\", props)}>\n      <path d=\"M12 3v12\" />\n      <path d=\"m17 8-5-5-5 5\" />\n      <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n    </svg>\n  );\n}\n\n/** lucide `circle-alert` — an error or attention state. */\nexport function CircleAlertIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"circle-alert\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n      <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-right` — a side pane toggle. */\nexport function PanelRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-right\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M15 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `bell` — notifications. */\nexport function BellIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"bell\", props)}>\n      <path d=\"M10.268 21a2 2 0 0 0 3.464 0\" />\n      <path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\" />\n    </svg>\n  );\n}\n\n/** lucide `eye-off` — hidden. */\nexport function EyeOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"eye-off\", props)}>\n      <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n      <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n      <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `app-window` — open as a window. */\nexport function AppWindowIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"app-window\", props)}>\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n      <path d=\"M10 4v4\" />\n      <path d=\"M2 8h20\" />\n      <path d=\"M6 4v4\" />\n    </svg>\n  );\n}\n\n/** lucide `video` — a video call or clip. */\nexport function VideoIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"video\", props)}>\n      <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\" />\n      <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `phone` — a voice call. */\nexport function PhoneIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"phone\", props)}>\n      <path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\" />\n    </svg>\n  );\n}\n\n/** lucide `sparkles` — AI. */\nexport function SparklesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sparkles\", props)}>\n      <path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\" />\n      <path d=\"M20 2v4\" />\n      <path d=\"M22 4h-4\" />\n      <circle cx=\"4\" cy=\"20\" r=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `panels-top-left` — a layout. */\nexport function PanelsTopLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panels-top-left\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"M9 21V9\" />\n    </svg>\n  );\n}\n\n/** lucide `download`. */\nexport function DownloadIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"download\", props)}>\n      <path d=\"M12 15V3\" />\n      <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n      <path d=\"m7 10 5 5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `settings`. */\nexport function SettingsIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"settings\", props)}>\n      <path d=\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `users`. */\nexport function UsersIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"users\", props)}>\n      <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" />\n      <path d=\"M16 3.128a4 4 0 0 1 0 7.744\" />\n      <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\" />\n      <circle cx=\"9\" cy=\"7\" r=\"4\" />\n    </svg>\n  );\n}\n\n/** lucide `grip-vertical` — a drag handle. */\nexport function GripVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grip-vertical\", props)}>\n      <circle cx=\"9\" cy=\"12\" r=\"1\" />\n      <circle cx=\"9\" cy=\"5\" r=\"1\" />\n      <circle cx=\"9\" cy=\"19\" r=\"1\" />\n      <circle cx=\"15\" cy=\"12\" r=\"1\" />\n      <circle cx=\"15\" cy=\"5\" r=\"1\" />\n      <circle cx=\"15\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `history`. */\nexport function HistoryIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"history\", props)}>\n      <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n      <path d=\"M3 3v5h5\" />\n      <path d=\"M12 7v5l4 2\" />\n    </svg>\n  );\n}\n\n/** lucide `workflow`. */\nexport function WorkflowIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"workflow\", props)}>\n      <rect width=\"8\" height=\"8\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M7 11v4a2 2 0 0 0 2 2h4\" />\n      <rect width=\"8\" height=\"8\" x=\"13\" y=\"13\" rx=\"2\" />\n    </svg>\n  );\n}\n\n// ---- Glyphs consolidated from the packages above the design system (one glyph home). ----\n\n/** lucide `activities` (moved from @ai-matrx/meet). */\nexport function ActivitiesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"activities\", props)}>\n      <path d=\"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z\" />\n      <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" />\n      <circle cx=\"17.5\" cy=\"17.5\" r=\"3.5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-down-to-line` (moved from @ai-matrx/agents). */\nexport function ArrowDownToLineIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-down-to-line\", props)}>\n      <path d=\"M12 17V3\" />\n      <path d=\"m6 11 6 6 6-6\" />\n      <path d=\"M19 21H5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-left-right` (moved from @ai-matrx/diff). */\nexport function ArrowLeftRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-left-right\", props)}>\n      <path d=\"M8 3 4 7l4 4\" />\n      <path d=\"M4 7h16\" />\n      <path d=\"m16 21 4-4-4-4\" />\n      <path d=\"M20 17H4\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-left-to-line` (moved from @ai-matrx/summon). */\nexport function ArrowLeftToLineIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-left-to-line\", props)}>\n      <path d=\"M3 19V5\" />\n      <path d=\"m13 6-6 6 6 6\" />\n      <path d=\"M7 12h14\" />\n    </svg>\n  );\n}\n\n/** lucide `atom` (moved from @ai-matrx/agents). */\nexport function AtomIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"atom\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <path d=\"M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z\" />\n      <path d=\"M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z\" />\n    </svg>\n  );\n}\n\n/** lucide `audio-lines` (moved from @ai-matrx/content-ir). */\nexport function AudioLinesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"audio-lines\", props)}>\n      <path d=\"M2 10v3\" />\n      <path d=\"M6 6v11\" />\n      <path d=\"M10 3v18\" />\n      <path d=\"M14 8v7\" />\n      <path d=\"M18 5v13\" />\n      <path d=\"M22 10v3\" />\n    </svg>\n  );\n}\n\n/** lucide `boxes` (moved from @ai-matrx/associations). */\nexport function BoxesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"boxes\", props)}>\n      <path d=\"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z\" />\n      <path d=\"m7 16.5-4.74-2.85\" />\n      <path d=\"m7 16.5 5-3\" />\n      <path d=\"M7 16.5v5.17\" />\n      <path d=\"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z\" />\n      <path d=\"m17 16.5-5-3\" />\n      <path d=\"m17 16.5 4.74-2.85\" />\n      <path d=\"M17 16.5v5.17\" />\n      <path d=\"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z\" />\n      <path d=\"M12 8 7.26 5.15\" />\n      <path d=\"m12 8 4.74-2.85\" />\n      <path d=\"M12 13.5V8\" />\n    </svg>\n  );\n}\n\n/** lucide `braces` (moved from @ai-matrx/media). */\nexport function BracesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"braces\", props)}>\n      <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\" />\n      <path d=\"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" />\n    </svg>\n  );\n}\n\n/** lucide `breakout` (moved from @ai-matrx/meet). */\nexport function BreakoutIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"breakout\", props)}>\n      <rect width=\"7\" height=\"18\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `camera` (moved from @ai-matrx/meet). */\nexport function CameraIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"camera\", props)}>\n      <path d=\"m23 7-7 5 7 5V7Z\" />\n      <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `camera-off` (moved from @ai-matrx/meet). */\nexport function CameraOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"camera-off\", props)}>\n      <path d=\"M2 2l20 20\" />\n      <path d=\"M10.66 5H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10\" />\n      <path d=\"M16 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2\" />\n    </svg>\n  );\n}\n\n/** lucide `captions` (moved from @ai-matrx/meet). */\nexport function CaptionsIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"captions\", props)}>\n      <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" />\n      <path d=\"M10 10.5a2 2 0 1 0 0 3M16 10.5a2 2 0 1 0 0 3\" />\n    </svg>\n  );\n}\n\n/** lucide `chat-bubble` (moved from @ai-matrx/coding-sessions). */\nexport function ChatBubbleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chat-bubble\", props)}>\n      <path d=\"M20 12.5a7.5 7.5 0 0 1-10.9 6.7L4 20.5l1.3-4.6A7.5 7.5 0 1 1 20 12.5z\" />\n    </svg>\n  );\n}\n\n/** lucide `chat` (moved from @ai-matrx/meet). */\nexport function ChatIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chat\", props)}>\n      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z\" />\n    </svg>\n  );\n}\n\n/** lucide `check-circle-2` (moved from @ai-matrx/media). */\nexport function CheckCircle2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"check-circle-2\", props)}>\n      <path d=\"M21.801 10A10 10 0 1 1 17 3.335\" />\n      <path d=\"m9 11 3 3L22 4\" />\n    </svg>\n  );\n}\n\n/** lucide `chevron-up` (moved from @ai-matrx/meet). */\nexport function ChevronUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevron-up\", props)}>\n      <path d=\"m6 15 6-6 6 6\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-down-up` (moved from @ai-matrx/diff). */\nexport function ChevronsDownUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-down-up\", props)}>\n      <path d=\"m7 20 5-5 5 5\" />\n      <path d=\"m7 4 5 5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `clock-3` (moved from @ai-matrx/diff). */\nexport function Clock3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"clock-3\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 6v6h4\" />\n    </svg>\n  );\n}\n\n/** lucide `code-2` (moved from @ai-matrx/office). */\nexport function Code2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"code-2\", props)}>\n      <path d=\"m18 16 4-4-4-4\" />\n      <path d=\"m6 8-4 4 4 4\" />\n      <path d=\"m14.5 4-5 16\" />\n    </svg>\n  );\n}\n\n/** lucide `code` (moved from @ai-matrx/media). */\nexport function CodeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"code\", props)}>\n      <path d=\"m16 18 6-6-6-6\" />\n      <path d=\"m8 6-6 6 6 6\" />\n    </svg>\n  );\n}\n\n/** lucide `columns-2` (moved from @ai-matrx/diff). */\nexport function Columns2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"columns-2\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M12 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `corner-down-right` (moved from @ai-matrx/associations). */\nexport function CornerDownRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"corner-down-right\", props)}>\n      <polyline points=\"15 10 20 15 15 20\" />\n      <path d=\"M4 4v7a4 4 0 0 0 4 4h12\" />\n    </svg>\n  );\n}\n\n/** lucide `database` (moved from @ai-matrx/media). */\nexport function DatabaseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"database\", props)}>\n      <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" />\n      <path d=\"M3 5V19A9 3 0 0 0 21 19V5\" />\n      <path d=\"M3 12A9 3 0 0 0 21 12\" />\n    </svg>\n  );\n}\n\n/** lucide `dock` (moved from @ai-matrx/canvas). */\nexport function DockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"dock\", props)}>\n      <path d=\"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" />\n      <path d=\"M21 3 12 12\" />\n      <path d=\"M12 6v6h6\" />\n    </svg>\n  );\n}\n\n/** lucide `expand` (moved from @ai-matrx/detail). */\nexport function ExpandIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"expand\", props)}>\n      <path d=\"m15 15 6 6\" />\n      <path d=\"m15 9 6-6\" />\n      <path d=\"M21 16v5h-5\" />\n      <path d=\"M21 8V3h-5\" />\n      <path d=\"M3 16v5h5\" />\n      <path d=\"m3 21 6-6\" />\n      <path d=\"M3 8V3h5\" />\n      <path d=\"M9 9 3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `eye` (moved from @ai-matrx/agents). */\nexport function EyeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"eye\", props)}>\n      <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `file-archive` (moved from @ai-matrx/content-ir). */\nexport function FileArchiveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-archive\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 6h1\" />\n      <path d=\"M10 10h1\" />\n      <circle cx=\"10\" cy=\"16\" r=\"2\" />\n      <path d=\"M10 2v12\" />\n    </svg>\n  );\n}\n\n/** lucide `file-audio` (moved from @ai-matrx/media). */\nexport function FileAudioIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-audio\", props)}>\n      <path d=\"M4 6.835V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-.343\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M2 19a2 2 0 0 1 4 0v1a2 2 0 0 1-4 0v-4a6 6 0 0 1 12 0v4a2 2 0 0 1-4 0v-1a2 2 0 0 1 4 0\" />\n    </svg>\n  );\n}\n\n/** lucide `file-code` (moved from @ai-matrx/media). */\nexport function FileCodeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-code\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 12.5 8 15l2 2.5\" />\n      <path d=\"m14 12.5 2 2.5-2 2.5\" />\n    </svg>\n  );\n}\n\n/** lucide `file-json` (moved from @ai-matrx/media). */\nexport function FileJsonIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-json\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1\" />\n      <path d=\"M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1\" />\n    </svg>\n  );\n}\n\n/** lucide `file` (moved from @ai-matrx/media). */\nexport function FilePageIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n    </svg>\n  );\n}\n\n/** lucide `file-plus` (moved from @ai-matrx/content-ir). */\nexport function FilePlusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-plus\", props)}>\n      <path d=\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\" />\n      <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n      <path d=\"M3 15h6\" />\n      <path d=\"M6 12v6\" />\n    </svg>\n  );\n}\n\n/** lucide `file-spreadsheet` (moved from @ai-matrx/media). */\nexport function FileSpreadsheetIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-spreadsheet\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M8 13h2\" />\n      <path d=\"M14 13h2\" />\n      <path d=\"M8 17h2\" />\n      <path d=\"M14 17h2\" />\n    </svg>\n  );\n}\n\n/** lucide `file-text` (moved from @ai-matrx/media). */\nexport function FileTextIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-text\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M10 9H8\" />\n      <path d=\"M16 13H8\" />\n      <path d=\"M16 17H8\" />\n    </svg>\n  );\n}\n\n/** lucide `file-type` (moved from @ai-matrx/media). */\nexport function FileTypeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-type\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M11 18h2\" />\n      <path d=\"M12 12v6\" />\n      <path d=\"M9 13v-.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v.5\" />\n    </svg>\n  );\n}\n\n/** lucide `file-video` (moved from @ai-matrx/media). */\nexport function FileVideoIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"file-video\", props)}>\n      <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n      <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n      <path d=\"M15.033 13.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56v-4.704a.645.645 0 0 1 .967-.56z\" />\n    </svg>\n  );\n}\n\n/** lucide `film` (moved from @ai-matrx/content-ir). */\nexport function FilmIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"film\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M7 3v18\" />\n      <path d=\"M3 7.5h4\" />\n      <path d=\"M3 12h18\" />\n      <path d=\"M3 16.5h4\" />\n      <path d=\"M17 3v18\" />\n      <path d=\"M17 7.5h4\" />\n      <path d=\"M17 16.5h4\" />\n    </svg>\n  );\n}\n\n/** lucide `flag` (moved from @ai-matrx/meet). */\nexport function FlagIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"flag\", props)}>\n      <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\" />\n      <line x1=\"4\" x2=\"4\" y1=\"22\" y2=\"15\" />\n    </svg>\n  );\n}\n\n/** lucide `flip-horizontal-2` (moved from @ai-matrx/capture). */\nexport function FlipHorizontal2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"flip-horizontal-2\", props)}>\n      <path d=\"m3 7 5 5-5 5V7\" />\n      <path d=\"m21 7-5 5 5 5V7\" />\n      <path d=\"M12 20v2\" />\n      <path d=\"M12 14v2\" />\n      <path d=\"M12 8v2\" />\n      <path d=\"M12 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `fold-vertical` (moved from @ai-matrx/diff). */\nexport function FoldVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"fold-vertical\", props)}>\n      <path d=\"M12 22v-6\" />\n      <path d=\"M12 8V2\" />\n      <path d=\"M4 12H2\" />\n      <path d=\"M10 12H8\" />\n      <path d=\"M16 12h-2\" />\n      <path d=\"M22 12h-2\" />\n      <path d=\"m15 19-3-3-3 3\" />\n      <path d=\"m15 5-3 3-3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `folder` (moved from @ai-matrx/media). */\nexport function FolderIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"folder\", props)}>\n      <path d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\" />\n    </svg>\n  );\n}\n\n/** lucide `folder-open` (moved from @ai-matrx/media). */\nexport function FolderOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"folder-open\", props)}>\n      <path d=\"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `git-merge` (moved from @ai-matrx/diff). */\nexport function GitMergeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"git-merge\", props)}>\n      <circle cx=\"18\" cy=\"18\" r=\"3\" />\n      <circle cx=\"6\" cy=\"6\" r=\"3\" />\n      <path d=\"M6 21V9a9 9 0 0 0 9 9\" />\n    </svg>\n  );\n}\n\n/** lucide `graduation-cap` (moved from @ai-matrx/office). */\nexport function GraduationCapIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"graduation-cap\", props)}>\n      <path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\" />\n      <path d=\"M22 10v6\" />\n      <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\" />\n    </svg>\n  );\n}\n\n/** lucide `grid-3x-3` (moved from @ai-matrx/capture). */\nexport function Grid3x3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grid-3x-3\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"M3 15h18\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"M15 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `grip` (moved from @ai-matrx/capture). */\nexport function GripIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grip\", props)}>\n      <circle cx=\"12\" cy=\"5\" r=\"1\" />\n      <circle cx=\"19\" cy=\"5\" r=\"1\" />\n      <circle cx=\"5\" cy=\"5\" r=\"1\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n      <circle cx=\"12\" cy=\"19\" r=\"1\" />\n      <circle cx=\"19\" cy=\"19\" r=\"1\" />\n      <circle cx=\"5\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `grip-resize` (moved from @ai-matrx/associations). */\nexport function GripResizeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"grip-resize\", props)}>\n      <path d=\"M21 15 15 21\" />\n      <path d=\"M21 20 20 21\" />\n    </svg>\n  );\n}\n\n/** lucide `hammer` (moved from @ai-matrx/agents). */\nexport function HammerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"hammer\", props)}>\n      <path d=\"m15 12-8.5 8.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 0 1 0-3L12 9\" />\n      <path d=\"M17.64 15 22 10.64\" />\n      <path d=\"m20.91 11.7-1.25-1.25c-.6-.6-.93-1.4-.93-2.25v-.86L16.01 4.6a5.56 5.56 0 0 0-3.94-1.64H9l.92.82A6.18 6.18 0 0 1 12 8.4v1.56l2 2h2.47l2.26 1.91\" />\n    </svg>\n  );\n}\n\n/** lucide `hand` (moved from @ai-matrx/meet). */\nexport function HandIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"hand\", props)}>\n      <path d=\"M18 11V6a2 2 0 0 0-4 0v5\" />\n      <path d=\"M14 10V4a2 2 0 0 0-4 0v7\" />\n      <path d=\"M10 10.5V6a2 2 0 0 0-4 0v8\" />\n      <path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2a8 8 0 0 1-8-8v-1a2 2 0 1 1 4 0\" />\n    </svg>\n  );\n}\n\n/** lucide `handoff` (moved from @ai-matrx/coding-sessions). */\nexport function HandoffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"handoff\", props)}>\n      <path d=\"M5 12h12M13 7l5 5-5 5\" />\n      <path d=\"M5 5v14\" />\n    </svg>\n  );\n}\n\n/** lucide `hash` (moved from @ai-matrx/diff). */\nexport function HashIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"hash\", props)}>\n      <path d=\"M4 9h16\" />\n      <path d=\"M4 15h16\" />\n      <path d=\"M10 3 8 21\" />\n      <path d=\"M16 3l-2 18\" />\n    </svg>\n  );\n}\n\n/** lucide `highlighter` (moved from @ai-matrx/diff). */\nexport function HighlighterIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"highlighter\", props)}>\n      <path d=\"m9 11-6 6v3h9l3-3\" />\n      <path d=\"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4\" />\n    </svg>\n  );\n}\n\n/** lucide `image` (moved from @ai-matrx/media). */\nexport function ImageIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"image\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" />\n      <circle cx=\"9\" cy=\"9\" r=\"2\" />\n      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\n    </svg>\n  );\n}\n\n/** lucide `image-off` (moved from @ai-matrx/media). */\nexport function ImageOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"image-off\", props)}>\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n      <path d=\"M10.41 10.41a2 2 0 1 1-2.83-2.83\" />\n      <line x1=\"13.5\" x2=\"6\" y1=\"13.5\" y2=\"21\" />\n      <line x1=\"18\" x2=\"21\" y1=\"12\" y2=\"15\" />\n      <path d=\"M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59\" />\n      <path d=\"M21 15V5a2 2 0 0 0-2-2H9\" />\n    </svg>\n  );\n}\n\n/** lucide `images` (moved from @ai-matrx/capture). */\nexport function ImagesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"images\", props)}>\n      <path d=\"m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16\" />\n      <path d=\"M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2\" />\n      <circle cx=\"13\" cy=\"7\" r=\"1\" fill=\"currentColor\" />\n      <rect x=\"8\" y=\"2\" width=\"14\" height=\"14\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `keyboard` (moved from @ai-matrx/meet). */\nexport function KeyboardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"keyboard\", props)}>\n      <path d=\"M10 8h.01M12 12h.01M14 8h.01M16 12h.01M18 8h.01M6 8h.01M7 16h10M8 12h.01\" />\n      <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `languages` (moved from @ai-matrx/agents). */\nexport function LanguagesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"languages\", props)}>\n      <path d=\"m5 8 6 6\" />\n      <path d=\"m4 14 6-6 2-3\" />\n      <path d=\"M2 5h12\" />\n      <path d=\"M7 2h1\" />\n      <path d=\"m22 22-5-10-5 10\" />\n      <path d=\"M14 18h6\" />\n    </svg>\n  );\n}\n\n/** lucide `layers` (moved from @ai-matrx/agents). */\nexport function LayersIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"layers\", props)}>\n      <path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\" />\n      <path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\" />\n      <path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\" />\n    </svg>\n  );\n}\n\n/** lucide `layout-grid` (moved from @ai-matrx/canvas). */\nexport function LayoutGridIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"layout-grid\", props)}>\n      <rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\" />\n      <rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `link-2` (moved from @ai-matrx/media). */\nexport function Link2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"link-2\", props)}>\n      <path d=\"M9 17H7A5 5 0 0 1 7 7h2\" />\n      <path d=\"M15 7h2a5 5 0 1 1 0 10h-2\" />\n      <line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/** lucide `list-checks` (moved from @ai-matrx/diff). */\nexport function ListChecksIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"list-checks\", props)}>\n      <path d=\"m3 17 2 2 4-4\" />\n      <path d=\"m3 7 2 2 4-4\" />\n      <path d=\"M13 6h8\" />\n      <path d=\"M13 12h8\" />\n      <path d=\"M13 18h8\" />\n    </svg>\n  );\n}\n\n/** lucide `list` (moved from @ai-matrx/diff). */\nexport function ListIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"list\", props)}>\n      <path d=\"M3 12h.01\" />\n      <path d=\"M3 18h.01\" />\n      <path d=\"M3 6h.01\" />\n      <path d=\"M8 12h13\" />\n      <path d=\"M8 18h13\" />\n      <path d=\"M8 6h13\" />\n    </svg>\n  );\n}\n\n/** lucide `maximize` (moved from @ai-matrx/content-ir). */\nexport function MaximizeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"maximize\", props)}>\n      <polyline points=\"15 3 21 3 21 9\" />\n      <polyline points=\"9 21 3 21 3 15\" />\n      <line x1=\"21\" x2=\"14\" y1=\"3\" y2=\"10\" />\n      <line x1=\"3\" x2=\"10\" y1=\"21\" y2=\"14\" />\n    </svg>\n  );\n}\n\n/** lucide `megaphone` (moved from @ai-matrx/office). */\nexport function MegaphoneIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"megaphone\", props)}>\n      <path d=\"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\" />\n      <path d=\"M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14\" />\n      <path d=\"M8 6v8\" />\n    </svg>\n  );\n}\n\n/** lucide `message-square-warning` (moved from @ai-matrx/office). */\nexport function MessageSquareWarningIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"message-square-warning\", props)}>\n      <path d=\"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\" />\n      <path d=\"M12 15h.01\" />\n      <path d=\"M12 7v4\" />\n    </svg>\n  );\n}\n\n/** lucide `mic` (moved from @ai-matrx/meet). */\nexport function MicIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mic\", props)}>\n      <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n      <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n      <path d=\"M12 19v3\" />\n    </svg>\n  );\n}\n\n/** lucide `mic-off` (moved from @ai-matrx/meet). */\nexport function MicOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mic-off\", props)}>\n      <path d=\"M2 2l20 20\" />\n      <path d=\"M9 9v3a3 3 0 0 0 5.12 2.12\" />\n      <path d=\"M15 9.34V5a3 3 0 0 0-5.94-.6\" />\n      <path d=\"M19 10v2a7 7 0 0 1-.11 1.23M5 10v2a7 7 0 0 0 11 5.66\" />\n      <path d=\"M12 19v3\" />\n    </svg>\n  );\n}\n\n/** lucide `monitor` (moved from @ai-matrx/coding-sessions). */\nexport function MonitorIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"monitor\", props)}>\n      <rect x=\"3\" y=\"4.5\" width=\"18\" height=\"12\" rx=\"2\" />\n      <path d=\"M8.5 20h7M12 16.5V20\" />\n    </svg>\n  );\n}\n\n/** lucide `moon` (moved from @ai-matrx/coding-sessions). */\nexport function MoonIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"moon\", props)}>\n      <path d=\"M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z\" />\n    </svg>\n  );\n}\n\n/** lucide `music` (moved from @ai-matrx/media). */\nexport function MusicIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"music\", props)}>\n      <path d=\"M9 18V5l12-2v13\" />\n      <circle cx=\"6\" cy=\"18\" r=\"3\" />\n      <circle cx=\"18\" cy=\"16\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `notes` (moved from @ai-matrx/meet). */\nexport function NotesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"notes\", props)}>\n      <path d=\"M4 20l1-4L16.5 4.5a2.1 2.1 0 0 1 3 3L8 19l-4 1Z\" />\n      <path d=\"M14 7l3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `package-box` (moved from @ai-matrx/media). */\nexport function PackageBoxIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"package-box\", props)}>\n      <path d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\" />\n      <path d=\"M12 22V12\" />\n      <polyline points=\"3.29 7 12 12 20.71 7\" />\n      <path d=\"m7.5 4.27 9 5.15\" />\n    </svg>\n  );\n}\n\n/** lucide `page` (moved from @ai-matrx/canvas). */\nexport function PageIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"page\", props)}>\n      <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" />\n      <path d=\"M8 9h8\" />\n      <path d=\"M8 13h8\" />\n      <path d=\"M8 17h5\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-left-close` (moved from @ai-matrx/summon). */\nexport function PanelLeftCloseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-left-close\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"m16 15-3-3 3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `pause` (moved from @ai-matrx/media). */\nexport function PauseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pause\", props)}>\n      <rect x=\"14\" y=\"3\" width=\"5\" height=\"18\" rx=\"1\" />\n      <rect x=\"5\" y=\"3\" width=\"5\" height=\"18\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `pen-tool` (moved from @ai-matrx/media). */\nexport function PenToolIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"pen-tool\", props)}>\n      <path d=\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\" />\n      <path d=\"m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18\" />\n      <path d=\"m2.3 2.3 7.286 7.286\" />\n      <circle cx=\"11\" cy=\"11\" r=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `people` (moved from @ai-matrx/meet). */\nexport function PeopleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"people\", props)}>\n      <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" />\n      <circle cx=\"9\" cy=\"7\" r=\"4\" />\n      <path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" />\n    </svg>\n  );\n}\n\n/** lucide `phone-off` (moved from @ai-matrx/meet). */\nexport function PhoneOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"phone-off\", props)}>\n      <path d=\"M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.99.99 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9Z\" fill=\"currentColor\" stroke=\"none\" />\n    </svg>\n  );\n}\n\n/** lucide `play` (moved from @ai-matrx/media). */\nexport function PlayIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"play\", props)}>\n      <path d=\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\" />\n    </svg>\n  );\n}\n\n/** lucide `poll` (moved from @ai-matrx/meet). */\nexport function PollIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"poll\", props)}>\n      <line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"10\" />\n      <line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"4\" />\n      <line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"14\" />\n    </svg>\n  );\n}\n\n/** lucide `proportions` (moved from @ai-matrx/capture). */\nexport function ProportionsIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"proportions\", props)}>\n      <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n      <path d=\"M12 9v11\" />\n      <path d=\"M2 9h13a2 2 0 0 1 2 2v9\" />\n    </svg>\n  );\n}\n\n/** lucide `puzzle` (moved from @ai-matrx/office). */\nexport function PuzzleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"puzzle\", props)}>\n      <path d=\"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z\" />\n    </svg>\n  );\n}\n\n/** lucide `question` (moved from @ai-matrx/meet). */\nexport function QuestionIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"question\", props)}>\n      <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\" />\n      <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `record` (moved from @ai-matrx/meet). */\nexport function RecordIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"record\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"8\" fill=\"currentColor\" stroke=\"none\" />\n    </svg>\n  );\n}\n\n/** lucide `rectangle-vertical` (moved from @ai-matrx/summon). */\nexport function RectangleVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rectangle-vertical\", props)}>\n      <rect width=\"12\" height=\"20\" x=\"6\" y=\"2\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `restore` (moved from @ai-matrx/associations). */\nexport function RestoreIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"restore\", props)}>\n      <path d=\"M4 14h6v6\" />\n      <path d=\"M20 10h-6V4\" />\n      <path d=\"M14 10l7-7\" />\n      <path d=\"M3 21l7-7\" />\n    </svg>\n  );\n}\n\n/** lucide `rotate-ccw` (moved from @ai-matrx/capture). */\nexport function RotateCcwIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rotate-ccw\", props)}>\n      <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n      <path d=\"M3 3v5h5\" />\n    </svg>\n  );\n}\n\n/** lucide `rows-3` (moved from @ai-matrx/diff). */\nexport function Rows3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rows-3\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M21 9H3\" />\n      <path d=\"M21 15H3\" />\n    </svg>\n  );\n}\n\n/** lucide `save` (moved from @ai-matrx/summon). */\nexport function SaveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"save\", props)}>\n      <path d=\"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\" />\n      <path d=\"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\" />\n      <path d=\"M7 3v4a1 1 0 0 0 1 1h7\" />\n    </svg>\n  );\n}\n\n/** lucide `scale` (moved from @ai-matrx/agents). */\nexport function ScaleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"scale\", props)}>\n      <path d=\"M12 3v18\" />\n      <path d=\"m19 8 3 8a5 5 0 0 1-6 0zV7\" />\n      <path d=\"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\" />\n      <path d=\"m5 8 3 8a5 5 0 0 1-6 0zV7\" />\n      <path d=\"M7 21h10\" />\n    </svg>\n  );\n}\n\n/** lucide `screen-share` (moved from @ai-matrx/meet). */\nexport function ScreenShareIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"screen-share\", props)}>\n      <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" />\n      <path d=\"M8 21h8M12 17v4\" />\n      <path d=\"M12 13V8m0 0-2.5 2.5M12 8l2.5 2.5\" />\n    </svg>\n  );\n}\n\n/** lucide `server` (moved from @ai-matrx/agents). */\nexport function ServerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"server\", props)}>\n      <rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\" />\n      <rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\" />\n      <line x1=\"6\" x2=\"6.01\" y1=\"6\" y2=\"6\" />\n      <line x1=\"6\" x2=\"6.01\" y1=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n/** lucide `settings-2` (moved from @ai-matrx/media). */\nexport function Settings2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"settings-2\", props)}>\n      <path d=\"M20 7h-9\" />\n      <path d=\"M14 17H5\" />\n      <circle cx=\"17\" cy=\"17\" r=\"3\" />\n      <circle cx=\"7\" cy=\"7\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `share-2` (moved from @ai-matrx/media). */\nexport function Share2Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"share-2\", props)}>\n      <circle cx=\"18\" cy=\"5\" r=\"3\" />\n      <circle cx=\"6\" cy=\"12\" r=\"3\" />\n      <circle cx=\"18\" cy=\"19\" r=\"3\" />\n      <line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\" />\n      <line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\" />\n    </svg>\n  );\n}\n\n/** lucide `shield-alert` (moved from @ai-matrx/detail). */\nexport function ShieldAlertIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield-alert\", props)}>\n      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" />\n      <path d=\"M12 8v4\" />\n      <path d=\"M12 16h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `shield-check` (moved from @ai-matrx/detail). */\nexport function ShieldCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield-check\", props)}>\n      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" />\n      <path d=\"m9 12 2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** lucide `badge-check` — the verified mark. */\nexport function BadgeCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"badge-check\", props)}>\n      <path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\" />\n      <path d=\"m9 12 2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** lucide `shield` (moved from @ai-matrx/agents). */\nexport function ShieldIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield\", props)}>\n      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" />\n    </svg>\n  );\n}\n\n/** lucide `sidebar` (moved from @ai-matrx/coding-sessions). */\nexport function SidebarIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sidebar\", props)}>\n      <rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"15\" rx=\"2.5\" />\n      <path d=\"M9.5 4.5v15\" />\n    </svg>\n  );\n}\n\n/** lucide `sliders-horizontal` (moved from @ai-matrx/agents). */\nexport function SlidersHorizontalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sliders-horizontal\", props)}>\n      <path d=\"M10 5H3\" />\n      <path d=\"M12 19H3\" />\n      <path d=\"M14 3v4\" />\n      <path d=\"M16 17v4\" />\n      <path d=\"M21 12h-9\" />\n      <path d=\"M21 19h-5\" />\n      <path d=\"M21 5h-7\" />\n      <path d=\"M8 10v4\" />\n      <path d=\"M8 12H3\" />\n    </svg>\n  );\n}\n\n/** lucide `smile` (moved from @ai-matrx/meet). */\nexport function SmileIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"smile\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M8 14s1.5 2 4 2 4-2 4-2\" />\n      <line x1=\"9\" x2=\"9.01\" y1=\"9\" y2=\"9\" />\n      <line x1=\"15\" x2=\"15.01\" y1=\"9\" y2=\"9\" />\n    </svg>\n  );\n}\n\n/** lucide `speaker` (moved from @ai-matrx/meet). */\nexport function SpeakerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"speaker\", props)}>\n      <path d=\"M11 5 6 9H2v6h4l5 4V5Z\" />\n      <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" />\n      <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\" />\n    </svg>\n  );\n}\n\n/** lucide `split-down` (moved from @ai-matrx/canvas). */\nexport function SplitDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"split-down\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 12h18\" />\n    </svg>\n  );\n}\n\n/** lucide `spotlight` (moved from @ai-matrx/meet). */\nexport function SpotlightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"spotlight\", props)}>\n      <path d=\"M12 2 15 8.5 22 9.3 17 14 18.2 21 12 17.6 5.8 21 7 14 2 9.3 9 8.5Z\" />\n    </svg>\n  );\n}\n\n/** lucide `stop` (moved from @ai-matrx/coding-sessions). */\nexport function StopIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"stop\", props)}>\n      <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" fill=\"currentColor\" stroke=\"none\" />\n    </svg>\n  );\n}\n\n/** lucide `subtitles` (moved from @ai-matrx/media). */\nexport function SubtitlesIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"subtitles\", props)}>\n      <rect width=\"18\" height=\"14\" x=\"3\" y=\"5\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 15h4M15 15h2M7 11h2M13 11h4\" />\n    </svg>\n  );\n}\n\n/** lucide `sun` (moved from @ai-matrx/coding-sessions). */\nexport function SunIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sun\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <path d=\"M12 2.5v2M12 19.5v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M2.5 12h2M19.5 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4\" />\n    </svg>\n  );\n}\n\n/** lucide `sun-medium` (moved from @ai-matrx/capture). */\nexport function SunMediumIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sun-medium\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <path d=\"M12 3v1\" />\n      <path d=\"M12 20v1\" />\n      <path d=\"M3 12h1\" />\n      <path d=\"M20 12h1\" />\n      <path d=\"m18.364 5.636-.707.707\" />\n      <path d=\"m6.343 17.657-.707.707\" />\n      <path d=\"m5.636 5.636.707.707\" />\n      <path d=\"m17.657 17.657.707.707\" />\n    </svg>\n  );\n}\n\n/** lucide `tag` (moved from @ai-matrx/associations). */\nexport function TagIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"tag\", props)}>\n      <path d=\"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z\" />\n      <circle cx=\"7.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\n/** lucide `timer` (moved from @ai-matrx/capture). */\nexport function TimerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"timer\", props)}>\n      <line x1=\"10\" x2=\"14\" y1=\"2\" y2=\"2\" />\n      <line x1=\"12\" x2=\"15\" y1=\"14\" y2=\"11\" />\n      <circle cx=\"12\" cy=\"14\" r=\"8\" />\n    </svg>\n  );\n}\n\n/** lucide `type` (moved from @ai-matrx/agents). */\nexport function TypeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"type\", props)}>\n      <path d=\"M12 4v16\" />\n      <path d=\"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2\" />\n      <path d=\"M9 20h6\" />\n    </svg>\n  );\n}\n\n/** lucide `unfold-vertical` (moved from @ai-matrx/diff). */\nexport function UnfoldVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"unfold-vertical\", props)}>\n      <path d=\"M12 22v-6\" />\n      <path d=\"M12 8V2\" />\n      <path d=\"M4 12H2\" />\n      <path d=\"M10 12H8\" />\n      <path d=\"M16 12h-2\" />\n      <path d=\"M22 12h-2\" />\n      <path d=\"m15 19-3 3-3-3\" />\n      <path d=\"m15 5-3-3-3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `unlink` (moved from @ai-matrx/agents). */\nexport function UnlinkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"unlink\", props)}>\n      <path d=\"m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" />\n      <path d=\"m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" />\n      <line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"5\" />\n      <line x1=\"2\" x2=\"5\" y1=\"8\" y2=\"8\" />\n      <line x1=\"16\" x2=\"16\" y1=\"19\" y2=\"22\" />\n      <line x1=\"19\" x2=\"22\" y1=\"16\" y2=\"16\" />\n    </svg>\n  );\n}\n\n/** lucide `upvote` (moved from @ai-matrx/meet). */\nexport function UpvoteIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"upvote\", props)}>\n      <path d=\"M9 18v-6H5l7-7 7 7h-4v6H9z\" />\n    </svg>\n  );\n}\n\n/** lucide `variable` (moved from @ai-matrx/agents). */\nexport function VariableIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"variable\", props)}>\n      <path d=\"M8 21s-4-3-4-9 4-9 4-9\" />\n      <path d=\"M16 3s4 3 4 9-4 9-4 9\" />\n      <line x1=\"15\" x2=\"9\" y1=\"9\" y2=\"15\" />\n      <line x1=\"9\" x2=\"15\" y1=\"9\" y2=\"15\" />\n    </svg>\n  );\n}\n\n/** lucide `video-off` (moved from @ai-matrx/media). */\nexport function VideoOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"video-off\", props)}>\n      <path d=\"M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196\" />\n      <path d=\"M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `volume-x` (moved from @ai-matrx/media). */\nexport function VolumeXIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"volume-x\", props)}>\n      <path d=\"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z\" />\n      <line x1=\"22\" x2=\"16\" y1=\"9\" y2=\"15\" />\n      <line x1=\"16\" x2=\"22\" y1=\"9\" y2=\"15\" />\n    </svg>\n  );\n}\n\n/** lucide `webhook` (moved from @ai-matrx/agents). */\nexport function WebhookIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"webhook\", props)}>\n      <path d=\"M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2\" />\n      <path d=\"m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06\" />\n      <path d=\"m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8\" />\n    </svg>\n  );\n}\n\n/** lucide `whiteboard` (moved from @ai-matrx/meet). */\nexport function WhiteboardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"whiteboard\", props)}>\n      <path d=\"M2 3h20\" />\n      <path d=\"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3\" />\n      <path d=\"m7 21 5-5 5 5\" />\n    </svg>\n  );\n}\n\n/** lucide `wifi-low` (moved from @ai-matrx/meet). */\nexport function WifiLowIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"wifi-low\", props)}>\n      <path d=\"M12 20h.01\" />\n      <path d=\"M8.5 16.5a5 5 0 0 1 7 0\" />\n    </svg>\n  );\n}\n\n/** lucide `wrap-text` (moved from @ai-matrx/diff). */\nexport function WrapTextIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"wrap-text\", props)}>\n      <path d=\"M3 6h18\" />\n      <path d=\"M3 12h15a3 3 0 1 1 0 6h-4\" />\n      <path d=\"m16 16-2 2 2 2\" />\n      <path d=\"M3 18h7\" />\n    </svg>\n  );\n}\n\n/** lucide `wrench` (moved from @ai-matrx/agents). */\nexport function WrenchIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"wrench\", props)}>\n      <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\" />\n    </svg>\n  );\n}\n\n/** lucide `youtube` (moved from @ai-matrx/agents). */\nexport function YoutubeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"youtube\", props)}>\n      <path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\" />\n      <path d=\"m10 15 5-3-5-3z\" />\n    </svg>\n  );\n}\n\n/** lucide `zap` (moved from @ai-matrx/capture). */\nexport function ZapIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"zap\", props)}>\n      <path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\" />\n    </svg>\n  );\n}\n\n/** lucide `zap-off` (moved from @ai-matrx/capture). */\nexport function ZapOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"zap-off\", props)}>\n      <path d=\"M10.513 4.856 13.12 2.17a.5.5 0 0 1 .86.46l-1.377 4.317\" />\n      <path d=\"M15.656 10H20a1 1 0 0 1 .78 1.63l-1.72 1.773\" />\n      <path d=\"M16.273 16.273 10.88 21.83a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14H4a1 1 0 0 1-.78-1.63l4.507-4.643\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `log-in` — the sign-in action of the auth gate. */\nexport function LogInIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"log-in\", props)}>\n      <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\" />\n      <polyline points=\"10 17 15 12 10 7\" />\n      <line x1=\"15\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/** lucide `gem` — the create-account action of the auth gate. */\nexport function GemIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"gem\", props)}>\n      <path d=\"M6 3h12l4 6-10 13L2 9Z\" />\n      <path d=\"M11 3 8 9l4 13 4-13-3-6\" />\n      <path d=\"M2 9h20\" />\n    </svg>\n  );\n}\n\n/** lucide `key`. */\nexport function KeyIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"key\", props)}>\n      <path d=\"m2 21 9.6-9.6\" />\n      <path d=\"m7.5 15.5 2.3 2.3a1 1 0 0 1 0 1.4l-2.1 2.1a1 1 0 0 1-1.4 0L4 19\" />\n      <circle cx=\"15.5\" cy=\"7.5\" r=\"5.5\" />\n    </svg>\n  );\n}\n\n/** lucide `credit-card`. */\nexport function CreditCardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"credit-card\", props)}>\n      <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\" />\n      <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\" />\n      <path d=\"M6 14h2\" />\n    </svg>\n  );\n}\n\n/** lucide `user-round`. */\nexport function UserRoundIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"user-round\", props)}>\n      <circle cx=\"12\" cy=\"8\" r=\"5\" />\n      <path d=\"M20 21a8 8 0 0 0-16 0\" />\n    </svg>\n  );\n}\n\n/** lucide `user`. */\nexport function UserIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"user\", props)}>\n      <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\" />\n      <circle cx=\"12\" cy=\"7\" r=\"4\" />\n    </svg>\n  );\n}\n\n/** lucide `terminal`. */\nexport function TerminalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"terminal\", props)}>\n      <path d=\"M12 19h8\" />\n      <path d=\"m4 17 6-6-6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `trash`. */\nexport function TrashIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"trash\", props)}>\n      <path d=\"M10 11v6\" />\n      <path d=\"M14 11v6\" />\n      <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n      <path d=\"M3 6h18\" />\n      <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `building`. */\nexport function BuildingIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"building\", props)}>\n      <path d=\"M12 10h.01\" />\n      <path d=\"M12 14h.01\" />\n      <path d=\"M12 6h.01\" />\n      <path d=\"M16 10h.01\" />\n      <path d=\"M16 14h.01\" />\n      <path d=\"M16 6h.01\" />\n      <path d=\"M8 10h.01\" />\n      <path d=\"M8 14h.01\" />\n      <path d=\"M8 6h.01\" />\n      <path d=\"M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\" />\n      <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `plug`. */\nexport function PlugIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"plug\", props)}>\n      <path d=\"M12 22v-5\" />\n      <path d=\"M15 8V2\" />\n      <path d=\"M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z\" />\n      <path d=\"M9 8V2\" />\n    </svg>\n  );\n}\n\n/** lucide `share`. */\nexport function ShareIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"share\", props)}>\n      <path d=\"M12 2v13\" />\n      <path d=\"m16 6-4-4-4 4\" />\n      <path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up-down`. */\nexport function ArrowUpDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up-down\", props)}>\n      <path d=\"m21 16-4 4-4-4\" />\n      <path d=\"M17 20V4\" />\n      <path d=\"m3 8 4-4 4 4\" />\n      <path d=\"M7 4v16\" />\n    </svg>\n  );\n}\n\n/** lucide `move`. */\nexport function MoveIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"move\", props)}>\n      <path d=\"M12 2v20\" />\n      <path d=\"m15 19-3 3-3-3\" />\n      <path d=\"m19 9 3 3-3 3\" />\n      <path d=\"M2 12h20\" />\n      <path d=\"m5 9-3 3 3 3\" />\n      <path d=\"m9 5 3-3 3 3\" />\n    </svg>\n  );\n}\n\n/** lucide `qr-code`. */\nexport function QrCodeIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"qr-code\", props)}>\n      <rect width=\"5\" height=\"5\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"5\" height=\"5\" x=\"16\" y=\"3\" rx=\"1\" />\n      <rect width=\"5\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\" />\n      <path d=\"M21 16h-3a2 2 0 0 0-2 2v3\" />\n      <path d=\"M21 21v.01\" />\n      <path d=\"M12 7v3a2 2 0 0 1-2 2H7\" />\n      <path d=\"M3 12h.01\" />\n      <path d=\"M12 3h.01\" />\n      <path d=\"M12 16v.01\" />\n      <path d=\"M16 12h1\" />\n      <path d=\"M21 12v.01\" />\n      <path d=\"M12 21v-1\" />\n    </svg>\n  );\n}\n\n/** lucide `power`. */\nexport function PowerIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"power\", props)}>\n      <path d=\"M12 2v10\" />\n      <path d=\"M18.4 6.6a9 9 0 1 1-12.77.04\" />\n    </svg>\n  );\n}\n\n/** lucide `sliders-vertical`. */\nexport function SlidersVerticalIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"sliders-vertical\", props)}>\n      <path d=\"M10 8h4\" />\n      <path d=\"M12 21v-9\" />\n      <path d=\"M12 8V3\" />\n      <path d=\"M17 16h4\" />\n      <path d=\"M19 12V3\" />\n      <path d=\"M19 21v-5\" />\n      <path d=\"M3 14h4\" />\n      <path d=\"M5 10V3\" />\n      <path d=\"M5 21v-7\" />\n    </svg>\n  );\n}\n\n/** lucide `fingerprint-pattern`. */\nexport function FingerprintPatternIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"fingerprint-pattern\", props)}>\n      <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n      <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n      <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n      <path d=\"M2 12a10 10 0 0 1 18-6\" />\n      <path d=\"M2 16h.01\" />\n      <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n      <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n      <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n      <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n    </svg>\n  );\n}\n\n/** lucide `send`. */\nexport function SendIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"send\", props)}>\n      <path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\" />\n      <path d=\"m21.854 2.147-10.94 10.939\" />\n    </svg>\n  );\n}\n\n/** lucide `paperclip`. */\nexport function PaperclipIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"paperclip\", props)}>\n      <path d=\"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\" />\n    </svg>\n  );\n}\n\n/** lucide `check-check`. */\nexport function CheckCheckIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"check-check\", props)}>\n      <path d=\"M18 6 7 17l-5-5\" />\n      <path d=\"m22 10-7.5 7.5L13 16\" />\n    </svg>\n  );\n}\n\n/** lucide `reply`. */\nexport function ReplyIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"reply\", props)}>\n      <path d=\"M20 18v-2a4 4 0 0 0-4-4H4\" />\n      <path d=\"m9 17-5-5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `link`. */\nexport function LinkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"link\", props)}>\n      <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" />\n      <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />\n    </svg>\n  );\n}\n\n/** lucide `bot`. */\nexport function BotIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"bot\", props)}>\n      <path d=\"M12 8V4H8\" />\n      <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\" />\n      <path d=\"M2 14h2\" />\n      <path d=\"M20 14h2\" />\n      <path d=\"M15 13v2\" />\n      <path d=\"M9 13v2\" />\n    </svg>\n  );\n}\n\n/** lucide `bell-off`. */\nexport function BellOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"bell-off\", props)}>\n      <path d=\"M10.268 21a2 2 0 0 0 3.464 0\" />\n      <path d=\"M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742\" />\n      <path d=\"m2 2 20 20\" />\n      <path d=\"M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05\" />\n    </svg>\n  );\n}\n\n/** lucide `mail`. */\nexport function MailIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mail\", props)}>\n      <path d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\" />\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n    </svg>\n  );\n}\n\n/** lucide `mail-open`. */\nexport function MailOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"mail-open\", props)}>\n      <path d=\"M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z\" />\n      <path d=\"m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10\" />\n    </svg>\n  );\n}\n\n/** lucide `folder-input`. */\nexport function FolderInputIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"folder-input\", props)}>\n      <path d=\"M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1\" />\n      <path d=\"M2 13h10\" />\n      <path d=\"m9 16 3-3-3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `star-off`. */\nexport function StarOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"star-off\", props)}>\n      <path d=\"m10.344 4.688 1.181-2.393a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.237 3.152\" />\n      <path d=\"m17.945 17.945.43 2.505a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a8 8 0 0 0 .4-.099\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\n/** lucide `columns-3`. */\nexport function Columns3Icon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"columns-3\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M9 3v18\" />\n      <path d=\"M15 3v18\" />\n    </svg>\n  );\n}\n\n/** lucide `blocks`. */\nexport function BlocksIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"blocks\", props)}>\n      <path d=\"M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2\" />\n      <rect x=\"14\" y=\"2\" width=\"8\" height=\"8\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `calendar-clock`. */\nexport function CalendarClockIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"calendar-clock\", props)}>\n      <path d=\"M16 14v2.2l1.6 1\" />\n      <path d=\"M16 2v3\" />\n      <path d=\"M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338\" />\n      <path d=\"M3 9h5.859\" />\n      <path d=\"M8 2v3\" />\n      <circle cx=\"16\" cy=\"16\" r=\"6\" />\n    </svg>\n  );\n}\n\n/** lucide `door-open`. */\nexport function DoorOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"door-open\", props)}>\n      <path d=\"M10 21H2\" />\n      <path d=\"M10 3H7a2 2 0 00-2 2v16\" />\n      <path d=\"M14 12h.01\" />\n      <path d=\"M19 21V5a2 2 0 00-1.675-1.974l-6.163-1.013A1 1 0 0010 3v18a1 1 0 001.124.992z\" />\n      <path d=\"M22 21h-3\" />\n    </svg>\n  );\n}\n\n/** lucide `inbox`. */\nexport function InboxIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"inbox\", props)}>\n      <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\" />\n      <path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\" />\n    </svg>\n  );\n}\n\n/** lucide `layout-dashboard`. */\nexport function LayoutDashboardIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"layout-dashboard\", props)}>\n      <rect width=\"7\" height=\"9\" x=\"3\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"5\" x=\"14\" y=\"3\" rx=\"1\" />\n      <rect width=\"7\" height=\"9\" x=\"14\" y=\"12\" rx=\"1\" />\n      <rect width=\"7\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `archive-restore`. */\nexport function ArchiveRestoreIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"archive-restore\", props)}>\n      <rect width=\"20\" height=\"5\" x=\"2\" y=\"3\" rx=\"1\" />\n      <path d=\"M4 8v11a2 2 0 0 0 2 2h2\" />\n      <path d=\"M20 8v11a2 2 0 0 1-2 2h-2\" />\n      <path d=\"m9 15 3-3 3 3\" />\n      <path d=\"M12 12v9\" />\n    </svg>\n  );\n}\n\n/** lucide `split`. */\nexport function SplitIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"split\", props)}>\n      <path d=\"M16 3h5v5\" />\n      <path d=\"M8 3H3v5\" />\n      <path d=\"M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3\" />\n      <path d=\"m15 9 6-6\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up-from-line`. */\nexport function ArrowUpFromLineIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up-from-line\", props)}>\n      <path d=\"m18 9-6-6-6 6\" />\n      <path d=\"M12 3v14\" />\n      <path d=\"M5 21h14\" />\n    </svg>\n  );\n}\n\n/** lucide `lock-open`. */\nexport function LockOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"lock-open\", props)}>\n      <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 11V7a5 5 0 0 1 9.9-1\" />\n    </svg>\n  );\n}\n\n/** lucide `printer`. */\nexport function PrinterIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"printer\", props)}>\n      <path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\" />\n      <path d=\"M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6\" />\n      <rect x=\"6\" y=\"14\" width=\"12\" height=\"8\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** lucide `rocket`. */\nexport function RocketIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"rocket\", props)}>\n      <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" />\n      <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09\" />\n      <path d=\"M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z\" />\n      <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05\" />\n    </svg>\n  );\n}\n\n/** lucide `message-circle`. */\nexport function MessageCircleIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"message-circle\", props)}>\n      <path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\" />\n    </svg>\n  );\n}\n\n/** lucide `copy-plus`. */\nexport function CopyPlusIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"copy-plus\", props)}>\n      <line x1=\"15\" x2=\"15\" y1=\"12\" y2=\"18\" />\n      <line x1=\"12\" x2=\"18\" y1=\"15\" y2=\"15\" />\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  );\n}\n\n/** lucide `map-pin`. */\nexport function MapPinIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"map-pin\", props)}>\n      <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\" />\n      <circle cx=\"12\" cy=\"10\" r=\"3\" />\n    </svg>\n  );\n}\n\n/** lucide `at-sign`. */\nexport function AtSignIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"at-sign\", props)}>\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <path d=\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8\" />\n    </svg>\n  );\n}\n\n/** lucide `link-2-off`. */\nexport function Link2OffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"link-2-off\", props)}>\n      <path d=\"M9 17H7A5 5 0 0 1 7 7\" />\n      <path d=\"M15 7h2a5 5 0 0 1 4 8\" />\n      <line x1=\"8\" x2=\"12\" y1=\"12\" y2=\"12\" />\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n    </svg>\n  );\n}\n\n/** lucide `whole-word`. */\nexport function WholeWordIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"whole-word\", props)}>\n      <circle cx=\"7\" cy=\"12\" r=\"3\" />\n      <path d=\"M10 9v6\" />\n      <circle cx=\"17\" cy=\"12\" r=\"3\" />\n      <path d=\"M14 7v8\" />\n      <path d=\"M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1\" />\n    </svg>\n  );\n}\n\n/** lucide `lightbulb`. */\nexport function LightbulbIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"lightbulb\", props)}>\n      <path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\" />\n      <path d=\"M9 18h6\" />\n      <path d=\"M10 22h4\" />\n    </svg>\n  );\n}\n\n/** lucide `shield-off`. */\nexport function ShieldOffIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"shield-off\", props)}>\n      <path d=\"m2 2 20 20\" />\n      <path d=\"M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71\" />\n      <path d=\"M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-left`. */\nexport function ChevronsLeftIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-left\", props)}>\n      <path d=\"m11 17-5-5 5-5\" />\n      <path d=\"m18 17-5-5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-right`. */\nexport function ChevronsRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-right\", props)}>\n      <path d=\"m6 17 5-5-5-5\" />\n      <path d=\"m13 17 5-5-5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `users-round`. */\nexport function UsersRoundIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"users-round\", props)}>\n      <path d=\"M18 21a8 8 0 0 0-16 0\" />\n      <circle cx=\"10\" cy=\"8\" r=\"5\" />\n      <path d=\"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3\" />\n    </svg>\n  );\n}\n\n/** lucide `landmark`. */\nexport function LandmarkIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"landmark\", props)}>\n      <path d=\"M10 18v-7\" />\n      <path d=\"M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z\" />\n      <path d=\"M14 18v-7\" />\n      <path d=\"M18 18v-7\" />\n      <path d=\"M3 22h18\" />\n      <path d=\"M6 18v-7\" />\n    </svg>\n  );\n}\n\n/** lucide `factory`. */\nexport function FactoryIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"factory\", props)}>\n      <path d=\"M12 16h.01\" />\n      <path d=\"M16 16h.01\" />\n      <path d=\"M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z\" />\n      <path d=\"M8 16h.01\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-down` — CollapsibleText's \"expand all\". */\nexport function ChevronsDownIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-down\", props)}>\n      <path d=\"m7 6 5 5 5-5\" />\n      <path d=\"m7 13 5 5 5-5\" />\n    </svg>\n  );\n}\n\n/** lucide `chevrons-up` — CollapsibleText's \"collapse all\". */\nexport function ChevronsUpIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"chevrons-up\", props)}>\n      <path d=\"m17 11-5-5-5 5\" />\n      <path d=\"m17 18-5-5-5 5\" />\n    </svg>\n  );\n}\n\n/** lucide `arrow-up-right` — CitationChip's \"open source\". */\nexport function ArrowUpRightIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"arrow-up-right\", props)}>\n      <path d=\"M7 7h10v10\" />\n      <path d=\"M7 17 17 7\" />\n    </svg>\n  );\n}\n\n/** lucide `quote` — CitationChip's excerpt blockquote. */\nexport function QuoteIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"quote\", props)}>\n      <path d=\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\" />\n      <path d=\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-top-open` — the floating dock's phone menu button (opens the list). */\nexport function PanelTopOpenIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-top-open\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"m15 14-3 3-3-3\" />\n    </svg>\n  );\n}\n\n/** lucide `panel-top-close` — the floating dock's phone menu button (closes the list). */\nexport function PanelTopCloseIcon(props: IconProps) {\n  return (\n    <svg {...lucideProps(\"panel-top-close\", props)}>\n      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n      <path d=\"M3 9h18\" />\n      <path d=\"m9 16 3-3 3 3\" />\n    </svg>\n  );\n}\n","\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\n\nexport const buttonVariants = cva(\n  \"matrx-glyph-trim inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:opacity-50 active:scale-[0.98] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        /**\n         * An explicit spelling of `default`, identical by construction. It is\n         * not decoration: matrx-frontend's `ButtonMine` fork carried it, ~17\n         * call sites say `variant=\"primary\"`, and the alternative to keeping\n         * the word was a host shim translating a prop — the massage C22 bans.\n         */\n        primary: \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        destructive:\n          \"bg-danger-fill text-danger-fill-foreground shadow-sm hover:bg-danger-fill/90\",\n        /** The affirmative twin of `destructive` — confirm, approve, publish. */\n        success:\n          \"bg-success-fill text-success-fill-foreground shadow-sm hover:bg-success-fill/90\",\n        outline:\n          \"border border-border bg-card shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary-ink underline-offset-4 hover:underline\",\n        subtle:\n          \"border border-transparent bg-muted/50 text-foreground hover:border-border hover:bg-muted\",\n      },\n      /**\n       * ONE size scale, xs → 3xl, plus the two icon boxes. The top and bottom\n       * of the scale came in from matrx-frontend's `ButtonMine` fork (2026-09-07):\n       * a dense toolbar needs `xs`, and a marketing/hero call to action needs\n       * `xl`+. A host that has to reach outside this scale forks the button,\n       * which is exactly how `ButtonMine` was born.\n       */\n      size: {\n        xs: \"h-6 rounded-md px-1 text-xs\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        default: \"h-9 px-4 py-2\",\n        /** An explicit spelling of `default` (the fork's middle rung). */\n        md: \"h-9 px-4 py-2\",\n        lg: \"h-10 rounded-md px-6\",\n        xl: \"h-12 px-8 py-3 text-base\",\n        \"2xl\": \"h-14 px-10 py-3 text-base\",\n        \"3xl\": \"h-16 px-12 py-3 text-base\",\n        icon: \"h-9 w-9\",\n        \"icon-sm\": \"h-7 w-7\",\n        /** A circular icon box — an avatar-shaped control, not a square one. */\n        roundIcon: \"h-8 w-8 rounded-full p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\n/**\n * THE TOUCH FLOOR (2026-09-17).\n *\n * Every rung of the size scale below `xl` is shorter than the 44px platform\n * touch target: `xs` 24, `icon-sm` 28, `sm` 32, `roundIcon` 32, `default`/`md`\n * 36, `icon` 36, `lg` 40. Measured live at 390x844 on `/masterwork/<id>`, ALL\n * SEVEN design-system Buttons in the viewport were under the floor (four at\n * 32px, two at 28px).\n *\n * The floor is raised in CSS, under `@media (pointer: coarse)` ONLY, so DESKTOP\n * DENSITY IS UNTOUCHED — a narrow desktop window is not a finger, which is why\n * this rule deliberately does NOT carry the `(max-width: 1023px)` half that the\n * dialog-footer floor in `styles.css` uses.\n *\n * WHY EVERY SUB-44 RUNG AND NOT JUST `sm`: a floor applied to one rung inverts\n * the scale. Lift `sm` (32) alone and it renders TALLER on a phone than\n * `default` (36) and `lg` (40) — the scale would stop being a scale. A floor is\n * only coherent applied to everything beneath it.\n *\n * The mechanism is `min-height`/`min-width`, not an invisible 44px hit ring\n * over a 32px pill. A ring is the tap-target package's pattern and it is right\n * THERE (isolated glass buttons), but on a toolbar of adjacent `sm` buttons\n * separated by an 8px gap the rings overlap in the gap and one button silently\n * eats taps aimed at its neighbour — unacceptable where a neighbour is\n * destructive. `lib/entity-list`'s own phone contract (`h-11 min-w-11`) already\n * chose growth for the same reason; this is that choice made once, in the\n * primitive, instead of per surface.\n *\n * `min-width` is raised only on the SQUARE rungs (`icon`, `icon-sm`,\n * `roundIcon`) — a text button is already wider than 44px, and forcing a floor\n * on it would stretch short labels.\n *\n * Opt out on a control that is genuinely not a finger target with\n * `data-touch-exempt` (same escape hatch the footer floor honors), and say why\n * at the call site.\n */\nconst TOUCH_FLOOR_SIZES = new Set([\n  \"xs\",\n  \"sm\",\n  \"default\",\n  \"md\",\n  \"lg\",\n  \"icon\",\n  \"icon-sm\",\n  \"roundIcon\",\n]);\nconst SQUARE_SIZES = new Set([\"icon\", \"icon-sm\", \"roundIcon\"]);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n/**\n * THE CURSOR LAW (common-docs/policies/cursor-law.md): a disabled control says\n * so with `not-allowed`, which the package's base layer sets on `:disabled`\n * and `[aria-disabled=\"true\"]`. `pointer-events: none` is never the mechanism\n * — it swallows the cursor. A native `<button disabled>` already fires no\n * click; the two shapes that WOULD fire one are handled here, once:\n *  - `asChild` + `disabled` (a Link wearing button styles): marked\n *    `aria-disabled`, taken out of the tab order, and its click is swallowed;\n *  - `aria-disabled=\"true\"` on an enabled button: its click is swallowed.\n */\nexport function swallowClick(event: React.MouseEvent<HTMLButtonElement>): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, onClick, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n    const resolvedSize = size ?? \"default\";\n    const disabledChild = asChild && Boolean(props.disabled);\n    const ariaDisabled = props[\"aria-disabled\"];\n    const inert =\n      disabledChild || ariaDisabled === true || ariaDisabled === \"true\";\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        data-matrx-button=\"\"\n        data-tap-floor={TOUCH_FLOOR_SIZES.has(resolvedSize) ? \"\" : undefined}\n        data-tap-floor-square={\n          SQUARE_SIZES.has(resolvedSize) ? \"\" : undefined\n        }\n        ref={ref}\n        {...props}\n        aria-disabled={disabledChild ? true : ariaDisabled}\n        tabIndex={disabledChild ? -1 : props.tabIndex}\n        onClick={inert ? swallowClick : onClick}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * ErrorBox — THE one way a package draws an error on screen, and the seam a\n * host uses to put its own actions on every one of them.\n *\n * Every error sentence this package (and every sibling package that depends\n * on it) shows is an `ErrorBox`. The box is a plain `role=\"alert\"` element —\n * its tag and classes are the caller's, so nothing about the look changes — and\n * after its children it renders whatever the host's `ErrorActionsProvider`\n * returns for that error. With no provider it renders nothing extra.\n *\n * Why a slot and not a menu: the package cannot know the host's AI copy, bug\n * report, or support flow (Matrx fills it with its Alchemy copy-for-AI menu at\n * the app root). The package supplies the error's facts — the sentence, the\n * raw error, the operation, the records — and the host decides the actions.\n *\n * Guard: `error-box.census.test.ts` fails when a package file renders\n * `role=\"alert\"` for an error without going through `ErrorBox` (or, for the\n * `Alert` family, `ErrorActions`).\n */\nimport * as React from \"react\";\n\nexport interface ErrorActionsRecord {\n  type: string;\n  id: string;\n  label?: string;\n}\n\n/** The facts a package knows about an error it is showing. All optional. */\nexport interface ErrorActionsInput {\n  /** The sentence shown. Omit when the words are only in the rendered box. */\n  message?: string | undefined;\n  title?: string | undefined;\n  /** The raw error (code/status/stack stay available to the host). */\n  error?: unknown | undefined;\n  /** What was being attempted (\"Load saved views\"). */\n  operation?: string | undefined;\n  records?: readonly ErrorActionsRecord[] | undefined;\n  /** The person's input that did not land. */\n  unsavedInput?: unknown | undefined;\n  /** The package + component that drew it (\"design-system/SavedViewsControl\"). */\n  origin?: string | undefined;\n  /** Extra structured facts for the AI payload (never shown). */\n  details?: Record<string, unknown> | undefined;\n  code?: string | number | undefined;\n  status?: number | undefined;\n  /** The tables / RPCs the failed call used — pins its captured request as the cause. */\n  calls?: readonly string[] | undefined;\n  /** Where it was drawn: an `ErrorNotice` card/line (\"inline\") or a package alert box (\"alert\", the default). */\n  source?: \"inline\" | \"alert\" | undefined;\n}\n\nexport type ErrorActionsRenderer = (input: ErrorActionsInput) => React.ReactNode;\n\n/**\n * ONE context for every copy of this module. tsup builds each entry point\n * (`.`, `./data-table`, …) without code splitting, so this file is inlined into\n * several bundles; a plain `createContext` would give each bundle its own\n * context and the host's provider (imported from `.`) would never reach an\n * error drawn by the data table. The registry key makes them one.\n */\nconst CONTEXT_KEY = Symbol.for(\"@ai-matrx/design-system/error-actions\");\ntype ContextRegistry = Record<symbol, React.Context<ErrorActionsRenderer | null> | undefined>;\nconst registry = globalThis as unknown as ContextRegistry;\nconst ErrorActionsContext: React.Context<ErrorActionsRenderer | null> =\n  registry[CONTEXT_KEY] ??\n  (registry[CONTEXT_KEY] = React.createContext<ErrorActionsRenderer | null>(null));\n\n/** Mount once at the host's app root; every ErrorBox below renders `render(...)`. */\nexport function ErrorActionsProvider({\n  render,\n  children,\n}: {\n  render: ErrorActionsRenderer;\n  children: React.ReactNode;\n}) {\n  return (\n    <ErrorActionsContext.Provider value={render}>{children}</ErrorActionsContext.Provider>\n  );\n}\n\n/**\n * The host's content menu around an error card (`ErrorNotice`): the corner ⋯\n * button and the right-click boundary that show the host's content actions\n * over the error's sentence. Read-only — nothing here may change a record.\n * Without a provider the card draws neither (the actions slot still renders).\n */\nexport interface ErrorCardMenus {\n  /** The corner ⋯ button over `{ title, text }`. */\n  Button: React.ComponentType<{ title: string; text: string; className?: string }>;\n  /** Wraps the whole card so right-click opens the same menu. */\n  Boundary: React.ComponentType<{ title: string; text: string; children: React.ReactNode }>;\n}\n\nconst MENUS_KEY = Symbol.for(\"@ai-matrx/design-system/error-card-menus\");\ntype MenusRegistry = Record<symbol, React.Context<ErrorCardMenus | null> | undefined>;\nconst menusRegistry = globalThis as unknown as MenusRegistry;\nconst ErrorCardMenusContext: React.Context<ErrorCardMenus | null> =\n  menusRegistry[MENUS_KEY] ??\n  (menusRegistry[MENUS_KEY] = React.createContext<ErrorCardMenus | null>(null));\n\n/** Mount once at the host's app root beside `ErrorActionsProvider`. */\nexport function ErrorCardMenusProvider({\n  menus,\n  children,\n}: {\n  menus: ErrorCardMenus;\n  children: React.ReactNode;\n}) {\n  return <ErrorCardMenusContext.Provider value={menus}>{children}</ErrorCardMenusContext.Provider>;\n}\n\nexport function useErrorCardMenus(): ErrorCardMenus | null {\n  return React.useContext(ErrorCardMenusContext);\n}\n\nexport function useErrorActions(): ErrorActionsRenderer | null {\n  return React.useContext(ErrorActionsContext);\n}\n\n/**\n * The host's actions for one error, placed wherever the caller puts this\n * element. Renders nothing without a provider. Use inside a box you do not\n * render yourself (the `Alert` family); everything else uses `ErrorBox`.\n */\nexport function ErrorActions(props: ErrorActionsInput) {\n  const render = useErrorActions();\n  if (!render) return null;\n  return <>{render(props)}</>;\n}\n\ntype ErrorBoxTag = \"p\" | \"div\" | \"span\" | \"section\" | \"li\";\n\nexport interface ErrorBoxProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"role\" | \"title\">,\n    ErrorActionsInput {\n  /** The element drawn — the caller's existing tag, so layout never shifts. */\n  as?: ErrorBoxTag;\n}\n\nexport const ErrorBox = React.forwardRef<HTMLElement, ErrorBoxProps>(function ErrorBox(\n  {\n    as = \"p\",\n    message,\n    title,\n    error,\n    operation,\n    records,\n    unsavedInput,\n    origin,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  // A component type, never a bare ElementType: an app compiling this source may carry global JSX\n  // elements (react-three-fiber) that make a bare ElementType's props `never` (2026-10-22).\n  const Tag = as as unknown as React.ComponentType<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>;\n  const facts: ErrorActionsInput = {\n    ...(message !== undefined ? { message } : {}),\n    ...(title !== undefined ? { title } : {}),\n    ...(error !== undefined ? { error } : {}),\n    ...(operation !== undefined ? { operation } : {}),\n    ...(records !== undefined ? { records } : {}),\n    ...(unsavedInput !== undefined ? { unsavedInput } : {}),\n    ...(origin !== undefined ? { origin } : {}),\n  };\n  return (\n    <Tag ref={ref} role=\"alert\" data-error-box=\"\" {...rest}>\n      {children ?? message}\n      <ErrorActions {...facts} />\n    </Tag>\n  );\n});\n","\"use client\";\n\n/**\n * ErrorNotice — THE inline error card. Every error a surface renders inline\n * (\"Not saved\", \"Failed to load…\", a dialog's refusal, a form's failure) is\n * this component, so every one of them carries the Alchemy Menu and hands an\n * AI the sentence, the code, the operation, the records, the surface's declared\n * values and the person's unsaved input.\n *\n *   <ErrorNotice\n *     title=\"Not saved\"\n *     message={item.error}\n *     operation=\"Save comment\"\n *     records={[{ type: \"document\", id: docId }]}\n *     unsavedInput={{ comment: draft }}\n *     actions={<Button onClick={retry}>Retry</Button>}\n *   />\n *\n * Moved from matrx-frontend (chat host slots get real package defaults,\n * 2026-10-08). The host's actions (Matrx: the Alchemy Menu) arrive through\n * `ErrorActionsProvider`; the corner ⋯ and right-click menu through\n * `ErrorCardMenusProvider`. Without them the card still says everything.\n */\nimport type { ReactNode } from \"react\";\nimport { AlertTriangleIcon as AlertTriangle } from \"./icons\";\nimport { cn } from \"./cn\";\nimport { Button } from \"./button\";\nimport {\n  ErrorActions,\n  useErrorCardMenus,\n  type ErrorActionsInput,\n  type ErrorActionsRecord,\n} from \"./error-box\";\n\n/**\n * The sentence an error carries: its own message (string, Error, or any\n * object with a `message`). Empty when it has none.\n */\nexport function errorSentenceOf(error: unknown): string {\n  if (error == null || error === true || error === false) return \"\";\n  if (typeof error === \"string\") return error;\n  if (typeof error !== \"object\") return String(error);\n  const message = (error as { message?: unknown }).message;\n  return typeof message === \"string\" ? message : \"\";\n}\n\n/**\n * What a person reads when the store cancelled a call at its statement timeout\n * (SQLSTATE 57014). Postgres' own \"canceling statement due to statement\n * timeout\" is about the database, not the person; the cancelled call rolled\n * back, so nothing was written (lane AT-SLOW, 2026-10-19). The same sentence\n * @ai-matrx/records' `TIMED_OUT_MESSAGE` gives.\n */\nexport const TIMED_OUT_SENTENCE = \"That took too long. Nothing was lost; try again.\";\n\n/** True when an error, its code, or its sentence is the store's statement timeout. */\nexport function isTimedOutError(error: unknown, message?: string | null, code?: string | number): boolean {\n  if (code === \"57014\" || code === \"timed_out\") return true;\n  if (error && typeof error === \"object\") {\n    const o = error as { code?: unknown; sqlstate?: unknown };\n    if (o.code === \"57014\" || o.code === \"timed_out\" || o.sqlstate === \"57014\") return true;\n  }\n  const text = `${message ?? \"\"} ${errorSentenceOf(error)}`;\n  return /canceling statement due to statement timeout/i.test(text);\n}\n\nexport type ErrorNoticeProps = {\n  /** Short heading (\"Not saved\"). */\n  title?: string;\n  /** The sentence shown. Falls back to the error's own message. */\n  message?: string | null;\n  /** The raw error — code/status/stack go to the AI payload, never the screen. */\n  error?: unknown;\n  operation?: string;\n  records?: readonly ErrorActionsRecord[];\n  unsavedInput?: unknown;\n  details?: Record<string, unknown>;\n  code?: string | number;\n  status?: number;\n  /** The tables / RPCs the failed call used — pins its captured request as the cause. */\n  calls?: readonly string[];\n  /** Retry / Discard / other controls, rendered under the sentence. */\n  actions?: ReactNode;\n  /**\n   * Run the failed call again. Shown as \"Try again\" when the error is the\n   * store's statement timeout and no `actions` were given.\n   */\n  onRetry?: () => void;\n  /** Extra content under the sentence. */\n  children?: ReactNode;\n  /**\n   * `default` = the card. `compact` = the dense card used inside lists and\n   * side panels. `inline` = a one-line field/form error (no card chrome): the\n   * sentence in the destructive color with the menu at its end — the shape\n   * every `<p role=\"alert\" className=\"text-destructive\">` render moves onto.\n   */\n  size?: \"inline\" | \"compact\" | \"default\";\n  icon?: boolean;\n  className?: string;\n};\n\nexport function ErrorNotice({\n  title,\n  message,\n  error,\n  operation,\n  records,\n  unsavedInput,\n  details,\n  code,\n  status,\n  calls,\n  actions: actionsProp,\n  onRetry,\n  children,\n  size = \"default\",\n  icon = true,\n  className,\n}: ErrorNoticeProps) {\n  const timedOut = isTimedOutError(error, message, code);\n  const sentence = timedOut\n    ? TIMED_OUT_SENTENCE\n    : message?.trim() ||\n      errorSentenceOf(error).trim() ||\n      \"Something went wrong.\";\n  const actions =\n    actionsProp ??\n    (timedOut && onRetry ? (\n      <Button type=\"button\" size=\"sm\" variant=\"outline\" data-error-retry=\"\" onClick={onRetry}>\n        Try again\n      </Button>\n    ) : undefined);\n  const menus = useErrorCardMenus();\n  const input: ErrorActionsInput = {\n    title,\n    message: sentence,\n    error,\n    operation,\n    records,\n    unsavedInput,\n    details,\n    code,\n    status,\n    ...(calls ? { calls } : {}),\n    source: \"inline\",\n    origin: \"design-system/ErrorNotice\",\n  };\n  if (size === \"inline\") {\n    return (\n      <div\n        role=\"alert\"\n        data-error-notice=\"\"\n        className={cn(\"flex items-start gap-1 text-destructive\", className)}\n      >\n        <span className=\"min-w-0 flex-1 break-words\">\n          {title ? (\n            <span data-error-title=\"\" className=\"font-medium\">\n              {title}:{\" \"}\n            </span>\n          ) : null}\n          {sentence}\n        </span>\n        {children}\n        {actions}\n        <ErrorActions {...input} />\n      </div>\n    );\n  }\n  const compact = size === \"compact\";\n  // Title, actions or extra content make the card taller than the ⋯ + menu column.\n  const stacked = Boolean(title || actions || children);\n  // The card is an action host like any other content (ALC-15): right-click,\n  // ⋯ (the same menu, opened at the button), the phone's sheet and the palette\n  // (⌘/Ctrl+Shift+K) all show the ONE registry's actions over this sentence.\n  // Read-only: nothing here may change a record.\n  const menuTitle = title ?? \"Error\";\n  const menuText = title ? `${title}: ${sentence}` : sentence;\n  const card = (\n    <div\n      role=\"alert\"\n      data-error-notice=\"\"\n      className={cn(\n        \"rounded-md border border-destructive/30 bg-destructive/5\",\n        compact ? \"px-2 py-1.5 text-xs\" : \"px-3 py-2.5 text-sm\",\n        className,\n      )}\n    >\n      <div className=\"flex items-start gap-2\">\n        {icon && (\n          <AlertTriangle\n            aria-hidden\n            className={cn(\n              \"shrink-0 text-destructive\",\n              compact ? \"mt-px h-3.5 w-3.5\" : \"mt-0.5 h-4 w-4\",\n            )}\n          />\n        )}\n        <div className=\"min-w-0 flex-1\">\n          {title && (\n            <p data-error-title=\"\" className=\"font-medium text-destructive\">\n              {title}\n            </p>\n          )}\n          <p className={cn(\"break-words text-foreground\", title && \"mt-0.5\")}>\n            {sentence}\n            {!stacked && <ErrorActions {...input} />}\n          </p>\n          {children}\n          {actions && <div className=\"mt-1 flex flex-wrap gap-1\">{actions}</div>}\n        </div>\n        {/* The corner column the ⋯ already owns carries the menu under it: no\n            new column (beside the ⋯ it narrowed every line — 176→224px at\n            375px) and no new line (inline, a full last line wrapped it,\n            +16px). A one-line notice with nothing under its sentence is\n            shorter than that column, so there the menu rides the sentence\n            (RC-B12 layout rule). */}\n        <div className=\"flex shrink-0 flex-col items-center\">\n          {menus ? (\n            <menus.Button\n              title={menuTitle}\n              text={menuText}\n              {...(compact ? { className: \"h-6 w-6\" } : {})}\n            />\n          ) : null}\n          {stacked && <ErrorActions {...input} />}\n        </div>\n      </div>\n    </div>\n  );\n  if (!menus) return card;\n  return (\n    <menus.Boundary title={menuTitle} text={menuText}>\n      {card}\n    </menus.Boundary>\n  );\n}\n","\"use client\";\n\n/**\n * THE SERVER-SAFE RETRY. A server page cannot hand a failure notice a retry\n * function — functions do not cross the server/client boundary — so its\n * \"Couldn't load …\" card had no way forward but the browser's own reload\n * (page-pass 2026-09-27, /chat/message-templates/<id>). This control is the\n * retry any server-rendered failure can carry: it takes no props a server\n * cannot send, and it reloads THIS url (path, query and hash), which re-runs the\n * server read that failed.\n *\n * Its words say what it does — \"Reload page\" — because a reload also drops\n * anything unsaved elsewhere on the page; a client surface that can retry just\n * its own read passes `onRetry` to `ReadFailure` instead.\n */\nimport { RefreshCwIcon as RefreshCw } from \"../icons\";\nimport { Button } from \"../button\";\n\nexport const RELOAD_PAGE_LABEL = \"Reload page\";\n\nexport function ReloadPageButton({ className }: { className?: string }) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className={className ?? \"h-7 gap-1.5 text-xs\"}\n      onClick={() => window.location.reload()}\n    >\n      <RefreshCw className=\"h-3.5 w-3.5\" aria-hidden /> {RELOAD_PAGE_LABEL}\n    </Button>\n  );\n}\n","\"use client\";\n\n/**\n * The failed-read view every list uses instead of its empty state (RC-B12\n * round 11): the error, with the Alchemy Menu (through ErrorNotice) and a\n * retry when the caller has one. `error` may be the error itself or just the\n * read's failed flag — the sentence never pretends there is nothing.\n *\n * ALWAYS A WAY FORWARD. With `onRetry` it offers \"Try again\" (the surface's own\n * read, nothing else touched). Without one — every SERVER page, which cannot\n * pass a function — it offers `ReloadPageButton`: a same-URL reload that re-runs\n * the server read. A failure card with no retry at all is gone.\n */\nimport { RefreshCwIcon as RefreshCw } from \"../icons\";\nimport { Button } from \"../button\";\nimport { ErrorNotice } from \"../error-notice\";\nimport { ReloadPageButton } from \"./reload-page-button\";\n\nexport type ReadFailureProps = {\n  error: unknown;\n  /** What could not be read, in the reader's words: \"your tasks\". */\n  what?: string | undefined;\n  /** Retry just this read. Absent (always, from a server page): a same-URL reload is offered. */\n  onRetry?: (() => void) | undefined;\n  className?: string | undefined;\n  size?: \"compact\" | \"default\" | undefined;\n};\n\nexport function ReadFailure({\n  error,\n  what = \"this list\",\n  onRetry,\n  className,\n  size = \"compact\",\n}: ReadFailureProps) {\n  const flagOnly = error === true || error == null || error === \"\";\n  return (\n    <ErrorNotice\n      size={size}\n      className={className ?? \"m-3\"}\n      title={`Couldn't load ${what}`}\n      {...(flagOnly\n        ? { message: `The read for ${what} failed, so nothing here is an answer — not \"empty\".` }\n        : { error })}\n      operation={`Load ${what}`}\n      actions={\n        onRetry ? (\n          <Button variant=\"outline\" size=\"sm\" className=\"h-7 gap-1.5 text-xs\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5\" /> Try again\n          </Button>\n        ) : (\n          <ReloadPageButton />\n        )\n      }\n    />\n  );\n}\n","\"use client\";\n\n/**\n * StaleDataNotice — what a surface shows when a READ FAILED and the rows on\n * screen are therefore not to be trusted.\n *\n * THE DEAD END this kills: a list loads fine, the user acts, the surface\n * reloads — and the reload fails. A toast fires and fades. What remains is the\n * PREVIOUS list, rendered exactly like a fresh one. The user reads a roster\n * that no longer reflects the database and has no way to know. Bugbot found\n * this on the admins roster and the feedback table in the same pass, which is\n * what made it a primitive instead of two patches.\n *\n * This is the campaign's never-report-green rule at its sharpest: **a surface\n * must never present data it could not actually read as though it had.** The\n * sibling `DeepLinkMissNotice` states a definitive negative and so demands\n * proof the list WAS read; this states the opposite — that the read broke —\n * and is what that component's \"show the surface's ordinary error state\n * instead\" was pointing at. Neither is complete without the other.\n *\n * Two cases, and conflating them is the actual bug:\n *\n *   1. **Stale** (`hasData`) — rows are on screen from an earlier successful\n *      read. Say they may be out of date. Do NOT blank them: old data plus an\n *      honest label beats an empty screen, and the user may still need it.\n *   2. **Unknown** (`!hasData`) — nothing was ever read. An empty list here\n *      reads as \"there are none\", which is a claim about the database nobody\n *      is entitled to make. Say the read failed instead.\n *\n * `onRetry` is not optional decoration — a problem you can detect ships with\n * its one-click fix. The user should never have to reload the page to recover\n * from a failed fetch.\n */\n\nimport { AlertTriangleIcon as AlertTriangle, RefreshCwIcon as RefreshCw } from \"../icons\";\nimport { Button } from \"../button\";\nimport { cn } from \"../cn\";\nimport { ErrorActions } from \"../error-box\";\n\nexport interface StaleDataNoticeProps {\n  /**\n   * Whether rows from an earlier SUCCESSFUL read are currently displayed.\n   * Decides between \"this may be out of date\" and \"we never read this\".\n   */\n  hasData: boolean;\n  /**\n   * What could not be read, as a plain noun phrase the user recognizes —\n   * \"the admin roster\", \"feedback\". Never a table or endpoint name: our user\n   * is a subject-matter expert, not an engineer.\n   */\n  what: string;\n  /** Re-run the read. Required — the notice always carries its own fix. */\n  onRetry: () => void;\n  /** Disables the retry control and shows motion while a retry is in flight. */\n  retrying?: boolean;\n  /** Optional detail (a server message). Shown verbatim, never interpreted. */\n  detail?: string | null;\n  /**\n   * A multi-source list where SOME sources read and some did not: the rows on\n   * screen are current, but `what` is missing from them. Says so instead of\n   * \"may be out of date\" (RC-B12 round 12 — a partly failed roster).\n   */\n  partial?: boolean;\n  className?: string;\n}\n\nexport function StaleDataNotice({\n  hasData,\n  what,\n  onRetry,\n  retrying = false,\n  detail,\n  partial = false,\n  className,\n}: StaleDataNoticeProps) {\n  return (\n    <div\n      role=\"status\"\n      className={cn(\n        \"flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-md border border-amber-500/40 bg-amber-500/10 px-3 py-2 type-body\",\n        className,\n      )}\n    >\n      <AlertTriangle className=\"h-4 w-4 shrink-0 text-amber-600 dark:text-amber-500\" />\n      <span className=\"min-w-0 flex-1 text-foreground\">\n        {partial ? (\n          <>\n            Couldn&apos;t load {what}, so <strong>they are missing</strong> from\n            the list below — everything else loaded.\n          </>\n        ) : hasData ? (\n          <>\n            Couldn&apos;t refresh {what}. What you see below is the last version\n            we loaded and <strong>may be out of date</strong>.\n          </>\n        ) : (\n          <>\n            Couldn&apos;t load {what}, so this list is empty because the read\n            failed — <strong>not</strong> because there is nothing here.\n          </>\n        )}\n        {detail ? (\n          <span className=\"ml-1 text-muted-foreground\">({detail})</span>\n        ) : null}\n        {/* A failed read is an error on screen: it carries the Alchemy Menu (RC-B12),\n            INSIDE the sentence — as its own flex item it narrowed the text and\n            grew the notice 118→138px at 375px. */}\n        <ErrorActions\n          title={partial || !hasData ? `Couldn't load ${what}` : `Couldn't refresh ${what}`}\n          message={\n            detail\n              ? `${hasData ? \"Couldn't refresh\" : \"Couldn't load\"} ${what}: ${detail}`\n              : `${hasData ? \"Couldn't refresh\" : \"Couldn't load\"} ${what}.`\n          }\n          operation={`${hasData ? \"Refresh\" : \"Load\"} ${what}`}\n          details={partial ? { rows_on_screen_are_partial: true } : { rows_on_screen_are_stale: hasData }}\n          source=\"inline\"\n          origin=\"design-system/StaleDataNotice\"\n        />\n      </span>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        onClick={onRetry}\n        disabled={retrying}\n        className=\"h-11 shrink-0 gap-1.5 lg:h-7\"\n      >\n        <RefreshCw className={cn(\"h-3.5 w-3.5\", retrying && \"matrx-spin\")} />\n        {retrying ? \"Retrying…\" : \"Try again\"}\n      </Button>\n    </div>\n  );\n}\n","\"use client\";\n\n/**\n * THE rule for every empty view (RC-B12 round 11): \"nothing here\" is an answer\n * only after a read that SUCCEEDED and returned nothing.\n *\n *   <ReadGate status={readStatusOf(query)} error={query.error} what=\"your tasks\"\n *             isEmpty={tasks.length === 0} empty={<p>No tasks yet.</p>} onRetry={refetch}>\n *     <TaskList tasks={tasks} />\n *   </ReadGate>\n *\n * loading → a wait · error → the failure (with the menu) · ready + empty → the\n * empty view · ready → the rows. When a refresh fails but earlier rows are on\n * screen, the rows stay and the failure is said above them.\n * Guarded by the census `findUngatedEmptyStates` and the lint rule\n * matrx/error-render-carries-alchemy (an empty view under a loading check\n * with no failure check is refused).\n */\nimport type { ReactNode } from \"react\";\nimport { Loader2Icon as Loader2 } from \"../icons\";\nimport { ReadFailure } from \"./read-failure\";\nimport { StaleDataNotice } from \"./stale-data-notice\";\n\nexport type ReadStatus = \"loading\" | \"error\" | \"ready\";\n\n/** The usual shapes a read reports itself in, folded into one status. */\nexport function readStatusOf(read: {\n  status?: string | null;\n  isLoading?: boolean;\n  loading?: boolean;\n  isFetching?: boolean;\n  isError?: boolean;\n  error?: unknown;\n}): ReadStatus {\n  if (read.isError || (read.error != null && read.error !== false && read.error !== \"\")) return \"error\";\n  if (read.status === \"error\" || read.status === \"failed\") return \"error\";\n  if (read.isLoading || read.loading || read.status === \"loading\" || read.status === \"idle\" || read.status === \"pending\") return \"loading\";\n  return \"ready\";\n}\n\n/**\n * A read's outcome handed to a list/table primitive (RC-B12 round 13). Every\n * primitive that takes an `emptyState` also takes `read?: ReadOutcome` and\n * renders the empty state only when `status === \"ready\"`: \"error\" with no rows\n * → <ReadFailure/> with the retry; \"error\" with rows → the rows under a stale\n * notice; \"loading\" with no rows → loading. Structurally identical to the\n * design-system table's `MatrxDataTableRead`, so one value serves both.\n */\nexport interface ReadOutcome {\n  status: ReadStatus;\n  /** The failure itself, or a truthy flag when the read only says it failed. */\n  error?: unknown;\n  onRetry?: (() => void) | undefined;\n  /** What was read, in the reader's words: \"your tasks\". */\n  what?: string | undefined;\n  /**\n   * A successful read has already produced a value (rows, a count). Then a\n   * refetch in flight is not \"loading\" and a failed refresh is not \"no value\":\n   * counts keep their last known value (with the stale mark) — the same\n   * stale-while-error rule as rows (RC-B12 r13 ruling).\n   */\n  hasData?: boolean | undefined;\n}\n\ntype ReadLike = Parameters<typeof readStatusOf>[0] & {\n  refetch?: () => unknown;\n  retry?: () => unknown;\n  /** The read's value (react-query `data`, a hook's rows) — present means a read already landed. */\n  data?: unknown;\n  /** react-query: when the data last arrived (0 = never). */\n  dataUpdatedAt?: number;\n  /** A hook that tracks it directly. */\n  hasData?: boolean;\n};\n\n/** Has a successful read already produced a value? */\nfunction readHasData(read: ReadLike): boolean {\n  if (typeof read.hasData === \"boolean\") return read.hasData;\n  if (typeof read.dataUpdatedAt === \"number\" && read.dataUpdatedAt > 0) return true;\n  // An empty array is often a hook's initial placeholder, not an answer — it\n  // proves nothing was read; only a hook's own `hasData`/`dataUpdatedAt` can.\n  if (Array.isArray(read.data)) return read.data.length > 0;\n  return read.data !== undefined && read.data !== null;\n}\n\n/**\n * Fold a query/hook result into a `ReadOutcome`:\n *   <MatrxDataTable data={rows} emptyState={…} read={readOf(query, { what: \"your tasks\" })} />\n * The retry is the read's own `refetch` / `retry` unless `onRetry` is given.\n */\nexport function readOf(read: ReadLike, options: { what?: string; onRetry?: () => void } = {}): ReadOutcome {\n  const again = options.onRetry ?? read.refetch ?? read.retry;\n  return {\n    status: readStatusOf(read),\n    error: read.error ?? (read.isError ? true : undefined),\n    ...(again ? { onRetry: () => void again() } : {}),\n    ...(options.what ? { what: options.what } : {}),\n    hasData: readHasData(read),\n  };\n}\n\nexport function ReadGate({\n  read,\n  status: statusProp,\n  error: errorProp,\n  what: whatProp,\n  isEmpty,\n  empty,\n  loading,\n  onRetry: onRetryProp,\n  children,\n}: {\n  /**\n   * The read's outcome in one value — what a list primitive's `read` prop\n   * carries. Absent (and no `status`), the gate is \"ready\": a primitive whose\n   * caller passed no read renders exactly as before.\n   */\n  read?: ReadOutcome | undefined;\n  status?: ReadStatus;\n  error?: unknown;\n  what?: string;\n  isEmpty: boolean;\n  empty: ReactNode;\n  loading?: ReactNode;\n  onRetry?: (() => void) | undefined;\n  children: ReactNode;\n}) {\n  const status = statusProp ?? read?.status ?? \"ready\";\n  const error = errorProp ?? read?.error;\n  const what = whatProp ?? read?.what ?? \"this list\";\n  const onRetry = onRetryProp ?? read?.onRetry;\n  if (status === \"error\") {\n    if (isEmpty) return <ReadFailure error={error ?? true} what={what} onRetry={onRetry} />;\n    // Rows from an earlier read stay; the notice says they may be out of date.\n    return (\n      <>\n        {onRetry ? (\n          <StaleDataNotice hasData what={what} onRetry={onRetry} className=\"mb-2\" />\n        ) : (\n          <ReadFailure error={error ?? true} what={what} />\n        )}\n        {children}\n      </>\n    );\n  }\n  if (status === \"loading\" && isEmpty) {\n    return (\n      loading ?? (\n        <div className=\"flex items-center justify-center gap-2 p-4 text-xs text-muted-foreground\" role=\"status\" aria-busy=\"true\">\n          <Loader2 className=\"h-4 w-4 matrx-spin\" /> Loading {what}…\n        </div>\n      )\n    );\n  }\n  if (isEmpty) return <>{empty}</>;\n  return <>{children}</>;\n}\n\n/**\n * A list primitive's EMPTY branch (RC-B12 round 13): the failure while its read\n * failed, the wait while it loads, and the primitive's own empty view only\n * after a read that succeeded. No `read` → the empty view, as before.\n *\n *   if (items.length === 0) return <ReadEmpty read={read}>{emptyState}</ReadEmpty>;\n */\nexport function ReadEmpty({ read, loading, children }: { read?: ReadOutcome | undefined; loading?: ReactNode; children?: ReactNode }) {\n  return (\n    <ReadGate read={read} isEmpty empty={children ?? null} {...(loading === undefined ? {} : { loading })}>\n      {null}\n    </ReadGate>\n  );\n}\n\n/**\n * Above a primitive's ROWS: when the latest read failed, the rows on screen are\n * from an earlier read — say so (StaleDataNotice with its retry), never blank them.\n */\nexport function ReadStaleNotice({ read, className }: { read?: ReadOutcome | undefined; className?: string }) {\n  if (read?.status !== \"error\") return null;\n  const what = read.what ?? \"this list\";\n  if (!read.onRetry) return <ReadFailure error={read.error ?? true} what={what} {...(className ? { className } : {})} />;\n  return <StaleDataNotice hasData what={what} onRetry={read.onRetry} {...(className ? { className } : {})} />;\n}\n","import { isValidElement, type ReactNode } from \"react\";\nimport type { MatrxDataTableEmptyState } from \"../data-table/types\";\n\n/**\n * A list's empty view: the full table's `{ icon, title, description, action }`\n * object drawn the same way everywhere, or any node as given. Shown only inside\n * `ReadEmpty` (after a read that succeeded).\n */\nexport function ListEmptyView({ emptyState }: { emptyState: MatrxDataTableEmptyState | ReactNode }) {\n  if (emptyState != null && typeof emptyState === \"object\" && !isValidElement(emptyState) && \"title\" in emptyState) {\n    const state = emptyState as MatrxDataTableEmptyState;\n    return (\n      <div className=\"flex flex-col items-center gap-1 px-4 py-8 text-center\" data-list-empty=\"\">\n        {state.icon ? <div className=\"text-muted-foreground\">{state.icon}</div> : null}\n        <p className=\"text-sm font-medium text-foreground\">{state.title}</p>\n        {state.description ? <p className=\"text-xs text-muted-foreground\">{state.description}</p> : null}\n        {state.action ? <div className=\"mt-2\">{state.action}</div> : null}\n      </div>\n    );\n  }\n  return <div data-list-empty=\"\">{emptyState as ReactNode}</div>;\n}\n","\"use client\";\n\n/**\n * ItemRow — the reusable list row.\n *\n * - Full-width label with a right-edge mask fade (NO ellipsis) that deepens on\n *   hover/focus/menu-open to clear the kebab (see `.item-row`/`.item-fade` in\n *   design-system styles.css). Trailing indicators glide left in sync.\n * - Kebab is an absolute sibling (reserves no layout space) revealed on\n *   hover/focus/menu-open, and always visible on touch.\n * - Right-click opens the SAME menu config (ItemContextMenu), disabled on touch.\n * - Inline rename: double-click the row, or a menu entry with `intent: \"rename\"`\n *   (ItemRow swaps that entry's action for its own edit state and wins the\n *   focus race via onCloseAutoFocus).\n *\n * The menu/rename schema lives in ./types; menus render via ./ItemMenu.\n */\n\nimport { useRef, useState } from \"react\";\nimport {\n  ChevronDownIcon as ChevronDown,\n  ChevronRightIcon as ChevronRight,\n  MoreHorizontalIcon as MoreHorizontal,\n} from \"../icons\";\nimport { cn } from \"../cn\";\nimport { Button } from \"../controls/controls\";\nimport { useIsMobile } from \"@ai-matrx/kit/media-query\";\nimport { EditableLabel } from \"../editable-label\";\nimport { getTapTargetLinkComponent } from \"../tap-target/link\";\nimport { ItemMenu, ItemContextMenu } from \"./ItemMenu\";\nimport {\n  isCommand,\n  isSubmenu,\n  resolveItemMenuConfig,\n  type ItemMenuConfig,\n  type ItemMenuConfigInput,\n  type ItemMenuEntry,\n  type ItemMenuSection,\n  type ItemRowProps,\n  type ItemRowSize,\n} from \"./types\";\n\nconst SIZE: Record<\n  ItemRowSize,\n  { row: string; text: string; kebab: string; icon: string; disclosureIcon: string; tone?: string }\n> = {\n  // A nested sub-row (a conversation's helpers under it in the chat sidebar):\n  // finer and quieter than its parent, so a tree reads at a glance.\n  xs: {\n    row: \"h-6\",\n    text: \"text-xs\",\n    kebab: \"h-5 w-5\",\n    icon: \"h-3.5 w-3.5\",\n    disclosureIcon: \"h-3 w-3\",\n    tone: \"text-muted-foreground\",\n  },\n  sm: {\n    row: \"h-7\",\n    text: \"text-[13px]\",\n    kebab: \"h-5 w-5\",\n    icon: \"h-3.5 w-3.5\",\n    disclosureIcon: \"h-3 w-3\",\n  },\n  md: { row: \"h-8\", text: \"text-sm\", kebab: \"h-6 w-6\", icon: \"h-4 w-4\", disclosureIcon: \"h-3.5 w-3.5\" },\n  lg: { row: \"h-10\", text: \"text-sm\", kebab: \"h-7 w-7\", icon: \"h-4 w-4\", disclosureIcon: \"h-3.5 w-3.5\" },\n};\n\n/**\n * The trailing room a row keeps for its disclosure: the button (kebab size) + the 4px end inset +\n * a 4px gap, so the trailing meta (time) never touches the chevron. A disclosure row and a plain\n * sibling that passes `reserveDisclosure` keep the SAME room, so every row's meta ends on one edge.\n */\nconst DISCLOSURE_RESERVE: Record<ItemRowSize, number> = { xs: 32, sm: 32, md: 36, lg: 40 };\n\n/**\n * What reveals the kebab and the hover-only meta: pointer over the row, keyboard focus inside it,\n * its menu open, or a touch screen. Keyboard focus only — a clicked row keeps focus on its link, and\n * that must not pin its kebab and time on after the pointer leaves.\n */\nconst REVEAL_OPACITY =\n  \"group-hover/item:opacity-100 group-has-[:focus-visible]/item:opacity-100 group-has-[[data-state=open]]/item:opacity-100 [@media(pointer:coarse)]:opacity-100\";\nconst REVEAL_DISPLAY =\n  \"group-hover/item:inline group-has-[:focus-visible]/item:inline group-has-[[data-state=open]]/item:inline [@media(pointer:coarse)]:inline\";\n\n/**\n * Replace `intent: \"rename\"` command actions with the host's rename trigger —\n * or REMOVE them when this row has no `rename` prop at all.\n *\n * 🚨 The removal half is not tidiness. Without it, a row that renders a menu\n * carrying `intent: \"rename\"` but passes no `rename` handed the user a live\n * \"Rename\" row whose click set `pendingRenameRef`, flipped `editing`, and then\n * rendered the plain label again because `editing && rename` is false —\n * a control that looks clickable and does nothing (found by the LIVE-ITEM LAW,\n * 2026-09-11). `ctx.showRename === false` asks every consumer to remember;\n * this is the one place that KNOWS. Absent beats dead.\n */\nfunction mapRenameIntent(\n  config: ItemMenuConfig,\n  requestRename: (() => void) | null,\n): ItemMenuConfig {\n  const mapEntry = (entry: ItemMenuEntry): ItemMenuEntry | null => {\n    if (isSubmenu(entry)) {\n      return { ...entry, sections: entry.sections.map(mapSection) };\n    }\n    if (isCommand(entry) && entry.intent === \"rename\") {\n      return requestRename ? { ...entry, onSelect: requestRename } : null;\n    }\n    return entry;\n  };\n  const mapSection = (section: ItemMenuSection): ItemMenuSection => ({\n    ...section,\n    items: section.items\n      .map(mapEntry)\n      .filter((e): e is ItemMenuEntry => e !== null),\n  });\n  return { ...config, sections: config.sections.map(mapSection) };\n}\n\nexport function ItemRow({\n  label,\n  secondaryLabel,\n  secondaryShare = \"half\",\n  subtitle,\n  actions,\n  leadingControl,\n  disclosure,\n  reserveDisclosure = false,\n  leading,\n  trailing,\n  trailingOnHover,\n  active = false,\n  disabled = false,\n  href,\n  onOpen,\n  openInPlace = false,\n  menu,\n  rename,\n  size = \"md\",\n  indent,\n  kebabAriaLabel,\n  disableContextMenu = false,\n  sourceFeature,\n  surfaceName,\n  entity,\n  className,\n}: ItemRowProps) {\n  const isMobile = useIsMobile();\n  const [editing, setEditing] = useState(false);\n  const pendingRenameRef = useRef(false);\n  const sz = SIZE[size];\n\n  const canRename = !!rename;\n  const allowDoubleClick = canRename && rename.doubleClick !== false;\n\n  // Wrap the menu so rename-intent entries drive ItemRow's edit state, and so\n  // a static config is still resolved lazily (on open).\n  const mappedMenu: ItemMenuConfigInput | undefined = menu\n    ? () =>\n        mapRenameIntent(\n          resolveItemMenuConfig(menu),\n          canRename\n            ? () => {\n                pendingRenameRef.current = true;\n              }\n            : null,\n        )\n    : undefined;\n\n  // Radix returns focus to the trigger on close; when a rename was requested,\n  // intercept it and move focus into the input instead (no focus tug-of-war).\n  const handleCloseAutoFocus = (event: Event) => {\n    if (pendingRenameRef.current) {\n      pendingRenameRef.current = false;\n      event.preventDefault();\n      setEditing(true);\n    }\n  };\n\n  const startInlineRename = () => {\n    if (canRename) setEditing(true);\n  };\n\n  const labelNode =\n    editing && rename ? (\n      <EditableLabel\n        activation=\"controlled\"\n        editing\n        onEditingChange={(next) => setEditing(next)}\n        value={rename.value ?? label}\n        onCommit={rename.onCommit}\n        {...(rename.validate ? { validate: rename.validate } : {})}\n        {...(rename.emptyFallback !== undefined ? { emptyFallback: rename.emptyFallback } : {})}\n        {...(rename.maxLength !== undefined ? { maxLength: rename.maxLength } : {})}\n        ariaLabel=\"Name\"\n        className=\"flex-1\"\n        inputClassName={cn(\"font-normal\", sz.text)}\n      />\n    ) : subtitle != null ? (\n      <span className=\"flex min-w-0 flex-1 flex-col\">\n        <span className={cn(\"item-fade min-w-0\", sz.text)} title={label}>\n          {label}\n        </span>\n        <span className=\"min-w-0 truncate type-secondary text-muted-foreground\" data-item-subtitle=\"\">\n          {subtitle}\n        </span>\n      </span>\n    ) : (\n      <span className={cn(\"item-fade min-w-0 flex-1\", sz.text)} title={label}>\n        {label}\n      </span>\n    );\n\n  const primaryInner = (\n    <>\n      {leading != null && (\n        <span className=\"flex shrink-0 items-center\">{leading}</span>\n      )}\n      {labelNode}\n      {secondaryLabel && (\n        // Clamped: a secondary value can be a sentence (a lineage edge's\n        // \"140 cards - 1 section could not be covered …\"). Unclamped it pushed\n        // the label out of the row (owner, 2026-10-04).\n        <span\n          className={cn(\n            \"item-shift min-w-0 truncate type-secondary text-muted-foreground\",\n            secondaryShare === \"third\" ? \"max-w-[33%]\" : \"max-w-[50%]\",\n          )}\n          title={secondaryLabel}\n        >\n          {secondaryLabel}\n        </span>\n      )}\n      {(trailing != null || trailingOnHover != null) && (\n        <span className=\"item-shift flex shrink-0 items-center gap-1 pr-0.5\">\n          {trailing}\n          {trailingOnHover != null && (\n            <span className={cn(\"hidden\", REVEAL_DISPLAY)} data-item-trailing-hover=\"\">\n              {trailingOnHover}\n            </span>\n          )}\n        </span>\n      )}\n    </>\n  );\n\n  const twoLine = subtitle != null && !editing;\n  const sideBySide = actions != null || leadingControl != null;\n\n  // THE DISCLOSURE IS ON THE RIGHT (Arman, 2026-10-23): a real button outside the row's link, after\n  // the label and the trailing indicators — never before the label. It glides with the trailing\n  // indicators when the kebab shows, so the two never overlap.\n  const disclosureButton = disclosure ? (\n    <Button\n      type=\"button\"\n      variant=\"quiet\"\n      data-item-disclosure=\"\"\n      aria-expanded={disclosure.open}\n      aria-label={disclosure.ariaLabel ?? `${disclosure.open ? \"Collapse\" : \"Expand\"} ${label}`}\n      onClick={(e) => {\n        e.stopPropagation();\n        disclosure.onToggle();\n      }}\n      // A quiet hint, not a control that competes with the title: one step smaller than the\n      // kebab's icon and muted until the pointer is on it.\n      icon={\n        disclosure.open ? (\n          <ChevronDown className={cn(sz.disclosureIcon, \"text-muted-foreground\")} />\n        ) : (\n          <ChevronRight className={cn(sz.disclosureIcon, \"text-muted-foreground\")} />\n        )\n      }\n      className=\"shrink-0\"\n    >\n    </Button>\n  ) : null;\n  const primaryClass = cn(\n    \"flex min-w-0 items-center gap-1.5 rounded-lg px-2\",\n    sideBySide ? \"flex-1\" : \"w-full\",\n    twoLine ? \"min-h-11 py-1.5\" : sz.row,\n    sz.text,\n    \"outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring\",\n    active ? \"font-medium text-primary\" : (sz.tone ?? \"text-foreground\"),\n  );\n\n  const indentStyle: React.CSSProperties | undefined =\n    (indent && indent > 0) || ((disclosure || reserveDisclosure) && !sideBySide)\n      ? {\n          ...(indent && indent > 0 ? { paddingInlineStart: 8 + indent * 16 } : {}),\n          // Room for the disclosure at the trailing edge (its box + the row's 4px end inset).\n          ...((disclosure || reserveDisclosure) && !sideBySide ? { paddingInlineEnd: DISCLOSURE_RESERVE[size] } : {}),\n        }\n      : undefined;\n\n  // Primary element: link (navigation), button (click), or div (editing/disabled).\n  let primary: React.ReactNode;\n  if (editing || disabled) {\n    primary = (\n      <div className={primaryClass} style={indentStyle} data-item-primary=\"\">\n        {primaryInner}\n      </div>\n    );\n  } else if (href) {\n    // The host's registered link (`setTapTargetLinkComponent`, e.g. next/link), else a plain anchor.\n    const RegisteredLink = getTapTargetLinkComponent();\n    const Link = (RegisteredLink ?? \"a\") as unknown as React.ComponentType<React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string; prefetch?: boolean }>;\n    primary = (\n      <Link\n        href={href}\n        data-item-primary=\"\"\n        // 🚨 A ROW NEVER PREFETCHES. next/link prefetches every link in view, so\n        // a 20-row list (chat history) fired 20 background route renders on\n        // page load (2026-10-09). A row is opened by a click; the click loads it.\n        {...(RegisteredLink ? { prefetch: false } : {})}\n        className={primaryClass}\n        style={indentStyle}\n        onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {\n          // Modifier / middle-click: native <a> opens a new tab/window.\n          if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return;\n          // `openInPlace`: handle the click in-app and keep the page put. The\n          // href stays for new-tab / copy-link affordances above.\n          if (openInPlace) e.preventDefault();\n          onOpen?.();\n          // Without `openInPlace`, `onOpen` is a side effect only (close a\n          // popover, etc.) — navigation stays on the Link href.\n        }}\n        onDoubleClick={\n          allowDoubleClick\n            ? (e: React.MouseEvent<HTMLAnchorElement>) => {\n                e.preventDefault();\n                e.stopPropagation();\n                startInlineRename();\n              }\n            : undefined\n        }\n      >\n        {primaryInner}\n      </Link>\n    );\n  } else {\n    primary = (\n      <button\n        type=\"button\"\n        data-item-primary=\"\"\n        className={cn(primaryClass, \"cursor-pointer text-left\")}\n        style={indentStyle}\n        onClick={onOpen}\n        onDoubleClick={\n          allowDoubleClick\n            ? (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                startInlineRename();\n              }\n            : undefined\n        }\n      >\n        {primaryInner}\n      </button>\n    );\n  }\n\n  const kebab =\n    mappedMenu && !editing ? (\n        <ItemMenu\n          config={mappedMenu}\n          align=\"end\"\n          onCloseAutoFocus={handleCloseAutoFocus}\n        >\n          <Button\n            type=\"button\"\n            variant=\"quiet\"\n            aria-label={kebabAriaLabel ?? `Options for ${label}`}\n            icon={<MoreHorizontal className={sz.icon} />}\n            aria-haspopup=\"menu\"\n            onClick={(e) => e.stopPropagation()}\n            data-item-kebab=\"\"\n            className={cn(\n              \"shrink-0\",\n              !sideBySide && \"absolute right-1 top-1/2 -translate-y-1/2\",\n              // Hidden at rest (it would sit on the trailing meta); shown on hover, keyboard focus,\n              // while its menu is open, and always on touch.\n              \"opacity-0 transition-opacity data-[state=open]:opacity-100 focus-visible:opacity-100\",\n              REVEAL_OPACITY,\n            )}\n          >\n          </Button>\n        </ItemMenu>\n    ) : null;\n\n  const row = (\n    <div\n      data-active={active || undefined}\n      // The deep fade exists to clear the kebab; a menu-less row has none, so\n      // its label keeps every pixel (touch used to fade it permanently).\n      data-no-menu={mappedMenu && !sideBySide ? undefined : true}\n      className={cn(\n        \"item-row group/item relative rounded-lg transition-colors\",\n        sideBySide && \"flex items-center\",\n        !active && \"hover:bg-accent/60\",\n        active && \"bg-primary/10 text-primary-ink\",\n        className,\n      )}\n    >\n      {leadingControl != null ? (\n        <span className=\"flex shrink-0 items-center pl-2\" data-item-leading-control=\"\">\n          {leadingControl}\n        </span>\n      ) : null}\n      {primary}\n\n      {!sideBySide && disclosureButton ? (\n        <span\n          className=\"item-shift absolute inset-y-0 right-1 flex items-center\"\n          data-item-disclosure-slot=\"\"\n        >\n          {disclosureButton}\n        </span>\n      ) : null}\n      {!sideBySide && kebab}\n      {/* The actions wrapper adds NO gap or padding: tap buttons space themselves (tap-target guard\n          rules 3 and 4 flag a wrapper that adds space around one); a plain (non-tap) child gets its own\n          horizontal margin from the wrapper's child selector below. */}\n      {sideBySide && (actions != null || kebab || disclosureButton) ? (\n        <span\n          className=\"flex shrink-0 items-center [&>:not(.matrx-tap-target,.matrx-alchemy)]:mx-0.5\"\n          data-item-actions=\"\"\n        >\n          {actions}\n          {disclosureButton}\n          {kebab}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  if (!mappedMenu || disableContextMenu) return row;\n\n  return (\n    <ItemContextMenu\n      config={mappedMenu}\n      // Forwarded, not invented. `entity` is what turns Attach To and Share on\n      // in the v3 menu; a row that omits it ships a menu missing two doors the\n      // platform already owns. `sourceFeature` is REQUIRED rather than\n      // defaulted: it used to be hardcoded `\"files\"` inside ItemContextMenu, a\n      // confident lie on every non-file row, and `SourceFeature` is a closed\n      // registry with no generic member to hide behind — so the compiler makes\n      // each row name itself instead.\n      sourceFeature={sourceFeature}\n      surfaceName={surfaceName}\n      entity={entity}\n      enabled={!isMobile && !editing}\n      onCloseAutoFocus={handleCloseAutoFocus}\n      // The v3 context menu is not a Radix content, so `onCloseAutoFocus` never fires\n      // there: a Rename picked from the right-click menu set the pending flag and\n      // nothing ever opened the editor. Its close is the signal instead.\n      onOpenChange={(open) => {\n        if (!open && pendingRenameRef.current) {\n          pendingRenameRef.current = false;\n          setTimeout(() => setEditing(true), 0);\n        }\n      }}\n    >\n      {row}\n    </ItemContextMenu>\n  );\n}\n","\"use client\";\n\n/**\n * THE ONE CONTROL — the settled control family (owner, 2026-10-02/03).\n *\n * Every control here is the same object: 28px visible height, capsule, 13px/500\n * label, 16px glyph inset 6px, text inset 10px, and HALF A GAP (3px) of its own\n * on each side so containers add no gap. There is NO size prop: agents get no\n * choice. Geometry and color live in `controls.css`, locked inside\n * `@layer matrx-tap-lock` (`!important` in the host's first layer), so a call\n * site's `className` can place a control (width, flex, grid, position) but can\n * never restyle it. The rare big control is a different component behind a\n * `// ui-exception:` comment, never a prop.\n *\n * Built on the package's own internals — Radix Slot / Switch / DropdownMenu, the\n * cursor law's `swallowClick`, `SelectChevron`, the package icons — so nothing\n * here is a second implementation of a behavior the package already owns.\n */\n\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\n\nimport { swallowClick } from \"../button\";\nimport { cn } from \"../cn\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\";\nimport { MagnifyingGlassIcon, PlusIcon } from \"../icons\";\nimport { SelectChevron } from \"../select\";\nimport { isIconOnly } from \"./icon-only\";\nimport { boxStyle, useAutoGrow, useMergedTextareaRef } from \"../textarea\";\n\n/* ------------------------------------------------------------------ */\n/* Layout: the row and the scope                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface ControlRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep the controls on one line (a row's trailing actions). */\n  nowrap?: boolean;\n}\n\n/** A row of controls. It adds no gap: each control carries its own half-gap. */\nexport const ControlRow = React.forwardRef<HTMLDivElement, ControlRowProps>(\n  ({ className, nowrap, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-matrx-control-row=\"\"\n      data-nowrap={nowrap ? \"\" : undefined}\n      className={cn(\"matrx-control-row\", className)}\n      {...props}\n    />\n  ),\n);\nControlRow.displayName = \"ControlRow\";\n\n/**\n * Until the tap tokens move to 28/34 app-wide (the rollout), a tap button\n * inside a ControlScope matches the controls beside it: a 28px pill in a 34px\n * box. Wrap a page (or a region) that mixes tap buttons and controls.\n */\nexport const ControlScope = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  (props, ref) => <div ref={ref} data-matrx-controls=\"\" {...props} />,\n);\nControlScope.displayName = \"ControlScope\";\n\n/**\n * THE CONTAINER a collapsing control measures (`Button collapse=\"container\"`).\n * A host declares it on the box whose WIDTH decides — a list pane, a panel,\n * never the viewport: beside a chat panel a 1024px screen holds a 540px list.\n * `className={CONTROLS_CONTAINER_CLASS}`, or add the name to the box's own\n * `container-name` when it already names a container (`list matrx-controls`).\n */\nexport const CONTROLS_CONTAINER_NAME = \"matrx-controls\";\nexport const CONTROLS_CONTAINER_CLASS = \"matrx-controls-container\";\n/** Below this container width a `collapse=\"container\"` button is its icon alone (48rem). */\nexport const CONTROLS_COLLAPSE_BELOW_REM = 48;\n\n/* ------------------------------------------------------------------ */\n/* Button                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Tone, never size. `success` is the solid confirm-a-good-outcome fill (approve,\n * publish, mark done); `link` is a text action at the control's height — no\n * fill, no border, primary ink, underline on hover (an inline \"View all\").\n */\nexport type ControlVariant = \"primary\" | \"quiet\" | \"outline\" | \"danger\" | \"success\" | \"link\" | \"meta\";\n\n/**\n * THE NAMED CONTROL WIDTHS (0.68.22) — a button, field or select trigger that should not fill\n * its row takes one of these instead of a pasted `w-40`. Derived from the call sites:\n * `xs` 6rem (a unit, a short enum), `sm` 8rem, `md` 10rem (a date, a status), `lg` 14rem (a\n * name, an account), `xl` 20rem (a search, a URL). Never wider than its container.\n */\nexport type ControlWidth = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\ninterface ButtonBase extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /** Tone, never size. Default `outline`. */\n  variant?: ControlVariant;\n  /** A status tint from the role tokens (the Badge's), for a button that\n   *  reports a state — a drift door, an alert count. Default: none. */\n  tone?: BadgeTone;\n  /** Leading 16px glyph. */\n  icon?: React.ReactNode;\n  /** Trailing 16px glyph (a menu chevron, an external-link mark). */\n  iconEnd?: React.ReactNode;\n  /** Render the one child element (a link) with the button's skin. */\n  asChild?: boolean;\n  /**\n   * `\"container\"`: below 48rem of the nearest `matrx-controls` container\n   * (CONTROLS_CONTAINER_NAME) the button is its leading `icon` alone — a 28px\n   * circle; the label stays its accessible name and its tooltip. Needs `icon`;\n   * without one it never collapses. Outside such a container it never does.\n   */\n  collapse?: \"container\";\n  /**\n   * A TOGGLE (a choice in a set, a mode, a tab-like switch): `true` is on —\n   * the accent fill and full ink; `false` is off — no fill, quiet ink. Sets\n   * `aria-pressed`. Omit for an ordinary action.\n   */\n  pressed?: boolean;\n  /**\n   * A count or a dot on the button's top-right corner, for something waiting\n   * behind it (items added, unread). A number draws the count (99+ above 99;\n   * 0 draws nothing); `true` draws an 8px dot. On a button with a text label\n   * the count sits in the row after the label instead (never over it). Name it in `aria-label` too —\n   * the mark is decoration.\n   */\n  badge?: number | boolean;\n  /**\n   * The glyph's own status ink, for a glyph whose COLOR carries meaning (the\n   * green check after a copy, an amber debug bug) while the button stays\n   * quiet. Tints only the icon(s), never the fill. Default: none.\n   */\n  glyphTone?: GlyphTone;\n  /**\n   * A removing act (clear, remove, disconnect): muted until hover,\n   * destructive on hover — the delete tier-1 skin on any glyph or label.\n   * Quiet variant only.\n   */\n  removes?: boolean;\n  /**\n   * MIXED CONTENT (0.68.12): a short muted fact after the label — a count, a\n   * size, a shortcut, a \"3 of 12\" — in the 12px secondary ink. The button\n   * stays 28px; the fact is part of the button, never a second element styled\n   * beside it. Never a sentence.\n   */\n  meta?: React.ReactNode;\n  /** A named width instead of the label's own (see `ControlWidth`). */\n  width?: ControlWidth;\n  /**\n   * THE INVITING-PAGE CALL TO ACTION (0.68.22): a 44px capsule with a 16px/600 label and a\n   * 24px inset — the size a marketing hero, a module landing or a kit's front door asks for.\n   * Inviting pages are never densified; functional pages never use it. A `primary` hero\n   * carries a soft primary glow.\n   */\n  hero?: boolean;\n}\n/** The status inks a glyph may carry (the role tokens). */\nexport type GlyphTone = \"success\" | \"warning\" | \"destructive\" | \"info\" | \"primary\";\ninterface LabelledButton extends ButtonBase {\n  children: React.ReactNode;\n}\ninterface IconOnlyButton extends ButtonBase {\n  children?: undefined;\n  /** An icon-only button must say what it does. */\n  \"aria-label\": string;\n}\nexport type ButtonProps = LabelledButton | IconOnlyButton;\n\nfunction glyphSlot(icon: unknown, iconEnd: unknown, label: unknown): string | undefined {\n  if (!label && (icon || iconEnd)) return \"only\";\n  if (icon && iconEnd) return \"both\";\n  if (icon) return \"start\";\n  if (iconEnd) return \"end\";\n  return undefined;\n}\n\n/**\n * THE button: primary / quiet / outline / danger / success / link, one 28px geometry; text,\n * icon + text, or icon-only (a 28px circle). `asChild` puts the skin on a link.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = \"outline\", tone, icon, iconEnd, asChild = false, collapse, pressed, badge, glyphTone, removes, meta, width, hero, children, onClick, type, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n    const badgeText =\n      typeof badge === \"number\" ? (badge > 0 ? (badge > 99 ? \"99+\" : String(badge)) : null) : badge ? \"\" : null;\n    const ariaDisabled = props[\"aria-disabled\"];\n    const disabledChild = asChild && Boolean(props.disabled);\n    const inert = disabledChild || ariaDisabled === true || ariaDisabled === \"true\";\n    // asChild: the child element carries the label, so the glyph slot reads\n    // the child's own children.\n    const label = asChild && React.isValidElement<{ children?: React.ReactNode }>(children)\n      ? children.props.children\n      : children;\n    const collapses = collapse === \"container\" && Boolean(icon) && Boolean(label);\n    return (\n      <Component\n        ref={ref}\n        type={asChild ? undefined : (type ?? \"button\")}\n        data-matrx-control=\"button\"\n        data-variant={variant}\n        data-tone={tone && tone !== \"neutral\" ? tone : undefined}\n        data-glyph={glyphSlot(icon, iconEnd, label)}\n        data-collapse={collapses ? \"container\" : undefined}\n        data-pressed={pressed === undefined ? undefined : pressed ? \"true\" : \"false\"}\n        aria-pressed={pressed}\n        data-badge={badgeText === null ? undefined : badgeText === \"\" ? \"dot\" : \"count\"}\n        // A labeled button carries its count IN the row after the label: the\n        // corner count sat over the label's last letter (\"HR 28\" on /tasks).\n        data-badge-place={badgeText && label ? \"inline\" : undefined}\n        data-glyph-tone={glyphTone}\n        data-delete={removes ? \"\" : undefined}\n        data-width={width}\n        data-hero={hero ? \"\" : undefined}\n        className={cn(\"matrx-control matrx-control-button matrx-glyph-trim\", className)}\n        // A collapsed button still says what it does on hover.\n        title={collapses && typeof label === \"string\" && props.title === undefined ? label : undefined}\n        {...props}\n        aria-disabled={disabledChild ? true : ariaDisabled}\n        tabIndex={disabledChild ? -1 : props.tabIndex}\n        onClick={inert ? swallowClick : onClick}\n      >\n        {icon}\n        <Slottable>\n          {/* A text label NEVER spills past its button (owner, 2026-10-05: a\n              long chat title ran under the mode switch beside it). It sits in\n              its own box so a capped button ellipsizes instead of overflowing. */}\n          {!asChild && (typeof children === \"string\" || typeof children === \"number\") ? (\n            <span className=\"matrx-control-button-label\">{children}</span>\n          ) : (\n            children\n          )}\n        </Slottable>\n        {meta === undefined || meta === null || meta === false ? null : (\n          <span className=\"matrx-control-button-meta\">{meta}</span>\n        )}\n        {iconEnd}\n        {badgeText === null ? null : (\n          <span className=\"matrx-control-button-badge\" aria-hidden=\"true\">\n            {badgeText}\n          </span>\n        )}\n      </Component>\n    );\n  },\n);\nButton.displayName = \"Button\";\n\n/** A split button: two Buttons joined — the act, and its menu of variants. */\nexport const SplitButton = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} role=\"group\" data-matrx-control=\"split\" className={cn(\"matrx-control-split\", className)} {...props} />\n  ),\n);\nSplitButton.displayName = \"SplitButton\";\n\n/* ------------------------------------------------------------------ */\n/* Field (input capsule) and SearchField                                */\n/* ------------------------------------------------------------------ */\n\nexport interface FieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  /** Leading 16px glyph. */\n  icon?: React.ReactNode;\n  /** Trailing content inside the capsule — a clear button, a unit. */\n  end?: React.ReactNode;\n  /** A named width instead of filling the row (see `ControlWidth`). */\n  width?: ControlWidth;\n  /**\n   * THE INVITING-PAGE INPUT: a 56px capsule with an 18px value and a 24px inset — the big,\n   * friendly field a welcome / onboarding front door asks for (pairs with Button `hero`).\n   * Inviting pages only; functional pages never use it.\n   */\n  hero?: boolean;\n  /**\n   * THE LEADING SEARCH: a 48px filled capsule — no frame, the muted fill, a 16px value, a 20px\n   * glyph — that turns the card color with a soft lift on focus. The one search a home page leads\n   * with (a file home's search, as on Google Docs / Drive). One per page; never in a form or toolbar.\n   */\n  filled?: boolean;\n}\n\n/** The input capsule. `className`/`style` place the capsule (width, flex). */\nexport const Field = React.forwardRef<HTMLInputElement, FieldProps>(\n  ({ className, style, icon, end, width, hero, filled, ...props }, ref) => (\n    <label\n      data-matrx-control=\"field\"\n      data-glyph={icon ? \"start\" : undefined}\n      data-width={width}\n      data-hero={hero ? \"\" : undefined}\n      data-filled={filled ? \"\" : undefined}\n      className={cn(\"matrx-control matrx-control-field\", className)}\n      style={style}\n    >\n      {icon}\n      <input ref={ref} {...props} />\n      {end}\n    </label>\n  ),\n);\nField.displayName = \"Field\";\n\n/** The search capsule: a Field with the magnifier, `type=\"search\"`. */\nexport const SearchField = React.forwardRef<HTMLInputElement, Omit<FieldProps, \"icon\">>(\n  ({ placeholder = \"Search\", ...props }, ref) => (\n    <Field\n      ref={ref}\n      type=\"search\"\n      icon={<MagnifyingGlassIcon aria-hidden=\"true\" />}\n      placeholder={placeholder}\n      aria-label={props[\"aria-label\"] ?? placeholder}\n      {...props}\n    />\n  ),\n);\nSearchField.displayName = \"SearchField\";\n\n/* ------------------------------------------------------------------ */\n/* Select — a capsule trigger over a radio menu                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SelectOption<T extends string = string> {\n  value: T;\n  label: string;\n  /** 11px trailing text in the menu (a count, a shortcut). */\n  meta?: string;\n  /** Muted text right after the label, menu and trigger alike: what tells two same-named options apart (a short id, an owner). */\n  hint?: string;\n  /** A section heading: the menu shows it (foreground weight) above the first option of each consecutive run. */\n  group?: string;\n  /** Shown but not choosable (an unavailable tool, a sentinel the URL set). */\n  disabled?: boolean;\n}\n\nexport interface SelectProps<T extends string = string> {\n  value: T;\n  options: readonly SelectOption<T>[];\n  onValueChange: (value: T) => void;\n  \"aria-label\": string;\n  /** Leading 16px glyph on the trigger. */\n  icon?: React.ReactNode;\n  align?: \"start\" | \"end\";\n  disabled?: boolean;\n  /**\n   * `field` (default): the capsule a form row uses. `inline`: the value as text with a small chevron,\n   * no capsule — for a choice that sits inside a dense row or a toolbar sentence (\"Full ⌄\"), where a\n   * row of capsules reads as clutter (Arman, 2026-10-14).\n   */\n  variant?: \"field\" | \"inline\";\n  /**\n   * A search row at the top of the menu once there are at least this many options (a long list of\n   * organizations). It matches label, hint and group. Omitted: never.\n   */\n  searchAt?: number;\n  /** Placement only (width, flex). */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function Select<T extends string = string>({\n  value,\n  options,\n  onValueChange,\n  icon,\n  align = \"start\",\n  disabled,\n  className,\n  style,\n  \"aria-label\": ariaLabel,\n  variant = \"field\",\n  searchAt,\n}: SelectProps<T>) {\n  const current = options.find((o) => o.value === value);\n  const [query, setQuery] = React.useState(\"\");\n  const searchable = searchAt !== undefined && options.length >= searchAt;\n  const q = searchable ? query.trim().toLowerCase() : \"\";\n  const shown = q ? options.filter((o) => [o.label, o.hint, o.group].some((t) => t?.toLowerCase().includes(q))) : options;\n  return (\n    <DropdownMenu onOpenChange={(open) => !open && setQuery(\"\")}>\n      <DropdownMenuTrigger asChild disabled={disabled}>\n        <button\n          type=\"button\"\n          data-matrx-control=\"select\"\n          data-variant={variant === \"inline\" ? \"inline\" : undefined}\n          data-glyph={icon ? \"start\" : undefined}\n          className={cn(\"matrx-control matrx-control-select\", className)}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          <span className=\"matrx-control-select-value\">\n            {icon}\n            <span>{current?.label ?? value}</span>\n            {current?.hint ? <span className=\"text-muted-foreground\" data-select-hint=\"\">{current.hint}</span> : null}\n          </span>\n          <SelectChevron />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} className=\"max-h-80 w-max min-w-[max(10rem,var(--radix-dropdown-menu-trigger-width))] max-w-[min(24rem,var(--radix-dropdown-menu-content-available-width))] overflow-y-auto\">\n        {searchable ? (\n          <div className=\"sticky top-0 z-10 bg-popover p-1\" data-select-search=\"\">\n            <SearchField\n              className=\"w-full\"\n              value={query}\n              autoFocus\n              aria-label={`Search ${ariaLabel}`}\n              onChange={(e) => setQuery(e.target.value)}\n              // The menu's type-ahead never takes the letters; arrows and Escape still drive the menu.\n              onKeyDown={(e) => {\n                if (e.key !== \"ArrowDown\" && e.key !== \"ArrowUp\" && e.key !== \"Escape\" && e.key !== \"Tab\") e.stopPropagation();\n              }}\n            />\n          </div>\n        ) : null}\n        {searchable && shown.length === 0 ? <div className=\"px-2 py-1.5 text-[0.8125rem] text-muted-foreground\" role=\"status\">No match</div> : null}\n        <DropdownMenuRadioGroup value={value} onValueChange={(v) => onValueChange(v as T)}>\n          {shown.map((o, i) => (\n            <React.Fragment key={o.value}>\n              {o.group && o.group !== shown[i - 1]?.group ? (\n                <>\n                  {i > 0 ? <DropdownMenuSeparator /> : null}\n                  <DropdownMenuLabel>{o.group}</DropdownMenuLabel>\n                </>\n              ) : null}\n              <DropdownMenuRadioItem value={o.value} disabled={o.disabled === true} className=\"text-[0.8125rem]\">\n                {/* The label truncates; the hint never does (it is what tells two same-named options apart). */}\n                <span className=\"flex min-w-0 flex-1 items-baseline\">\n                  <span className=\"min-w-0 truncate\">{o.label}</span>\n                  {o.hint ? <span className=\"ml-1.5 shrink-0 text-muted-foreground\" data-select-hint=\"\">{o.hint}</span> : null}\n                </span>\n                {o.meta ? <span className=\"ml-3 text-[0.6875rem] text-muted-foreground\">{o.meta}</span> : null}\n              </DropdownMenuRadioItem>\n            </React.Fragment>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* SegmentedControl and Tabs                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface SegmentOption<T extends string = string> {\n  value: T;\n  label: React.ReactNode;\n  /** An 11px count after the label. */\n  count?: number | null;\n  ariaLabel?: string;\n  /** Hover text (an icon-only segment's name). */\n  title?: string;\n  disabled?: boolean;\n}\n\nexport interface SegmentedControlProps<T extends string = string> {\n  /** The selected segment; `null` = none is selected (an optional choice). */\n  value: T | null;\n  onValueChange: (value: T) => void;\n  data: readonly SegmentOption<T>[];\n  \"aria-label\": string;\n  /** The segments share the row's whole width equally (a full-width choice: levels, modes). */\n  fill?: boolean;\n  /** Placement only. */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction SegmentItems<T extends string>({\n  data,\n  value,\n  onValueChange,\n  role,\n}: {\n  data: readonly SegmentOption<T>[];\n  value: T | null;\n  onValueChange: (value: T) => void;\n  role: \"tab\" | undefined;\n}) {\n  return (\n    <>\n      {data.map((o) => {\n        const on = o.value === value;\n        return (\n          <button\n            key={o.value}\n            type=\"button\"\n            role={role}\n            aria-selected={role ? on : undefined}\n            aria-pressed={role ? undefined : on}\n            aria-label={o.ariaLabel}\n            title={o.title}\n            disabled={o.disabled}\n            data-state={on ? \"on\" : \"off\"}\n            data-icon-only={o.count == null && isIconOnly(o.label) ? \"\" : undefined}\n            className=\"matrx-control-segment\"\n            onClick={() => onValueChange(o.value)}\n          >\n            {o.label}\n            {o.count != null ? <span className=\"matrx-control-count\">{o.count}</span> : null}\n          </button>\n        );\n      })}\n    </>\n  );\n}\n\n/** The capsule toggle group: a muted track, the selected thumb inset 2px. */\nexport function SegmentedControl<T extends string = string>({\n  value,\n  onValueChange,\n  data,\n  fill,\n  className,\n  style,\n  \"aria-label\": ariaLabel,\n}: SegmentedControlProps<T>) {\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-matrx-control=\"segmented\"\n      data-fill={fill ? \"\" : undefined}\n      className={cn(\"matrx-control matrx-control-segmented\", className)}\n      style={style}\n    >\n      <SegmentItems data={data} value={value} onValueChange={onValueChange} role={undefined} />\n    </div>\n  );\n}\n\nexport interface TabsProps<T extends string = string> extends SegmentedControlProps<T> {\n  /** `underline` for page sections (default); `capsule` for filters. */\n  variant?: \"underline\" | \"capsule\";\n  /** Underline tabs draw their own hairline (default). Pass `false` when the row the tabs\n   *  sit in already draws it — the selected underline then lands on that row's rule. */\n  rule?: boolean;\n  /** Underline tabs inside a framed panel (a card, a bordered box): the labels start at the\n   *  panel's 12px content inset while the hairline still runs edge to edge. Page-level tabs\n   *  stay flush with the page gutter (default). Arman, 2026-10-21. */\n  inset?: boolean;\n}\n\n/** Tabs: underline for page sections, capsule for filters. */\nexport function Tabs<T extends string = string>({\n  variant = \"underline\",\n  rule = true,\n  inset = false,\n  value,\n  onValueChange,\n  data,\n  className,\n  style,\n  \"aria-label\": ariaLabel,\n}: TabsProps<T>) {\n  if (variant === \"capsule\") {\n    return (\n      <div\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        data-matrx-control=\"tabs\"\n        className={cn(\"matrx-control matrx-control-segmented\", className)}\n        style={style}\n      >\n        <SegmentItems data={data} value={value} onValueChange={onValueChange} role=\"tab\" />\n      </div>\n    );\n  }\n  return (\n    <div\n      role=\"tablist\"\n      aria-label={ariaLabel}\n      data-matrx-control=\"tabs\"\n      data-rule={rule ? undefined : \"none\"}\n      data-inset={inset ? \"\" : undefined}\n      className={cn(\"matrx-control-tabs\", className)}\n      style={style}\n    >\n      {data.map((o) => (\n        <button\n          key={o.value}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={o.value === value}\n          aria-label={o.ariaLabel}\n          disabled={o.disabled}\n          className=\"matrx-control-tab\"\n          onClick={() => onValueChange(o.value)}\n        >\n          {o.label}\n          {o.count != null ? <span className=\"matrx-control-count\">{o.count}</span> : null}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Badge                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type BadgeTone = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"info\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** A status tint from the role tokens. Default `neutral` (plain outline). */\n  tone?: BadgeTone;\n  /** A 12px glyph before the label, 4px gap, in the badge's own tone color. */\n  icon?: React.ReactNode;\n}\n\n/** Outline, 18px, 11px text, clamped to one line (≤20rem) — never a sentence. */\nexport function Badge({ tone = \"neutral\", icon, className, children, ...props }: BadgeProps) {\n  return (\n    <span\n      data-matrx-control=\"badge\"\n      data-tone={tone}\n      className={cn(\"matrx-control-badge\", className)}\n      title={typeof children === \"string\" ? children : undefined}\n      {...props}\n    >\n      {icon ? (\n        <span className=\"matrx-control-badge-icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      ) : null}\n      <span>{children}</span>\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Chip and ChipSet                                                     */\n/* ------------------------------------------------------------------ */\n\n/**\n * The status tones (the Badge's) plus a FIXED set of categorical hues, each a\n * token pair in `controls.css` (`--matrx-chip-<hue>`, stepped for dark). A\n * feature maps its kinds onto these through ONE table of its own\n * (`kind → ChipTone`) — never a class string.\n */\nexport type ChipHue =\n  | \"sky\"\n  | \"blue\"\n  | \"indigo\"\n  | \"violet\"\n  | \"fuchsia\"\n  | \"rose\"\n  | \"orange\"\n  | \"amber\"\n  | \"lime\"\n  | \"emerald\"\n  | \"teal\"\n  | \"cyan\"\n  | \"slate\";\nexport type ChipTone = BadgeTone | ChipHue;\n\n/** Every tone a chip accepts, in a fixed order (tests, pickers, demos). */\nexport const CHIP_TONES: readonly ChipTone[] = [\n  \"neutral\",\n  \"primary\",\n  \"success\",\n  \"warning\",\n  \"destructive\",\n  \"info\",\n  \"sky\",\n  \"blue\",\n  \"indigo\",\n  \"violet\",\n  \"fuchsia\",\n  \"rose\",\n  \"orange\",\n  \"amber\",\n  \"lime\",\n  \"emerald\",\n  \"teal\",\n  \"cyan\",\n  \"slate\",\n] as const;\n\nexport interface ChipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  /** The one line of text. Truncates; the full text is the tooltip. */\n  label: string;\n  /** `item` (default): an existing thing, tinted. `add`: a suggestion to make\n   *  one — dashed, quiet, with the package's own leading `+`. */\n  variant?: \"item\" | \"add\";\n  /** A named tone, never a class. Default `neutral`. Ignored by `add`. */\n  tone?: ChipTone;\n  /** Leading glyph (drawn 14px, optically trimmed). */\n  icon?: React.ReactNode;\n  /** Put the chip's skin on the one child element (a link or a button); the\n   *  child carries no children of its own — the chip draws glyph + label. */\n  asChild?: boolean;\n  /**\n   * A FILTER chip (a toggle in a set of choices): `true` is on — tinted in its\n   * `tone` (default `primary`); `false` is off — untinted outline, quiet ink.\n   * Sets `aria-pressed`. Use with `asChild` on a `<button>`. Omit for a tag.\n   */\n  pressed?: boolean;\n  children?: React.ReactElement;\n}\n\n/**\n * THE chip: a tag that names a thing (a format, a kind, a status, a source).\n * ONE 24px height, one 6px radius, one 12px/500 label, 14px glyph, matched\n * insets, single line with an ellipsis and a tooltip, and the controls' 3px\n * half-gap of its own so a `ChipSet` adds none. Geometry and tint are locked\n * in `controls.css`; a call site may place it, never restyle it.\n */\nexport const Chip = React.forwardRef<HTMLSpanElement, ChipProps>(\n  ({ label, variant = \"item\", tone, icon, asChild = false, pressed, children, className, title, ...props }, ref) => {\n    const Component = asChild ? Slot : \"span\";\n    const glyph = variant === \"add\" ? <PlusIcon className=\"lucide lucide-plus\" /> : icon;\n    const toggle = pressed !== undefined && variant === \"item\";\n    const resolvedTone = tone ?? (toggle ? \"primary\" : \"neutral\");\n    return (\n      <Component\n        ref={ref}\n        data-matrx-control=\"chip\"\n        data-variant={variant}\n        data-tone={variant === \"add\" ? undefined : resolvedTone}\n        data-pressed={toggle ? String(pressed) : undefined}\n        aria-pressed={toggle ? pressed : undefined}\n        data-glyph={glyph ? (variant === \"add\" && icon ? \"both\" : \"start\") : undefined}\n        className={cn(\"matrx-control-chip matrx-glyph-trim\", className)}\n        title={title ?? label}\n        {...props}\n      >\n        {glyph}\n        {variant === \"add\" ? icon : null}\n        {asChild ? <Slottable>{children}</Slottable> : null}\n        <span className=\"matrx-control-chip-label\">{label}</span>\n      </Component>\n    );\n  },\n);\nChip.displayName = \"Chip\";\n\nexport interface ChipSetProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * `flow` (default): chips sit at their own width and wrap.\n   * `grid`: every chip is the same width (auto-filled columns of at least\n   * 7.5rem), labels truncate — for a SET of siblings (a kit's formats).\n   */\n  layout?: \"flow\" | \"grid\";\n}\n\n/** A set of chips: same height, one baseline, the chips space themselves. */\nexport const ChipSet = React.forwardRef<HTMLDivElement, ChipSetProps>(\n  ({ layout = \"flow\", className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-matrx-control=\"chip-set\"\n      data-layout={layout}\n      className={cn(\"matrx-control-chip-set\", className)}\n      {...props}\n    />\n  ),\n);\nChipSet.displayName = \"ChipSet\";\n\n/* ------------------------------------------------------------------ */\n/* Switch and Textarea                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type SwitchProps = Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, \"children\">;\n\n/** A 20px track in the 28px control box, so it lines up with every control. */\nexport const Switch = React.forwardRef<React.ComponentRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, ...props }, ref) => (\n    <SwitchPrimitives.Root\n      ref={ref}\n      data-matrx-control=\"switch\"\n      className={cn(\"matrx-control matrx-control-switch\", className)}\n      {...props}\n    >\n      <span className=\"matrx-control-switch-track\">\n        <SwitchPrimitives.Thumb className=\"matrx-control-switch-thumb\" />\n      </span>\n    </SwitchPrimitives.Root>\n  ),\n);\nSwitch.displayName = \"Switch\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** The roomy writing surface used by inviting prompt boxes. */\n  hero?: boolean;\n  /** Join a pinned status row below this field from the small breakpoint upward. */\n  joinedBottom?: boolean;\n  /** `field` (default): the field skin. `bare`: the surrounding surface draws the frame (a\n   *  composer) — no border, no fill, no inset, no focus ring of its own. */\n  variant?: \"field\" | \"bare\";\n  /** Monospace text — code, JSON, keys. */\n  mono?: boolean;\n  /** Grow with the content (stopping at `maxHeight`, then scroll). */\n  autoGrow?: boolean;\n  /** Minimum height in px (a writing area that must start tall). `rows` also sizes it. */\n  minHeight?: number;\n  /** Maximum height in px; past it the field scrolls. */\n  maxHeight?: number;\n  /** Space occupied by an overlaid control cluster, so editable text stays clear of it. */\n  reservedInlineEnd?: number;\n  /** Space occupied by an overlaid row of controls at the bottom of the writing area. */\n  reservedBlockEnd?: number;\n}\n\n/**\n * The field skin, multi-line (8px radius — a capsule cannot hold paragraphs). Height is the\n * textarea's own business — `rows`, `minHeight`/`maxHeight`, `autoGrow`, `resize` — never a class.\n */\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, style, variant = \"field\", mono, hero, joinedBottom, autoGrow, minHeight, maxHeight, reservedInlineEnd, reservedBlockEnd, ...props }, forwarded) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n    return (\n      <textarea\n        ref={callback}\n        data-matrx-control=\"textarea\"\n        data-variant={variant === \"bare\" ? \"bare\" : undefined}\n        data-mono={mono ? \"\" : undefined}\n        data-hero={hero ? \"\" : undefined}\n        data-joined-bottom={joinedBottom ? \"\" : undefined}\n        className={cn(\"matrx-control-textarea\", className)}\n        style={{ ...boxStyle(minHeight, maxHeight), ...style,\n          ...(reservedInlineEnd === undefined ? {} : { \"--matrx-textarea-reserved-inline-end\": `${Math.max(0, reservedInlineEnd)}px` }),\n          ...(reservedBlockEnd === undefined ? {} : { \"--matrx-textarea-reserved-block-end\": `${Math.max(0, reservedBlockEnd)}px` }),\n        } as React.CSSProperties}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = \"Textarea\";\n","\"use client\";\n\n/**\n * DropdownMenu — Radix dropdown with two behaviors the stock body lacks.\n *\n * 1. THE ROOT RENDERS UNCONDITIONALLY — no hydration mount gate. A wrapper in\n *    matrx-frontend once deferred rendering until after hydration on a false\n *    premise (Radix ids come from React's SSR-stable `useId`), which deleted\n *    the always-visible trigger — buttons, `…` menus — from SSR and the first\n *    client paint.\n *\n * 2. A LONG MENU SCROLLS INSTEAD OF GROWING OFF-SCREEN. Content and SubContent\n *    cap at `--radix-dropdown-menu-content-available-height` — the space Radix\n *    actually measured between the trigger and the viewport edge — and scroll\n *    past it. Without the cap a menu longer than the viewport puts its last\n *    items where no pointer can reach them, and on a short window that can be\n *    the only exit from the surface.\n *\n * Portalling goes through the package's `usePortalContainer` seam, so a menu\n * opened inside a Dialog mounts INSIDE the dialog (staying in the scroll\n * shard, where its wheel events work) instead of at `document.body`. An\n * explicit `container` prop still wins.\n *\n * Icons are the package's inlined SVGs (C19) — no icon-library dependency.\n */\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { MOTION_POPPER } from \"./motion\";\nimport { SOLID_SURFACE_CLASS, type PopoverSurface } from \"./solid-surface\";\nimport { RadixCheckIcon, DotFilledIcon, RadixChevronRightIcon } from \"./icons\";\nimport { usePortalContainer } from \"./portal-container\";\nimport { useMenuScrollEdges } from \"./menu-scroll-edges\";\nimport { useSubmenuSurvivesParentPanelFocus } from \"./submenu-focus\";\nimport { useNestedSubmenuPlacement } from \"./submenu-side\";\nimport { keepMovedFocus } from \"./focus-return\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\n// The cap is exactly the room Radix measured. What floats at the bottom (the host publishes\n// --matrx-floating-clearance) is kept clear as COLLISION PADDING (see readBottomClearance), never subtracted\n// here: subtracting it crushed any menu opened from inside or just above that floating chrome — the attention\n// dock's snooze menu (the dock is itself bottom chrome, ~240 px) opened as a 0 px sliver.\nconst MENU_SURFACE_CLASS =\n  \"z-[10001] min-w-[8rem] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground\";\n\n\n// gap-2: an item's icon never touches its label (page-pass 2026-09-27, admin pass — every menu).\nconst MENU_ITEM_CLASS =\n  \"relative flex select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst MENU_INDICATOR_ITEM_CLASS =\n  \"relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    data-slot=\"dropdown-menu-sub-trigger\"\n    className={cn(\n      \"flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <RadixChevronRightIcon className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName;\n\n/**\n * A SUBMENU OPENS BESIDE ITS PARENT, NEVER ON TOP OF IT (merged-grid review 2, C1: \"nested\n * submenus overlap the parent menu\"). The submenu was drawn INSIDE the parent's surface, and that\n * surface's entry animation leaves a `transform` on it — which makes the parent the containing\n * block of the submenu's `position: fixed`. Radix measured the submenu's place in viewport\n * coordinates and the browser applied them from the parent's corner, so it landed over the parent\n * (and was clipped by the parent's scroll box). Portalled like every other surface, through the\n * same container seam, it sits beside its trigger as Radix placed it.\n */\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {\n    container?: HTMLElement | null;\n    /** `\"solid\"` = opaque surface (see PopoverContent `surface`). */\n    surface?: PopoverSurface;\n  }\n>(({ className, container, surface = \"default\", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  const [bottomClearance] = React.useState(readBottomClearance);\n  const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);\n  // A nested submenu opens on its parent's side (see submenu-side.tsx).\n  const nested = useNestedSubmenuPlacement(ref, padding);\n  // A flipped submenu survives the pointer leaving its trigger (see submenu-focus.ts).\n  const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);\n  const edges = useMenuScrollEdges(keep.ref);\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.SubContent\n        ref={edges.ref}\n        onFocusOutside={keep.onFocusOutside}\n        data-slot=\"dropdown-menu-sub-content\"\n        data-surface={surface === \"solid\" ? \"solid\" : undefined}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        {...(nested.padding === undefined ? {} : { collisionPadding: nested.padding })}\n        className={cn(MENU_SURFACE_CLASS, edges.surfaceClassName, \"shadow-lg\", surface === \"solid\" && SOLID_SURFACE_CLASS, MOTION_POPPER, className)}\n        {...props}\n      >\n        {nested.wrap(edges.wrap(children))}\n      </DropdownMenuPrimitive.SubContent>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName;\n\nexport interface DropdownMenuContentProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {\n  /** Explicit portal target; wins over the injected container. */\n  container?: HTMLElement | null;\n  /** `\"solid\"` = opaque surface (see PopoverContent `surface`). */\n  surface?: PopoverSurface;\n}\n\n/**\n * The px a menu keeps clear of the TOP edge: what the host publishes as `--matrx-floating-top-clearance`\n * (a page's sticky header row, on top of the app header) or, absent that, the app header\n * (`--shell-header-h`). Radix positions against the raw viewport, so without it a menu opened from the first\n * row under a sticky header flips up and its first items sit underneath it. Read once, when the menu opens.\n * Hosts without either variable lose nothing (0px = Radix's own default).\n */\nexport function readTopClearance(): number {\n  return readClearance(\"var(--matrx-floating-top-clearance, var(--shell-header-h, 0px))\");\n}\n\n/**\n * The px a menu keeps clear of the BOTTOM edge: what the host publishes as `--matrx-floating-clearance`\n * (the assists pill, the attention dock, any `data-matrx-floating-bottom` chrome). As collision padding,\n * Radix FLIPS a menu upward when the room left below that chrome is too small, and its available height\n * already excludes it — so the last item never ends under the pill, and a menu opened from INSIDE that\n * chrome opens upward at full height instead of collapsing. Read once, when the menu opens.\n */\nexport function readBottomClearance(): number {\n  return readClearance(\"var(--matrx-floating-clearance, 0px)\");\n}\n\ntype MenuCollisionPadding = number | Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>>;\n\n/** Pure: the caller's collision padding (or `fallback` on sides it leaves unset), with the host's top and bottom\n *  clearance as a floor — a caller's own padding never puts a menu under the app header or the assists pill. */\nexport function menuCollisionPadding(\n  caller: MenuCollisionPadding | undefined,\n  top: number,\n  bottom: number,\n  fallback = 0,\n): Record<\"top\" | \"right\" | \"bottom\" | \"left\", number> {\n  const side = (key: \"top\" | \"right\" | \"bottom\" | \"left\") =>\n    typeof caller === \"number\" ? caller : (caller?.[key] ?? fallback);\n  return { top: Math.max(side(\"top\"), top), right: side(\"right\"), bottom: Math.max(side(\"bottom\"), bottom), left: side(\"left\") };\n}\n\nfunction readClearance(height: string): number {\n  if (typeof document === \"undefined\") return 0;\n  const probe = document.createElement(\"div\");\n  probe.style.cssText = `position:fixed;top:0;left:0;width:0;visibility:hidden;pointer-events:none;height:${height}`;\n  document.body.appendChild(probe);\n  const px = probe.getBoundingClientRect().height;\n  probe.remove();\n  return Number.isFinite(px) ? Math.ceil(px) : 0;\n}\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n  DropdownMenuContentProps\n>(({ className, sideOffset = 4, container, surface = \"default\", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  const [topClearance] = React.useState(readTopClearance);\n  const [bottomClearance] = React.useState(readBottomClearance);\n  const edges = useMenuScrollEdges(ref);\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.Content\n        ref={edges.ref}\n        data-slot=\"dropdown-menu-content\"\n        data-surface={surface === \"solid\" ? \"solid\" : undefined}\n        sideOffset={sideOffset}\n        collisionPadding={menuCollisionPadding(collisionPadding, topClearance, bottomClearance)}\n        className={cn(\n          MENU_SURFACE_CLASS,\n          edges.surfaceClassName,\n          \"shadow-md\",\n          surface === \"solid\" && SOLID_SURFACE_CLASS,\n          MOTION_POPPER,\n          className,\n        )}\n        {...props}\n        onCloseAutoFocus={keepMovedFocus(onCloseAutoFocus)}\n      >\n        {edges.wrap(children)}\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n    /** `danger`: a destructive item (Delete, Remove) — destructive text and icon, destructive soft\n     *  fill on hover / focus. Default: the ordinary item. */\n    tone?: \"danger\";\n    /** `sm`: 13px text on the 28px control row height, for dense frames. Default: the menu's 14px. */\n    size?: \"sm\";\n  }\n>(({ className, inset, tone, size, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    data-slot=\"dropdown-menu-item\"\n    data-tone={tone}\n    data-size={size}\n    className={cn(MENU_ITEM_CLASS, size === \"sm\" && \"h-7 py-0 text-[13px]\", inset && \"pl-8\", className)}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot=\"dropdown-menu-checkbox-item\"\n    className={cn(MENU_INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <RadixCheckIcon className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    data-slot=\"dropdown-menu-radio-item\"\n    className={cn(MENU_INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <DotFilledIcon className=\"h-4 w-4 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    data-slot=\"dropdown-menu-label\"\n    className={cn(\"type-label px-2 pb-1 pt-2 font-medium text-foreground\", inset && \"pl-8\", className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    data-slot=\"dropdown-menu-separator\"\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => (\n  <span\n    data-slot=\"dropdown-menu-shortcut\"\n    className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n    {...props}\n  />\n);\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n","/**\n * THE MOTION CONTRACT (0.10.0) — the class names every animated surface in\n * this package puts on the DOM, in ONE place.\n *\n * Why a module and not ten inline strings: the sweep that produced this file\n * found the same defect ten times over, and it was invisible each time\n * because each primitive spelled its animation out by hand. Ten hand-written\n * copies of `data-[state=open]:animate-in data-[state=closed]:animate-out\n * data-[state=closed]:fade-out-0 …` meant ten chances to reach for a utility\n * nothing in the package defines — which is exactly what happened. A single\n * exported constant per motion SHAPE means the next primitive cannot invent\n * an eleventh spelling, and `styles.test.ts` can prove every one of them\n * resolves to a rule in the shipped stylesheet.\n *\n * Every rule these name lives in `styles.css` under the package's own\n * keyframes. NONE of them is a Tailwind utility, and none requires a host\n * plugin — see that file's header for the measurement that made this\n * necessary.\n */\n\n/** Modal scrims: Dialog, AlertDialog, Sheet, CommandDialog. Fade only. */\nexport const MOTION_OVERLAY = \"matrx-motion-overlay\";\n\n/** The centered dialog card. Fades and scales; centering is not its business. */\nexport const MOTION_DIALOG = \"matrx-motion-dialog\";\n\n/**\n * THE CENTERING OF A CENTERED DIALOG CARD — package-owned, in the `translate`\n * property, and NEVER a Tailwind `translate-x-[-50%] translate-y-[-50%]` pair.\n *\n * Those utilities do not compile to the same thing in every host: Tailwind v3\n * writes them into `transform`, Tailwind v4 writes them into the independent\n * `translate` property, which COMPOSES with `transform` instead of being\n * replaced by it. 0.10.0's keyframes restated the centering inside `transform`,\n * which was harmless on v3 and doubled the centering on v4 — the card flew in\n * from off the top-left of the viewport for the animation's whole duration and\n * snapped into place at the end (fixed in 0.10.1).\n *\n * Owning it here means one spelling that reads the same on both, and it frees\n * `transform` so the keyframes carry ONLY the delta. Put this on every centered\n * surface UNCONDITIONALLY — it is geometry, so unlike {@link MOTION_DIALOG} it\n * must survive `animated={false}`. Its rule ships in `styles.css`.\n */\nexport const CENTERED_DIALOG = \"matrx-dialog-centered\";\n\n/**\n * The resting gap between a `popper`-positioned surface and its trigger, for\n * the primitives that want one (today: `Select`). Same law and same reason as\n * {@link CENTERED_DIALOG} — a position an animated surface holds AT REST is\n * the `translate` property's job, never a Tailwind translate utility, because\n * those land in `transform` on a v3 host and in `translate` on a v4 one while\n * the keyframes animate `transform` either way. Sizes from\n * `--matrx-popper-offset`; keys off Radix's `data-side`.\n */\nexport const POPPER_OFFSET = \"matrx-popper-offset\";\n\n/** The mobile Dialog / CommandDialog bottom sheet. Slides up and fades. */\nexport const MOTION_BOTTOM_SHEET = \"matrx-motion-bottom-sheet\";\n\n/**\n * Radix-popper surfaces: Popover, DropdownMenu, ContextMenu, HoverCard,\n * Select, Tooltip. Reads `--radix-popper-transform-origin` so the surface\n * grows out of its trigger, and `data-side` so it travels from it.\n */\nexport const MOTION_POPPER = \"matrx-motion-popper\";\n\n/** Edge sheets, one class per `sheetVariants` side. */\nexport const MOTION_SHEET = {\n  top: \"matrx-motion-sheet-top\",\n  bottom: \"matrx-motion-sheet-bottom\",\n  left: \"matrx-motion-sheet-left\",\n  right: \"matrx-motion-sheet-right\",\n  center: \"matrx-motion-sheet-center\",\n} as const;\n\n/** Skeleton's breathing loop. */\nexport const MOTION_PULSE = \"matrx-pulse\";\n/** A waiting box's crossing band of light (Skeleton `motion=\"shimmer\"`). Reduced motion: a slow breathe, no travel. */\nexport const MOTION_SHIMMER = \"matrx-shimmer\";\n\n/** The spinner loop, for every inline busy indicator in the package. */\nexport const MOTION_SPIN = \"matrx-spin\";\n\n/**\n * FirstUseHint's beacon: a soft ring that pulses three times around the anchor, on\n * `box-shadow` only, so nothing moves. A still ring under reduced motion.\n */\nexport const MOTION_HINT_BEACON = \"matrx-motion-hint-beacon\";\n\n/**\n * Every motion class the package ships, for the guards. If a rule for one of\n * these is missing from `styles.css`, a component animates in no consumer and\n * says nothing about it — the C26 failure this list exists to make loud.\n */\nexport const ALL_MOTION_CLASSES = [\n  MOTION_OVERLAY,\n  MOTION_DIALOG,\n  MOTION_BOTTOM_SHEET,\n  MOTION_POPPER,\n  ...Object.values(MOTION_SHEET),\n  MOTION_PULSE,\n  MOTION_SHIMMER,\n  MOTION_SPIN,\n  MOTION_HINT_BEACON,\n] as const;\n\n/**\n * The host-plugin utilities this package is forbidden to emit. They are\n * supplied by `tailwindcss-animate` / `tw-animate-css`, which is a HOST CSS\n * entry concern a package cannot declare a dependency on: three of the four\n * AI Matrx consumers never loaded it, so every surface wearing these appeared\n * with no animation and no error. `styles.test.ts` fails the build if one\n * comes back.\n */\nexport const FORBIDDEN_HOST_MOTION_UTILITIES = [\n  \"animate-in\",\n  \"animate-out\",\n  \"fade-in\",\n  \"fade-out\",\n  \"zoom-in\",\n  \"zoom-out\",\n  \"slide-in-from\",\n  \"slide-out-to\",\n  \"animate-accordion\",\n  \"animate-slide-down\",\n  \"animate-slide-up\",\n  \"animate-pulse\",\n  \"animate-spin\",\n] as const;\n\n/**\n * THE PANEL MOTION as a Tailwind class string (moved from matrx-frontend\n * `lib/motion/panel-motion.ts`): every panel, sidebar, dock, drawer and sheet\n * slides its size/position on the host's `--matrx-motion-duration-panel` /\n * `--matrx-motion-ease-panel` (tokens.css ships the standard). Pair it with the\n * transition property you animate (`transition-transform`, …).\n */\nexport const PANEL_MOTION_CLASS =\n  \"duration-(--matrx-motion-duration-panel) ease-(--matrx-motion-ease-panel) motion-reduce:transition-none\";\nexport const PANEL_MOTION_DURATION_VAR = \"var(--matrx-motion-duration-panel)\";\nexport const PANEL_MOTION_EASE_VAR = \"var(--matrx-motion-ease-panel)\";\n","/**\n * The opaque surface option shared by every floating menu surface\n * (`PopoverContent`, `DropdownMenuContent`, `DropdownMenuSubContent`).\n * `data-surface=\"solid\"` is also styled in `styles.css`, so the fill holds even\n * where a host utility layer tints the default surface.\n */\nexport type PopoverSurface = \"default\" | \"solid\";\n\nexport const SOLID_SURFACE_CLASS =\n  \"bg-[hsl(var(--popover)/1)] [backdrop-filter:none] [-webkit-backdrop-filter:none]\";\n","\"use client\";\n\n/**\n * Injected portal-container seam.\n *\n * The matrx-frontend original resolved nested portal targets through\n * `useNestedPortalContainer` (explicit prop > dialog content > popout body >\n * document.body) — a host-shaped hook wired to that app's dialog and\n * window-panel systems. The package inverts the seam: hosts provide the\n * resolved container through `PortalContainerProvider`; an explicit\n * `container` prop on a component still wins, and with neither the portal\n * falls through to `document.body` (Radix default). Priority semantics are\n * unchanged from the original.\n */\n\nimport * as React from \"react\";\n\n// Shared identity across independently bundled public entrypoints/loaders.\nconst CONTEXT_SLOT = Symbol.for(\"ai-matrx.design-system.portal-container-context\");\nconst contextRegistry = globalThis as typeof globalThis & { [CONTEXT_SLOT]?: React.Context<HTMLElement | null | undefined> };\nconst PortalContainerContext = contextRegistry[CONTEXT_SLOT] ??= React.createContext<HTMLElement | null | undefined>(undefined);\n\nexport interface PortalContainerProviderProps {\n  /** Where nested Radix portals (Popover, etc.) should mount. `null`/`undefined` → document.body. */\n  container: HTMLElement | null | undefined;\n  children: React.ReactNode;\n}\n\nexport function PortalContainerProvider({\n  container,\n  children,\n}: PortalContainerProviderProps) {\n  return (\n    <PortalContainerContext.Provider value={container ?? undefined}>\n      {children}\n    </PortalContainerContext.Provider>\n  );\n}\n\n/**\n * Resolve a portal target: explicit prop (including an explicit `null`,\n * meaning \"the default body\") beats the injected container.\n */\nexport function usePortalContainer(\n  explicit?: HTMLElement | null,\n): HTMLElement | undefined {\n  const injected = React.useContext(PortalContainerContext);\n\n  if (explicit !== undefined) {\n    return explicit ?? undefined;\n  }\n\n  return injected ?? undefined;\n}\n","\"use client\";\n\n/**\n * A MENU THAT HIDES ITEMS SAYS SO (Arman, 2026-10-02: \"A menu that hides\n * options needs to use best in class UI to show there is more\").\n *\n * Every menu surface already caps at Radix's measured available height and\n * scrolls. What it lacked was any sign that it scrolls: the note editor's\n * right-click menu in Split mode hid Chat and AI Actions below the fold and a\n * reader concluded they did not exist. Champion: macOS menus (an arrow strip\n * at the hidden edge that scrolls while hovered) plus the Linear/Radix edge\n * fade.\n *\n * Each edge that actually hides items gets a soft fade and a chevron strip;\n * an edge that is scrolled to its end gets neither, and a menu that fits gets\n * nothing at all. Measurement is `useScrollFade` (the package's one \"is there\n * more\" meter) — but drawn as OVERLAY elements, not its `mask-image` class:\n * a mask clips everything outside the border box, which would erase the\n * menu's own shadow.\n *\n * The overlays are zero-height `position: sticky` rows inside the surface, so\n * the surface stays the scroller: Radix's keyboard focus still scrolls the\n * focused item into view natively, and `scroll-padding-block` (styles.css)\n * keeps it clear of the fade. Pointer hover on a chevron glides toward the\n * hidden items; a press (touch included) moves one page.\n */\n\nimport * as React from \"react\";\n\nimport { RadixChevronDownIcon, RadixChevronUpIcon } from \"./icons\";\nimport { useScrollFade } from \"./use-scroll-fade\";\n\n/** px per millisecond while a chevron is hovered (~ macOS menu arrow speed). */\nconst HOVER_SPEED = 0.6;\n/** A press keeps this much of the previous page in view, so the reader keeps their place. */\nconst PAGE_OVERLAP = 48;\n\ntype Side = \"top\" | \"bottom\";\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) (ref as React.MutableRefObject<T | null>).current = node;\n    }\n  };\n}\n\nfunction MenuScrollEdge({ side, scroller }: { side: Side; scroller: React.RefObject<HTMLElement | null> }) {\n  const frame = React.useRef<number | null>(null);\n  const dir = side === \"top\" ? -1 : 1;\n\n  const stop = React.useCallback(() => {\n    if (frame.current !== null) cancelAnimationFrame(frame.current);\n    frame.current = null;\n  }, []);\n\n  const glide = React.useCallback(() => {\n    stop();\n    let last = performance.now();\n    const step = (now: number) => {\n      const el = scroller.current;\n      if (!el) return stop();\n      el.scrollTop += dir * HOVER_SPEED * (now - last);\n      last = now;\n      frame.current = requestAnimationFrame(step);\n    };\n    frame.current = requestAnimationFrame(step);\n  }, [dir, scroller, stop]);\n\n  // The edge unmounts the moment its end is reached; the glide stops with it.\n  React.useEffect(() => stop, [stop]);\n\n  return (\n    <div aria-hidden data-menu-scroll-edge={side} className=\"matrx-menu-scroll-edge\">\n      <div className=\"matrx-menu-scroll-fade\">\n        <div\n          data-menu-scroll-button=\"\"\n          className=\"matrx-menu-scroll-button\"\n          onPointerEnter={(e) => {\n            if (e.pointerType !== \"touch\") glide();\n          }}\n          onPointerLeave={stop}\n          onPointerDown={(e) => {\n            // Never steal focus from the item the keyboard is on.\n            e.preventDefault();\n            const el = scroller.current;\n            if (!el) return;\n            el.scrollTop += dir * Math.max(el.clientHeight - PAGE_OVERLAP, PAGE_OVERLAP);\n          }}\n        >\n          {side === \"top\" ? <RadixChevronUpIcon /> : <RadixChevronDownIcon />}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Wire a menu surface: spread `ref` onto the Radix Content/SubContent and wrap\n * its children with `wrap`. Forwarded refs are composed, never replaced.\n */\nexport function useMenuScrollEdges<T extends HTMLElement>(...forwarded: Array<React.Ref<T> | undefined>) {\n  const fade = useScrollFade();\n  const scroller = React.useRef<HTMLElement | null>(null);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const ref = React.useCallback(composeRefs<T>(scroller as React.Ref<T>, fade.ref as React.Ref<T>, ...forwarded), [\n    fade.ref,\n    ...forwarded,\n  ]);\n  const wrap = (children: React.ReactNode) => (\n    <>\n      {fade.state.top ? <MenuScrollEdge side=\"top\" scroller={scroller} /> : null}\n      {children}\n      {fade.state.bottom ? <MenuScrollEdge side=\"bottom\" scroller={scroller} /> : null}\n    </>\n  );\n  return { ref, wrap, surfaceClassName: \"matrx-menu-surface\" };\n}\n","\"use client\";\n\n// useScrollFade — ported verbatim from matrx-frontend\n// `components/official/scroll-fade/useScrollFade.ts` (S21).\n//\n// \"There is more below\" — told to the eye, not to nobody.\n//\n// A scroll container that simply hard-clips its last row reads as FINISHED.\n// The user never scrolls, because nothing suggested there was anything to\n// scroll to. A soft fade at the overflowing edge is the standard cue, and it\n// must appear ONLY on the edges that actually overflow — a permanent fade on a\n// non-scrolling list just makes the last item look broken.\n//\n// Attach `ref` to the scrolling element and spread `fadeProps`. Styling is\n// host-owned CSS (the `.matrx-scroll-fade` class in the host's globals.css),\n// keyed off the data attributes.\n//\n// The ref is a CALLBACK ref, not a useRef object, on purpose: these containers\n// are usually mounted conditionally (a popover body, a lazily-resolved menu),\n// so an effect that reads `ref.current` on mount finds null and — with no\n// dependency that ever changes — never runs again. The fade then silently\n// never appears, which is exactly the failure this hook exists to prevent.\n//\n// TWO RULES THE CALLBACK MUST OBEY (both learned the hard way — breaking\n// either one produced \"Maximum update depth exceeded\" on a page of 13 menus):\n//   1. NEVER setState synchronously inside the callback. Radix composes our\n//      ref with its own via useComposedRefs, whose identity changes every render,\n//      so the ref detaches+reattaches on every commit. A synchronous setState\n//      there re-renders, which re-attaches, which sets state again — forever.\n//      Measurement is always deferred to rAF.\n//   2. NEVER setState on detach (node === null). A detach/attach pair would\n//      otherwise flip the fade off and on and drive the same loop.\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface ScrollFadeState {\n  top: boolean;\n  bottom: boolean;\n}\n\nexport interface UseScrollFadeResult {\n  ref: (node: HTMLElement | null) => void;\n  fadeProps: {\n    \"data-fade-top\": \"\" | undefined;\n    \"data-fade-bottom\": \"\" | undefined;\n    className: string;\n  };\n  state: ScrollFadeState;\n}\n\n/** Slack below which we treat the edge as reached (sub-pixel scroll math). */\nconst EPSILON = 2;\n\nexport function useScrollFade(): UseScrollFadeResult {\n  const [state, setState] = useState<ScrollFadeState>({\n    top: false,\n    bottom: false,\n  });\n  const nodeRef = useRef<HTMLElement | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  const measure = useCallback(() => {\n    const el = nodeRef.current;\n    if (!el) return;\n    const overflowing = el.scrollHeight - el.clientHeight > EPSILON;\n    const next: ScrollFadeState = {\n      top: overflowing && el.scrollTop > EPSILON,\n      bottom:\n        overflowing &&\n        el.scrollTop + el.clientHeight < el.scrollHeight - EPSILON,\n    };\n    setState((prev) =>\n      prev.top === next.top && prev.bottom === next.bottom ? prev : next,\n    );\n  }, []);\n\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      cleanupRef.current?.();\n      cleanupRef.current = null;\n      nodeRef.current = node;\n      // Rule 2: no state change on detach.\n      if (!node) return;\n\n      node.addEventListener(\"scroll\", measure, { passive: true });\n      // Content can arrive after mount (lazy menu configs, async lists) and the\n      // box can be resized by the viewport, so watch both.\n      // Every menu surface now carries this hook, so it must also run where\n      // ResizeObserver does not exist (jsdom suites in every consumer); scroll\n      // and mutation still measure there.\n      const ro = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(measure);\n      ro?.observe(node);\n      const mo = new MutationObserver(measure);\n      mo.observe(node, { childList: true, subtree: true });\n\n      cleanupRef.current = () => {\n        node.removeEventListener(\"scroll\", measure);\n        ro?.disconnect();\n        mo.disconnect();\n      };\n\n      // Rule 1: deferred, never synchronous. Radix also animates the panel in,\n      // so its final height is not known on the frame it mounts anyway.\n      requestAnimationFrame(measure);\n    },\n    [measure],\n  );\n\n  useEffect(() => () => cleanupRef.current?.(), []);\n\n  return {\n    ref,\n    state,\n    fadeProps: {\n      \"data-fade-top\": state.top ? \"\" : undefined,\n      \"data-fade-bottom\": state.bottom ? \"\" : undefined,\n      className: \"matrx-scroll-fade\",\n    },\n  };\n}\n","import * as React from \"react\";\n\n/**\n * A SUBMENU NEVER CLOSES BECAUSE ITS PARENT PANEL TOOK FOCUS (blind run PB-04, /notes,\n * 2026-10-02: at a 1024 px viewport AI Actions ▸ Text Operations ▸ Text Tools closed the whole\n * menu; works at 1600 px).\n *\n * Radix keeps a submenu open while the pointer leaves its trigger only when the pointer's last\n * horizontal move inside the parent panel points at the side the submenu is drawn on. A narrow\n * viewport FLIPS the submenu to the left; a pointer that last moved right (or jumped) and heads\n * for it is \"not moving to the submenu\", so Radix focuses the parent PANEL itself, the submenu\n * reads that as focus outside and closes under the pointer, and the click meant for it lands on\n * the page and closes the whole menu. Focus on the parent panel (role=\"menu\", the panel holding\n * this submenu's trigger) only means \"the pointer left a row without entering another one\" — it\n * never closes a submenu, on either side. Focus on another ROW still closes it, as before.\n *\n * Returns the composed ref and the `onFocusOutside` handler a SubContent wrapper spreads.\n */\nexport function useSubmenuSurvivesParentPanelFocus<T extends HTMLElement, E extends Event>(\n  forwardedRef: React.ForwardedRef<T>,\n  onFocusOutside: ((event: E) => void) | undefined,\n): { ref: (node: T | null) => void; onFocusOutside: (event: E) => void } {\n  const content = React.useRef<T | null>(null);\n  const ref = React.useCallback(\n    (node: T | null) => {\n      content.current = node;\n      if (typeof forwardedRef === \"function\") forwardedRef(node);\n      else if (forwardedRef) forwardedRef.current = node;\n    },\n    [forwardedRef],\n  );\n  const handle = (event: E) => {\n    onFocusOutside?.(event);\n    if (event.defaultPrevented) return;\n    const to = event.target;\n    const id = content.current?.id;\n    if (!(to instanceof Element) || !id || to.getAttribute(\"role\") !== \"menu\") return;\n    const holdsTrigger = Array.from(to.querySelectorAll(\"[aria-controls]\")).some((el) => el.getAttribute(\"aria-controls\") === id);\n    if (holdsTrigger) event.preventDefault();\n  };\n  return { ref, onFocusOutside: handle };\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\n/**\n * A NESTED SUBMENU OPENS ON ITS PARENT'S SIDE (0.62.4).\n *\n * Radix draws every submenu on the right (left in RTL) and flips only when THAT side lacks room.\n * Measured at a 1600 px viewport: main menu x 1194–1482, first submenu flipped left to 909–1197,\n * second submenu — with 118 px to spare on the right of its trigger — drawn at 1194–1482, exactly\n * over the main menu. The second level must follow the first: when the parent resolved to the\n * non-default side, the default side is closed to the child with collision padding, so Radix's own\n * flip sends it the same way as its parent. When the parent's side has no room either, Radix's\n * best-fit still decides — it flips only when that side has no room.\n *\n * `side` is not overridable on a Radix SubContent (it is spread after the caller's props); the\n * collision padding is the supported lever.\n */\nexport type SubmenuCollisionPadding = number | Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>>;\n\nexport const SubmenuParentContext = React.createContext<React.MutableRefObject<HTMLElement | null> | null>(null);\n\nfunction normalise(base: SubmenuCollisionPadding | undefined, fallback: number) {\n  if (typeof base === \"number\") return { top: base, right: base, bottom: base, left: base };\n  return { top: base?.top ?? fallback, right: base?.right ?? fallback, bottom: base?.bottom ?? fallback, left: base?.left ?? fallback };\n}\n\n/** Pure: the collision padding a nested submenu takes, given the parent submenu's element. */\nexport function nestedSubmenuCollisionPadding(\n  parent: HTMLElement | null,\n  base?: SubmenuCollisionPadding,\n  viewportWidth?: number,\n): SubmenuCollisionPadding | undefined {\n  if (!parent) return base;\n  const side = parent.getAttribute(\"data-side\");\n  if (side !== \"left\" && side !== \"right\") return base;\n  const view = parent.ownerDocument.defaultView;\n  const rtl = view?.getComputedStyle(parent).direction === \"rtl\";\n  const preferred = rtl ? \"left\" : \"right\";\n  if (side === preferred) return base; // the parent took the default side; the child follows it\n  const padding = normalise(base, 0);\n  const rect = parent.getBoundingClientRect();\n  if (preferred === \"right\") {\n    const vw = viewportWidth ?? parent.ownerDocument.documentElement.clientWidth ?? view?.innerWidth ?? 0;\n    if (!vw) return base;\n    padding.right = Math.max(padding.right, vw - rect.left);\n  } else {\n    padding.left = Math.max(padding.left, rect.right);\n  }\n  return padding;\n}\n\n/** For a SubContent wrapper: the collision padding to pass, a ref to compose onto the content,\n *  and a wrapper that tells THIS submenu's own children where their parent is. */\nexport function useNestedSubmenuPlacement(\n  forwardedRef: React.ForwardedRef<HTMLDivElement>,\n  collisionPadding: SubmenuCollisionPadding | undefined,\n) {\n  const parent = React.useContext(SubmenuParentContext);\n  const own = React.useRef<HTMLElement | null>(null);\n  const ref = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      own.current = node;\n      if (typeof forwardedRef === \"function\") forwardedRef(node);\n      else if (forwardedRef) forwardedRef.current = node;\n    },\n    [forwardedRef],\n  );\n  const padding = nestedSubmenuCollisionPadding(parent?.current ?? null, collisionPadding);\n  const wrap = (children: React.ReactNode) => (\n    <SubmenuParentContext.Provider value={own}>{children}</SubmenuParentContext.Provider>\n  );\n  return { ref, padding, wrap };\n}\n","/**\n * THE FOCUS-RETURN GUARD — a closing menu, popover, select or dialog never takes focus back from a\n * field the person has already moved into.\n *\n * Radix returns focus to the trigger when its content UNMOUNTS (FocusScope: a `setTimeout(0)` after the\n * exit animation, unconditionally). On a busy page that is hundreds of milliseconds after the person\n * picked an option — long enough for them to click the next field and start typing. The return then\n * lands mid-word: focus jumps to the trigger and every key after it is lost (\"https://drive…\" saved as\n * \"https:\", Applet social planner, 2026-10-08).\n *\n * `keepMovedFocus(handler)` composes a content's `onCloseAutoFocus`: when focus already sits on a live\n * element outside the closing content (not the page body), the return is canceled; otherwise Radix\n * returns focus to the trigger exactly as before (keyboard users closing with Escape keep their place).\n */\n/** True when focus has already moved to something the person chose, outside `container`. */\nexport function focusMovedElsewhere(container: EventTarget | null, doc: Document | undefined = typeof document === \"undefined\" ? undefined : document): boolean {\n  if (!doc) return false;\n  const active = doc.activeElement;\n  if (!active || active === doc.body || active === doc.documentElement) return false;\n  if (!active.isConnected) return false;\n  if (container && typeof (container as Node).contains === \"function\" && (container as Node).contains(active)) return false;\n  return true;\n}\n\n/** Compose a content's `onCloseAutoFocus` with THE FOCUS-RETURN GUARD (the caller's handler runs first). */\nexport function keepMovedFocus(handler?: (event: Event) => void): (event: Event) => void {\n  return (event: Event) => {\n    handler?.(event);\n    if (event.defaultPrevented) return;\n    const container = (event.currentTarget ?? event.target) as EventTarget | null;\n    if (focusMovedElsewhere(container, (container as Node | null)?.ownerDocument ?? undefined)) event.preventDefault();\n  };\n}\n","/**\n * THE ONE FIELD SURFACE (page-pass shared fix, 2026-09-27).\n *\n * Every control a person types into or picks from — Input, BasicInput,\n * Textarea, the Select trigger, and the host's ProInput / ProTextarea — sits on\n * this fill and this border. They used to disagree: Input and the elevated\n * Textarea filled with `bg-background` (the gray page color in light mode),\n * BasicInput and the control Textarea were `bg-transparent` (gray on a gray\n * page), while the Select trigger filled with `bg-card` (white). On one form\n * the text fields therefore looked disabled beside white Selects\n * (/hr/settings/employer, the message-template editor) — a screen that lies\n * about what it will let you do.\n *\n * The surface is the Select's: the card fill and the regular border. A caller\n * that genuinely wants no fill (an inline cell editor) still passes\n * `bg-transparent`, which wins through `cn`.\n */\nexport const FIELD_SURFACE_CLASS = \"border border-border bg-card\";\n","\"use client\";\n\n/**\n * Textarea — the multi-line twin of the Input family, same three shapes:\n * `Textarea` (elevated), `BasicTextarea` (plain control), and\n * `TextareaWithPrefix`.\n *\n * WHAT THE FORKS PROVED. Three hosts shipped a bare `<textarea>` with a\n * min-height and nothing else; matrx-frontend shipped auto-grow, min/max\n * height clamping, and a stretch-detection pass. That last one is the reason\n * this file is worth having: a `<textarea>` is a REPLACED element, so\n * `className=\"h-full\"` on it does nothing useful unless its parent is also\n * told to stretch — which is why every host that wanted a filling textarea\n * ended up wrapping it by hand at the call site, differently each time.\n * `getStretchClasses` reads the caller's own fill intent out of the className\n * and builds the wrapper for them.\n *\n * COLOR IS TOKENS (C26). The ported original pinned its body text to literal\n * black/white, its placeholder and focus ring to raw palette steps, and its\n * dark elevation to a custom property no host defined — so that shadow\n * computed to nothing. All four now resolve from the semantic vocabulary.\n *\n * AND `shadow-textarea` NOW EXISTS. The original's resting elevation class was\n * `shadow-textarea`, and NO host defined `--shadow-textarea` or generated that\n * utility — 125 call sites asked for an elevation they never got. The package\n * ships the token (defaulting to the Input family's `--shadow-input`, which is\n * plainly what the twin class meant) and the rule, so the class finally does\n * what it says. A host that wants the flat look sets `--shadow-textarea: none`.\n *\n * The clipboard/motion variants matrx-frontend layers on top (CopyTextarea,\n * FancyTextarea) stay host-owned under the C8 split-out law: they drag in\n * `motion/react`, and plain-textarea consumers must not pay for it.\n */\n\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { FIELD_SURFACE_CLASS } from \"./field-surface\";\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Grow to fit content as the user types (and stop growing at `maxHeight`). */\n  autoGrow?: boolean;\n  /** Minimum height in px. */\n  minHeight?: number;\n  /** Maximum height in px; past it the field scrolls instead of growing. */\n  maxHeight?: number;\n  /** Classes for the wrapper this component adds when one is needed. */\n  wrapperClassName?: string;\n}\n\nconst FILL_HEIGHT_REGEX = /(?:^|\\s)(h-full|h-dvh|flex-1|grow)(?:\\s|$)/;\nconst FILL_WIDTH_REGEX = /(?:^|\\s)(w-full|w-screen)(?:\\s|$)/;\n\n/**\n * A `<textarea>` cannot fill a box on its own — the box has to be told too.\n * Read the caller's fill intent out of its own className and mirror it onto\n * the wrapper, so `className=\"h-full\"` means what the caller thought it meant.\n */\nfunction getStretchClasses(className?: string): string | undefined {\n  if (!className) return undefined;\n  const fills: string[] = [];\n  if (FILL_HEIGHT_REGEX.test(className)) fills.push(\"h-full min-h-0\");\n  if (FILL_WIDTH_REGEX.test(className)) fills.push(\"w-full\");\n  return fills.length ? fills.join(\" \") : undefined;\n}\n\nconst TEXTAREA_ELEVATED_CLASS =\n  `flex h-auto w-full rounded-md ${FIELD_SURFACE_CLASS} px-3 py-2 text-sm text-foreground shadow-textarea transition duration-400 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/15 disabled:cursor-not-allowed disabled:opacity-50`;\n\nconst TEXTAREA_CONTROL_CLASS =\n  `flex w-full rounded-md ${FIELD_SURFACE_CLASS} px-3 py-2 text-sm text-foreground shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/15 disabled:cursor-not-allowed disabled:opacity-50`;\n\nexport function useAutoGrow(\n  ref: React.RefObject<HTMLTextAreaElement | null>,\n  value: React.TextareaHTMLAttributes<HTMLTextAreaElement>[\"value\"],\n  autoGrow = false,\n  minHeight?: number,\n  maxHeight?: number,\n): void {\n  React.useEffect(() => {\n    if (!autoGrow || !ref.current) return;\n\n    const textarea = ref.current;\n    textarea.style.height = \"auto\";\n\n    let newHeight = textarea.scrollHeight;\n    if (minHeight) newHeight = Math.max(newHeight, minHeight);\n\n    if (maxHeight && newHeight >= maxHeight) {\n      textarea.style.height = `${maxHeight}px`;\n      textarea.style.overflowY = \"auto\";\n    } else {\n      textarea.style.height = `${newHeight}px`;\n      textarea.style.overflowY = \"hidden\";\n    }\n  }, [value, autoGrow, minHeight, maxHeight, ref]);\n}\n\n/** Merge a forwarded ref with the internal one auto-grow needs to measure. */\nexport function useMergedTextareaRef(\n  forwarded: React.ForwardedRef<HTMLTextAreaElement>,\n): {\n  ref: React.RefObject<HTMLTextAreaElement | null>;\n  callback: (node: HTMLTextAreaElement | null) => void;\n} {\n  const internal = React.useRef<HTMLTextAreaElement | null>(null);\n  const callback = React.useCallback(\n    (node: HTMLTextAreaElement | null) => {\n      internal.current = node;\n      if (typeof forwarded === \"function\") forwarded(node);\n      else if (forwarded) forwarded.current = node;\n    },\n    [forwarded],\n  );\n  return { ref: internal, callback };\n}\n\nexport function boxStyle(\n  minHeight?: number,\n  maxHeight?: number,\n): React.CSSProperties | undefined {\n  if (minHeight === undefined && maxHeight === undefined) return undefined;\n  return {\n    minHeight: minHeight ? `${minHeight}px` : undefined,\n    maxHeight: maxHeight ? `${maxHeight}px` : undefined,\n  };\n}\n\n/** The elevated textarea — the Input family's `Input`, in multi-line form. */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    { className, autoGrow, minHeight, maxHeight, wrapperClassName, ...props },\n    forwarded,\n  ) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n    const stretchClasses = getStretchClasses(className);\n    const needsWrapper = Boolean(wrapperClassName || stretchClasses);\n\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n\n    const textarea = (\n      <textarea\n        ref={callback}\n        data-slot=\"textarea\"\n        className={cn(\n          TEXTAREA_ELEVATED_CLASS,\n          autoGrow && \"resize-none\",\n          stretchClasses,\n          className,\n        )}\n        style={boxStyle(minHeight, maxHeight)}\n        {...props}\n      />\n    );\n\n    if (!needsWrapper) return textarea;\n\n    return <div className={cn(stretchClasses, wrapperClassName)}>{textarea}</div>;\n  },\n);\nTextarea.displayName = \"Textarea\";\n\n/**\n * The plain control — a bordered, transparent field with a 60px floor. This is\n * what matrx-extend, aidream/apps/dashboard and workflow-studio each called\n * `Textarea`; the floor is theirs and it is the sensible default (a one-line\n * box for multi-line content invites a scrollbar on the first Enter).\n */\nconst BasicTextarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, autoGrow, minHeight, maxHeight, ...props }, forwarded) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n\n    return (\n      <textarea\n        ref={callback}\n        data-slot=\"textarea\"\n        className={cn(\n          TEXTAREA_CONTROL_CLASS,\n          \"h-auto min-h-[60px]\",\n          autoGrow && \"resize-none\",\n          className,\n        )}\n        style={boxStyle(minHeight, maxHeight)}\n        {...props}\n      />\n    );\n  },\n);\nBasicTextarea.displayName = \"BasicTextarea\";\n\nexport interface TextareaWithPrefixProps extends Omit<TextareaProps, \"prefix\"> {\n  /** Leading adornment, absolutely placed at the field's top-left. */\n  prefix?: React.ReactNode;\n}\n\nconst TextareaWithPrefix = React.forwardRef<\n  HTMLTextAreaElement,\n  TextareaWithPrefixProps\n>(\n  (\n    {\n      prefix,\n      className,\n      wrapperClassName,\n      autoGrow,\n      minHeight,\n      maxHeight,\n      ...props\n    },\n    forwarded,\n  ) => {\n    const { ref, callback } = useMergedTextareaRef(forwarded);\n\n    useAutoGrow(ref, props.value, autoGrow, minHeight, maxHeight);\n\n    return (\n      <div\n        className={cn(\"relative\", getStretchClasses(className), wrapperClassName)}\n      >\n        {prefix ? (\n          <div className=\"pointer-events-none absolute left-3 top-3 z-10 text-muted-foreground\">\n            {prefix}\n          </div>\n        ) : null}\n        <textarea\n          ref={callback}\n          data-slot=\"textarea\"\n          className={cn(\n            TEXTAREA_CONTROL_CLASS,\n            \"resize-y\",\n            prefix && \"pl-10\",\n            autoGrow && \"resize-none\",\n            className,\n          )}\n          style={boxStyle(minHeight, maxHeight)}\n          {...props}\n        />\n      </div>\n    );\n  },\n);\nTextareaWithPrefix.displayName = \"TextareaWithPrefix\";\n\nexport { BasicTextarea, Textarea, TextareaWithPrefix };\n","\"use client\";\n\n/**\n * EditableLabel — inline rename-in-place text.\n *\n * Ported verbatim from matrx-frontend\n * `components/official/item/EditableLabel.tsx` (S16). Commit on Enter/blur,\n * Esc cancels, whitespace-only falls back to `emptyFallback` (or cancels),\n * stays in sync with upstream `value` while not editing. Decoupled from any\n * store — `onCommit(next)` is the only side-effect channel.\n *\n * Three activation modes:\n *   - \"click\"        → click the display text to edit (header titles)\n *   - \"doubleClick\"  → double-click to edit (rows where single-click selects)\n *   - \"controlled\"   → host owns `editing`; this renders ONLY the input while\n *                      editing (the host renders its own display element)\n *\n * Seam inversions:\n * - Prop types come with the component instead of the host's item-system\n *   `types.ts` (identical shapes).\n * - The lucide `Loader2` busy spinner is the package's inlined SVG (C19).\n */\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { cn } from \"./cn\";\nimport { Loader2Icon } from \"./icons\";\n\nexport type EditableLabelCommitMode = \"optimistic\" | \"await\";\nexport type EditableLabelActivation = \"click\" | \"doubleClick\" | \"controlled\";\n\nexport interface EditableLabelProps {\n  value: string;\n  /**\n   * Commit handler. optimistic (default): edit mode exits immediately, the\n   * promise is fire-and-forget (owners do optimistic update + revert + toast).\n   * await: input disables with a spinner until the promise resolves; a\n   * rejection keeps edit mode open to retry.\n   */\n  onCommit: (next: string) => void | Promise<void>;\n  commitMode?: EditableLabelCommitMode;\n  /** Return an error message to block the commit (shown under the input). */\n  validate?: (next: string) => string | null;\n  /** Used when the trimmed draft is empty. Undefined → empty cancels. */\n  emptyFallback?: string;\n  maxLength?: number; // default 120\n  /**\n   * \"click\"/\"doubleClick\" — internal edit state (headers). \"controlled\" — host\n   * owns `editing`; EditableLabel renders ONLY the input when editing.\n   */\n  activation?: EditableLabelActivation;\n  editing?: boolean; // controlled mode\n  /** Edit-state notifications. Controlled mode: the ONLY state channel.\n   *  Uncontrolled modes: fired as a notification (layout hooks etc.). */\n  onEditingChange?: (editing: boolean) => void;\n  selectOnEdit?: boolean; // default true\n  placeholder?: string;\n  /** Accessible name, e.g. \"Session title\". Default \"Name\". */\n  ariaLabel?: string;\n  truncate?: boolean; // display mode, default true\n  className?: string; // both modes\n  displayClassName?: string;\n  inputClassName?: string;\n}\n\nexport function EditableLabel({\n  value,\n  onCommit,\n  commitMode = \"optimistic\",\n  validate,\n  emptyFallback,\n  maxLength = 120,\n  activation = \"click\",\n  editing: editingProp,\n  onEditingChange,\n  selectOnEdit = true,\n  placeholder,\n  ariaLabel = \"Name\",\n  truncate = true,\n  className,\n  displayClassName,\n  inputClassName,\n}: EditableLabelProps) {\n  const controlled = activation === \"controlled\";\n  const [internalEditing, setInternalEditing] = useState(false);\n  const editing = controlled ? !!editingProp : internalEditing;\n\n  const [draft, setDraft] = useState(value);\n  const [error, setError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Stay in sync with upstream changes (realtime / auto-label) while idle.\n  useEffect(() => {\n    if (!editing) setDraft(value);\n  }, [value, editing]);\n\n  // Focus + select on entering edit mode.\n  useEffect(() => {\n    if (editing && inputRef.current) {\n      inputRef.current.focus();\n      if (selectOnEdit) inputRef.current.select();\n    }\n  }, [editing, selectOnEdit]);\n\n  const setEditing = useCallback(\n    (next: boolean) => {\n      if (controlled) {\n        onEditingChange?.(next);\n      } else {\n        // Uncontrolled hosts still get notified — lets them adjust layout\n        // (e.g. widen the edit box) without taking over the edit state.\n        setInternalEditing(next);\n        onEditingChange?.(next);\n      }\n    },\n    [controlled, onEditingChange],\n  );\n\n  const startEdit = useCallback(() => {\n    setDraft(value);\n    setError(null);\n    setEditing(true);\n  }, [value, setEditing]);\n\n  const cancel = useCallback(() => {\n    setDraft(value);\n    setError(null);\n    setBusy(false);\n    setEditing(false);\n  }, [value, setEditing]);\n\n  const commit = useCallback(() => {\n    if (busy) return;\n    const trimmed = draft.trim();\n    const next = trimmed || emptyFallback;\n\n    // Empty + no fallback → cancel rather than commit garbage.\n    if (next === undefined) {\n      cancel();\n      return;\n    }\n\n    const validationError = validate?.(next) ?? null;\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    // No-op commit — skip the side effect entirely.\n    if (next === value) {\n      setEditing(false);\n      setError(null);\n      return;\n    }\n\n    if (commitMode === \"await\") {\n      const result = onCommit(next);\n      if (result instanceof Promise) {\n        setBusy(true);\n        result\n          .then(() => {\n            setBusy(false);\n            setEditing(false);\n          })\n          .catch(() => {\n            // Keep edit mode open so the user can retry.\n            setBusy(false);\n          });\n        return;\n      }\n      setEditing(false);\n      return;\n    }\n\n    // optimistic — exit immediately, fire-and-forget.\n    setEditing(false);\n    setError(null);\n    const result = onCommit(next);\n    if (result instanceof Promise) result.catch(() => {});\n  }, [\n    busy,\n    draft,\n    emptyFallback,\n    validate,\n    value,\n    commitMode,\n    onCommit,\n    cancel,\n    setEditing,\n  ]);\n\n  if (editing) {\n    return (\n      <span className={cn(\"relative flex min-w-0 flex-1 items-center\", className)}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          value={draft}\n          disabled={busy}\n          placeholder={placeholder}\n          onChange={(e) => {\n            setDraft(e.target.value);\n            if (error) setError(null);\n          }}\n          onBlur={commit}\n          onClick={(e) => e.stopPropagation()}\n          onDoubleClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => {\n            // Contain editing keystrokes so host rows / global hotkeys stay quiet.\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n              e.stopPropagation();\n              commit();\n            } else if (e.key === \"Escape\") {\n              e.preventDefault();\n              e.stopPropagation();\n              cancel();\n            } else if (e.key === \" \") {\n              e.stopPropagation();\n            }\n          }}\n          maxLength={maxLength}\n          aria-label={ariaLabel}\n          aria-invalid={error ? true : undefined}\n          // 16px on mobile prevents iOS focus-zoom; sm on desktop.\n          className={cn(\n            \"w-full min-w-0 rounded-sm bg-transparent px-1 outline-none\",\n            \"text-base md:text-sm\",\n            \"focus:bg-background focus:ring-1 focus:ring-ring\",\n            busy && \"opacity-60\",\n            inputClassName,\n          )}\n        />\n        {busy && (\n          <Loader2Icon className=\"absolute right-1 h-3.5 w-3.5 matrx-spin text-muted-foreground\" />\n        )}\n        {error && (\n          <span className=\"absolute left-0 top-full mt-0.5 whitespace-nowrap text-xs text-destructive-ink\">\n            {error}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  // Controlled mode: host owns the display; render nothing while idle.\n  if (controlled) return null;\n\n  return (\n    <button\n      type=\"button\"\n      onClick={\n        activation === \"click\"\n          ? (e) => {\n              e.stopPropagation();\n              startEdit();\n            }\n          : undefined\n      }\n      onDoubleClick={\n        activation === \"doubleClick\"\n          ? (e) => {\n              e.stopPropagation();\n              startEdit();\n            }\n          : undefined\n      }\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          e.stopPropagation();\n          startEdit();\n        }\n      }}\n      title={activation === \"doubleClick\" ? \"Double-click to rename\" : \"Click to rename\"}\n      aria-label={`Rename ${ariaLabel.toLowerCase()}: ${value}`}\n      className={cn(\n        \"min-w-0 max-w-full rounded-sm px-1 text-left transition-colors\",\n        \"hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\",\n        truncate && \"block truncate\",\n        className,\n        displayClassName,\n      )}\n    >\n      {value || placeholder || \"\"}\n    </button>\n  );\n}\n","import type { ComponentType, ReactNode, Ref } from \"react\";\n\n/**\n * The injectable link seam — the package's replacement for the original\n * hard `next/link` import.\n *\n * Internal hrefs (anything NOT matching `http(s):`, `mailto:`, `tel:`) render\n * through the link component resolved here; external hrefs always render a\n * plain `<a target=\"_blank\" rel=\"noopener noreferrer\">`, exactly like the\n * original. When nothing is registered and no per-instance `linkComponent`\n * prop is given, internal hrefs fall back to a plain `<a>` (no prefetch, no\n * client-side routing — still a working link).\n */\nexport interface TapTargetLinkProps {\n  href: string;\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | undefined;\n  rel?: string | undefined;\n  /** Router prefetch hint (next/link semantics). Plain `<a>` fallback ignores it. */\n  prefetch?: boolean | null | undefined;\n  \"aria-label\"?: string | undefined;\n  /** Tooltip text drawn through `title` (the provider's title takeover). */\n  title?: string | undefined;\n  className?: string | undefined;\n  children?: ReactNode;\n  /** The trigger's ref (the development guard measures the rendered link).\n   *  next/link forwards it to its `<a>`. */\n  ref?: Ref<HTMLAnchorElement> | undefined;\n}\n\nexport type TapTargetLinkComponent = ComponentType<TapTargetLinkProps>;\n\n/**\n * The registered component lives in a `Symbol.for` slot on `globalThis` — NOT\n * in module state — so it survives the module graph being instantiated more\n * than once: the `.` and `./buttons` dist bundles each inline the primitives\n * (tsup `splitting: false`), and a consumer may even mix `import` and\n * `require`. One registration must reach every copy.\n */\nconst LINK_SLOT = Symbol.for(\"@ai-matrx/tap-target:link-component\");\n\ntype GlobalWithLinkSlot = typeof globalThis & {\n  [LINK_SLOT]?: TapTargetLinkComponent | null;\n};\n\n/**\n * Register the app's link component once at startup (e.g. `next/link`):\n *\n * ```tsx\n * import Link from \"next/link\";\n * import { setTapTargetLinkComponent } from \"@ai-matrx/tap-target\";\n * setTapTargetLinkComponent(Link);\n * ```\n *\n * Pass `null` to unregister (plain `<a>` fallback resumes).\n */\nexport function setTapTargetLinkComponent(\n  component: TapTargetLinkComponent | null,\n): void {\n  (globalThis as GlobalWithLinkSlot)[LINK_SLOT] = component;\n}\n\n/** The currently registered link component, or `null` when none is set. */\nexport function getTapTargetLinkComponent(): TapTargetLinkComponent | null {\n  return (globalThis as GlobalWithLinkSlot)[LINK_SLOT] ?? null;\n}\n","\"use client\";\n\n/**\n * ItemMenu / ItemContextMenu — schema-driven menus rendered three ways from one\n * ItemMenuConfig:\n *   - desktop dropdown  (kebab trigger)      → the one menu look on the Radix\n *                                              dropdown (`MenuLook*`), modal={false}\n *   - right-click       (wraps a surface)    → the host's right-click menu\n *                                              (`ItemMenuHostProvider`; the\n *                                              website/chat mount v3), else the\n *                                              same look on the context menu\n *                                              (`MenuLookContext*`)\n *   - mobile            (kebab trigger)      → Vaul bottom drawer w/ drill-in\n *\n * No dimming backdrop on the dropdown (modal={false}). Command/toggle\n * execution is shared across ALL presentations via run-entry.ts (sync-in-\n * gesture for clipboard, sonner toast.promise), so semantics cannot drift.\n */\n\nimport { Fragment, useEffect, useRef, useState, type PointerEvent as ReactPointerEvent, type ReactNode } from \"react\";\nimport { ALCHEMY_GLYPH_PATHS } from \"../content-transfer/icon\";\nimport { declareLazyDataProps, useMatrxTableRowAlchemy, useMatrxTableRowControls } from \"../table-host/host\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useIsMobile } from \"@ai-matrx/kit/media-query\";\nimport { DropdownMenu, DropdownMenuTrigger } from \"../dropdown-menu\";\nimport { ContextMenu, ContextMenuTrigger } from \"../context-menu\";\nimport {\n  MenuLookCheckboxItem,\n  MenuLookContent,\n  MenuLookContextCheckboxItem,\n  MenuLookContextContent,\n  MenuLookContextItem,\n  MenuLookContextLabel,\n  MenuLookContextSeparator,\n  MenuLookContextSub,\n  MenuLookContextSubContent,\n  MenuLookContextSubTrigger,\n  MenuLookItem,\n  MenuLookLabel,\n  MenuLookSeparator,\n  MenuLookSub,\n  MenuLookSubContent,\n  MenuLookSubTrigger,\n  type MenuLookCheckboxItemProps,\n  type MenuLookItemProps,\n  type MenuLookLabelProps,\n  type MenuLookSubContentProps,\n  type MenuLookSubTriggerProps,\n} from \"../menu-look\";\nimport { ItemMenuDrawer } from \"./ItemMenuDrawer\";\nimport { useItemMenuHost } from \"./host\";\nimport { runCommand, runToggle } from \"./run-entry\";\nimport {\n  isCheckbox,\n  isCommand,\n  isLink,\n  isSubmenu,\n  resolveItemMenuConfig,\n  type ItemContextMenuProps,\n  type ItemMenuConfig,\n  type ItemMenuEntry,\n  type ItemMenuProps,\n  type ItemMenuSection,\n} from \"./types\";\nimport type { ItemToastPromise } from \"./host\";\n\n// ── The two menus, one look ─────────────────────────────────────────────────\n// The \"…\" (dropdown) and the right-click (context menu) draw the SAME rows: the one menu look\n// (`../menu-look`, Arman 2026-10-23: \"the IDENTICAL dropdown ... for size and style\"). One renderer,\n// two Radix families underneath.\n\ninterface MenuFamily {\n  Item: React.ComponentType<MenuLookItemProps>;\n  CheckboxItem: React.ComponentType<MenuLookCheckboxItemProps>;\n  Sub: React.ComponentType<{ children?: ReactNode }>;\n  SubTrigger: React.ComponentType<MenuLookSubTriggerProps>;\n  SubContent: React.ComponentType<MenuLookSubContentProps>;\n  Separator: React.ComponentType;\n  Label: React.ComponentType<MenuLookLabelProps>;\n}\n\nconst dropdownFamily: MenuFamily = {\n  Item: MenuLookItem,\n  CheckboxItem: MenuLookCheckboxItem,\n  Sub: MenuLookSub,\n  SubTrigger: MenuLookSubTrigger,\n  SubContent: MenuLookSubContent,\n  Separator: MenuLookSeparator,\n  Label: MenuLookLabel,\n};\n\nconst contextFamily = {\n  Item: MenuLookContextItem,\n  CheckboxItem: MenuLookContextCheckboxItem,\n  Sub: MenuLookContextSub,\n  SubTrigger: MenuLookContextSubTrigger,\n  SubContent: MenuLookContextSubContent,\n  Separator: MenuLookContextSeparator,\n  Label: MenuLookContextLabel,\n} as unknown as MenuFamily;\n\n// ── Action dispatch — shared with any host right-click converter ────────────\n// Lives in run-entry.ts so toast.promise / fire-and-forget semantics cannot\n// drift between the kebab dropdown and the universal right-click menu.\n\n// ── Shared leaf content ─────────────────────────────────────────────────────\n\n/** An entry's row, in the menu look's words: icon, label (hover text), why-disabled line, badge, key. */\nfunction entryRow(entry: ItemMenuEntry, { showShortcut = true }: { showShortcut?: boolean } = {}) {\n  const Icon = entry.icon;\n  const shortcut =\n    showShortcut && (isCommand(entry) || isCheckbox(entry))\n      ? (entry.shortcut ?? entry.shortcutKey?.toUpperCase())\n      : undefined;\n  return {\n    // A destructive row's glyph takes the row's danger tone (menu-look.css); others keep their own color.\n    icon: Icon ? <Icon className={isCommand(entry) && entry.tone === \"destructive\" ? undefined : entry.iconClassName} /> : undefined,\n    label: entry.label,\n    labelTitle: entry.description,\n    // The only second line an entry draws is why it is disabled; `description` is hover text\n    // (Arman, 2026-10-14: no \"novels\" in menus).\n    description: entry.disabled && entry.disabledReason ? entry.disabledReason : undefined,\n    badge: entry.badge,\n    shortcut,\n  };\n}\n\n// ── Recursive section renderer (desktop dropdown + context) ─────────────────\n\nfunction MenuSections({\n  family,\n  sections,\n  onCloseRequest,\n}: {\n  family: MenuFamily;\n  sections: ItemMenuSection[];\n  /** Closes the menu (used by link clicks; commands close via Radix default). */\n  onCloseRequest: () => void;\n}) {\n  const visibleSections = sections\n    .map((s) => ({ ...s, items: s.items.filter((e) => !e.hidden) }))\n    .filter((s) => s.items.length > 0);\n\n  return (\n    <>\n      {visibleSections.map((section, sIdx) => (\n        <Fragment key={section.id ?? section.label ?? sIdx}>\n          {sIdx > 0 && <family.Separator />}\n          {section.label && <family.Label>{section.label}</family.Label>}\n          {section.items.map((entry) => (\n            <MenuLeaf\n              key={entry.id}\n              family={family}\n              entry={entry}\n              onCloseRequest={onCloseRequest}\n            />\n          ))}\n        </Fragment>\n      ))}\n    </>\n  );\n}\n\nfunction keepCanonicalPaletteInteraction(event: CustomEvent<{ originalEvent: Event }>) {\n  const target = event.detail.originalEvent.target;\n  if (target instanceof Element && target.closest(\"[data-canonical-alchemy-submenu]\")) event.preventDefault();\n}\n\nfunction MenuLeaf({\n  family,\n  entry,\n  onCloseRequest,\n}: {\n  family: MenuFamily;\n  entry: ItemMenuEntry;\n  onCloseRequest: () => void;\n}) {\n  const toastPromise = useItemMenuHost()?.toastPromise;\n  if (isSubmenu(entry)) {\n    return (\n      <family.Sub>\n        <family.SubTrigger {...entryRow(entry, { showShortcut: false })} disabled={entry.disabled} onPointerLeave={(event) => {\n          if (entry.renderContent && event.relatedTarget instanceof Element && event.relatedTarget.closest(\"[data-canonical-alchemy-submenu]\")) event.preventDefault();\n        }} />\n        <family.SubContent onFocusOutside={keepCanonicalPaletteInteraction} onPointerDownOutside={keepCanonicalPaletteInteraction} fit={entry.renderContent ? \"content\" : \"menu\"}>\n          {entry.renderContent ? entry.renderContent(onCloseRequest) : <MenuSections\n            family={family}\n            sections={entry.sections}\n            onCloseRequest={onCloseRequest}\n          />}\n        </family.SubContent>\n      </family.Sub>\n    );\n  }\n\n  if (isCheckbox(entry)) {\n    return (\n      <family.CheckboxItem\n        {...entryRow(entry)}\n        checked={entry.checked}\n        disabled={entry.disabled}\n        onSelect={(e) => e.preventDefault()} // stay open\n        onCheckedChange={(next) => runToggle(entry, next)}\n      />\n    );\n  }\n\n  if (isLink(entry)) {\n    return (\n      <family.Item\n        {...entryRow(entry)}\n        disabled={entry.disabled}\n        href={entry.href}\n        target={entry.target}\n        linkProps={{ onClick: onCloseRequest }}\n      />\n    );\n  }\n\n  // command\n  return (\n    <family.Item\n      {...entryRow(entry)}\n      disabled={entry.disabled}\n      destructive={entry.tone === \"destructive\"}\n      onSelect={() => runCommand(entry, toastPromise)}\n    />\n  );\n}\n\n// ── Single-key shortcut handling ────────────────────────────────────────────\n\nfunction makeShortcutHandler(\n  config: ItemMenuConfig,\n  close: () => void,\n  toastPromise?: ItemToastPromise,\n): (event: React.KeyboardEvent) => void {\n  return (event) => {\n    if (event.metaKey || event.ctrlKey || event.altKey) return;\n    if (event.key.length !== 1) return;\n    const key = event.key.toLowerCase();\n    // Top-level entries only — submenus handle their own keys when open.\n    const entries = config.sections\n      .flatMap((s) => s.items)\n      .filter((e) => !e.hidden && !e.disabled);\n    const match = entries.find(\n      (e) =>\n        (isCommand(e) || isCheckbox(e)) && e.shortcutKey?.toLowerCase() === key,\n    );\n    if (!match) return;\n    event.preventDefault();\n    event.stopPropagation();\n    if (isCheckbox(match)) {\n      runToggle(match, !match.checked); // stays open\n    } else if (isCommand(match)) {\n      runCommand(match, toastPromise); // sets pendingRename etc. before close\n      close();\n    }\n  };\n}\n\nfunction RowAlchemyIcon(props: { className?: string | undefined }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden {...props}>\n      {ALCHEMY_GLYPH_PATHS.portal.map((d, index) => <path key={index} d={d} />)}\n    </svg>\n  );\n}\nfunction hasVisibleEntry(config: ItemMenuConfig | null, id: string): boolean {\n  const entries = config?.sections.flatMap((section) => section.items) ?? [];\n  return entries.some((entry) =>\n    entry.id === id\n      ? !entry.hidden\n      : isSubmenu(entry) && entry.sections.some((section) =>\n          section.items.some((child) => child.id === id && !child.hidden),\n        ),\n  );\n}\nconst containsDestructiveAction = (items: ItemMenuEntry[]): boolean => items.some((item) =>\n  (isCommand(item) && item.tone === \"destructive\") || (isSubmenu(item) && item.sections.some((section) => containsDestructiveAction(section.items))),\n);\n\n/** The transfer session stays mounted in the row; only its canonical palette portals here. */\nfunction RowAlchemySubmenuContent({ onClose, restoreFocus }: { onClose: () => void; restoreFocus: () => void }) {\n  const alchemy = useMatrxTableRowAlchemy();\n  const target = useRef<HTMLDivElement>(null);\n  const closeRef = useRef(onClose);\n  const focusRef = useRef(restoreFocus);\n  useEffect(() => { focusRef.current = restoreFocus; }, [restoreFocus]);\n  useEffect(() => { closeRef.current = onClose; }, [onClose]);\n  const mountMenu = alchemy?.mountMenu;\n  useEffect(() => {\n    mountMenu?.(target.current, () => closeRef.current(), () => focusRef.current());\n    return () => mountMenu?.(null);\n  }, [mountMenu]);\n  return <div ref={target} data-canonical-alchemy-submenu aria-label=\"Alchemy output options\" onKeyDown={(event) => {\n    // The embedded canonical palette uses native controls, not MenuItems.\n    // Let Tab reach those controls instead of Radix's menu-only suppression.\n    if (event.key === \"Tab\") event.stopPropagation();\n  }} />;\n}\n\n// ── ItemMenu (trigger-anchored dropdown / drawer) ───────────────────────────\n\n/** How long the pointer rests on the trigger before the real menu mounts under it. */\nconst ARM_ON_HOVER_MS = 150;\n\nexport function ItemMenu({\n  config,\n  children,\n  align = \"end\",\n  side,\n  open: openProp,\n  onOpenChange,\n  onCloseAutoFocus,\n  presentation = \"auto\",\n}: ItemMenuProps) {\n  const toastPromise = useItemMenuHost()?.toastPromise;\n  const rowAlchemy = useMatrxTableRowAlchemy();\n  const rowControls = useMatrxTableRowControls();\n  const restoreTargetRef = useRef<HTMLElement | null>(null);\n  const dropdownTriggerRef = useRef<HTMLButtonElement | null>(null);\n  useEffect(() => { rowAlchemy?.activate(); }, [rowAlchemy]);\n  const isMobile = useIsMobile();\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n  // Resolve while open so controlled open (whole-row click) and trigger open\n  // share one path — no setState-during-render, no empty first frame.\n  const baseConfig = open ? resolveItemMenuConfig(config) : null;\n  const includeAlchemy = Boolean(rowAlchemy?.ready)\n    && !hasVisibleEntry(baseConfig, \"alchemy\");\n  const alchemyItem: ItemMenuEntry | null = rowAlchemy ? {\n    kind: \"submenu\",\n    id: \"alchemy\",\n    label: \"Alchemy\",\n    icon: RowAlchemyIcon,\n    disabled: rowAlchemy.copy.disabled,\n    sections: [],\n    renderContent: (onClose) => <RowAlchemySubmenuContent onClose={onClose} restoreFocus={() => (dropdownTriggerRef.current ?? restoreTargetRef.current)?.focus()} />,\n  } : null;\n  const normalSections = baseConfig?.sections.map((section, index) => ({ section, index }))\n    .filter(({ section }) => section.id !== \"danger\" && !containsDestructiveAction(section.items)) ?? [];\n  const targetSection = (normalSections.find(({ section }) => !section.label) ?? normalSections[0])?.index;\n  const injectedRowItems: ItemMenuEntry[] = [\n    ...(rowControls?.beginEdit && !hasVisibleEntry(baseConfig, \"table-edit-row\") ? [{ id: \"table-edit-row\", label: \"Edit row\", onSelect: rowControls.beginEdit }] : []),\n    ...(rowControls?.saveEdits && !hasVisibleEntry(baseConfig, \"table-save-row\") ? [{ id: \"table-save-row\", label: \"Save changes\", onSelect: rowControls.saveEdits }] : []),\n    ...(rowControls?.cancelEdits && !hasVisibleEntry(baseConfig, \"table-discard-row\") ? [{ id: \"table-discard-row\", label: \"Discard changes\", onSelect: rowControls.cancelEdits }] : []),\n    ...(alchemyItem && includeAlchemy ? [alchemyItem] : []),\n  ];\n  const resolved: ItemMenuConfig | null = baseConfig && injectedRowItems.length > 0 ? {\n    ...baseConfig,\n    sections: targetSection !== undefined\n      ? baseConfig.sections.map((section, index) => index === targetSection ? { ...section, items: [...section.items, ...injectedRowItems] } : section)\n      : [{ id: \"actions\", items: injectedRowItems }, ...baseConfig.sections],\n  } : baseConfig;\n  // A LONG MENU SAYS SO, IN WORDS (FIX-Q13): the panel declares its overflow — the menu look's\n  // \"More actions below\" bar (`MenuLookContent moreBelowLabel`), never a fade that smears Delete.\n\n  const handleOpenChange = (next: boolean) => {\n    if (!isControlled) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const mode =\n    presentation === \"auto\" ? (isMobile ? \"drawer\" : \"dropdown\") : presentation;\n\n  // ── THE DROPDOWN MOUNTS ON FIRST INTENT ──────────────────────────────────\n  //\n  // A mounted Radix DropdownMenu listens to EVERY keydown on the document\n  // (its keyboard-vs-pointer tracking), open or not. A list of 800 rows held\n  // 800 of them: typing in a note beside the Notes sidebar paid 647ms of\n  // listener work over 240 keystrokes (2026-10-10). Until the trigger is\n  // hovered, focused or pressed it is the bare trigger; the first intent mounts\n  // the real menu (a press opens it in the same gesture), and it stays mounted.\n  const [armed, setArmed] = useState(false);\n  const refocusOnArmRef = useRef(false);\n  const armTimerRef = useRef<number | undefined>(undefined);\n  useEffect(() => () => window.clearTimeout(armTimerRef.current), []);\n  const live = armed || open;\n  useEffect(() => {\n    if (!armed || !refocusOnArmRef.current) return;\n    // Mounting the menu replaced the trigger element; keep keyboard focus on it.\n    refocusOnArmRef.current = false;\n    dropdownTriggerRef.current?.focus();\n  }, [armed]);\n\n  if (mode === \"drawer\") {\n    return (\n      <>\n        <Slot\n          onClick={(e: React.MouseEvent) => {\n            e.stopPropagation();\n            if (e.currentTarget instanceof HTMLElement) restoreTargetRef.current = e.currentTarget;\n            handleOpenChange(true);\n          }}\n        >\n          {children}\n        </Slot>\n        {resolved && (\n          <ItemMenuDrawer\n            open={open}\n            onOpenChange={handleOpenChange}\n            config={resolved}\n            onCommand={(entry) => isCommand(entry) && runCommand(entry, toastPromise)}\n            onToggle={(entry, next) =>\n              isCheckbox(entry) && runToggle(entry, next)\n            }\n          />\n        )}\n      </>\n    );\n  }\n\n  if (!live) {\n    return (\n      <Slot\n        data-item-menu-trigger=\"idle\"\n        onPointerEnter={() => {\n          // Hover INTENT, not hover: mounting the real trigger swaps the button's\n          // DOM node, and a press that arrives in the same few milliseconds as the\n          // pointer (automation, a fast tap) is dispatched at the node that was just\n          // removed — React never sees it and the click does nothing. A press inside\n          // the delay takes the pointerdown path below, on the live node.\n          window.clearTimeout(armTimerRef.current);\n          armTimerRef.current = window.setTimeout(() => setArmed(true), ARM_ON_HOVER_MS);\n        }}\n        onPointerLeave={() => window.clearTimeout(armTimerRef.current)}\n        onFocus={() => {\n          refocusOnArmRef.current = true;\n          setArmed(true);\n        }}\n        onPointerDown={(e: ReactPointerEvent) => {\n          // A press with no hover first (touch-like input, automation): mount\n          // and open in the same gesture, as Radix's own trigger would.\n          if (e.button !== 0 || e.ctrlKey) return;\n          e.preventDefault();\n          setArmed(true);\n          handleOpenChange(true);\n        }}\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <DropdownMenu open={open} onOpenChange={handleOpenChange} modal={false}>\n      <DropdownMenuTrigger ref={dropdownTriggerRef} asChild>{children}</DropdownMenuTrigger>\n      {resolved && (\n        <MenuLookContent\n          onFocusOutside={keepCanonicalPaletteInteraction}\n          onPointerDownOutside={keepCanonicalPaletteInteraction}\n          align={align}\n          {...(side ? { side } : {})}\n          // A rich menu (a full record-action registry is 20+ entries) is taller than a short\n          // viewport: the look caps it at the room Radix measured and the rows scroll inside it.\n          collisionPadding={12}\n          moreBelowLabel=\"More actions below\"\n          {...(onCloseAutoFocus ? { onCloseAutoFocus } : {})}\n          onKeyDown={makeShortcutHandler(resolved, () =>\n            handleOpenChange(false),\n          toastPromise)}\n        >\n          {resolved.header?.title && (\n            <MenuLookLabel description={resolved.header.description}>{resolved.header.title}</MenuLookLabel>\n          )}\n          <MenuSections\n            family={dropdownFamily}\n            sections={resolved.sections}\n            onCloseRequest={() => handleOpenChange(false)}\n          />\n        </MenuLookContent>\n      )}\n    </DropdownMenu>\n  );\n}\n// A record's menu is never a route header's phone primary: RouteHeader sends it\n// to the shell's ⋮ sheet instead of drawing a second overflow beside it\n// (`isMenuAction` in features/shell/components/header/route-header-layout.tsx).\nItemMenu.routeHeaderMenu = true as const;\n\n// ── ItemContextMenu (right-click anchored) ──────────────────────────────────\n// The host's universal right-click menu when one is provided\n// (`ItemMenuHostProvider` — the website and chat mount the v3 menu, which adds\n// Copy, agents, Attach To and Share around the row's own config). Without a\n// host, the same config opens in design-system's ContextMenu: right-click is\n// never missing, only less rich.\n\nexport function ItemContextMenu(props: ItemContextMenuProps) {\n  const host = useItemMenuHost();\n  if (props.enabled === false) return <>{props.children}</>;\n  const HostMenu = host?.ContextMenu;\n  if (HostMenu) return <HostMenu {...props} />;\n  return <DefaultItemContextMenu {...props} />;\n}\n\nfunction DefaultItemContextMenu({\n  config,\n  children,\n  resolveItemOnOpen,\n  onOpenChange,\n  onCloseAutoFocus,\n}: ItemContextMenuProps) {\n  const [resolved, setResolved] = useState<ItemMenuConfig | null>(null);\n  const targetRef = useRef<HTMLElement | null>(null);\n  return (\n    <ContextMenu\n      modal={false}\n      onOpenChange={(open) => {\n        if (open) {\n          const item = resolveItemOnOpen?.(targetRef.current);\n          setResolved(resolveItemMenuConfig(item?.config ?? config));\n        }\n        onOpenChange?.(open);\n      }}\n    >\n      <ContextMenuTrigger\n        asChild\n        onContextMenu={(event) => {\n          targetRef.current = event.target instanceof HTMLElement ? event.target : null;\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      {resolved && (\n        <MenuLookContextContent onCloseAutoFocus={onCloseAutoFocus}>\n          {resolved.header?.title && (\n            <MenuLookContextLabel description={resolved.header.description}>{resolved.header.title}</MenuLookContextLabel>\n          )}\n          <MenuSections family={contextFamily} sections={resolved.sections} onCloseRequest={() => onOpenChange?.(false)} />\n        </MenuLookContextContent>\n      )}\n    </ContextMenu>\n  );\n}\n\n// `config` may be a GETTER resolved only when the menu opens. Every list writes it inline\n// (`config={() => menuFor(row)}`), so the table compares it by what it returns, never by identity —\n// otherwise each host render redrew every row (/crm: 25 of 25 per checkbox tick).\ndeclareLazyDataProps(ItemMenu, [\"config\"]);\ndeclareLazyDataProps(ItemContextMenu, [\"config\"]);\n","\"use client\";\n\n/** Pure Alchemy icon assets. Safe to import without React or browser APIs. */\nexport type AlchemyIcon = \"portal\" | \"copy-transform\";\nexport const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]> = {\n  // THE TRIGGER READS AS COPY (page-pass 2026-09-27): blind judges read the old\n  // bracket-and-down-arrow \"portal\" as download/import. It is now Lucide's Copy\n  // glyph (two sheets), drawn as paths; the key keeps its name so every caller\n  // passing icon=\"portal\" gets it with no change.\n  portal: [\n    \"M10 8h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2z\",\n    \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\",\n  ],\n  \"copy-transform\": [\"M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3\"],\n};\nexport const ALCHEMY_GLYPH_VIEWBOX: Record<AlchemyIcon, string> = { portal: \"0 0 24 24\", \"copy-transform\": \"0 0 24 24\" };\nconst svg = (paths: readonly string[], viewBox: string) => `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"${viewBox}\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${paths.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\nexport const ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);\nexport const ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS[\"copy-transform\"], ALCHEMY_GLYPH_VIEWBOX[\"copy-transform\"]);\n","\"use client\";\nimport { createContext, useContext, type Context, type ComponentType, type ReactNode, type MouseEventHandler } from \"react\";\nimport type { CopyControlProps } from \"../data-table/copy-types\";\nimport type { MatrxColumnDef, MatrxDataTableDensity, MatrxDataTableLook, MatrxDataTableRecordControls, TableSavedViewsProps } from \"../data-table/types\";\nimport type {\n  MatrxTableMenuIconName,\n  MatrxTableMenuItem,\n  MatrxTableMenuPayload,\n  MatrxTableMenuSectionsResolver,\n  MatrxTableMenuTarget,\n} from \"../data-table/menu-targets\";\n\nexport type {\n  MatrxTableMenuIconName,\n  MatrxTableMenuItem,\n  MatrxTableMenuSection,\n  MatrxTableMenuSectionsResolver,\n} from \"../data-table/menu-targets\";\n\nexport type {\n  AgentPayloadInput,\n  AiCustomSource,\n  AiVariant,\n  ContentTransferReference,\n  CopyControlProps,\n  CopyEnvelopeMeta,\n  CopyExportConfig,\n  TableCopyController,\n} from \"../data-table/copy-types\";\n\nexport interface TableLinkProps { href: string; children: ReactNode; className?: string; onClick?: MouseEventHandler<HTMLAnchorElement>; }\n/**\n * Host-owned toolbar affordance. The table package keeps operation state and\n * labels; an application can supply its canonical icon-button primitive\n * without making the shared package depend on an application UI package.\n */\nexport interface TableToolbarActionProps { ariaLabel: string; tooltip?: string | undefined; disabled?: boolean | undefined; busy?: boolean | undefined; /** Indicates a selected mutually-exclusive action such as the current page. */ active?: boolean | undefined; onClick: () => void; children: ReactNode; }\nexport interface TableSidePanelProps { title: string; titleNode?: ReactNode; description?: ReactNode; onClose: () => void; /** Increments on every open request, including a repeat open of the row already shown — a host whose panel can sit in the background (a tab) brings it forward when this changes. */ openRequest?: number; defaultWidth?: number; headerActions?: ReactNode; children: ReactNode; }\nexport interface TableWindowPanelProps { id: string; title: string; onClose: () => void; width?: number; height?: number; minWidth?: number; minHeight?: number; actionsRight?: ReactNode; bodyClassName?: string; sidebarDefaultSize?: number; sidebarMinSize?: number; sidebar?: ReactNode; children: ReactNode; /** The table look the window opens from (lane mac-blockers): `\"mac\"` asks the host window for the Mac header. Absent: the default look. */ look?: MatrxDataTableLook; }\nexport interface TableEntityRefProps { token: string; id: string; href?: string; children: ReactNode; className?: string; /** Opening it starts a new tab. */ openInNewTab?: boolean; /** Its open / peek buttons stay shown, not only on hover. */ alwaysShowActions?: boolean; }\nexport interface TablePeekProps { kind: string; id: string; href?: string; onClose: () => void; }\nexport interface TableDoors {\n  href?: string;\n  peekKind?: string;\n  canPeek?: boolean;\n  /**\n   * THE RECORD'S OWN MENU (lane DRILL-PARITY-LAST): what its kind offers wherever a table names it —\n   * a person's admin destinations, an organization's pages — as neutral items the table draws in a\n   * row's menu and on a right-click. Absent = the record has only its open and preview doors.\n   */\n  menu?: MatrxTableMenuItem[];\n}\n/**\n * The host's door onto the table's right-click levels.\n *\n * A canonical table registers ONE resolver per instance. The host's own menu\n * reads which of the four levels was clicked (`readMenuTarget`) and asks for\n * that level's descriptor — the package never interprets what comes back, and\n * the host never reaches into the table for the row or the range.\n */\nexport interface TableRowContextRegistry { register(tableId: string, resolve: (target: MatrxTableMenuTarget) => unknown): () => void; }\nexport interface TableContextMenuBoundaryProps {\n  label: string;\n  children: ReactNode;\n  /**\n   * The consumer's own sections, asked per right-click. Present only when the\n   * table's consumer declared `contextMenu.sections`; the host reads the level\n   * off the clicked element (`readMenuTarget`), calls this, and draws what comes\n   * back in its own menu. Absent, the boundary behaves exactly as before.\n   */\n  sections?: MatrxTableMenuSectionsResolver | undefined;\n  /** The table asked for the host's designed menu (`MatrxDataTableContextMenuConfig.designedMenu`). */\n  designedMenu?: boolean | undefined;\n}\n/**\n * The host's view of a failed read with NO rows to show (RC-B12 round 13):\n * its error display (with the host's actions — matrx-frontend's Alchemy Menu)\n * and a retry. Without a host port the table draws a package `ErrorBox`.\n */\nexport interface TableReadFailureProps { error: unknown; what: string; onRetry?: (() => void) | undefined; }\n/**\n * The host's notice above rows kept from an earlier read when the latest read\n * failed: the rows may be out of date. Without a host port the table draws a\n * package `ErrorBox` in warning colors.\n */\nexport interface TableStaleNoticeProps { error: unknown; what: string; onRetry?: (() => void) | undefined; }\n/** The host's glyph for a menu icon name. A host without one draws labels only. */\nexport interface TableMenuIconProps { name: MatrxTableMenuIconName; className?: string | undefined; }\n/** The host's custom-field columns for a registry token over the given organizations (lane 7 W5). */\nexport interface TableCustomFieldColumns<T> { columns: MatrxColumnDef<T>[]; }\nexport interface MatrxDataTableHost { /** A HOOK, bound once by the host: the custom-field columns of `token` (null = none) for `organizationIds`. */ useCustomFieldColumns?: <T>(token: string | null, organizationIds: readonly string[]) => TableCustomFieldColumns<T> | null; JsonViewer?: ComponentType<{ data: object | string }>; Link?: ComponentType<TableLinkProps>; CopyControls?: ComponentType<CopyControlProps>; ToolbarAction?: ComponentType<TableToolbarActionProps>; SidePanelSurface?: ComponentType<TableSidePanelProps>; WindowPanel?: ComponentType<TableWindowPanelProps>; EntityRef?: ComponentType<TableEntityRefProps>; resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null; ResourcePeek?: ComponentType<TablePeekProps>; SavedViews?: ComponentType<TableSavedViewsProps>; rowContextRegistry?: TableRowContextRegistry; createDefaultMenuContext?: (payload: MatrxTableMenuPayload) => unknown; ContextMenuBoundary?: ComponentType<TableContextMenuBoundaryProps>; MenuIcon?: ComponentType<TableMenuIconProps>; /** A failed read with no rows (RC-B12 r13). */ ReadFailure?: ComponentType<TableReadFailureProps>; /** A failed refresh over kept rows (RC-B12 r13). */ StaleNotice?: ComponentType<TableStaleNoticeProps>; /** Host default; a table's explicit density takes precedence. */ defaultDensity?: MatrxDataTableDensity; /** Host default look (`default` | `mac`); a table's explicit `look` takes precedence. One switch turns every table under the host, and every mode built on it, to the Mac look. */ defaultLook?: MatrxDataTableLook; notify?: { success(message: string): void; error(message: string): void }; /** Client-side navigation (the app router), for `rowClick=\"page\"`. Absent: a full page load. */ navigate?: (href: string) => void; }\n// Public entrypoints are independently bundled in ESM and CJS. The context\n// identity must survive those bundle boundaries; values stay provider-scoped.\nconst HOST_SLOT = Symbol.for(\"ai-matrx.design-system.table-host-context\");\nconst hostRegistry = globalThis as typeof globalThis & { [HOST_SLOT]?: Context<MatrxDataTableHost> };\nconst HostContext = hostRegistry[HOST_SLOT] ??= createContext<MatrxDataTableHost>({});\nexport function MatrxDataTableProvider({ value, children }: { value: MatrxDataTableHost; children: ReactNode }) { return <HostContext.Provider value={value}>{children}</HostContext.Provider>; }\nexport function useMatrxDataTableHost(): MatrxDataTableHost { return useContext(HostContext); }\n\nexport interface MatrxTableRowAlchemy {\n  copy: CopyControlProps;\n  controls?: MatrxDataTableRecordControls;\n  placement: \"inline\" | \"menu\";\n  ready: boolean;\n  activate(): void;\n  /** Mount Alchemy's canonical palette in the host row menu. */\n  mountMenu(target: HTMLElement | null, onClose?: () => void, restoreFocus?: () => void): void;\n  prepare(restoreFocus?: () => void): Promise<void>;\n}\n\nconst ROW_ALCHEMY_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-alchemy-context\");\nconst rowAlchemyRegistry = globalThis as typeof globalThis & { [ROW_ALCHEMY_SLOT]?: Context<MatrxTableRowAlchemy | null> };\nconst RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= createContext<MatrxTableRowAlchemy | null>(null);\n\nexport function MatrxTableRowAlchemyScope({ value, children }: { value: MatrxTableRowAlchemy; children: ReactNode }) { return <RowAlchemyContext.Provider value={value}>{children}</RowAlchemyContext.Provider>; }\n\nexport function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null { return useContext(RowAlchemyContext); }\n\nconst ROW_CONTROLS_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-controls-context\");\nconst rowControlsRegistry = globalThis as typeof globalThis & { [ROW_CONTROLS_SLOT]?: Context<MatrxDataTableRecordControls | null> };\nconst RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= createContext<MatrxDataTableRecordControls | null>(null);\nexport function MatrxTableRowControlsScope({ value, children }: { value: MatrxDataTableRecordControls; children: ReactNode }) { return <RowControlsContext.Provider value={value}>{children}</RowControlsContext.Provider>; }\nexport function useMatrxTableRowControls(): MatrxDataTableRecordControls | null { return useContext(RowControlsContext); }\n\n/** Light door for components a row draws (a row menu): declare a lazy data prop without loading the table. */\nexport { declareLazyDataProps } from \"./row-drawing\";\n","/**\n * A ROW IS REDRAWN WHEN WHAT IT SHOWS CHANGED — NEVER BECAUSE A FUNCTION WAS BORN AGAIN\n * (lane TABLE-RERENDER, 2026-10-03).\n *\n * Hosts write `cell`, `customActions`, `getRowId`, `rowClassName` and their handlers inline, so every\n * host render hands the table new functions. Identity cannot say whether a new function draws\n * anything new, so the table used to redraw every row: /artifacts (560 rows) spent ~2.6 s redrawing\n * 1,120 rows to open one artifact. Asking every host to stabilise its callbacks fixed one screen of\n * ~85 at a time.\n *\n * The table now ASKS the row instead. When only the host's functions changed, a row builds its\n * elements (cheap — no component runs) and compares them with what it drew last:\n *   · equal → it returns the SAME element object it committed, and React does not descend into it;\n *   · different → it draws, and only that row pays.\n * Handlers inside a row that was not redrawn still call the host's LATEST function: every event\n * handler (`on[A-Z]…`) and every function the table marks `lazyCallback` is handed to the DOM as a\n * stable trampoline whose target is refreshed on each comparison (the latest-ref pattern, applied\n * to every handler a row holds instead of to a list the table has to keep in sync).\n *\n * Any other function in the tree (a render prop, a formatter a child calls while it renders, a\n * component type) is compared by identity, so a new one redraws the row — exactly as before. That\n * keeps the rule honest: a row is never left showing what an old closure drew. The one exception is\n * a prop its component DECLARED a lazy data getter (`declareLazyDataProps`): it is compared by what\n * it returns.\n */\nimport { cloneElement, isValidElement, type ReactElement, type ReactNode } from \"react\";\n\nconst LAZY = Symbol.for(\"@ai-matrx/design-system/data-table/lazy-callback\");\nconst MAX_DEPTH = 32;\nconst HANDLER_KEY = /^on[A-Z]/;\n\ntype AnyFunction = (...args: never[]) => unknown;\n\n/**\n * Marks a function the table hands into a row as one that runs LATER (on a click, a copy, a menu\n * choice) and never while a child renders — so a row may keep a trampoline to it instead of\n * redrawing when only its identity changed.\n */\nexport function lazyCallback<F extends AnyFunction>(fn: F): F {\n  (fn as F & { [LAZY]?: true })[LAZY] = true;\n  return fn;\n}\n\nfunction isLazy(fn: unknown): boolean {\n  return (fn as { [LAZY]?: true })[LAZY] === true;\n}\n\nconst LAZY_DATA_PROPS = Symbol.for(\"@ai-matrx/design-system/data-table/lazy-data-props\");\n\n/**\n * Declares the props of `component` that take a GETTER of data the component reads only later —\n * a row menu's `config={() => menu}`, resolved when the menu opens. Without it a getter is just an\n * unknown function, compared by identity, and a host that builds it inline (every row menu does)\n * redraws every row on every render of its own: /crm redrew all 25 rows on each checkbox tick.\n *\n * A declared prop is compared by what the getter RETURNS (its handlers by trampoline, everything\n * else exactly as a drawing is): the same data → the row keeps its drawing and the component is\n * handed a stable trampoline to the host's LATEST getter, so it opens with fresh items; different\n * data (a checkbox in an open menu flipped) → that row alone redraws. Declare once, on the\n * component — never per call site.\n *\n * The contract: a declared getter is PURE and CHEAP — the row calls the previous and the new one on\n * every host render to compare them. A getter that fetches, dispatches or builds something heavy\n * must not be declared.\n */\nexport function declareLazyDataProps<C extends object>(component: C, keys: readonly string[]): C {\n  (component as C & { [LAZY_DATA_PROPS]?: ReadonlySet<string> })[LAZY_DATA_PROPS] = new Set(keys);\n  return component;\n}\n\nfunction lazyDataKeys(type: unknown): ReadonlySet<string> | undefined {\n  if ((typeof type !== \"function\" && typeof type !== \"object\") || type === null) return undefined;\n  return (type as { [LAZY_DATA_PROPS]?: ReadonlySet<string> })[LAZY_DATA_PROPS];\n}\n\nconst UNRESOLVED = Symbol(\"unresolved\");\n\n/** A declared getter's data — or `UNRESOLVED` when calling it threw (the row then simply redraws). */\nfunction resolveLazyData(value: unknown): unknown {\n  if (typeof value !== \"function\") return value;\n  try {\n    return (value as () => unknown)();\n  } catch {\n    return UNRESOLVED;\n  }\n}\n\nfunction trampolinable(key: string, fn: unknown): boolean {\n  return isLazy(fn) || HANDLER_KEY.test(key);\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  if (value === null || typeof value !== \"object\") return false;\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n}\n\ninterface Slot {\n  fn: (...args: unknown[]) => unknown;\n  readonly stable: (...args: unknown[]) => unknown;\n}\n\nfunction makeSlot(fn: (...args: unknown[]) => unknown): Slot {\n  const slot: Slot = {\n    fn,\n    // A Proxy rather than a bare wrapper: a handler that carries its own members (a debounced\n    // function's `cancel`) keeps them, read from the latest function.\n    stable: new Proxy((() => undefined) as (...args: unknown[]) => unknown, {\n      apply: (_target, thisArg, args: unknown[]) => Reflect.apply(slot.fn, thisArg, args),\n      get: (_target, key) => Reflect.get(slot.fn, key),\n    }),\n  };\n  return slot;\n}\n\ntype Updates = Array<[path: string, fn: (...args: unknown[]) => unknown]>;\n\nfunction sameEntries(\n  a: Record<string, unknown>,\n  b: Record<string, unknown>,\n  path: string,\n  depth: number,\n  updates: Updates,\n  lazyKeys?: ReadonlySet<string>,\n): boolean {\n  const keys = Object.keys(a);\n  if (keys.length !== Object.keys(b).length) return false;\n  for (const key of keys) {\n    if (!Object.prototype.hasOwnProperty.call(b, key)) return false;\n    // A ref is never a handler: a new callback ref must be attached by React.\n    if (key === \"ref\") {\n      if (!Object.is(a[key], b[key])) return false;\n      continue;\n    }\n    if (lazyKeys?.has(key) && (typeof a[key] === \"function\" || typeof b[key] === \"function\")) {\n      if (Object.is(a[key], b[key])) continue;\n      // A getter that became a plain value (or the reverse) is a new drawing: the committed element\n      // still holds a trampoline to the OLD getter, which nothing would re-point.\n      if (typeof a[key] !== typeof b[key]) return false;\n      const before = resolveLazyData(a[key]);\n      const after = resolveLazyData(b[key]);\n      if (before === UNRESOLVED || after === UNRESOLVED) return false;\n      // Handlers inside the data are reached through the getter's own trampoline, so the ones this\n      // comparison collects are dropped: the component calls the LATEST getter and gets them fresh.\n      if (!sameDrawing(before, after, key, `${path}/${key}()`, depth + 1, [])) return false;\n      if (typeof b[key] === \"function\") updates.push([`${path}/${key}`, b[key] as (...args: unknown[]) => unknown]);\n      continue;\n    }\n    if (!sameDrawing(a[key], b[key], key, `${path}/${key}`, depth + 1, updates)) return false;\n  }\n  return true;\n}\n\n/**\n * Whether `next` draws exactly what `previous` drew. Handlers that differ only by identity are\n * collected into `updates` (by path) so the caller can point the committed trampolines at them.\n */\nfunction sameDrawing(previous: unknown, next: unknown, key: string, path: string, depth: number, updates: Updates): boolean {\n  if (Object.is(previous, next)) return true;\n  if (typeof previous === \"function\" && typeof next === \"function\") {\n    if (trampolinable(key, previous) && trampolinable(key, next)) {\n      updates.push([path, next as (...args: unknown[]) => unknown]);\n      return true;\n    }\n    return false;\n  }\n  if (depth > MAX_DEPTH) return false;\n  if (isValidElement(previous) && isValidElement(next)) {\n    if (previous.type !== next.type || previous.key !== next.key) return false;\n    return sameEntries(\n      previous.props as Record<string, unknown>,\n      next.props as Record<string, unknown>,\n      path,\n      depth,\n      updates,\n      lazyDataKeys(previous.type),\n    );\n  }\n  if (Array.isArray(previous) && Array.isArray(next)) {\n    if (previous.length !== next.length) return false;\n    for (let i = 0; i < previous.length; i += 1) {\n      if (!sameDrawing(previous[i], next[i], key, `${path}/${i}`, depth + 1, updates)) return false;\n    }\n    return true;\n  }\n  if (isPlainObject(previous) && isPlainObject(next)) return sameEntries(previous, next, path, depth, updates);\n  return false;\n}\n\n/** `value` with every trampolinable function replaced by its stable trampoline. */\nfunction stabilize(value: unknown, key: string, path: string, depth: number, slots: Map<string, Slot>, reuse: Map<string, Slot> | undefined, lazyData = false): unknown {\n  if (typeof value === \"function\") {\n    if (!lazyData && !trampolinable(key, value)) return value;\n    const fn = value as (...args: unknown[]) => unknown;\n    const kept = reuse?.get(path);\n    const slot = kept ?? makeSlot(fn);\n    slot.fn = fn;\n    slots.set(path, slot);\n    return slot.stable;\n  }\n  if (depth > MAX_DEPTH) return value;\n  if (isValidElement(value)) {\n    const props = value.props as Record<string, unknown>;\n    const lazyKeys = lazyDataKeys(value.type);\n    let changed: Record<string, unknown> | null = null;\n    for (const propKey of Object.keys(props)) {\n      if (propKey === \"ref\") continue;\n      const before = props[propKey];\n      const after = stabilize(before, propKey, `${path}/${propKey}`, depth + 1, slots, reuse, lazyKeys?.has(propKey) ?? false);\n      if (after !== before) (changed ??= {})[propKey] = after;\n    }\n    if (!changed) return value;\n    const clone = cloneElement(value as ReactElement, changed);\n    // React (dev) marks JSX's static children as key-checked on the ELEMENT; a clone starts\n    // unmarked, and a clone inside a static children array would then warn about a missing key.\n    const before = (value as { _store?: { validated?: unknown } })._store;\n    const after = (clone as { _store?: { validated?: unknown } })._store;\n    if (before && after && \"validated\" in before) {\n      try { after.validated = before.validated; } catch { /* frozen in some builds: only a dev warning is at stake */ }\n    }\n    return clone;\n  }\n  if (Array.isArray(value)) {\n    let out: unknown[] | null = null;\n    for (let i = 0; i < value.length; i += 1) {\n      const after = stabilize(value[i], key, `${path}/${i}`, depth + 1, slots, reuse);\n      if (after !== value[i]) (out ??= value.slice())[i] = after;\n    }\n    return out ?? value;\n  }\n  if (isPlainObject(value)) {\n    let out: Record<string, unknown> | null = null;\n    for (const entryKey of Object.keys(value)) {\n      const before = value[entryKey];\n      const after = stabilize(before, entryKey, `${path}/${entryKey}`, depth + 1, slots, reuse);\n      if (after !== before) (out ??= { ...value })[entryKey] = after;\n    }\n    return out ?? value;\n  }\n  return value;\n}\n\ninterface RowDrawing {\n  /** What the host and the table built last time — compared, never rendered. */\n  raw: unknown;\n  /** What React was handed: `raw` with trampolines. Returned unchanged while the drawing holds. */\n  out: ReactNode;\n  slots: Map<string, Slot>;\n}\n\n/** One table's drawings, by row id. */\nexport class RowDrawings {\n  private readonly rows = new Map<string, RowDrawing>();\n\n  /**\n   * The element to hand React for this row. The SAME object as last time when `raw` draws what the\n   * last one drew (its handlers are re-pointed); a new one otherwise.\n   */\n  draw(rowId: string, raw: ReactNode, fresh = false): ReactNode {\n    const previous = this.rows.get(rowId);\n    // `fresh`: the row's own facts moved — what it shows may differ even when its elements match.\n    if (previous && !fresh) {\n      const updates: Updates = [];\n      if (sameDrawing(previous.raw, raw, \"\", \"\", 0, updates) && updates.every(([path]) => previous.slots.has(path))) {\n        for (const [path, fn] of updates) previous.slots.get(path)!.fn = fn;\n        previous.raw = raw;\n        return previous.out;\n      }\n    }\n    const slots = new Map<string, Slot>();\n    const out = stabilize(raw, \"\", \"\", 0, slots, previous?.slots) as ReactNode;\n    this.rows.set(rowId, { raw, out, slots });\n    return out;\n  }\n\n  /** Forget rows that are no longer in the table (bounded by what was ever drawn). */\n  prune(liveIds: ReadonlySet<string>): void {\n    for (const id of this.rows.keys()) if (!liveIds.has(id)) this.rows.delete(id);\n  }\n\n  get size(): number {\n    return this.rows.size;\n  }\n}\n","\"use client\";\n\n/**\n * ContextMenu — the right-click menu primitive.\n *\n * THE ROOT RENDERS UNCONDITIONALLY — no hydration mount gate. The gate a\n * matrx-frontend wrapper once carried (\"Radix generates dynamic aria-controls\n * ids that differ between SSR and client\") was false twice over: a CLOSED\n * `ContextMenuTrigger` renders only `data-state` / `data-disabled` and emits\n * no id at all, so there was never a mismatch to defend against. And the gate\n * was actively harmful: the Trigger wraps ALWAYS-VISIBLE content, so `return\n * null` deleted the wrapped subtree from the server render and the first\n * client render — around a list row, that means the list paints EMPTY and\n * fills in after hydration. Gating the Root would additionally orphan any\n * Trigger rendered beneath it.\n *\n * That history is exactly why this belongs in the package: the same repo had\n * already accumulated two copies of this wrapper, one gated and one not, with\n * the CORRECT one sitting unused beside the defective one.\n *\n * This is the PRIMITIVE only. A host's actual right-click menu SYSTEM — the\n * sections, the copy/export/convert actions, the surface registry — composes\n * these parts and stays host-owned; nothing here knows what an action is.\n *\n * Portalling goes through the package's `usePortalContainer` seam so a menu\n * raised inside a Dialog mounts inside it; an explicit `container` wins.\n */\n\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { MOTION_POPPER } from \"./motion\";\nimport { RadixCheckIcon, DotFilledIcon, RadixChevronRightIcon } from \"./icons\";\nimport { usePortalContainer } from \"./portal-container\";\nimport { useMenuScrollEdges } from \"./menu-scroll-edges\";\nimport { useSubmenuSurvivesParentPanelFocus } from \"./submenu-focus\";\nimport { useNestedSubmenuPlacement } from \"./submenu-side\";\nimport { keepMovedFocus } from \"./focus-return\";\n\nconst ContextMenu = ContextMenuPrimitive.Root;\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.Sub;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst SURFACE_CLASS =\n  \"z-[10001] min-w-[8rem] max-h-[var(--radix-context-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground\";\n\n\nconst ITEM_CLASS =\n  \"relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst INDICATOR_ITEM_CLASS =\n  \"relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:text-disabled-foreground\";\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubTrigger\n    ref={ref}\n    data-slot=\"context-menu-sub-trigger\"\n    className={cn(\n      \"flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <RadixChevronRightIcon className=\"ml-auto h-4 w-4\" />\n  </ContextMenuPrimitive.SubTrigger>\n));\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\n\n/** Portalled like its parent, so it opens BESIDE it — see `DropdownMenuSubContent` for why. */\nconst ContextMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & { container?: HTMLElement | null }\n>(({ className, container, onFocusOutside, collisionPadding, children, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  // A nested submenu opens on its parent's side (see submenu-side.tsx).\n  const nested = useNestedSubmenuPlacement(ref, collisionPadding);\n  // A flipped submenu survives the pointer leaving its trigger (see submenu-focus.ts).\n  const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);\n  const edges = useMenuScrollEdges(keep.ref);\n  return (\n    <ContextMenuPrimitive.Portal container={portalContainer}>\n      <ContextMenuPrimitive.SubContent\n        ref={edges.ref}\n        onFocusOutside={keep.onFocusOutside}\n        {...(nested.padding === undefined ? {} : { collisionPadding: nested.padding })}\n        data-slot=\"context-menu-sub-content\"\n        className={cn(SURFACE_CLASS, edges.surfaceClassName, \"shadow-lg\", MOTION_POPPER, className)}\n        {...props}\n      >\n        {nested.wrap(edges.wrap(children))}\n      </ContextMenuPrimitive.SubContent>\n    </ContextMenuPrimitive.Portal>\n  );\n});\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\n\nexport interface ContextMenuContentProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> {\n  /** Explicit portal target; wins over the injected container. */\n  container?: HTMLElement | null;\n}\n\nfunction OpenStamp({ at }: { at: React.MutableRefObject<number> }): null {\n  React.useLayoutEffect(() => {\n    at.current = Date.now();\n  }, [at]);\n  return null;\n}\n\nconst ContextMenuContent = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Content>,\n  ContextMenuContentProps\n>(({ className, container, children, onCloseAutoFocus, onPointerDownCapture, onPointerUpCapture, ...props }, ref) => {\n  const portalContainer = usePortalContainer(container);\n  const edges = useMenuScrollEdges(ref);\n  // The menu opens on the right button's PRESS, under the pointer; Radix runs an item when a button is\n  // RELEASED over it without having been pressed on it. A quick right-click would therefore run\n  // whatever item the menu opened beneath (a chat's \"Open in Claude\", a \"Star\"). A release that was\n  // never a press in this menu, in the moment after it opened, selects nothing (AppKit's rule).\n  const openedAt = React.useRef(0);\n  const pressedHere = React.useRef(false);\n  return (\n    <ContextMenuPrimitive.Portal container={portalContainer}>\n      <ContextMenuPrimitive.Content\n        ref={edges.ref}\n        onPointerDownCapture={(event) => {\n          pressedHere.current = true;\n          onPointerDownCapture?.(event);\n        }}\n        onPointerUpCapture={(event) => {\n          if (!pressedHere.current && Date.now() - openedAt.current < 350) event.preventDefault();\n          pressedHere.current = false;\n          onPointerUpCapture?.(event);\n        }}\n        data-slot=\"context-menu-content\"\n        className={cn(SURFACE_CLASS, edges.surfaceClassName, \"shadow-md\", MOTION_POPPER, className)}\n        {...props}\n        onCloseAutoFocus={keepMovedFocus(onCloseAutoFocus)}\n      >\n        {/* Mounts with the open menu: stamps when it opened. */}\n        <OpenStamp at={openedAt} />\n        {edges.wrap(children)}\n      </ContextMenuPrimitive.Content>\n    </ContextMenuPrimitive.Portal>\n  );\n});\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\n\nconst ContextMenuItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    data-slot=\"context-menu-item\"\n    className={cn(\n      ITEM_CLASS,\n      \"gap-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot=\"context-menu-checkbox-item\"\n    className={cn(INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <RadixCheckIcon className=\"h-4 w-4\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName =\n  ContextMenuPrimitive.CheckboxItem.displayName;\n\nconst ContextMenuRadioItem = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.RadioItem\n    ref={ref}\n    data-slot=\"context-menu-radio-item\"\n    className={cn(INDICATOR_ITEM_CLASS, className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <DotFilledIcon className=\"h-4 w-4 fill-current\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.RadioItem>\n));\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;\n\nconst ContextMenuLabel = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Label\n    ref={ref}\n    data-slot=\"context-menu-label\"\n    className={cn(\n      \"type-label px-2 pb-1 pt-2 text-muted-foreground\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <ContextMenuPrimitive.Separator\n    ref={ref}\n    data-slot=\"context-menu-separator\"\n    className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n    {...props}\n  />\n));\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\n\nconst ContextMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => (\n  <span\n    data-slot=\"context-menu-shortcut\"\n    className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n    {...props}\n  />\n);\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n","\"use client\";\n/**\n * `@ai-matrx/design-system/menu-look` — THE ONE MENU LOOK (Arman, 2026-10-23: the header \"…\", every\n * crumb dropdown and every Alchemy dropdown are \"the IDENTICAL dropdown that I use for Alchemy for size\n * and style\" — the right-click menu).\n *\n * Four families, one look:\n *  - `MENU_LOOK_CLASS` / `MenuLookRowBody` / `MenuLookIconSlot`: the class names and the inside of a row,\n *    used by @ai-matrx/context-menu's MenuPanel (its own non-Radix renderer, the right-click menu);\n *  - THE DROPDOWN — `MenuLookContent` / `MenuLookSubContent` / `MenuLookItem` / `MenuLookSubTrigger` /\n *    `MenuLookCheckboxItem` / `MenuLookRadioGroup` / `MenuLookRadioItem` / `MenuLookLabel` /\n *    `MenuLookSeparator` / `MenuLookSearch` (+ `MenuLookSub`): the panel and rows on the Radix dropdown\n *    (keyboard, typeahead, focus return, collision padding) — Alchemy's dropdowns, the frame's \"…\" and\n *    crumb menus, a row's \"…\" (ItemMenu);\n *  - THE RIGHT-CLICK — `MenuLookContext*`: the SAME rows on the Radix context menu (a row's right-click,\n *    ItemContextMenu without a host menu);\n *  - THE PANEL — `MenuLookPanel` / `MenuLookPopoverContent` / `MenuLookPanelItem` /\n *    `MenuLookPanelControlRow` / `MenuLookPanelHeader` / `MenuLookPanelDisclosure` /\n *    `MenuLookPanelLabel` / `MenuLookPanelSeparator`: the same panel and rows WITHOUT a Radix menu, for a\n *    popover or sheet that also holds controls (a theme switch, a Switch, a search list) — the account\n *    rail's Settings, Organization and account menus and the frame's admin menu.\n * Every measurement lives once, in `menu-look.css` (shipped inside `styles.css`): 280px panel, 30px rows,\n * 13px text on a 1.25 line, 16px icons, 4px/8px row padding, 10px corners. No part takes a `className`.\n *\n * ONE LEFT EDGE (Arman, 2026-10-23: \"get rid of the HORRIBLE and ugly indentation\"): a row without a\n * glyph draws no icon column, the current row is marked with a check at its END (`current`), and the\n * search is the menu's own header row whose text starts where every row's text starts.\n */\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { DropdownMenuContent, DropdownMenuSubContent } from \"../dropdown-menu\";\nimport { ContextMenuContent, ContextMenuSubContent } from \"../context-menu\";\nimport { PopoverContent } from \"../popover\";\nimport { RadixCheckIcon, RadixChevronDownIcon, RadixChevronRightIcon } from \"../icons\";\nimport { useScrollFade } from \"../use-scroll-fade\";\n\n/** The look's measurements (what `menu-look.css` draws), for tests and hosts that size around a menu. */\nexport const MENU_LOOK = {\n  width: 280,\n  largeWidth: 360,\n  rowHeight: 30,\n  sheetRowHeight: 44,\n  fontSize: 13,\n  lineHeight: 1.25,\n  icon: 16,\n  headerMark: 28,\n  rowPaddingY: 4,\n  rowPaddingX: 8,\n  radius: 10,\n} as const;\n\n/** The look's class names — the ONLY classes a menu part wears. */\nexport const MENU_LOOK_CLASS = {\n  panel: \"cm-menu\",\n  item: \"cm-item\",\n  iconSlot: \"cm-icon-slot\",\n  icon: \"cm-icon\",\n  text: \"cm-text\",\n  label: \"cm-label\",\n  hint: \"cm-hint\",\n  current: \"cm-current\",\n  chevron: \"cm-chevron\",\n  search: \"cm-search\",\n  trail: \"cm-trail\",\n  badge: \"cm-badge\",\n  shortcut: \"cm-shortcut\",\n  control: \"cm-control\",\n  divider: \"cm-divider\",\n  sectionLabel: \"cm-section-label\",\n  header: \"cm-header\",\n  headerMark: \"cm-header-mark\",\n  headerText: \"cm-header-text\",\n  headerTitle: \"cm-header-title\",\n  headerSubtitle: \"cm-header-subtitle\",\n  danger: \"cm-danger\",\n  dimmed: \"cm-dimmed\",\n} as const;\n\nexport type MenuLookSize = \"standard\" | \"large\";\nexport type MenuLookDensity = \"comfortable\" | \"compact\";\n\n/** The 16px icon column of a row that has a glyph (an empty slot draws nothing: no reserved gutter). */\nexport function MenuLookIconSlot({ children }: { children?: React.ReactNode }): React.ReactElement {\n  return <span className={MENU_LOOK_CLASS.iconSlot}>{children}</span>;\n}\n\nexport interface MenuLookRowBodyProps {\n  /** The glyph (any 16px svg; the slot sizes it). Omitted → no icon column; the text starts the row. */\n  icon?: React.ReactNode | undefined;\n  label: React.ReactNode;\n  /**\n   * Hover text for the label (a long description stays out of the row: no \"novels\" in menus). Where\n   * nothing can hover (a phone, a mouse-less tablet) it is the row's muted second line instead.\n   */\n  labelTitle?: string | undefined;\n  /** A muted second line under the label. */\n  description?: React.ReactNode | undefined;\n  /** A muted end-of-row hint (a trail, a shortcut word). */\n  trail?: React.ReactNode | undefined;\n  /** A small outlined tag at the row's end (\"New\", \"Beta\", a count). */\n  badge?: React.ReactNode | undefined;\n  /** The row's key, at its end (\"⌘C\", \"R\"). */\n  shortcut?: React.ReactNode | undefined;\n  /** The row the person is on now: medium weight and a check at the row's end (never a left gutter). */\n  current?: boolean | undefined;\n}\n\n/** The inside of a row: icon (when given), label (+ second line), end hint, badge, key, current check. */\nexport function MenuLookRowBody({ icon, label, labelTitle, description, trail, badge, shortcut, current }: MenuLookRowBodyProps): React.ReactElement {\n  return (\n    <>\n      {icon ? <MenuLookIconSlot>{icon}</MenuLookIconSlot> : null}\n      <span className={MENU_LOOK_CLASS.text}>\n        <span className={MENU_LOOK_CLASS.label} title={labelTitle}>{label}</span>\n        {description ? (\n          <span className={MENU_LOOK_CLASS.hint}>{description}</span>\n        ) : labelTitle ? (\n          // Hover text has a touch twin: where nothing can hover, the label's hover text is the row's second line (menu-look.css).\n          <span className={MENU_LOOK_CLASS.hint} data-touch-hint=\"\">{labelTitle}</span>\n        ) : null}\n      </span>\n      {trail ? <span className={MENU_LOOK_CLASS.trail}>{trail}</span> : null}\n      {badge ? <span className={MENU_LOOK_CLASS.badge}>{badge}</span> : null}\n      {shortcut ? <kbd className={MENU_LOOK_CLASS.shortcut}>{shortcut}</kbd> : null}\n      {current ? <RadixCheckIcon className={MENU_LOOK_CLASS.current} aria-hidden=\"true\" data-menu-current-mark=\"\" /> : null}\n    </>\n  );\n}\n\n/** A row's classes: the look's row, plus its danger / dimmed marks. */\nexport function menuLookItemClass({ destructive, dimmed }: { destructive?: boolean | undefined; dimmed?: boolean | undefined } = {}): string {\n  return `${MENU_LOOK_CLASS.item}${destructive ? ` ${MENU_LOOK_CLASS.danger}` : \"\"}${dimmed ? ` ${MENU_LOOK_CLASS.dimmed}` : \"\"}`;\n}\n\ntype DataAttributes = { [dataAttribute: `data-${string}`]: string | undefined };\n\ninterface PanelLookProps {\n  /** \"standard\" (280px, the right-click menu) or \"large\" (360px, 36px rows). */\n  size?: MenuLookSize | undefined;\n  density?: MenuLookDensity | undefined;\n}\n\n/**\n * A submenu panel's fit: `\"menu\"` (the look's width and padding) or `\"content\"` — the panel holds a\n * host's own surface (the Alchemy palette): its width, no padding, and the popover height the surface\n * reads mapped to the room this menu measured.\n */\nexport type MenuLookSubFit = \"menu\" | \"content\";\n\n// ── THE DROPDOWN and THE RIGHT-CLICK: one set of rows over either Radix menu ──────────────────────\n\ntype ContentProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuContent>, \"className\" | \"surface\">;\n\nexport interface MenuLookContentProps extends ContentProps, PanelLookProps, DataAttributes {\n  /**\n   * A LONG MENU SAYS SO, IN WORDS (FIX-Q13, production `/agents/all` at 1024x768: a record's \"…\" hid\n   * its Delete below the fold and read as dead). Given, the panel is a frame that does not scroll, the\n   * rows scroll inside it, and a bar with these words (\"More actions below\") sits at its bottom edge\n   * whenever there is more below — a press scrolls to the end. Measured: a menu that fits shows nothing.\n   */\n  moreBelowLabel?: string | undefined;\n}\n\n/** The rows' scroller and its \"more below\" bar, for a panel that declares its overflow. */\nfunction DeclaredOverflow({ label, children }: { label: string; children: React.ReactNode }): React.ReactElement {\n  const fade = useScrollFade();\n  const viewport = React.useRef<HTMLDivElement | null>(null);\n  const setViewport = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      viewport.current = node;\n      fade.ref(node);\n    },\n    [fade.ref],\n  );\n  return (\n    <>\n      <div ref={setViewport} className=\"cm-viewport\" data-slot=\"menu-look-viewport\">\n        {children}\n      </div>\n      {fade.state.bottom ? (\n        <button\n          type=\"button\"\n          className=\"cm-more-below\"\n          data-slot=\"menu-look-more-below\"\n          // Not a menu item: never roving focus or type-ahead; Escape and arrows stay the list's.\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          // Radix would otherwise close the menu on the press that starts this click.\n          onPointerDown={(event) => event.preventDefault()}\n          onClick={() => viewport.current?.scrollTo({ top: viewport.current.scrollHeight, behavior: \"smooth\" })}\n        >\n          <RadixChevronDownIcon aria-hidden=\"true\" />\n          {label}\n        </button>\n      ) : null}\n    </>\n  );\n}\n\n/** The menu's panel on the Radix dropdown (portalled, capped at the room Radix measured, scrolls past it). */\nexport const MenuLookContent = React.forwardRef<HTMLDivElement, MenuLookContentProps>(function MenuLookContent(\n  { size = \"standard\", density = \"comfortable\", moreBelowLabel, children, ...props },\n  ref,\n) {\n  return (\n    <DropdownMenuContent\n      ref={ref}\n      surface=\"solid\"\n      data-menu-look=\"\"\n      data-menu-family=\"dropdown\"\n      data-size={size}\n      data-density={density}\n      {...(moreBelowLabel ? { \"data-overflow\": \"declared\" } : {})}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    >\n      {moreBelowLabel ? <DeclaredOverflow label={moreBelowLabel}>{children}</DeclaredOverflow> : children}\n    </DropdownMenuContent>\n  );\n});\n\ntype SubContentProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuSubContent>, \"className\" | \"surface\">;\n\nexport interface MenuLookSubContentProps extends SubContentProps, PanelLookProps, DataAttributes {\n  fit?: MenuLookSubFit | undefined;\n}\n\n/** A submenu's panel: the same panel, as wide as the menu it opens from. */\nexport const MenuLookSubContent = React.forwardRef<HTMLDivElement, MenuLookSubContentProps>(function MenuLookSubContent(\n  { size = \"standard\", density = \"comfortable\", fit = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <DropdownMenuSubContent\n      ref={ref}\n      surface=\"solid\"\n      data-menu-look=\"\"\n      data-menu-family=\"dropdown\"\n      data-size={size}\n      data-density={density}\n      data-fit={fit}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype ContextContentProps = Omit<React.ComponentPropsWithoutRef<typeof ContextMenuContent>, \"className\">;\n\nexport interface MenuLookContextContentProps extends ContextContentProps, PanelLookProps, DataAttributes {}\n\n/** The right-click menu's panel on the Radix context menu: the dropdown's panel, opened at the pointer. */\nexport const MenuLookContextContent = React.forwardRef<HTMLDivElement, MenuLookContextContentProps>(function MenuLookContextContent(\n  { size = \"standard\", density = \"comfortable\", ...props },\n  ref,\n) {\n  return (\n    <ContextMenuContent\n      ref={ref}\n      data-menu-look=\"\"\n      data-menu-family=\"context\"\n      data-size={size}\n      data-density={density}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype ContextSubContentProps = Omit<React.ComponentPropsWithoutRef<typeof ContextMenuSubContent>, \"className\">;\n\nexport interface MenuLookContextSubContentProps extends ContextSubContentProps, PanelLookProps, DataAttributes {\n  fit?: MenuLookSubFit | undefined;\n}\n\n/** A right-click submenu's panel. */\nexport const MenuLookContextSubContent = React.forwardRef<HTMLDivElement, MenuLookContextSubContentProps>(function MenuLookContextSubContent(\n  { size = \"standard\", density = \"comfortable\", fit = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <ContextMenuSubContent\n      ref={ref}\n      data-menu-look=\"\"\n      data-menu-family=\"context\"\n      data-size={size}\n      data-density={density}\n      data-fit={fit}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype ItemProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookItemProps extends ItemProps, MenuLookRowBodyProps, DataAttributes {\n  destructive?: boolean | undefined;\n  /** Drawn dimmed (a greyed verb whose reason is the row's tooltip); still focusable. */\n  dimmed?: boolean | undefined;\n  /** A real link: the row is an `<a>` (a modified click keeps the browser's link behaviour). */\n  href?: string | undefined;\n  target?: string | undefined;\n  /** Props for the `<a>` (aria-current, title, onClick). */\n  linkProps?: undefined | Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"target\" | \"className\" | \"children\">;\n}\n\ntype SubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookSubTriggerProps extends SubTriggerProps, MenuLookRowBodyProps, DataAttributes {}\n\ntype CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookCheckboxItemProps extends CheckboxProps, MenuLookRowBodyProps, DataAttributes {}\n\ntype RadioProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>, \"className\" | \"children\" | \"asChild\">;\n\nexport interface MenuLookRadioItemProps extends RadioProps, Omit<MenuLookRowBodyProps, \"current\">, DataAttributes {}\n\ntype LabelPrimitiveProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>, \"className\">;\n\nexport interface MenuLookLabelProps extends LabelPrimitiveProps {\n  /** A muted line under the heading (a menu's header: the record it acts on). */\n  description?: React.ReactNode | undefined;\n}\n\ntype SeparatorProps = Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>, \"className\">;\n\n/** The parts both Radix menus share (the context menu's are the same components under other names). */\ninterface MenuPrimitives {\n  Item: typeof DropdownMenuPrimitive.Item;\n  SubTrigger: typeof DropdownMenuPrimitive.SubTrigger;\n  CheckboxItem: typeof DropdownMenuPrimitive.CheckboxItem;\n  RadioItem: typeof DropdownMenuPrimitive.RadioItem;\n  ItemIndicator: typeof DropdownMenuPrimitive.ItemIndicator;\n  Label: typeof DropdownMenuPrimitive.Label;\n  Separator: typeof DropdownMenuPrimitive.Separator;\n}\n\n/** The rows, drawn once, over either Radix menu — so a row's \"…\" and its right-click are one look. */\nfunction menuLookRows(P: MenuPrimitives, family: \"dropdown-menu\" | \"context-menu\") {\n  /** One row: icon, label (+ optional second line), optional end hint; a link when given `href`. */\n  const Item = React.forwardRef<HTMLDivElement, MenuLookItemProps>(function MenuLookItem(\n    { icon, label, labelTitle, description, trail, badge, shortcut, current, destructive, dimmed, href, target, linkProps, ...props },\n    ref,\n  ) {\n    const className = menuLookItemClass({ destructive, dimmed });\n    const body = <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} current={current} />;\n    const mark = current ? { \"data-current\": \"\" } : {};\n    if (href) {\n      return (\n        <P.Item ref={ref} asChild data-slot={`${family}-item`} {...props} {...mark} className={className}>\n          <a href={href} target={target} rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined} {...linkProps}>\n            {body}\n          </a>\n        </P.Item>\n      );\n    }\n    return (\n      <P.Item ref={ref} data-slot={`${family}-item`} {...props} {...mark} className={className}>\n        {body}\n      </P.Item>\n    );\n  });\n\n  /**\n   * A row that opens a submenu: the same row (icon slot, the standard gap, one left edge) with the\n   * look's chevron at its END (`cm-chevron`, 16px, muted) — never a bare SubTrigger whose icon touches\n   * its label.\n   */\n  const SubTrigger = React.forwardRef<HTMLDivElement, MenuLookSubTriggerProps>(function MenuLookSubTrigger(\n    { icon, label, labelTitle, description, trail, badge, shortcut, current, ...props },\n    ref,\n  ) {\n    return (\n      <P.SubTrigger ref={ref} data-slot={`${family}-sub-trigger`} {...props} {...(current ? { \"data-current\": \"\" } : {})} className={MENU_LOOK_CLASS.item}>\n        <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} />\n        <RadixChevronRightIcon className={MENU_LOOK_CLASS.chevron} aria-hidden=\"true\" />\n      </P.SubTrigger>\n    );\n  });\n\n  /** A toggle row: a check in the icon slot while on (the right-click menu's toggle), else its icon — a\n   * toggle keeps its column either way, so switching it never moves its label. */\n  const CheckboxItem = React.forwardRef<HTMLDivElement, MenuLookCheckboxItemProps>(function MenuLookCheckboxItem(\n    { icon, label, labelTitle, description, trail, badge, shortcut, checked, ...props },\n    ref,\n  ) {\n    const on = checked === true;\n    return (\n      <P.CheckboxItem ref={ref} {...(checked === undefined ? {} : { checked })} {...props} className={MENU_LOOK_CLASS.item}>\n        <MenuLookRowBody icon={on ? <RadixCheckIcon className={MENU_LOOK_CLASS.icon} /> : (icon ?? <span className={MENU_LOOK_CLASS.icon} aria-hidden=\"true\" />)} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} />\n      </P.CheckboxItem>\n    );\n  });\n\n  /** A one-of row: the chosen one is marked like the current row — medium weight and a check at the\n   * row's END — so no row reserves a left gutter for a dot. */\n  const RadioItem = React.forwardRef<HTMLDivElement, MenuLookRadioItemProps>(function MenuLookRadioItem(\n    { icon, label, labelTitle, description, trail, badge, shortcut, ...props },\n    ref,\n  ) {\n    return (\n      <P.RadioItem ref={ref} {...props} className={MENU_LOOK_CLASS.item}>\n        <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} />\n        <P.ItemIndicator className={MENU_LOOK_CLASS.current} data-menu-current-mark=\"\">\n          <RadixCheckIcon aria-hidden=\"true\" />\n        </P.ItemIndicator>\n      </P.RadioItem>\n    );\n  });\n\n  /** A section heading (\"Copy\", \"Brands\", \"Pages\"), with an optional muted line under it. */\n  const Label = React.forwardRef<HTMLDivElement, MenuLookLabelProps>(function MenuLookLabel(\n    { description, children, ...props },\n    ref,\n  ) {\n    if (!description) return <P.Label ref={ref} {...props} className={MENU_LOOK_CLASS.sectionLabel}>{children}</P.Label>;\n    return (\n      <P.Label ref={ref} {...props} data-has-hint=\"\" className={MENU_LOOK_CLASS.sectionLabel}>\n        <span>{children}</span>\n        <span className={MENU_LOOK_CLASS.hint}>{description}</span>\n      </P.Label>\n    );\n  });\n\n  /** The line between sections. */\n  const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(function MenuLookSeparator(props, ref) {\n    return <P.Separator ref={ref} {...props} className={MENU_LOOK_CLASS.divider} />;\n  });\n\n  return { Item, SubTrigger, CheckboxItem, RadioItem, Label, Separator };\n}\n\nconst dropdownRows = menuLookRows(DropdownMenuPrimitive, \"dropdown-menu\");\nconst contextRows = menuLookRows(ContextMenuPrimitive as unknown as MenuPrimitives, \"context-menu\");\n\nexport const MenuLookItem = dropdownRows.Item;\n/** Holds a submenu: `MenuLookSub` > `MenuLookSubTrigger` + `MenuLookSubContent`. */\nexport const MenuLookSub = DropdownMenuPrimitive.Sub;\nexport const MenuLookSubTrigger = dropdownRows.SubTrigger;\nexport const MenuLookCheckboxItem = dropdownRows.CheckboxItem;\n/** A group of one-of rows (`MenuLookRadioItem`); the host owns `value` / `onValueChange`. */\nexport const MenuLookRadioGroup = DropdownMenuPrimitive.RadioGroup;\nexport const MenuLookRadioItem = dropdownRows.RadioItem;\nexport const MenuLookLabel = dropdownRows.Label;\nexport const MenuLookSeparator = dropdownRows.Separator;\n\n/** The right-click twins of the dropdown rows — identical rows, the Radix context menu underneath. */\nexport const MenuLookContextItem = contextRows.Item;\nexport const MenuLookContextSub = ContextMenuPrimitive.Sub;\nexport const MenuLookContextSubTrigger = contextRows.SubTrigger;\nexport const MenuLookContextCheckboxItem = contextRows.CheckboxItem;\nexport const MenuLookContextRadioGroup = ContextMenuPrimitive.RadioGroup;\nexport const MenuLookContextRadioItem = contextRows.RadioItem;\nexport const MenuLookContextLabel = contextRows.Label;\nexport const MenuLookContextSeparator = contextRows.Separator;\n\n// ── THE PANEL: the same panel and rows with no Radix menu (a popover or sheet that holds controls) ──\n\n/**\n * Where a panel sits: `\"floating\"` draws the menu's own box (border, popover fill, shadow, 280px) — a\n * CSS-toggled menu, or a host whose popover draws nothing; `\"sheet\"` draws no box (a phone's bottom\n * sheet, or a host popover that is already the box) and gives its rows 44px touch height.\n */\nexport type MenuLookPanelSurface = \"floating\" | \"sheet\";\n\nexport interface MenuLookPanelProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\">,\n    PanelLookProps,\n    DataAttributes {\n  surface?: MenuLookPanelSurface | undefined;\n  /**\n   * `\"lg\"`: below the large breakpoint (1024px) the floating panel fills the width its host gives it —\n   * a CSS-toggled menu that becomes a bottom-anchored sheet on a phone (AppShell's account menu).\n   */\n  fillBelow?: \"lg\" | undefined;\n}\n\n/** The menu's panel as a plain element: its rows are `MenuLookPanel*` parts. Role `menu` by default. */\nexport const MenuLookPanel = React.forwardRef<HTMLDivElement, MenuLookPanelProps>(function MenuLookPanel(\n  { size = \"standard\", density = \"comfortable\", surface = \"floating\", fillBelow, role = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      role={role}\n      data-menu-look=\"\"\n      data-menu-family=\"panel\"\n      data-surface={surface}\n      {...(fillBelow ? { \"data-fill-below\": fillBelow } : {})}\n      data-size={size}\n      data-density={density}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype PopoverProps = Omit<React.ComponentPropsWithoutRef<typeof PopoverContent>, \"className\" | \"surface\" | \"width\" | \"padding\" | \"sizing\">;\n\nexport interface MenuLookPopoverContentProps extends PopoverProps, PanelLookProps, DataAttributes {}\n\n/**\n * The panel IS the popover: a Radix popover (outside click, Esc, focus return, collision padding)\n * wearing the menu's box — one element, never a popover box around a menu box. Role `menu`.\n */\nexport const MenuLookPopoverContent = React.forwardRef<HTMLDivElement, MenuLookPopoverContentProps>(function MenuLookPopoverContent(\n  { size = \"standard\", density = \"comfortable\", role = \"menu\", ...props },\n  ref,\n) {\n  return (\n    <PopoverContent\n      ref={ref}\n      role={role}\n      surface=\"solid\"\n      padding=\"none\"\n      animated\n      data-menu-look=\"\"\n      data-menu-family=\"panel\"\n      data-in-popover=\"\"\n      data-surface=\"floating\"\n      data-size={size}\n      data-density={density}\n      {...props}\n      className={MENU_LOOK_CLASS.panel}\n    />\n  );\n});\n\ntype LinkComponent = React.ElementType;\n\ninterface PanelRowMarks {\n  destructive?: boolean | undefined;\n  /** Drawn dimmed (a greyed verb whose reason is the row's tooltip); still pressable. */\n  dimmed?: boolean | undefined;\n}\n\nexport interface MenuLookPanelItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"className\" | \"style\" | \"children\" | \"type\">,\n    MenuLookRowBodyProps,\n    PanelRowMarks,\n    DataAttributes {\n  /**\n   * A toggle row's state (a tool that is showing): `aria-pressed`, and while on it reads like the\n   * current row (medium weight, the check at its end).\n   */\n  pressed?: boolean | undefined;\n  /** A link: the row is an anchor (or `as`, the host's link component — Next's Link, an app link). */\n  href?: string | undefined;\n  target?: string | undefined;\n  rel?: string | undefined;\n  /** The link component for `href` (it receives `href`, `className`, `role`, `onClick`, children). */\n  as?: LinkComponent | undefined;\n  /** Extra props for the link component (`prefetch={false}`, `aria-current`). */\n  linkProps?: Record<string, unknown> | undefined;\n}\n\n/** A panel row: a button, or a link with `href`. Same row as the dropdown's (`cm-item`). */\nexport const MenuLookPanelItem = React.forwardRef<HTMLElement, MenuLookPanelItemProps>(function MenuLookPanelItem(\n  { icon, label, labelTitle, description, trail, badge, shortcut, current, pressed, destructive, dimmed, href, target, rel, as, linkProps, onClick, role = \"menuitem\", ...props },\n  ref,\n) {\n  const marked = Boolean(current || pressed);\n  const body = <MenuLookRowBody icon={icon} label={label} labelTitle={labelTitle} description={description} trail={trail} badge={badge} shortcut={shortcut} current={marked} />;\n  const className = menuLookItemClass({ destructive, dimmed });\n  const mark = marked ? { \"data-current\": \"\" } : {};\n  if (href) {\n    const Link = as ?? \"a\";\n    return (\n      <Link\n        ref={ref}\n        href={href}\n        target={target}\n        rel={rel ?? (target === \"_blank\" ? \"noopener noreferrer\" : undefined)}\n        role={role}\n        onClick={onClick}\n        {...props}\n        {...linkProps}\n        {...mark}\n        className={className}\n      >\n        {body}\n      </Link>\n    );\n  }\n  return (\n    <button\n      ref={ref as React.Ref<HTMLButtonElement>}\n      type=\"button\"\n      role={role}\n      onClick={onClick}\n      {...(pressed === undefined ? {} : { \"aria-pressed\": pressed })}\n      {...props}\n      {...mark}\n      className={className}\n    >\n      {body}\n    </button>\n  );\n});\n\nexport interface MenuLookPanelControlRowProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"className\" | \"style\" | \"children\">,\n    Pick<MenuLookRowBodyProps, \"icon\" | \"label\" | \"description\">,\n    DataAttributes {\n  /** The row's own control at its end: a `Switch`, a `SegmentedControl`, a count. */\n  control: React.ReactNode;\n  /** `\"label\"` when the whole row should press its control (a Switch); default `\"div\"`. */\n  as?: \"div\" | \"label\" | undefined;\n}\n\n/**\n * A row that holds a control instead of being one (Theme: Light | Dark | Device; Standard view with its\n * Switch): the same icon slot, label and left edge as every row, the control at its END, and no hover\n * fill (the control answers the pointer, not the row).\n */\nexport const MenuLookPanelControlRow = React.forwardRef<HTMLElement, MenuLookPanelControlRowProps>(function MenuLookPanelControlRow(\n  { icon, label, description, control, as = \"div\", ...props },\n  ref,\n) {\n  const Row = as;\n  return (\n    <Row ref={ref as React.Ref<never>} data-control-row=\"\" {...props} className={MENU_LOOK_CLASS.item}>\n      <MenuLookRowBody icon={icon} label={label} description={description} />\n      <span className={MENU_LOOK_CLASS.control}>{control}</span>\n    </Row>\n  );\n});\n\nexport interface MenuLookPanelHeaderProps extends DataAttributes {\n  /** The 28px mark (an avatar, an organization mark, a colored glyph). */\n  mark: React.ReactNode;\n  title: React.ReactNode;\n  /** One muted line under the title. */\n  subtitle?: React.ReactNode | undefined;\n  /** The header is a door to its own page. */\n  href?: string | undefined;\n  as?: LinkComponent | undefined;\n  linkProps?: Record<string, unknown> | undefined;\n  onClick?: React.MouseEventHandler<HTMLElement> | undefined;\n}\n\n/**\n * The row a panel opens with (Settings, the organization, the person): a 28px mark on the rows' left\n * edge, a title, an optional muted subtitle. With `href` it is a link to its page.\n */\nexport function MenuLookPanelHeader({ mark, title, subtitle, href, as, linkProps, onClick, ...data }: MenuLookPanelHeaderProps): React.ReactElement {\n  const body = (\n    <>\n      <span className={MENU_LOOK_CLASS.headerMark}>{mark}</span>\n      <span className={MENU_LOOK_CLASS.headerText}>\n        <span className={MENU_LOOK_CLASS.headerTitle}>{title}</span>\n        {subtitle ? <span className={MENU_LOOK_CLASS.headerSubtitle}>{subtitle}</span> : null}\n      </span>\n    </>\n  );\n  if (href) {\n    const Link = as ?? \"a\";\n    return (\n      <Link href={href} onClick={onClick} data-menu-look-header=\"\" {...data} {...linkProps} className={MENU_LOOK_CLASS.header}>\n        {body}\n      </Link>\n    );\n  }\n  return (\n    <div data-menu-look-header=\"\" {...data} className={MENU_LOOK_CLASS.header}>\n      {body}\n    </div>\n  );\n}\n\nexport interface MenuLookPanelDisclosureProps extends Pick<MenuLookRowBodyProps, \"icon\" | \"label\">, DataAttributes {\n  /** Omitted with `pending`: the group's rows are still on their way. */\n  children?: React.ReactNode;\n  /**\n   * The group's row while its rows load (a lazy chunk): the same row and chevron, inert and hidden\n   * from assistive tech, so nothing below it moves when the group arrives (no layout shift).\n   */\n  pending?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n}\n\n/**\n * A folded group of rows (\"Quick Access\", \"Admin\"): a row with a down-chevron at its END that opens\n * the group in place. Closed, its rows are ABSENT (hidden: out of the hit-test tree and the tab order),\n * never clipped-but-live. Open, they sit on the same left edge as every row — no indent.\n */\nexport function MenuLookPanelDisclosure({ icon, label, children, pending, defaultOpen = false, open: openProp, onOpenChange, ...data }: MenuLookPanelDisclosureProps): React.ReactElement {\n  const [ownOpen, setOwnOpen] = React.useState(defaultOpen);\n  const open = openProp ?? ownOpen;\n  const id = React.useId();\n  const toggle = () => {\n    const next = !open;\n    if (openProp === undefined) setOwnOpen(next);\n    onOpenChange?.(next);\n  };\n  if (pending) {\n    return (\n      <div data-menu-look-disclosure=\"\" data-pending=\"\" aria-hidden=\"true\" {...data}>\n        <div className={MENU_LOOK_CLASS.item}>\n          <MenuLookRowBody icon={icon} label={label} />\n          <RadixChevronDownIcon className={MENU_LOOK_CLASS.chevron} aria-hidden=\"true\" data-disclosure-chevron=\"\" />\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div data-menu-look-disclosure=\"\" {...data}>\n      <button type=\"button\" className={MENU_LOOK_CLASS.item} aria-expanded={open} aria-controls={id} onClick={toggle}>\n        <MenuLookRowBody icon={icon} label={label} />\n        <RadixChevronDownIcon className={MENU_LOOK_CLASS.chevron} aria-hidden=\"true\" data-disclosure-chevron=\"\" />\n      </button>\n      <div id={id} role=\"group\" hidden={!open}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** A panel's section heading. */\nexport function MenuLookPanelLabel({ children, ...data }: { children: React.ReactNode } & DataAttributes): React.ReactElement {\n  return (\n    <div {...data} className={MENU_LOOK_CLASS.sectionLabel}>\n      {children}\n    </div>\n  );\n}\n\n/** The line between a panel's sections. */\nexport function MenuLookPanelSeparator(): React.ReactElement {\n  return <div role=\"separator\" className={MENU_LOOK_CLASS.divider} />;\n}\n\n// ── The menu's search ─────────────────────────────────────────────────────────────────────────\n\nexport interface MenuLookSearchProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"className\" | \"style\" | \"size\" | \"type\">,\n    DataAttributes {}\n\n/**\n * The menu's search: its own header row (full-bleed, a hairline under it, held at the top while the\n * list scrolls) whose text starts on the rows' left edge. The host owns the value and its keys (stop\n * propagation on letters so the menu's type-ahead never takes them).\n */\nexport const MenuLookSearch = React.forwardRef<HTMLInputElement, MenuLookSearchProps>(function MenuLookSearch(\n  { placeholder = \"Search\", ...props },\n  ref,\n) {\n  return (\n    <div className={MENU_LOOK_CLASS.search} data-menu-look-search=\"\">\n      <input\n        ref={ref}\n        type=\"search\"\n        autoComplete=\"off\"\n        spellCheck={false}\n        placeholder={placeholder}\n        aria-label={props[\"aria-label\"] ?? placeholder}\n        {...props}\n      />\n    </div>\n  );\n});\n","\"use client\";\n\n/**\n * Popover — ported verbatim from matrx-frontend `components/ui/popover.tsx`.\n *\n * Seam inversion: the host's `useNestedPortalContainer` (dialog/popout aware)\n * becomes the injected `PortalContainerProvider` seam (`portal-container.tsx`);\n * the explicit `container` prop keeps top priority, exactly as before.\n *\n * THE ROOT RENDERS UNCONDITIONALLY — no mount gate. This wrapper used to defer\n * rendering until after hydration (\"Radix generates dynamic aria-controls ids\n * that differ between SSR and client\"), and that justification was false:\n * Radix ids come from React's SSR-stable `useId` (verified against\n * @radix-ui/react-popover 1.1.17 / react-id 1.1.2). The gate was actively\n * harmful — the Trigger wraps ALWAYS-VISIBLE content, so `return null`\n * deleted it from SSR and the first client paint.\n */\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { MOTION_POPPER } from \"./motion\";\nimport { SOLID_SURFACE_CLASS, type PopoverSurface } from \"./solid-surface\";\nimport { usePortalContainer } from \"./portal-container\";\nimport { keepMovedFocus } from \"./focus-return\";\n\nexport const Popover = PopoverPrimitive.Root;\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport interface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  /** Explicit portal target; wins over the injected container. */\n  container?: HTMLElement | null;\n  /**\n   * Package-owned open/close motion. Default `true`. Pass `false` for a\n   * surface that must appear instantly — a picker re-anchoring while the user\n   * types, a measurement pass. It is NOT the reduced-motion switch;\n   * `styles.css` already honors `prefers-reduced-motion`.\n   */\n  animated?: boolean;\n  /**\n   * HOW WIDE THE POPOVER IS ALLOWED TO BE, and it is the SYSTEM that decides — never a\n   * surface pasting its own `w-64` over the default (lane FIX-14, 2026-09-22).\n   *\n   * `\"fixed\"` (default) is the historical `w-72`: right for a menu of short, known\n   * labels, where a ragged edge would look broken.\n   *\n   * `\"content\"` is for a popover whose whole job is to SHOW SOMETHING THE SYSTEM DID\n   * NOT CHOOSE — a person's name, a record's title, a row the user is about to\n   * create. The relation picker offered\n   *\n   *     Create “Marisol Okonkwo — 418 Calle Pu\n   *\n   * inside a 16rem box, cut mid-word, on the one control that exists to show the name\n   * being created. A fixed width cannot be right for content of unknown length, so\n   * this one grows to its content between an honest floor and an honest ceiling:\n   *\n   *   · at least the trigger's own width, and at least 20rem — the width Airtable's and\n   *     Notion's link-record pickers settle on, and wide enough that an ordinary\n   *     \"name — street, town\" fits on one line;\n   *   · at most 28rem, and never wider than the viewport less a 1rem gutter each side,\n   *     so it still fits a 375px phone with nothing running off the screen. The floor is\n   *     clamped by the same gutter, so on a very narrow screen the ceiling still wins.\n   *\n   * Beyond that ceiling the CONTENT truncates with an ellipsis and carries a `title`.\n   * Growing, then ellipsis — never a mid-word cut.\n   *\n   * BOTH modes keep the phone gutter (2026-09-26): the box is never wider than the\n   * viewport less 1rem each side, and Radix keeps it `collisionPadding` (16px) off every\n   * screen edge. Measured at 375px before this: `w-72`/`w-80` callers landed flush on\n   * the right edge (55→375) because collision padding was 0.\n   */\n  sizing?: \"fixed\" | \"content\";\n  /**\n   * The surface fill. `\"default\"` is the theme's popover surface (a host may render it\n   * translucent / glass). `\"solid\"` is the OPAQUE surface — the popover token at full\n   * alpha, no backdrop blur — for a menu that must read as paper over a cover image or a\n   * busy page (a Notion-style ••• menu). Same option on `DropdownMenuContent`.\n   */\n  surface?: PopoverSurface;\n  /**\n   * A NAMED fixed width (0.68.22), for a `sizing=\"fixed\"` popover whose content needs more or\n   * less room than the default `md` (18rem) — never a pasted `w-[260px]`. Every width keeps the\n   * phone gutter (never wider than the viewport less 1rem each side). Derived from the call\n   * sites: `xs` 12rem (a short menu), `sm` 15rem (a ••• menu), `md` 18rem (default),\n   * `lg` 20rem (a small form), `xl` 26rem (a picker grid), `2xl` 34rem (a gallery).\n   * Ignored when `sizing=\"content\"`.\n   */\n  width?: PopoverWidth;\n  /**\n   * The inner padding, named (0.68.22): `none` (the content draws its own — a command list, a\n   * picker), `xs` 4px (a menu of rows), `sm` 8px, `md` 12px, `default` 16px.\n   */\n  padding?: PopoverPadding;\n}\n\nexport type PopoverWidth = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type PopoverPadding = \"none\" | \"xs\" | \"sm\" | \"md\" | \"default\";\n\n/** Literal class per width so a host's Tailwind scan of the package finds every one. */\nexport const POPOVER_WIDTH_CLASS: Record<PopoverWidth, string> = {\n  xs: \"w-48\",\n  sm: \"w-60\",\n  md: \"w-72\",\n  lg: \"w-80\",\n  xl: \"w-[26rem]\",\n  \"2xl\": \"w-[34rem]\",\n};\nexport const POPOVER_PADDING_CLASS: Record<PopoverPadding, string> = {\n  none: \"p-0\",\n  xs: \"p-1\",\n  sm: \"p-2\",\n  md: \"p-3\",\n  default: \"p-4\",\n};\n\nexport const PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = \"center\",\n      sideOffset = 4,\n      container,\n      animated = true,\n      sizing = \"fixed\",\n      surface = \"default\",\n      width = \"md\",\n      padding = \"default\",\n      collisionPadding = 16,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref,\n  ) => {\n    const portalContainer = usePortalContainer(container);\n    return (\n      <PopoverPrimitive.Portal container={portalContainer}>\n        <PopoverPrimitive.Content\n          ref={ref}\n          align={align}\n          sideOffset={sideOffset}\n          collisionPadding={collisionPadding}\n          data-surface={surface === \"solid\" ? \"solid\" : undefined}\n          data-width={sizing === \"content\" ? undefined : width}\n          data-padding={padding}\n          className={cn(\n            // Cap to the viewport space Radix measured and scroll — a popover taller\n            // than the screen must never trap the user with unreachable content.\n            // z must EQUAL the dialog layer (z-[10000]), never exceed it: with equal\n            // z, DOM portal order decides, so a dialog opened FROM a popover stacks\n            // above it, and a popover opened from a dialog still stacks above the\n            // dialog. z-[10001] buried dialogs behind fullscreen popovers.\n            \"z-[10000] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-md border bg-popover text-popover-foreground shadow-md outline-none\",\n            POPOVER_PADDING_CLASS[padding],\n            sizing === \"content\"\n              ? \"w-auto min-w-[min(max(var(--radix-popover-trigger-width),20rem),calc(100vw-2rem))] max-w-[min(28rem,calc(100vw-2rem))]\"\n              : cn(POPOVER_WIDTH_CLASS[width], \"max-w-[calc(100vw-2rem)]\"),\n            surface === \"solid\" && SOLID_SURFACE_CLASS,\n            animated && MOTION_POPPER,\n            className,\n          )}\n          {...props}\n          onCloseAutoFocus={keepMovedFocus(onCloseAutoFocus)}\n        />\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n","\"use client\";\n\n/**\n * ItemMenuDrawer — mobile presentation for ItemMenu.\n *\n * A Vaul bottom sheet with iOS-style submenu drill-in: tapping a submenu pushes\n * a new view (slide-in-from-right), the back button pops it (slide-in-from-left).\n * Renders the same ItemMenuConfig the desktop dropdown/context menu use.\n *\n * Used internally by ItemMenu — not exported as a standalone primitive.\n */\n\nimport { useState } from \"react\";\nimport { ChevronLeftIcon as ChevronLeft, ChevronRightIcon as ChevronRight, CheckIcon } from \"../icons\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerTitle,\n} from \"../drawer\";\nimport { cn } from \"../cn\";\nimport {\n  isCheckbox,\n  isCommand,\n  isLink,\n  isSubmenu,\n  type ItemMenuConfig,\n  type ItemMenuEntry,\n  type ItemMenuSection,\n  type ItemMenuSubmenu,\n} from \"./types\";\n\ninterface ItemMenuDrawerProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  config: ItemMenuConfig;\n  /** Runs a command entry (close-then-execute is handled by the caller). */\n  onCommand: (entry: ItemMenuEntry) => void;\n  /** Toggles a checkbox entry without closing the drawer. */\n  onToggle: (entry: ItemMenuEntry, next: boolean) => void;\n}\n\n/** Walk a submenu `path` (entry ids) to the sections it points at. */\nfunction resolveSections(\n  config: ItemMenuConfig,\n  path: string[],\n): { sections: ItemMenuSection[]; title: string | null; renderContent?: ItemMenuSubmenu[\"renderContent\"] } {\n  let sections = config.sections;\n  let title: string | null = null;\n  let renderContent: ItemMenuSubmenu[\"renderContent\"];\n  for (const id of path) {\n    const found = sections\n      .flatMap((s) => s.items)\n      .find((e) => e.id === id && isSubmenu(e));\n    if (found && isSubmenu(found)) {\n      sections = found.sections;\n      title = found.label;\n      renderContent = found.renderContent;\n    } else {\n      // Unknown id — defensively reset to root.\n      return { sections: config.sections, title: null };\n    }\n  }\n  return { sections, title, renderContent };\n}\n\nexport function ItemMenuDrawer({\n  open,\n  onOpenChange,\n  config,\n  onCommand,\n  onToggle,\n}: ItemMenuDrawerProps) {\n  const [path, setPath] = useState<string[]>([]);\n  const [direction, setDirection] = useState<\"push\" | \"pop\">(\"push\");\n\n  const { sections, title, renderContent } = resolveSections(config, path);\n  const atRoot = path.length === 0;\n  const headerTitle = atRoot ? config.header?.title : title;\n\n  const push = (id: string) => {\n    setDirection(\"push\");\n    setPath((p) => [...p, id]);\n  };\n  const pop = () => {\n    setDirection(\"pop\");\n    setPath((p) => p.slice(0, -1));\n  };\n\n  const handleOpenChange = (next: boolean) => {\n    if (!next) setPath([]);\n    onOpenChange(next);\n  };\n\n  return (\n    <Drawer open={open} onOpenChange={handleOpenChange}>\n      <DrawerContent className=\"max-h-[80dvh] flex flex-col\">\n        {/* Header — Back button when drilled in. DrawerTitle always present. */}\n        {atRoot ? (\n          headerTitle ? (\n            <div className=\"flex-shrink-0 border-b border-border px-4 pb-3 pt-1\">\n              <DrawerTitle className=\"text-center text-[15px] font-semibold\">\n                {headerTitle}\n              </DrawerTitle>\n              {config.header?.description && (\n                <p className=\"mt-1 text-center type-body text-muted-foreground\">\n                  {config.header.description}\n                </p>\n              )}\n            </div>\n          ) : (\n            <DrawerTitle className=\"sr-only\">Options</DrawerTitle>\n          )\n        ) : (\n          <div className=\"flex h-11 flex-shrink-0 items-center border-b border-border px-1\">\n            <button\n              type=\"button\"\n              onClick={pop}\n              aria-label=\"Back\"\n              className=\"flex h-9 items-center gap-1 rounded-md px-2 text-sm text-muted-foreground hover:bg-accent hover:text-foreground\"\n            >\n              <ChevronLeft className=\"h-5 w-5\" />\n            </button>\n            <DrawerTitle className=\"flex-1 truncate pr-10 text-center text-[15px] font-semibold\">\n              {headerTitle ?? \"Options\"}\n            </DrawerTitle>\n          </div>\n        )}\n\n        {/* Body — keyed by path so each view animates in. */}\n        <div\n          key={path.join(\"/\")}\n          className={cn(\n            \"flex-1 overflow-y-auto overscroll-contain py-2 pb-safe\",\n            direction === \"push\"\n              ? \"animate-in fade-in slide-in-from-right-8 duration-200\"\n              : \"animate-in fade-in slide-in-from-left-8 duration-200\",\n          )}\n        >\n          {renderContent?.(() => handleOpenChange(false))}\n          {sections.map((section, sIdx) => {\n            const visible = section.items.filter((e) => !e.hidden);\n            if (visible.length === 0) return null;\n            return (\n              <div key={section.id ?? section.label ?? sIdx}>\n                {sIdx > 0 && <div className=\"my-1 h-px bg-border\" />}\n                {section.label && (\n                  <div className=\"px-4 pb-1 pt-2 type-secondary font-medium uppercase tracking-wide text-muted-foreground\">\n                    {section.label}\n                  </div>\n                )}\n                {visible.map((entry) => (\n                  <DrawerEntry\n                    key={entry.id}\n                    entry={entry}\n                    onCommand={onCommand}\n                    onToggle={onToggle}\n                    onDrill={() => push(entry.id)}\n                    onClose={() => handleOpenChange(false)}\n                  />\n                ))}\n              </div>\n            );\n          })}\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n}\n\ninterface DrawerEntryProps {\n  entry: ItemMenuEntry;\n  onCommand: (entry: ItemMenuEntry) => void;\n  onToggle: (entry: ItemMenuEntry, next: boolean) => void;\n  onDrill: () => void;\n  onClose: () => void;\n}\n\nfunction DrawerEntry({\n  entry,\n  onCommand,\n  onToggle,\n  onDrill,\n  onClose,\n}: DrawerEntryProps) {\n  const Icon = entry.icon;\n  const destructive = isCommand(entry) && entry.tone === \"destructive\";\n  const disabled = entry.disabled;\n\n  const rowClass = cn(\n    \"flex min-h-12 w-full items-center gap-3 px-4 text-left\",\n    disabled\n      ? \"opacity-50\"\n      : \"active:bg-accent\",\n    destructive && \"text-destructive\",\n  );\n\n  const content = (\n    <>\n      {Icon && (\n        <Icon\n          className={cn(\n            \"h-[18px] w-[18px] shrink-0\",\n            destructive\n              ? \"text-destructive\"\n              : entry.iconClassName ?? \"text-muted-foreground\",\n          )}\n        />\n      )}\n      <span className=\"flex min-w-0 flex-1 flex-col\">\n        <span className=\"truncate text-[15px]\" title={entry.description}>{entry.label}</span>\n        {/* The drawer is the phone's menu: nothing hovers there, so the entry's hover text is its second line. */}\n        {disabled && entry.disabledReason ? (\n          <span className=\"truncate type-body text-muted-foreground\">{entry.disabledReason}</span>\n        ) : entry.description ? (\n          <span data-touch-hint-drawer=\"\" className=\"truncate type-body text-muted-foreground\">{entry.description}</span>\n        ) : null}\n      </span>\n    </>\n  );\n\n  if (isSubmenu(entry)) {\n    return (\n      <button type=\"button\" disabled={disabled} onClick={onDrill} className={rowClass}>\n        {content}\n        <ChevronRight className=\"h-5 w-5 shrink-0 text-muted-foreground\" />\n      </button>\n    );\n  }\n\n  if (isCheckbox(entry)) {\n    return (\n      <button\n        type=\"button\"\n        disabled={disabled}\n        onClick={() => onToggle(entry, !entry.checked)}\n        className={rowClass}\n      >\n        {content}\n        {entry.checked && <CheckIcon className=\"h-5 w-5 shrink-0 text-primary\" />}\n      </button>\n    );\n  }\n\n  if (isLink(entry)) {\n    return (\n      <a\n        href={entry.href}\n        target={entry.target}\n        rel={entry.target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        onClick={onClose}\n        className={rowClass}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  // command\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      onClick={() => {\n        onClose();\n        onCommand(entry);\n      }}\n      className={rowClass}\n    >\n      {content}\n    </button>\n  );\n}\n","\"use client\";\n\n/**\n * Drawer — the vaul drawer family, and the package's iOS-mobile-first surface.\n *\n * WHY IT IS HERE. matrx-frontend's `components/ui/drawer.tsx` had 121 import\n * sites, and that host's own doctrine is \"Drawer, not Dialog, on mobile\" — so\n * the drawer is the surface most of this platform's mobile UX lands on. It was\n * also the LAST place still holding a copy of `RadixDialogModalProvider`, the\n * context this package already owned: a host copy of a React CONTEXT is the\n * quiet twin, because `useContext` matches by object identity, so the host\n * Drawer's provider and the package Sheet's consumer were two different\n * contexts that merely looked alike. Shipping the Drawer here closes that.\n *\n * `BottomSheet` (this package) previously inlined its own private vaul\n * wrappers because no Drawer existed to share; it now composes these, so there\n * is one vaul wrapper in the package rather than two.\n *\n * THE MOBILE-FIRST RULES THIS COMPONENT OWNS (so no host re-derives them):\n *\n * 1. `dvh`, NEVER `vh`. iOS Safari's `vh` is the tallest-possible viewport, so\n *    a `vh`-capped drawer hides its own footer behind the browser chrome. The\n *    cap is `max-h-[90dvh]`, and `size=\"full\"` is `h-dvh`.\n * 2. THE SAFE AREA IS PADDING, NOT A GUESS. Content bottom padding is\n *    `pb-safe` (`env(safe-area-inset-bottom)`; shipped in `styles.css`), so the\n *    home indicator never sits on top of the last control.\n * 3. THE GRAB HANDLE IS A 44px TARGET. The visible pill is 4px tall; it lives\n *    inside a `min-h-11` (44px) grab area, the Apple HIG minimum. The old host\n *    copy shipped the pill alone, so the affordance was three times smaller\n *    than the gesture it advertises.\n * 4. THE BODY SCROLLS, THE FOOTER DOES NOT. `DrawerBody` is the\n *    `flex-1 min-h-0 overflow-y-auto overscroll-contain` shard;\n *    `DrawerFooter` is `mt-auto` and safe-area padded, so the primary action\n *    is reachable however long the body is.\n * 5. A FIELD UNDER 16px ZOOMS iOS IN AND NEVER BACK OUT — the drawer's own\n *    text scale therefore never goes below `text-base` on coarse pointers;\n *    the floor itself is a host CSS concern, restated in `styles.css`.\n *\n * `direction` is forwarded to vaul and drives the content geometry, so a side\n * or top drawer is a prop rather than a fork.\n */\n\nimport { treeContainsComponent } from \"@ai-matrx/kit/react-tree\";\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"./cn\";\nimport { keepFloatingLayersInside, useModalLayer } from \"./floating-layer\";\nimport { RadixDialogModalProvider } from \"./radix-dialog-modal-context\";\n\nexport type DrawerDirection = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst DrawerDirectionContext = React.createContext<DrawerDirection>(\"bottom\");\n\n/** The direction of the nearest Drawer root. */\nexport const useDrawerDirection = (): DrawerDirection =>\n  React.useContext(DrawerDirectionContext);\n\n/**\n * `vaul`'s Root props are a DISCRIMINATED UNION (the snap-point branch adds\n * `fadeFromIndex`), so this type intersects the union rather than `Omit`-ing\n * from it — flattening the union collapses the discriminant and makes every\n * snap-point drawer a type error.\n *\n * Vaul does not forward `modal={false}` to its underlying Radix root, so a\n * \"non-modal\" drawer would claim ARIA semantics it does not have; the type\n * refuses the value rather than shipping the lie.\n */\nexport type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {\n  modal?: true;\n  direction?: DrawerDirection;\n};\n\nconst Drawer = ({\n  children,\n  shouldScaleBackground = true,\n  onOpenChange,\n  ...props\n}: DrawerProps) => {\n  const direction: DrawerDirection = props.direction ?? \"bottom\";\n  const handleOpenChange = (open: boolean) => {\n    if (\n      open &&\n      typeof document !== \"undefined\" &&\n      document.activeElement instanceof HTMLElement\n    ) {\n      // Vaul applies aria-hidden to the application tree synchronously, before\n      // Radix transfers focus into the portalled dialog. Release the trigger\n      // first so a focused descendant is never hidden from assistive tech.\n      document.activeElement.blur();\n    }\n    onOpenChange?.(open);\n  };\n  return (\n    <RadixDialogModalProvider modal>\n      <DrawerDirectionContext.Provider value={direction}>\n        <DrawerPrimitive.Root\n          modal\n          shouldScaleBackground={shouldScaleBackground}\n          {...props}\n          onOpenChange={handleOpenChange}\n          direction={direction}\n        >\n          {children}\n        </DrawerPrimitive.Root>\n      </DrawerDirectionContext.Provider>\n    </RadixDialogModalProvider>\n  );\n};\nDrawer.displayName = \"Drawer\";\n\nconst DrawerTrigger = DrawerPrimitive.Trigger;\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerClose = DrawerPrimitive.Close;\n\nconst DrawerOverlay = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    data-slot=\"drawer-overlay\"\n    className={cn(\n      \"fixed inset-0 z-[10000] bg-[var(--matrx-overlay-scrim)]\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n\nconst DrawerDescription = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    data-slot=\"drawer-description\"\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/**\n * Unstyled, non-portalling Content for custom Drawer layouts. It derives\n * explicit modal semantics while vaul retains focus/background behavior.\n */\nconst DrawerContentPrimitive = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ onInteractOutside, ...props }, ref) => {\n  // A drawer is always modal: floating layers opened from it stack above its\n  // scrim, and a press inside one is not an outside press (floating-layer.tsx).\n  useModalLayer(true);\n  return (\n    <DrawerPrimitive.Content\n      // NO SLIDE-IN (styles.css, `[data-matrx-entrance=\"none\"]`). Measured on\n      // a 375x812 phone (PB-08, 2026-10-01): for ~250 ms after open the spot\n      // where a row settles was still the SCRIM, so a tap there was an outside\n      // press and closed the sheet; for the next ~150 ms it was a DIFFERENT\n      // row. The sheet is therefore at rest from its first frame; the scrim\n      // still fades and the exit still slides. Same class as the composer\n      // menu's popper entrance (matrx-frontend 286ef577fb).\n      data-matrx-entrance=\"none\"\n      {...props}\n      ref={ref}\n      aria-modal=\"true\"\n      onInteractOutside={keepFloatingLayersInside(onInteractOutside)}\n    />\n  );\n});\nDrawerContentPrimitive.displayName = \"DrawerContentPrimitive\";\n\n/**\n * `adaptive` (default) sizes to content up to 90dvh — right for one short\n * list. `full` is ONE fixed height that never changes as content changes: use\n * it for any drawer whose body varies (tabs, search results, multi-level\n * navigation), because an adaptive drawer there resizes under the user's thumb\n * on every keystroke, which reads as the panel jumping.\n */\nexport type DrawerSize = \"adaptive\" | \"full\";\n\nconst DIRECTION_CLASSES: Record<DrawerDirection, string> = {\n  bottom:\n    \"inset-x-0 bottom-0 mt-24 flex-col rounded-t-[10px] border-t pb-safe\",\n  top: \"inset-x-0 top-0 mb-24 flex-col rounded-b-[10px] border-b pt-safe\",\n  left: \"inset-y-0 left-0 mr-24 flex-row rounded-r-[10px] border-r\",\n  right: \"inset-y-0 right-0 ml-24 flex-row rounded-l-[10px] border-l\",\n};\n\nconst SIZE_CLASSES: Record<DrawerDirection, Record<DrawerSize, string>> = {\n  bottom: { adaptive: \"h-auto max-h-[90dvh]\", full: \"h-[92dvh]\" },\n  top: { adaptive: \"h-auto max-h-[90dvh]\", full: \"h-[92dvh]\" },\n  left: { adaptive: \"w-auto max-w-[92vw]\", full: \"h-dvh w-[92vw] max-w-sm\" },\n  right: { adaptive: \"w-auto max-w-[92vw]\", full: \"h-dvh w-[92vw] max-w-sm\" },\n};\n\nexport interface DrawerContentProps\n  extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> {\n  /** Height/width posture. Default `adaptive`. */\n  size?: DrawerSize;\n  /** Render the drag-handle pill. Default: only for `top`/`bottom` drawers. */\n  showHandle?: boolean;\n}\n\nconst DrawerContent = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Content>,\n  DrawerContentProps\n>(({ className, children, size = \"adaptive\", showHandle, ...props }, ref) => {\n  const direction = useDrawerDirection();\n  const hasDescription =\n    treeContainsComponent(children, DrawerDescription) ||\n    treeContainsComponent(children, DrawerPrimitive.Description);\n  const withHandle =\n    showHandle ?? (direction === \"bottom\" || direction === \"top\");\n\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DrawerContentPrimitive\n        ref={ref}\n        data-slot=\"drawer-content\"\n        data-direction={direction}\n        className={cn(\n          \"fixed z-[10000] flex min-w-0 border bg-background\",\n          DIRECTION_CLASSES[direction],\n          SIZE_CLASSES[direction][size],\n          className,\n        )}\n        {...(hasDescription ? {} : { \"aria-describedby\": undefined })}\n        {...props}\n      >\n        {withHandle ? (\n          // Rule 3: the pill is 4px; the TARGET is 44px.\n          <div\n            aria-hidden\n            data-slot=\"drawer-handle\"\n            className={cn(\n              \"flex min-h-11 w-full shrink-0 cursor-grab items-center justify-center active:cursor-grabbing\",\n              direction === \"top\" && \"order-last\",\n            )}\n          >\n            <div className=\"h-1 w-[100px] rounded-full bg-muted\" />\n          </div>\n        ) : null}\n        {children}\n      </DrawerContentPrimitive>\n    </DrawerPortal>\n  );\n});\nDrawerContent.displayName = \"DrawerContent\";\n\nconst DrawerHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn(\n      \"grid shrink-0 gap-1.5 p-4 text-center sm:text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nDrawerHeader.displayName = \"DrawerHeader\";\n\n/**\n * The scroll shard. `flex-1 min-h-0` is the pair that actually bounds a scroll\n * area inside a flex column — `flex-1` alone leaves `min-height: auto`, and the\n * body grows past the drawer instead of scrolling inside it.\n */\nconst DrawerBody = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-body\"\n    className={cn(\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-4\", className)}\n    {...props}\n  />\n);\nDrawerBody.displayName = \"DrawerBody\";\n\nconst DrawerFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn(\"mt-auto flex shrink-0 flex-col gap-2 p-4 pb-safe\", className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = \"DrawerFooter\";\n\nconst DrawerTitle = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    data-slot=\"drawer-title\"\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerContentPrimitive,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger,\n};\n","\"use client\";\n\n/**\n * FLOATING LAYERS OPENED FROM INSIDE A MODAL — one contract, every surface.\n *\n * A blocking surface (a `modal` Dialog, AlertDialog, Sheet, Drawer,\n * BottomSheet, CommandDialog — and every Dialog on a phone) paints a scrim at\n * the modal tier, `MODAL_LAYER_Z`. Radix children of that surface (Popover,\n * Select, menus) are safe: they portal into it or after it at the same z, and\n * Radix counts a press inside them as inside. A floating layer that is NOT a\n * Radix child — a host window manager's window, the associations picker\n * window, anything `createPortal`ed to `<body>` at its own z — was not: it\n * painted UNDER the scrim (a window manager lives near z-1000), so the click\n * that picked an option landed on the scrim and closed the modal (Source\n * screen side sheet + association picker, 2026-09-26). Behind the scrim it\n * would also have lost focus to the modal's trap and had presses inside it\n * counted as outside-clicks.\n *\n * The contract, in three parts:\n *\n * 1. Every modal content registers while it is open (`useModalLayer`), and\n *    treats a press or focus inside any `[data-matrx-floating-layer]` as\n *    inside (`keepFloatingLayersInside`).\n * 2. A floating layer reads `useFloatingLayerZIndex(ownZ)`: while a modal is\n *    open it is lifted to the modal tier. Equal z, so DOM order decides — a\n *    layer opened AFTER the modal (portal appended later) paints above its\n *    scrim; a window that was already open stays underneath, as it should.\n *    While lifted, several floating layers order by when they opened, not by\n *    their own manager's focus order; that returns when the modal closes.\n * 3. A floating layer's root is wrapped in `<FloatingLayer>`: it carries the\n *    marker attribute, re-asserts `pointer-events: auto` (a modal sets `none`\n *    on `<body>`), and mounts a non-trapping focus scope, which pauses the\n *    modal's focus trap while the layer is open so its inputs take focus.\n *\n * 4. Popper content (a Popover, a combobox) a floating layer opens is portaled\n *    to <body>; while a floating layer is open it counts as part of it, and\n *    wheel/touchmove inside either stops at <body> so the modal's scroll lock\n *    never cancels it.\n *\n * Guard: `floating-layer.test.tsx` — a window-manager-style layer opened from\n * each blocking surface must stack above the scrim, keep the modal open when\n * it or a popover it opened is pressed, scroll, keep focus in its own input,\n * and hand focus back to its opener when it closes.\n */\n\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\n\n/** The modal tier: every blocking scrim and its content sit here. */\nexport const MODAL_LAYER_Z = 10000;\n\n/** THE tooltip layer (defined beside the tooltips, `title-tooltips.ts`). */\nexport { TOOLTIP_LAYER_Z } from \"./title-tooltips\";\n\n/** Marker attribute on the root of a floating layer. */\nexport const FLOATING_LAYER_ATTR = \"data-matrx-floating-layer\";\n\n// ── the open-modal registry ─────────────────────────────────────────────────\n// Shared identity across independently bundled public entrypoints, like the\n// dialog contexts: two copies of this module must see one count.\ninterface ModalLayerRegistry {\n  count: number;\n  listeners: Set<() => void>;\n}\nconst REGISTRY_SLOT = Symbol.for(\"ai-matrx.design-system.modal-layer-registry\");\nconst registryHost = globalThis as typeof globalThis & {\n  [REGISTRY_SLOT]?: ModalLayerRegistry;\n};\nconst registry: ModalLayerRegistry = (registryHost[REGISTRY_SLOT] ??= {\n  count: 0,\n  listeners: new Set(),\n});\n\nfunction emit(): void {\n  for (const listener of registry.listeners) listener();\n}\n\n// A modal's scroll lock (react-remove-scroll) cancels wheel and touchmove on\n// `document` for anything outside the modal's own content — including a\n// floating layer opened from it, whose list then never scrolls. While a modal\n// is open, a scroll gesture inside a floating layer stops at <body>: React's\n// own portal listener on <body> still sees it (stopPropagation never stops\n// listeners on the same node), the lock on `document` never does.\nconst SCROLL_EVENTS = [\"wheel\", \"touchmove\"] as const;\nfunction stopAtBody(event: Event): void {\n  if (isInsideFloatingLayer(event.target)) event.stopPropagation();\n}\nfunction setScrollPassthrough(on: boolean): void {\n  if (typeof document === \"undefined\" || !document.body) return;\n  for (const type of SCROLL_EVENTS) {\n    if (on) document.body.addEventListener(type, stopAtBody, { passive: true });\n    else document.body.removeEventListener(type, stopAtBody);\n  }\n}\n\n/** Register one open modal layer; returns its release. */\nexport function registerModalLayer(): () => void {\n  registry.count += 1;\n  if (registry.count === 1) setScrollPassthrough(true);\n  emit();\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    registry.count = Math.max(0, registry.count - 1);\n    if (registry.count === 0) setScrollPassthrough(false);\n    emit();\n  };\n}\n\n/** True while at least one blocking surface is open. */\nexport function isModalLayerOpen(): boolean {\n  return registry.count > 0;\n}\n\nfunction subscribe(listener: () => void): () => void {\n  registry.listeners.add(listener);\n  return () => registry.listeners.delete(listener);\n}\n\n/** Reactive `isModalLayerOpen()`. */\nexport function useModalLayerOpen(): boolean {\n  return React.useSyncExternalStore(subscribe, isModalLayerOpen, () => false);\n}\n\n/**\n * Called by every modal content while it is mounted. `active` is false for a\n * content whose root is not modal (a windowed dialog, a `modal={false}` sheet).\n */\nexport function useModalLayer(active: boolean): void {\n  React.useLayoutEffect(() => (active ? registerModalLayer() : undefined), [active]);\n}\n\n// ── the outside-click guard ─────────────────────────────────────────────────\n\nconst POPPER_WRAPPER = \"[data-radix-popper-content-wrapper]\";\n\n/**\n * True when `target` is inside a floating layer — or inside popper content (a\n * Popover, a combobox list) while a floating layer is open. Popper content a\n * window opens is portaled to <body>, outside the window's own element and\n * outside the modal's React tree; popper content the MODAL opens is portaled\n * into the modal and never reaches this check.\n */\nexport function isInsideFloatingLayer(target: EventTarget | null | undefined): boolean {\n  if (!(target instanceof Element)) return false;\n  if (target.closest(`[${FLOATING_LAYER_ATTR}]`)) return true;\n  return (\n    target.closest(POPPER_WRAPPER) !== null &&\n    target.ownerDocument.querySelector(`[${FLOATING_LAYER_ATTR}]`) !== null\n  );\n}\n\n/**\n * Wrap a Radix `onInteractOutside` so a press or focus inside a floating layer\n * never dismisses the modal. The caller's handler still runs first.\n */\nexport function keepFloatingLayersInside<\n  E extends { target: EventTarget | null; preventDefault: () => void },\n>(handler?: (event: E) => void): (event: E) => void {\n  return (event) => {\n    handler?.(event);\n    if (isInsideFloatingLayer(event.target)) event.preventDefault();\n  };\n}\n\n// ── the floating layer's side ───────────────────────────────────────────────\n\n/** Pure form of `useFloatingLayerZIndex`, for callers outside React. */\nexport function floatingLayerZIndex(ownZ: number, modalOpen: boolean): number {\n  return modalOpen ? Math.max(ownZ, MODAL_LAYER_Z) : ownZ;\n}\n\n/** The z-index a floating layer should paint at, given its own. */\nexport function useFloatingLayerZIndex(ownZ: number): number {\n  return floatingLayerZIndex(ownZ, useModalLayerOpen());\n}\n\nconst preventAutoFocus = (event: Event) => event.preventDefault();\n\n/**\n * Wrap the root element of a floating layer (exactly one element child).\n * Marks it, keeps it pressable under a modal's `pointer-events: none` body,\n * and pauses the modal's focus trap while it is mounted. It never takes focus\n * on open. On close, if focus was lost with it while a modal is still open,\n * focus returns to the control that opened it — otherwise the next Tab would\n * land behind the modal.\n */\nexport const FloatingLayer = React.forwardRef<\n  HTMLElement,\n  { children: React.ReactElement }\n>(({ children }, ref) => {\n  const [opener] = React.useState<Element | null>(() =>\n    typeof document === \"undefined\" ? null : document.activeElement,\n  );\n  const returnFocus = (event: Event) => {\n    event.preventDefault();\n    const active = document.activeElement;\n    const lost = !active || active === document.body || !active.isConnected;\n    if (lost && isModalLayerOpen() && opener instanceof HTMLElement && opener.isConnected) {\n      opener.focus({ preventScroll: true });\n    }\n  };\n  return (\n  <FocusScope\n    asChild\n    trapped={false}\n    loop={false}\n    onMountAutoFocus={preventAutoFocus}\n    onUnmountAutoFocus={returnFocus}\n  >\n    <Slot\n      ref={ref}\n      {...{ [FLOATING_LAYER_ATTR]: \"\" }}\n      style={{ pointerEvents: \"auto\" }}\n    >\n      {children}\n    </Slot>\n  </FocusScope>\n  );\n});\nFloatingLayer.displayName = \"FloatingLayer\";\n\n// ── THE Escape stack ────────────────────────────────────────────────────────\n// One Escape owner for every floating window (summon's WindowPanel and\n// LiteWindow, the PeekWindow here): the TOPMOST open layer gets the key, and\n// only it — two windows never close on one press, and a window under another\n// never closes first. A layer joins on open (top), `raise()`s when it comes to\n// the front (a focused window), and leaves on close. Its handler decides\n// whether it closes (a menu or dialog it does not own may hold the key) and\n// calls `preventDefault()` when it does; a layer that declines still keeps the\n// key from the layers under it. One window listener, shared across bundled\n// copies of this module through a global slot (like the modal registry).\ninterface EscapeLayerEntry {\n  readonly key: symbol;\n  handle: (event: KeyboardEvent) => void;\n}\ninterface EscapeStack {\n  layers: EscapeLayerEntry[];\n  listening: boolean;\n}\nconst ESCAPE_SLOT = Symbol.for(\"ai-matrx.design-system.escape-stack\");\nconst escapeHost = globalThis as typeof globalThis & { [ESCAPE_SLOT]?: EscapeStack };\nconst escapeStack = (): EscapeStack => (escapeHost[ESCAPE_SLOT] ??= { layers: [], listening: false });\n\nfunction onEscapeKeydown(event: KeyboardEvent): void {\n  if (event.key !== \"Escape\" || event.defaultPrevented) return;\n  const { layers } = escapeStack();\n  layers[layers.length - 1]?.handle(event);\n}\n\nexport interface EscapeLayerHandle {\n  /** Move this layer to the top (it came to the front). */\n  raise(): void;\n  /** Leave the stack (closed). */\n  release(): void;\n}\n\n/** Join the Escape stack at the top. The handler runs only while this layer is topmost. */\nexport function pushEscapeLayer(handle: (event: KeyboardEvent) => void): EscapeLayerHandle {\n  const stack = escapeStack();\n  if (!stack.listening && typeof window !== \"undefined\") {\n    window.addEventListener(\"keydown\", onEscapeKeydown);\n    stack.listening = true;\n  }\n  const entry: EscapeLayerEntry = { key: Symbol(\"escape-layer\"), handle };\n  stack.layers.push(entry);\n  const drop = () => {\n    const at = stack.layers.indexOf(entry);\n    if (at !== -1) stack.layers.splice(at, 1);\n  };\n  return {\n    raise() {\n      drop();\n      stack.layers.push(entry);\n    },\n    release: drop,\n  };\n}\n\n/** How many layers hold the Escape stack (tests and diagnostics). */\nexport function escapeLayerDepth(): number {\n  return escapeStack().layers.length;\n}\n\n/**\n * Hold a place in the Escape stack while `active`. The latest `onEscape` runs\n * (never a stale closure). `raiseKey`: when it changes the layer moves to the\n * top (pass a window manager's z-index). Returns a stable `raise()` for a\n * layer that tracks \"front\" itself (a pointerdown on the window).\n */\nexport function useEscapeLayer(active: boolean, onEscape: (event: KeyboardEvent) => void, raiseKey?: unknown): () => void {\n  const latest = React.useRef(onEscape);\n  latest.current = onEscape;\n  const handleRef = React.useRef<EscapeLayerHandle | null>(null);\n  React.useEffect(() => {\n    if (!active) return undefined;\n    const handle = pushEscapeLayer((event) => latest.current(event));\n    handleRef.current = handle;\n    return () => {\n      handle.release();\n      handleRef.current = null;\n    };\n  }, [active]);\n  const first = React.useRef(true);\n  React.useEffect(() => {\n    if (first.current) {\n      first.current = false;\n      return;\n    }\n    handleRef.current?.raise();\n  }, [raiseKey]);\n  return React.useCallback(() => handleRef.current?.raise(), []);\n}\n","\"use client\";\n\n/**\n * Ported verbatim from matrx-frontend `components/ui/radix-dialog-modal-context.tsx`.\n * Shared by the Sheet and BottomSheet families (and available to hosts that\n * compose their own Radix Dialog-derived wrappers around these primitives).\n */\n\nimport * as React from \"react\";\n\n// Shared identity across independently bundled public entrypoints/loaders.\nconst CONTEXT_SLOT = Symbol.for(\"ai-matrx.design-system.dialog-modal-context\");\nconst contextRegistry = globalThis as typeof globalThis & { [CONTEXT_SLOT]?: React.Context<boolean> };\nconst RadixDialogModalContext = contextRegistry[CONTEXT_SLOT] ??= React.createContext<boolean>(true);\n\nexport interface RadixDialogModalProviderProps {\n  children: React.ReactNode;\n  modal: boolean;\n}\n\n/**\n * Keeps our Radix-based content wrappers aligned with the owning Root's\n * modality so ARIA semantics cannot drift from focus/pointer behavior.\n */\nexport function RadixDialogModalProvider({\n  children,\n  modal,\n}: RadixDialogModalProviderProps) {\n  return (\n    <RadixDialogModalContext.Provider value={modal}>\n      {children}\n    </RadixDialogModalContext.Provider>\n  );\n}\n\n/** Returns whether the nearest Radix Dialog-derived root is modal. */\nexport function useRadixDialogModal(): boolean {\n  return React.useContext(RadixDialogModalContext);\n}\n","/**\n * Item system — shared schema + prop types for ItemRow and ItemMenu.\n * Moved whole from @ai-matrx/chat/ui/item-types (2026-10-08); chat re-exports\n * these and narrows the surface fields to its closed registries.\n *\n * Pure types (no JSX). The menu config is a structured `sections` array with a\n * discriminated union of entries (`kind`), so ordering is explicit, section\n * labels are first-class, separators fall out of section boundaries, and\n * submenus nest naturally.\n *\n * Consumed by ItemMenu.tsx, ItemMenuDrawer.tsx, ItemRow.tsx.\n */\n\nimport type { ComponentType, ReactNode } from \"react\";\n\n/** Any icon component taking a className (lucide-react icons fit as-is). */\nexport type ItemMenuIcon = ComponentType<{ className?: string | undefined }>;\n\n/**\n * The record a row stands for, as the host's right-click menu reads it.\n * Structural on purpose: design-system knows no entity registry. A host\n * (chat) narrows it to its own `ContextMenuEntityRef`.\n */\nexport interface ItemEntityRef {\n  type?: string | undefined;\n  id?: string | undefined;\n  title?: string | undefined;\n}\n\n// ── Menu entries ────────────────────────────────────────────────────────────\n\ninterface ItemMenuEntryBase {\n  /** Stable identity within the menu. React key + shortcut/debug target. */\n  id: string;\n  label: string;\n  icon?: ItemMenuIcon | undefined;\n  /**\n   * Semantic color class for the icon ONLY (e.g. \"text-amber-500\" for a pin).\n   * Destructive entries use `tone: \"destructive\"`, never an iconClassName.\n   */\n  iconClassName?: string | undefined;\n  /**\n   * Hover text for the entry — never a second line on desktop (Arman,\n   * 2026-10-14: no \"novels\" in menus). A menu is a list of verbs; the only\n   * second line a desktop entry draws is its `disabledReason`. Where nothing\n   * can hover — the phone drawer, a mouse-less tablet — it is the entry's\n   * muted second line.\n   */\n  description?: string | undefined;\n  /**\n   * Short trailing chip, right-aligned on the same line (\"Coming soon\", \"Beta\",\n   * \"Pro\"). This is the RIGHT way to qualify an entry — it costs no height,\n   * unlike `description`. One or two words; it is a tag, not a sentence.\n   */\n  badge?: string | undefined;\n  /** Omit the entry entirely. Builders compute this at config-build time. */\n  hidden?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Why it's disabled — rendered inline (muted) and as a `title` tooltip. */\n  disabledReason?: string | undefined;\n}\n\n/** Visual + semantic severity. Destructive renders text/icon in text-destructive. */\nexport type ItemMenuTone = \"default\" | \"destructive\";\n\nexport interface ItemMenuToast {\n  loading: string;\n  success: string;\n  /** Static message, or derive one from the thrown error. */\n  error?: (string | ((error: unknown) => string)) | undefined;\n}\n\n/** A plain action. The default entry kind. */\nexport interface ItemMenuCommand extends ItemMenuEntryBase {\n  kind?: \"command\" | undefined;\n  tone?: ItemMenuTone | undefined;\n  /**\n   * Runs synchronously in the select handler (preserves the user-gesture\n   * context required by clipboard writes), then the menu closes. If it\n   * returns a Promise AND `toast` is set, the promise is handed to\n   * sonner's `toast.promise`. If it returns a Promise WITHOUT `toast`, it's\n   * fire-and-forget (the action owns its own optimistic update + feedback —\n   * the conversation-thunk pattern). Void → nothing.\n   */\n  onSelect: () => void | Promise<void>;\n  toast?: ItemMenuToast | undefined;\n  /** Display-only shortcut hint, right-aligned (\"⌘D\", \"R\"). Desktop only. */\n  shortcut?: string | undefined;\n  /**\n   * Single character that activates this entry while the menu is open\n   * (Claude Code style: P/R/A/D). Case-insensitive, no modifiers.\n   */\n  shortcutKey?: string | undefined;\n  /**\n   * Declarative hook for host components. ItemRow intercepts `\"rename\"` and\n   * starts its inline rename INSTEAD of running `onSelect`. Standalone\n   * ItemMenu ignores intent and runs `onSelect` (keep a dialog fallback\n   * there for non-row surfaces).\n   */\n  intent?: \"rename\" | undefined;\n}\n\n/**\n * A persistent on/off toggle (Radix CheckboxItem desktop, check glyph in the\n * drawer). Selecting it does NOT close the menu — it's a view option.\n *\n * RESERVED for genuine view options (\"Show timestamps\", \"Compact rows\").\n * State-FLIP actions (Pin/Unpin, Archive/Unarchive) stay plain `command`s\n * whose label+icon the builder swaps from current state.\n */\nexport interface ItemMenuCheckbox extends ItemMenuEntryBase {\n  kind: \"checkbox\";\n  checked: boolean;\n  /** Should be optimistic. Failures are the caller's to toast + revert. */\n  onCheckedChange: (next: boolean) => void | Promise<void>;\n  shortcut?: string | undefined;\n  shortcutKey?: string | undefined;\n}\n\n/** A real <a>. Gives middle-click / cmd-click semantics inside the menu. */\nexport interface ItemMenuLink extends ItemMenuEntryBase {\n  kind: \"link\";\n  href: string;\n  /** \"_blank\" adds rel=\"noopener noreferrer\" automatically. */\n  target?: \"_blank\" | undefined;\n}\n\n/** Nested submenu — Radix Sub on desktop, drill-in view on the drawer. */\nexport interface ItemMenuSubmenu extends ItemMenuEntryBase {\n  kind: \"submenu\";\n  /** Submenu body. Sections render with separators between them. */\n  sections: ItemMenuSection[];\n  /** Embed an existing canonical menu without duplicating its commands. */\n  renderContent?: ((onClose: () => void) => ReactNode) | undefined;\n}\n\nexport type ItemMenuEntry =\n  ItemMenuCommand | ItemMenuCheckbox | ItemMenuLink | ItemMenuSubmenu;\n\n// ── Sections + config ───────────────────────────────────────────────────────\n\nexport interface ItemMenuSection {\n  /** React key. Defaults to `label` ?? index. Provide when label is absent. */\n  id?: string | undefined;\n  /** Optional muted heading (\"Manage\", \"Danger\"). */\n  label?: string | undefined;\n  items: ItemMenuEntry[];\n}\n\nexport interface ItemMenuHeader {\n  /** e.g. the row title. The drawer renders it as DrawerTitle. */\n  title: string;\n  description?: string | undefined;\n}\n\nexport interface ItemMenuConfig {\n  /** Optional header. Desktop renders a muted label row; drawer a real header. */\n  header?: ItemMenuHeader | undefined;\n  /** Separators are derived from section boundaries — never declared. */\n  sections: ItemMenuSection[];\n}\n\n/**\n * Lazy form: invoked when the menu opens, so big lists don't build N configs\n * per render. Either form is accepted anywhere a config is.\n */\nexport type ItemMenuConfigInput = ItemMenuConfig | (() => ItemMenuConfig);\n\n// ── ItemMenu component props ────────────────────────────────────────────────\n\nexport interface ItemMenuProps {\n  config: ItemMenuConfigInput;\n  /** The trigger element — rendered via Radix `asChild` (must accept a ref). */\n  children: ReactNode;\n  /** Dropdown alignment relative to trigger. Default \"end\". */\n  align?: \"start\" | \"center\" | \"end\" | undefined;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\" | undefined;\n  /**\n   * Controlled open state. Pass when a surface opens the menu from outside the\n   * trigger (e.g. whole-row click opens the same kebab menu). Omit for the\n   * default uncontrolled trigger-driven behavior.\n   */\n  open?: boolean | undefined;\n  /** Observe / drive open state (e.g. ItemRow pins the kebab visible while open). */\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  /**\n   * Radix `onCloseAutoFocus` passthrough. ItemRow uses it to move focus into\n   * the rename input instead of back to the kebab. Desktop only.\n   */\n  onCloseAutoFocus?: ((event: Event) => void) | undefined;\n  /** Force presentation. Default: useIsMobile(). For demos/tests. */\n  presentation?: \"auto\" | \"dropdown\" | \"drawer\" | undefined;\n}\n\n/**\n * What the row IS, forwarded to the v3 context menu.\n *\n * This is the slot that was dark. `entity` gates **Attach To** and **Share**\n * inside `MenuContent`; `ItemContextMenu` never passed one, so every consumer\n * of the item system was denied both — not because the capability was missing,\n * but because the wrapper dropped it on the floor. `sourceFeature` was worse\n * than absent: it was hardcoded `\"files\"` for every caller, so a note row's\n * agent launches were attributed to the files feature.\n */\nexport interface ItemMenuSurface {\n  /**\n   * REQUIRED. v3 attributes every shortcut and agent launched from this menu\n   * to it, and the type is a closed registry — there is deliberately no\n   * generic member to hide behind.\n   */\n  sourceFeature: string;\n  /** Registry surface name, when the row's surface has one (AI actions, bound agents). */\n  surfaceName?: string | undefined;\n  /**\n   * The record itself. Present → Attach To. With `resourceType` → Share too.\n   * Omit only when the row does not correspond to a registered entity.\n   */\n  entity?: ItemEntityRef | undefined;\n}\n\nexport interface ItemContextMenuProps extends ItemMenuSurface {\n  config: ItemMenuConfigInput;\n  /** The right-clickable surface (usually the whole row). */\n  children: ReactNode;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  onCloseAutoFocus?: ((event: Event) => void) | undefined;\n  /**\n   * When false, children render bare (no Radix root). ItemRow passes `false`\n   * on touch so long-press doesn't fight scroll + the always-visible kebab.\n   */\n  enabled?: boolean | undefined;\n  /**\n   * Live surface values for the universal menu. A delegated pane menu uses\n   * the same scope builder as its SurfaceRuntimeProvider, so AI actions never\n   * lose the values the surface declares.\n   */\n  getApplicationScope?: (() => unknown) | undefined;\n  /**\n   * ONE-MENU-PER-PANE delegation. Resolve the clicked row's existing kebab\n   * config and per-row context from the event target at open time.\n   */\n  resolveItemOnOpen?: (target: HTMLElement | null) => {\n    config: ItemMenuConfigInput;\n    context?: unknown | undefined;\n  } | null;\n}\n\n// ── ItemRow props ───────────────────────────────────────────────────────────\n\nexport interface ItemRowRename {\n  /** Text being renamed. Defaults to `label`. */\n  value?: string | undefined;\n  onCommit: (next: string) => void | Promise<void>;\n  validate?: ((next: string) => string | null) | undefined;\n  emptyFallback?: string | undefined;\n  maxLength?: number | undefined;\n  /** Allow double-click on the row to start renaming. Default true. */\n  doubleClick?: boolean | undefined;\n}\n\nexport interface ItemRowDisclosure {\n  /** Whether the sub-list is showing (sets `aria-expanded`). */\n  open: boolean;\n  onToggle: () => void;\n  /** Screen-reader name; absent = \"Expand <label>\" / \"Collapse <label>\". */\n  ariaLabel?: string | undefined;\n}\n\nexport type ItemRowSize = \"xs\" | \"sm\" | \"md\" | \"lg\"; // h-6 nested sub-row (muted) / h-7 / h-8 (default) / h-10\n\nexport interface ItemRowProps extends ItemMenuSurface {\n  label: string;\n  /** Muted, never masked; sits between label and trailing indicators. */\n  secondaryLabel?: string | undefined;\n  /**\n   * The most room the secondary label may take before it truncates (the label keeps the rest).\n   * \"half\" (default) or \"third\" — for a secondary that only explains the row (a search reason).\n   */\n  secondaryShare?: \"half\" | \"third\" | undefined;\n  /**\n   * A second line under the label (a record's owner, path or snippet). The row\n   * grows to two lines; the label keeps its fade, the subtitle is cut with an ellipsis.\n   */\n  subtitle?: ReactNode;\n  /**\n   * Controls at the row's trailing edge, OUTSIDE the row's link/button (so a\n   * button here is never nested in the row's own control). With `actions`, the\n   * kebab sits in the same group instead of floating over the label.\n   */\n  actions?: ReactNode;\n  /** A control before the row's link/button (a selection checkbox), outside it. */\n  leadingControl?: ReactNode;\n  /**\n   * The row folds a sub-list (a conversation's helpers, a folder's children). THE DISCLOSURE IS ON\n   * THE RIGHT (Arman, 2026-10-23: \"CHEVRONS DO NOT GO ON THE LEFT SIDE of things\"): a chevron button\n   * at the row's trailing edge, outside the row's link, after the trailing indicators; the label\n   * keeps the column's one left edge. Never draw a chevron in `leading`.\n   */\n  disclosure?: ItemRowDisclosure | undefined;\n  /**\n   * Keep the disclosure's trailing room even with no `disclosure` — pass it on the plain rows that\n   * sit among disclosure rows so every row's trailing meta (time) ends on one right edge.\n   */\n  reserveDisclosure?: boolean | undefined;\n  /** Icon / status-dot slot. Fixed-width content recommended (size-4). */\n  leading?: ReactNode;\n  /**\n   * Indicator slot (star, streaming dot). Sits at the right edge at rest and\n   * glides LEFT (translate) when the kebab is revealed. Never masked.\n   */\n  trailing?: ReactNode;\n  /**\n   * Meta shown only while the row is hovered, keyboard-focused or its menu is open (a chat's\n   * relative time). At rest it takes no room, so `trailing` keeps the right edge. Always shown on\n   * touch, where the kebab is always shown too.\n   */\n  trailingOnHover?: ReactNode;\n  active?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Navigation mode — renders next/link as the row's primary element. */\n  href?: string | undefined;\n  /** Click mode — renders a <button> primary. Ignored while renaming. */\n  onOpen?: (() => void) | undefined;\n  /**\n   * Only meaningful alongside `href`. By default a plain click navigates to\n   * `href` and `onOpen` runs as a side effect (close a popover, etc.). When\n   * `true`, a plain left-click instead calls `onOpen` and PREVENTS navigation —\n   * for self-contained surfaces (drawers, embedded panels) that open the target\n   * in place rather than routing the page away. The `href` is kept so\n   * modifier/middle-click still opens it in a new tab and \"Copy link\" still\n   * works. Default false.\n   */\n  openInPlace?: boolean | undefined;\n  /** Kebab + right-click menu. Omit for menu-less rows. */\n  menu?: ItemMenuConfigInput | undefined;\n  /**\n   * `sourceFeature` / `surfaceName` / `entity` (inherited from\n   * `ItemMenuSurface`) are forwarded to the right-click menu. **Pass `entity`**\n   * — it is what turns Attach To and Share on, and every row that omits it\n   * ships a menu missing two doors the platform already has.\n   */\n  /** Inline rename. Enables double-click + the `intent: \"rename\"` contract. */\n  rename?: ItemRowRename | undefined;\n  size?: ItemRowSize | undefined; // default \"md\"\n  /** Tree depth. padding-inline-start = 8px + indent * 16px. */\n  indent?: number | undefined;\n  /** Accessible label for the kebab. Default `Options for ${label}`. */\n  kebabAriaLabel?: string | undefined;\n  /**\n   * Suppress ItemRow's own right-click menu (the kebab keeps the config).\n   * Set when the host wraps the row in the universal v3 context menu\n   * (`features/context-menu-v3`) so right-click belongs to ONE system.\n   */\n  disableContextMenu?: boolean | undefined;\n  className?: string | undefined;\n}\n\n// ── Type guards ─────────────────────────────────────────────────────────────\n\nexport function isCommand(entry: ItemMenuEntry): entry is ItemMenuCommand {\n  return entry.kind === undefined || entry.kind === \"command\";\n}\nexport function isCheckbox(entry: ItemMenuEntry): entry is ItemMenuCheckbox {\n  return entry.kind === \"checkbox\";\n}\nexport function isLink(entry: ItemMenuEntry): entry is ItemMenuLink {\n  return entry.kind === \"link\";\n}\nexport function isSubmenu(entry: ItemMenuEntry): entry is ItemMenuSubmenu {\n  return entry.kind === \"submenu\";\n}\n\nexport function resolveItemMenuConfig(\n  input: ItemMenuConfigInput,\n): ItemMenuConfig {\n  return typeof input === \"function\" ? input() : input;\n}\n","\"use client\";\n\n/**\n * The host seam for the item system (ItemRow / ItemMenu). A host may override\n * it, never NEED to: without a provider the row's right-click opens the same\n * menu config in design-system's own context menu, and a promised command's\n * failure is reported to the console instead of a toast.\n *\n * - `ContextMenu` — the host's universal right-click menu around a row (the\n *   website / chat mount the v3 menu here, which adds Copy, agents, Attach To,\n *   Share). It receives the full `ItemContextMenuProps`.\n * - `toastPromise` — the host's promise toast (sonner's `toast.promise` shape).\n */\n\nimport * as React from \"react\";\nimport type { ItemContextMenuProps, ItemMenuToast } from \"./types\";\n\nexport interface ItemToastPromise {\n  (\n    promise: Promise<unknown>,\n    messages: { loading: string; success: string; error: (error: unknown) => string },\n  ): void;\n}\n\nexport interface ItemMenuHost {\n  ContextMenu?: React.ComponentType<ItemContextMenuProps>;\n  toastPromise?: ItemToastPromise;\n}\n\nconst HOST_KEY = Symbol.for(\"@ai-matrx/design-system/item-menu-host\");\ntype HostRegistry = Record<symbol, React.Context<ItemMenuHost | null> | undefined>;\nconst hostRegistry = globalThis as unknown as HostRegistry;\nconst ItemMenuHostContext: React.Context<ItemMenuHost | null> =\n  hostRegistry[HOST_KEY] ??\n  (hostRegistry[HOST_KEY] = React.createContext<ItemMenuHost | null>(null));\n\n/** Mount once at the host's app root. */\nexport function ItemMenuHostProvider({\n  host,\n  children,\n}: {\n  host: ItemMenuHost;\n  children: React.ReactNode;\n}) {\n  return <ItemMenuHostContext.Provider value={host}>{children}</ItemMenuHostContext.Provider>;\n}\n\nexport function useItemMenuHost(): ItemMenuHost | null {\n  return React.useContext(ItemMenuHostContext);\n}\n\nexport type { ItemMenuToast };\n","/**\n * Action dispatch for ItemMenu entries — shared by the kebab/dropdown\n * renderer (ItemMenu.tsx), the drawer, the default right-click menu and any\n * host's right-click converter, so command/toggle semantics (sync-in-gesture\n * execution, promise toast, fire-and-forget promise swallow) can never drift\n * between presentations.\n */\n\nimport type { ItemToastPromise } from \"./host\";\nimport type { ItemMenuCheckbox, ItemMenuCommand } from \"./types\";\n\nexport function runCommand(entry: ItemMenuCommand, toastPromise?: ItemToastPromise) {\n  const result = entry.onSelect();\n  if (result instanceof Promise) {\n    if (entry.toast && toastPromise) {\n      const { loading, success, error } = entry.toast;\n      toastPromise(result, {\n        loading,\n        success,\n        error: (e) =>\n          typeof error === \"function\"\n            ? error(e)\n            : (error ?? \"Something went wrong\"),\n      });\n    } else if (entry.toast) {\n      // No host toaster: the failure still announces itself.\n      result.catch((e) => console.error(`[ItemMenu] \"${entry.label}\" failed`, e));\n    } else {\n      result.catch(() => {});\n    }\n  }\n}\n\nexport function runToggle(entry: ItemMenuCheckbox, next: boolean) {\n  const result = entry.onCheckedChange(next);\n  if (result instanceof Promise) result.catch(() => {});\n}\n","\"use client\";\n\n/**\n * Checkbox — Radix checkbox, and the indeterminate ruling that came with it.\n *\n * RADIX RENDERS THE INDICATOR FOR BOTH `checked` AND `\"indeterminate\"`. The\n * stock shadcn body puts a full check inside it either way, so a half-selected\n * \"select all\" tells the user every row is selected — a screen stating\n * something false. The two states get different glyphs here, always.\n *\n * `size` carries the two boxes the hosts had forked into: matrx-frontend's\n * dense 14px control and the stock 16px one.\n */\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as React from \"react\";\n\nimport { cn } from \"./cn\";\nimport { RadixCheckIcon, DividerHorizontalIcon } from \"./icons\";\n\nexport type CheckboxSize = \"sm\" | \"md\";\n\nconst CHECKBOX_SIZES: Record<CheckboxSize, { root: string; glyph: string }> = {\n  sm: { root: \"h-3.5 w-3.5 rounded-xs\", glyph: \"h-3 w-3\" },\n  md: { root: \"h-4 w-4 rounded-sm\", glyph: \"h-3.5 w-3.5\" },\n};\n\nexport interface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {\n  /** Box size. Default `md` (the stock 16px control); `sm` is the dense 14px one. */\n  size?: CheckboxSize;\n}\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size = \"md\", ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    data-slot=\"checkbox\"\n    className={cn(\n      \"peer shrink-0 border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground\",\n      CHECKBOX_SIZES[size].root,\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      data-slot=\"checkbox-indicator\"\n      className=\"flex items-center justify-center text-current\"\n    >\n      {props.checked === \"indeterminate\" ? (\n        <DividerHorizontalIcon className={CHECKBOX_SIZES[size].glyph} />\n      ) : (\n        <RadixCheckIcon className={CHECKBOX_SIZES[size].glyph} />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n","/**\n * THE MAC TABLE — the one set of values every table and record list draws with (2026-10-17).\n *\n * Arman: \"I love the mac table … we have to create rules to somehow keep them identical.\"\n * These are AppKit's own numbers, as the desktop standard (`desktop/desktop.css`) draws them for\n * `DataTable` and `ListRow`: NSTableView's 24 pt rows under a 22 pt header, 13 pt body, 12 pt\n * header labels, the alternating stripe, the hairline, the unemphasised and the accent selection.\n *\n * Three places read them and a guard (`mac-table-parity.test.ts`) fails the moment any drifts:\n *   - `desktop/desktop.css` (the desktop app's `DataTable`, `ListRow`): its `--mx-*` values;\n *   - `mac-table.css` (the web's `LiteTable` and `RecordList`): its `--mac-*` values;\n *   - `LiteTable` / `RecordList` themselves: the slot names and the density → row height map.\n * Change a value HERE first, then in both sheets; the guard says which one is behind.\n */\n\n/** Geometry, in CSS px (1 pt = 1 px on the web, as in a WebView at 1×). */\nexport const MAC_TABLE_SIZE = {\n  /** NSTableView row at 13 pt (Activity Monitor). desktop.css `--mx-row-table`. */\n  row: 24,\n  /** Finder's list view, small icons. desktop.css `[data-row-size=\"small\"]`. */\n  rowSmall: 20,\n  /** A roomy row: desktop.css `--spacing-row-compact` … `--spacing-row` (36). */\n  rowLarge: 36,\n  /** NSTableHeaderView. desktop.css `--mx-table-header`. */\n  header: 22,\n  /** A cell's leading and trailing padding (`px-3`). */\n  cellPaddingX: 12,\n  /** Rows sit this far in from the table's edges (NSTableView .inset). desktop.css `--mx-table-inset`. */\n  inset: 10,\n  /** A row's corner (the stripe and the selection are rounded). desktop.css `--mx-radius-row`. */\n  rowRadius: 5,\n  /** A grouped box (System Settings). desktop.css `--mx-radius-group`. */\n  groupRadius: 12,\n  /** A list row (desktop `ListRow`: `min-h-row`). desktop.css `--spacing-row`. */\n  listRow: 36,\n  /** A list row's corner (desktop `ListRow`: `rounded-control`). desktop.css `--mx-radius-control`. */\n  listRowRadius: 7,\n  /** A list row's padding (desktop `ListRow`: `px-2 py-1`). */\n  listRowPaddingX: 8,\n  listRowPaddingY: 4,\n} as const;\n\n/**\n * THE CHROME AROUND A MAC TABLE (lane mac-chrome, 2026-10-19). Arman: \"now that the table itself is\n * so beautiful … all the things that go along with it [need] that same sort of delicate, beautiful,\n * clean look.\" Everything `look=\"mac\"` draws around its rows — the toolbar (search, view tabs,\n * filter / columns / copy), the scope bar, the coverage line, facets, the group bands, the\n * selection bar, the footer (pager, page size, count, totals), empty / loading / error, the row\n * actions, the View window and the phone cards — reads ONLY these, through `mac-table.css`'s\n * `--mac-*` properties; `controls.css`'s Mac scale sizes the `/controls` family from them.\n * AppKit's control sizes: mini/small (20), regular (22), large (28) — one per table density.\n */\nexport const MAC_CHROME_SIZE = {\n  /** A control's visible height per density (NSControl small / regular / large). */\n  control: { condensed: 20, normal: 22, spacious: 28 },\n  /** A control's label size per density (11 / 12 / 13 pt: AppKit's small / regular / large). */\n  controlLabel: { condensed: 11, normal: 12, spacious: 13 },\n  /** A control's glyph per density (SF Symbols at the label's scale). */\n  controlGlyph: { condensed: 12, normal: 14, spacious: 16 },\n  /** A control's text inset from its edge. */\n  controlInset: 8,\n  /** The space between neighbouring controls (each carries half). */\n  controlGap: 4,\n  /** The space between the chrome's rows (toolbar, scope bar, notice, table, footer). */\n  chromeGap: 6,\n  /** The table's frame corner. */\n  frameRadius: 10,\n  /** A hairline. */\n  hairline: 1,\n  /** A row action's button (20 pt) and its glyph; the spacious row's (28 pt) and its glyph. */\n  rowAction: 20,\n  rowActionGlyph: 14,\n  rowActionLarge: 28,\n  rowActionLargeGlyph: 16,\n  /** The checkbox (NSButton checkbox, regular) and its corner. */\n  checkbox: 14,\n  checkboxRadius: 4,\n  /** A phone record card's block padding, and the gaps of its label / value grid. */\n  cardPaddingY: 8,\n  cardFactsGapX: 12,\n  cardFactsGapY: 2,\n  cardFactsTop: 4,\n  /** A phone card title's narrowest width before its row actions wrap under it (lane mac-fixes). */\n  cardTitleMin: 220,\n  /** The footer's height (the pager row). */\n  footer: 28,\n  /** A skeleton bar (loading) and its corner. */\n  skeleton: 10,\n  skeletonRadius: 3,\n  /** The space inside an empty / error state, above and below. */\n  stateY: 24,\n} as const;\n\n/** The chrome's type: meta text (footer count, coverage line, counts) and titles. */\nexport const MAC_CHROME_TYPE = {\n  /** 11 pt meta text (Finder's status bar \"12 items, 1 TB available\"). */\n  metaSize: 11,\n  metaLine: 14,\n  /** A title (the toolbar's \"Jobs\", a group band, an empty state's line): the body size, semibold. */\n  titleWeight: 600,\n} as const;\n\n/** The chrome's colors: the notice ink (systemOrange, legible on the content color). */\nexport const MAC_CHROME_COLORS = {\n  light: { notice: \"rgb(140 70 0)\", fill: \"rgb(0 0 0 / 0.05)\" },\n  dark: { notice: \"rgb(255 179 64)\", fill: \"rgb(255 255 255 / 0.08)\" },\n} as const;\n\n/** mac-table.css custom property ↔ chrome size token (density-keyed ones are `-small` / `` / `-large`). */\nexport const MAC_CHROME_CSS = {\n  controlInset: \"--mac-control-inset\",\n  controlGap: \"--mac-control-gap\",\n  chromeGap: \"--mac-chrome-gap\",\n  frameRadius: \"--mac-frame-radius\",\n  hairline: \"--mac-hairline\",\n  rowAction: \"--mac-row-action\",\n  rowActionGlyph: \"--mac-row-action-glyph\",\n  rowActionLarge: \"--mac-row-action-large\",\n  rowActionLargeGlyph: \"--mac-row-action-large-glyph\",\n  checkbox: \"--mac-checkbox\",\n  checkboxRadius: \"--mac-checkbox-radius\",\n  cardPaddingY: \"--mac-card-y\",\n  cardFactsGapX: \"--mac-card-facts-x\",\n  cardFactsGapY: \"--mac-card-facts-y\",\n  cardFactsTop: \"--mac-card-facts-top\",\n  cardTitleMin: \"--mac-card-title-min\",\n  footer: \"--mac-footer\",\n  skeleton: \"--mac-skeleton\",\n  skeletonRadius: \"--mac-skeleton-radius\",\n  stateY: \"--mac-state-y\",\n} as const satisfies Record<Exclude<keyof typeof MAC_CHROME_SIZE, \"control\" | \"controlLabel\" | \"controlGlyph\">, string>;\n\n/** Apple's text styles the table uses. desktop.css `--text-body`, `--text-table-header`. */\nexport const MAC_TABLE_TYPE = {\n  bodySize: 13,\n  bodyLineHeight: 16,\n  headerSize: 12,\n  headerLineHeight: 15,\n  headerWeight: 400,\n  /** The sorted column's header (Activity Monitor's % CPU). */\n  sortedHeaderWeight: 600,\n  /** The platform's system font (SF Pro on macOS, Segoe UI on Windows, system-ui on Linux). */\n  fontFamily: '-apple-system, BlinkMacSystemFont, \"SF Pro\", \"SF Pro Text\", \"Segoe UI Variable Text\", \"Segoe UI\", system-ui, sans-serif',\n} as const;\n\nexport interface MacTableColors {\n  /** labelColor */\n  label: string;\n  /** secondaryLabelColor */\n  labelSecondary: string;\n  /** tertiaryLabelColor (a dimmed row) */\n  labelTertiary: string;\n  /** separatorColor */\n  separator: string;\n  /** alternatingContentBackgroundColors[1]: the stripe */\n  stripe: string;\n  /** secondarySystemFill: the pointer over an opening row */\n  hover: string;\n  /** controlBackgroundColor: behind the table and its header */\n  content: string;\n  /** System Settings' grouped box */\n  group: string;\n  /** The selected row while the table has focus. On the web it is OUR brand color (Arman,\n   *  2026-10-18: the selected row uses the primary, never Apple's blue); the desktop app keeps the\n   *  person's own macOS accent (`--os-selection`), so these three are not compared with desktop.css. */\n  selection: string;\n  selectionLabel: string;\n  /** unemphasizedSelectedContentBackgroundColor: the selected row otherwise */\n  selectionMuted: string;\n}\n\n/** The colors, light and dark — desktop.css `--mx-*` (`:root` and `.dark`). */\nexport const MAC_TABLE_COLORS: { light: MacTableColors; dark: MacTableColors } = {\n  light: {\n    label: \"rgb(0 0 0 / 0.847)\",\n    labelSecondary: \"rgb(0 0 0 / 0.58)\",\n    labelTertiary: \"rgb(0 0 0 / 0.259)\",\n    separator: \"rgb(0 0 0 / 0.098)\",\n    stripe: \"rgb(0 0 0 / 0.043)\",\n    hover: \"rgb(0 0 0 / 0.078)\",\n    content: \"#ffffff\",\n    group: \"rgb(0 0 0 / 0.031)\",\n    selection: \"hsl(var(--primary))\",\n    selectionLabel: \"hsl(var(--primary-foreground))\",\n    selectionMuted: \"hsl(var(--primary) / 0.26)\",\n  },\n  dark: {\n    label: \"rgb(255 255 255 / 0.847)\",\n    labelSecondary: \"rgb(255 255 255 / 0.6)\",\n    labelTertiary: \"rgb(255 255 255 / 0.247)\",\n    separator: \"rgb(255 255 255 / 0.098)\",\n    stripe: \"rgb(255 255 255 / 0.047)\",\n    hover: \"rgb(255 255 255 / 0.078)\",\n    content: \"#1e1e1e\",\n    group: \"rgb(255 255 255 / 0.047)\",\n    selection: \"hsl(var(--primary))\",\n    selectionLabel: \"hsl(var(--primary-foreground))\",\n    selectionMuted: \"hsl(var(--primary) / 0.42)\",\n  },\n};\n\n/** The selection colors: brand primary on the web, the OS accent in the desktop app. */\nexport const WEB_ONLY_COLORS: ReadonlyArray<keyof MacTableColors> = [\"selection\", \"selectionLabel\", \"selectionMuted\"];\n\n/** desktop.css custom property ↔ token, for the parity guard. */\nexport const DESKTOP_CSS_COLOR_NAMES: Record<keyof MacTableColors, string> = {\n  label: \"--mx-label\",\n  labelSecondary: \"--mx-label-secondary\",\n  labelTertiary: \"--mx-label-tertiary\",\n  separator: \"--mx-separator\",\n  stripe: \"--mx-fill\",\n  hover: \"--mx-fill-secondary\",\n  content: \"--mx-content\",\n  group: \"--mx-group\",\n  selection: \"--mx-selection\",\n  selectionLabel: \"--mx-selection-label\",\n  selectionMuted: \"--mx-selection-muted\",\n};\n\n/** mac-table.css custom property ↔ token. */\nexport const MAC_CSS_COLOR_NAMES: Record<keyof MacTableColors, string> = {\n  label: \"--mac-label\",\n  labelSecondary: \"--mac-label-secondary\",\n  labelTertiary: \"--mac-label-tertiary\",\n  separator: \"--mac-separator\",\n  stripe: \"--mac-stripe\",\n  hover: \"--mac-hover\",\n  content: \"--mac-content\",\n  group: \"--mac-group\",\n  selection: \"--mac-selection\",\n  selectionLabel: \"--mac-selection-label\",\n  selectionMuted: \"--mac-selection-muted\",\n};\n\n/**\n * The DOM vocabulary of a Mac table: the SAME `data-slot` names the desktop `DataTable` draws, so\n * one stylesheet's rules read the same markup in every app.\n */\nexport const MAC_TABLE_SLOTS = {\n  table: \"data-table\",\n  header: \"data-table-header\",\n  row: \"data-table-row\",\n} as const;\n\n/** The attribute that puts a web table / list under `mac-table.css`. */\nexport const MAC_TABLE_ATTRIBUTE = \"data-mac-table\";\nexport const MAC_LIST_ATTRIBUTE = \"data-mac-list\";\n\n/** `LiteTable`'s densities → Finder's small, AppKit's regular, a roomy row. */\nexport const MAC_ROW_HEIGHT_BY_DENSITY = {\n  condensed: MAC_TABLE_SIZE.rowSmall,\n  normal: MAC_TABLE_SIZE.row,\n  spacious: MAC_TABLE_SIZE.rowLarge,\n} as const;\n\n/**\n * MEANING STAYS UNDER THE MAC LOOK (lane mac-fixes, 2026-10-19). A column's `tone` (danger /\n * warning / success) and a row's or a cell's color (`tableStyle`) say WHY a value matters, so the\n * Mac look keeps them — quieter, never gone. Tones are AppKit's legible system inks at the body\n * weight (muted reads `--mac-label-secondary`); a tint is the system hue as a translucent wash over\n * the content color, a cell a shade stronger than its row. mac-table.css declares each one as\n * `--mac-tone-<tone>`, `--mac-tint-<color>` and `--mac-cell-tint-<color>` (light + dark).\n */\nexport const MAC_TONE_COLORS = {\n  light: { danger: \"rgb(178 0 16)\", warning: \"rgb(140 70 0)\", success: \"rgb(22 100 44)\" },\n  dark: { danger: \"rgb(255 145 138)\", warning: \"rgb(255 179 64)\", success: \"rgb(48 219 91)\" },\n} as const;\n\n/** The system hue of every `StyleColor` (table-style.ts), light and dark, as \"r g b\". */\nexport const MAC_TINT_HUES = {\n  light: {\n    slate: \"100 116 139\", green: \"52 199 89\", amber: \"255 170 0\", red: \"255 59 48\",\n    blue: \"0 122 255\", violet: \"175 82 222\", teal: \"48 176 199\", orange: \"255 149 0\",\n    yellow: \"255 204 0\", pink: \"255 45 85\", brown: \"162 132 94\", gray: \"142 142 147\",\n  },\n  dark: {\n    slate: \"148 163 184\", green: \"48 209 88\", amber: \"255 184 0\", red: \"255 69 58\",\n    blue: \"10 132 255\", violet: \"191 90 242\", teal: \"64 200 224\", orange: \"255 159 10\",\n    yellow: \"255 214 10\", pink: \"255 55 95\", brown: \"172 142 104\", gray: \"152 152 157\",\n  },\n} as const;\n\n/** How strong a wash is: a row whispers, a highlighted cell reads against a highlighted row. */\nexport const MAC_TINT_ALPHA = {\n  light: { row: 0.12, cell: 0.24 },\n  dark: { row: 0.18, cell: 0.3 },\n} as const;\n\n/** `rgb(r g b / a)` for a hue and a wash — the exact text mac-table.css declares. */\nexport function macTint(theme: \"light\" | \"dark\", color: keyof typeof MAC_TINT_HUES.light, wash: \"row\" | \"cell\"): string {\n  return `rgb(${MAC_TINT_HUES[theme][color]} / ${MAC_TINT_ALPHA[theme][wash]})`;\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime","React","import_jsx_runtime","ErrorBox","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_react_slot","React","React","React","import_jsx_runtime","React","import_react","import_jsx_runtime","React","React","import_jsx_runtime","import_jsx_runtime","React","import_jsx_runtime","import_jsx_runtime","Button","Textarea","import_media_query","import_react","import_jsx_runtime","result","import_react","import_react","import_react","import_jsx_runtime","import_react_slot","React","import_jsx_runtime","React","DropdownMenuPrimitive","ContextMenuPrimitive","React","import_jsx_runtime","import_jsx_runtime","MenuLookContent","MenuLookSubContent","MenuLookContextContent","MenuLookContextSubContent","Item","MenuLookItem","SubTrigger","MenuLookSubTrigger","CheckboxItem","MenuLookCheckboxItem","RadioItem","MenuLookRadioItem","Label","MenuLookLabel","Separator","MenuLookSeparator","DropdownMenuPrimitive","ContextMenuPrimitive","MenuLookPanel","MenuLookPopoverContent","MenuLookPanelItem","MenuLookPanelControlRow","MenuLookSearch","import_react","React","import_react_slot","React","import_jsx_runtime","registry","React","import_jsx_runtime","CONTEXT_SLOT","contextRegistry","import_jsx_runtime","DrawerPrimitive","import_jsx_runtime","React","import_jsx_runtime","hostRegistry","import_jsx_runtime","import_jsx_runtime","Button","React","import_jsx_runtime","import_jsx_runtime"]}