@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/split-view/SplitViewHost.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/split-view/SplitViewHost.tsx"],
+  "sourcesContent": ["'use client'\n\n/**\n * Split view \u2014 renders a TREE of registered tables in one screen.\n *\n * A table page renders this instead of its table component, naming itself as\n * the only pane. With one pane it looks exactly like the page did before this\n * feature existed; pane headers and dividers appear only once a second table is\n * opened. That is what makes it ambient \u2014 you split from where you already are.\n *\n * The layout is a tree so nested arrangements are expressible \u2014 notably \"two\n * side by side with a third full-width beneath\", which the earlier flat model\n * could not represent at all. Rendering is recursive: a split node lays its\n * children along its own axis and drops a divider between each pair.\n *\n * The grid needs no changes to work here: its event bus is per-element, copy\n * and paste are both target-guarded, `height: 'fill'` measures against the\n * nearest scroll ancestor (each pane is one), and the cell store \u2014 including\n * its undo stack \u2014 is created per instance.\n *\n * Spec: .ai/specs/2026-08-04-dynamic-table-split-view.md\n */\n\nimport * as React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Columns2, Rows2, X, ExternalLink, Save, ChevronDown, Trash2, LayoutGrid, Grid2x2, PanelLeft, PanelRight, PanelTop, PanelBottom, MoreHorizontal, Check, SlidersHorizontal } from 'lucide-react'\nimport { useTableById, useTableRegistry } from '../registry/TableRegistryContext'\nimport { useToolbarOverflowClose, ToolbarOverflowCloseProvider } from '../components/ToolbarOverflow'\nimport { computeAnchoredPosition } from '../utils/anchoredPosition'\nimport { ContentPicker } from './ContentPicker'\nimport { WidgetPane } from './WidgetPane'\nimport { EmptySlot } from './EmptySlot'\nimport { WorkspaceFilterBar, type UnmappedPaneReport } from './WorkspaceFilterBar'\nimport {\n  mapCriteriaForTable,\n  mapCriteriaForWidget,\n  type SharedCriteria,\n} from './sharedCriteria'\nimport type { FilterRow } from '../types/index'\nimport { useSplitViewLayouts } from './useSplitViewLayouts'\nimport { readStoredLayout, writeStoredLayout } from './layoutPersistence'\nimport {\n  ARRANGE_PRESETS,\n  GRID_TEMPLATE_LIST,\n  PANE_MIN_HEIGHT_PX,\n  PANE_MIN_WIDTH_PX,\n  SPLIT_LAYOUT_VERSION,\n  applyGridTemplate,\n  applyPreset,\n  countPanes,\n  countSlots,\n  evenAll,\n  fillSlot,\n  listPanes,\n  listSlots,\n  makePaneId,\n  removePane,\n  resizeAt,\n  setPaneChrome,\n  setPaneContentSettings,\n  splitPane,\n  tableContent,\n  type GridTemplateId,\n  type LayoutNode,\n  type NodePath,\n  type PaneChrome,\n  type PaneContentRef,\n  type PresetId,\n  type SplitDirection,\n  type SplitLayout,\n} from './types'\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Material 3 chrome, shared by every menu the split view draws.\n *\n * The row string below was duplicated verbatim in five places, which is how\n * three of them drifted onto raw pixel type. One const, one look.\n *\n * `h-7` (28px) is kept DELIBERATELY: M3 specifies a 48dp menu item, and this is\n * a dense operations tool where six 48dp rows are most of a pane. Shape, colour,\n * state layers and motion are adopted from M3; its touch geometry is not \u2014 the\n * same trade `m3.css` documents at the top of the file.\n */\nexport const M3_MENU_ROW =\n  'flex h-7 w-full items-center gap-2 rounded-m3-xs px-1.5 text-left text-body-regular-xs text-[var(--m3-on-surface)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] active:bg-[var(--m3-state-layer-pressed)]'\n\n/**\n * The SELECTED form of a menu row. M3 marks selection by swapping the\n * container, never by an icon alone \u2014 the same `secondary-container` role the\n * grid uses for a selected row, so selection reads identically everywhere.\n */\nexport const M3_MENU_ROW_ON =\n  `${M3_MENU_ROW} bg-[var(--m3-secondary-container)] text-[var(--m3-on-secondary-container)]`\n\n/**\n * A section caption inside a menu (\"Add table\", \"Show\"). 10px chrome uses the\n * 10px token: routing it through a 12/16 token would grow every menu by 20%.\n */\nexport const M3_MENU_CAPTION =\n  'text-label-semibold-2xs uppercase text-[var(--m3-on-surface-variant)]'\n\n/**\n * A portalled menu panel \u2014 an M3 elevated surface: a `md` (12px) corner, the\n * softer `outline-variant` hairline, a container step for the fill, and the\n * two-shadow elevation rather than Tailwind's `shadow-*`.\n *\n * `WidgetPane` imports this. The resulting import cycle is safe: the binding is\n * read at RENDER time, long after both module bodies have initialised.\n */\nexport const M3_MENU_PANEL =\n  'fixed z-[1000] overflow-y-auto rounded-m3-md border border-[var(--m3-outline-variant)] bg-[var(--m3-surface-container)] py-1 shadow-m3-2'\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction PaneBody({\n  content,\n  paneId,\n  isPrimary,\n  multiview,\n  overflowExtras,\n  chrome,\n  onWidgetSettingsChange,\n  sharedFilters,\n  sharedSearch,\n}: {\n  content: PaneContentRef\n  paneId: string\n  isPrimary: boolean\n  multiview: boolean\n  overflowExtras?: React.ReactNode\n  chrome?: PaneChrome\n  onWidgetSettingsChange?: (next: unknown) => void\n  sharedFilters?: FilterRow[]\n  sharedSearch?: string\n}) {\n  if (content.kind === 'widget') {\n    return (\n      <WidgetPane\n        content={content}\n        slotId={paneId}\n        onSettingsChange={onWidgetSettingsChange}\n        overflowExtras={overflowExtras}\n        hideToolbar={chrome?.toolbar === false}\n      />\n    )\n  }\n  return (\n    <TablePaneBody\n      tableId={content.tableId}\n      paneId={paneId}\n      isPrimary={isPrimary}\n      multiview={multiview}\n      overflowExtras={overflowExtras}\n      chrome={chrome}\n      sharedFilters={sharedFilters}\n      sharedSearch={sharedSearch}\n    />\n  )\n}\n\nfunction TablePaneBody({\n  tableId,\n  paneId,\n  isPrimary,\n  multiview,\n  overflowExtras,\n  chrome,\n  sharedFilters,\n  sharedSearch,\n}: {\n  tableId: string\n  paneId: string\n  isPrimary: boolean\n  multiview: boolean\n  overflowExtras?: React.ReactNode\n  chrome?: PaneChrome\n  sharedFilters?: FilterRow[]\n  sharedSearch?: string\n}) {\n  const { definition, status } = useTableById(tableId)\n\n  if (status === 'unknown') {\n    return (\n      <PaneMessage data-pane-status=\"unknown\">\n        This table is no longer available.\n      </PaneMessage>\n    )\n  }\n  if (status === 'denied') {\n    return (\n      <PaneMessage data-pane-status=\"denied\">\n        You don\u2019t have access to {definition?.metadata.title ?? 'this table'}.\n      </PaneMessage>\n    )\n  }\n  // `loading` = the grant check (a POST to /api/auth/feature-check) has not\n  // answered yet. Falling through to the grid here meant a revoked table\n  // mounted, fired its list request, and only then swapped to \"no access\" \u2014\n  // which contradicts the ACL-re-checked-at-render contract this file states.\n  //\n  // But holding EVERY pane would put a placeholder on the first load of every\n  // list page in the app, because that check is a real round-trip on first\n  // paint (react-query serves it from cache thereafter). That trades a visible\n  // slowdown on the common path against a flash on a rare one.\n  //\n  // So it is split by provenance. The PRIMARY pane is the page's own table and\n  // the server already authorised this route to render it at all, so it is\n  // drawn optimistically and the common path is unchanged. SECONDARY panes come\n  // out of a SAVED LAYOUT, which can name a table whose grant was revoked since\n  // it was saved \u2014 that is the case worth waiting for.\n  if (status === 'loading' && !isPrimary) {\n    return <PaneMessage data-pane-status=\"loading\">Checking access\u2026</PaneMessage>\n  }\n  if (!definition) return null\n\n  const Table = definition.Table\n  // The PRIMARY pane is the page's own table, so it keeps the unscoped keys \u2014\n  // byte-identical to before split view existed. Anything else would break\n  // persistence outright: pane ids are minted per mount, so scoping the primary\n  // pane would hand every page load a fresh key and silently discard the user's\n  // saved column widths on every navigation. (Caught in the browser, not by\n  // typecheck \u2014 the code was \"correct\" and the behaviour was wrong.)\n  //\n  // Secondary panes DO get a per-pane scope, which is what stops two panes of\n  // the same table overwriting each other. A saved layout persists its pane\n  // ids, so reopening one restores the same scopes and the same widths.\n  const storageScope = isPrimary ? '' : `pane:${paneId}:`\n  return (\n    <Table\n      storageScope={storageScope}\n      embedded\n      // The primary pane IS the page \u2014 its table is what the route exists to\n      // show, so opening a row is the page doing its job, not a click tearing\n      // a host down. `embedded` alone said \"do not navigate\" to every pane, and\n      // the Files list (whose only affordance to open a file is its row links\n      // and row click) was left with no way in at all. See\n      // `ownsPageNavigation` in registry/types.ts.\n      ownsPageNavigation={isPrimary}\n      multiview={multiview}\n      overflowExtras={overflowExtras}\n      hideToolbar={chrome?.toolbar === false}\n      // The workspace bar REPLACES each pane's search row while it is on, so\n      // the density cost of the bar is paid back by the rows it reclaims.\n      hideSearch={chrome?.search === false || sharedSearch !== undefined}\n      hideViews={chrome?.viewsBar === false}\n      hidePagination={chrome?.viewsBar === false}\n      sharedFilters={sharedFilters}\n      sharedSearch={sharedSearch}\n    />\n  )\n}\n\nfunction PaneMessage({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div className=\"flex h-full items-center justify-center p-6 text-center text-body-regular-sm text-[var(--m3-on-surface-variant)]\" {...rest}>\n      {children}\n    </div>\n  )\n}\n\n\n/**\n * Everything a pane can do, in ONE overflow menu inside the table's own\n * toolbar.\n *\n * Replaces a dedicated pane-header row that carried six icon buttons AND\n * repeated the table title the toolbar already showed. That row cost ~32px per\n * pane and bought nothing the toolbar could not hold.\n */\n/**\n * The pane's own items, as ROWS \u2014 no button, no panel of its own.\n *\n * These are injected into the table's single overflow menu via\n * `uiConfig.toolbarOverflowExtras`. An earlier build rendered them behind a\n * second button sitting right next to the table's overflow, which left two\n * near-identical menus in one toolbar.\n */\nfunction PaneMenuRows({\n  href,\n  chrome,\n  canClose,\n  extras,\n  onSplit,\n  onToggleChrome,\n  onClose,\n}: {\n  href?: string\n  chrome?: PaneChrome\n  canClose: boolean\n  extras?: React.ReactNode\n  onSplit: (direction: SplitDirection, before: boolean, anchor: DOMRect) => void\n  onToggleChrome: (patch: Partial<PaneChrome>) => void\n  onClose: () => void\n}) {\n  // Terminal actions dismiss the menu; the Show toggles deliberately do not,\n  // so several can be flipped in one visit.\n  const closeMenu = useToolbarOverflowClose()\n\n  const shows: Array<{ key: keyof PaneChrome; label: string }> = [\n    { key: 'toolbar', label: 'Toolbar' },\n    { key: 'search', label: 'Search' },\n    { key: 'viewsBar', label: 'Views bar' },\n  ]\n\n  const ADD_TABLE: Array<{ dir: SplitDirection; before: boolean; label: string; Icon: typeof PanelLeft; attr: string }> = [\n    { dir: 'row', before: true, label: 'Left', Icon: PanelLeft, attr: 'data-pane-split-left' },\n    { dir: 'row', before: false, label: 'Right', Icon: PanelRight, attr: 'data-pane-split-right' },\n    { dir: 'column', before: true, label: 'Above', Icon: PanelTop, attr: 'data-pane-split-up' },\n    { dir: 'column', before: false, label: 'Below', Icon: PanelBottom, attr: 'data-pane-split-down' },\n  ]\n\n  const row = M3_MENU_ROW\n  const gutter = 'flex w-4 shrink-0 justify-center'\n\n  return (\n    <div data-pane-menu-rows=\"\">\n      <div className={`px-2 pb-1 pt-1 ${M3_MENU_CAPTION}`}>\n        Add table\n      </div>\n      <div className=\"px-2 pb-2\">\n        {/* An M3 connected button group: one pill, hairline-divided. The\n            container's `overflow-hidden` is what gives the first and last\n            segment their end caps. */}\n        <div className=\"flex overflow-hidden rounded-m3-full border border-[var(--m3-outline)]\">\n          {ADD_TABLE.map((item, index) => (\n            <button\n              key={item.label}\n              type=\"button\"\n              title={item.label}\n              aria-label={`Add table ${item.label.toLowerCase()}`}\n              onClick={(event) => { onSplit(item.dir, item.before, event.currentTarget.getBoundingClientRect()); closeMenu() }}\n              className={`flex flex-1 flex-col items-center gap-0.5 py-1.5 text-[var(--m3-on-surface-variant)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] hover:text-[var(--m3-on-surface)] active:bg-[var(--m3-state-layer-pressed)] ${\n                index > 0 ? 'border-l border-[var(--m3-outline)]' : ''\n              }`}\n              {...{ [item.attr]: '' }}\n            >\n              <item.Icon className=\"h-3.5 w-3.5\" />\n              <span className=\"text-label-semibold-2xs\">{item.label}</span>\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className={`px-2 pb-0.5 ${M3_MENU_CAPTION}`}>Show</div>\n      <div className=\"px-1\">\n        {shows.map((item) => {\n          const on = chrome?.[item.key] !== false\n          return (\n            <button\n              key={item.key}\n              type=\"button\"\n              onClick={(event) => { event.stopPropagation(); onToggleChrome({ [item.key]: !on } as Partial<PaneChrome>) }}\n              className={on ? M3_MENU_ROW_ON : M3_MENU_ROW}\n              data-pane-chrome={item.key}\n              data-pane-chrome-on={on ? 'true' : 'false'}\n            >\n              <span className={gutter}>{on && <Check className=\"h-3.5 w-3.5\" />}</span>\n              <span className={on ? '' : 'text-[var(--m3-on-surface-variant)]'}>{item.label}</span>\n            </button>\n          )\n        })}\n      </div>\n\n      {extras && <div className=\"mt-1 border-t border-[var(--m3-outline-variant)] px-1 pt-1\">{extras}</div>}\n\n      <div className=\"mt-1 border-t border-[var(--m3-outline-variant)] px-1 pt-1\">\n        {href && (\n          <a href={href} className={row} data-pane-open-full=\"\" onClick={closeMenu}>\n            <span className={gutter}><ExternalLink className=\"h-3.5 w-3.5 text-[var(--m3-on-surface-variant)]\" /></span>\n            Open full page\n          </a>\n        )}\n        {canClose && (\n          <button type=\"button\" onClick={() => { onClose(); closeMenu() }} className={row} data-pane-close=\"\">\n            <span className={gutter}><X className=\"h-3.5 w-3.5 text-[var(--m3-on-surface-variant)]\" /></span>\n            Close pane\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * The way back when a pane's toolbar is hidden \u2014 hiding it also hides the\n * overflow menu that turned it off.\n *\n * Portalled to `document.body`, like every other menu in the grid. As a plain\n * `absolute` panel it sat at `z-40` INSIDE a pane that clips its overflow, so\n * the grid's sticky columns painted over it and clicks landed on `td.hot-cell`\n * instead \u2014 the handle opened a menu that could not be used.\n */\nfunction PaneRestoreMenu({ children }: { children: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false)\n  const triggerRef = React.useRef<HTMLButtonElement>(null)\n  const panelRef = React.useRef<HTMLDivElement>(null)\n  const [placement, setPlacement] = React.useState({ top: 0, left: 0, maxHeight: 720 })\n\n  const reposition = React.useCallback(() => {\n    const trigger = triggerRef.current\n    if (!trigger) return\n    const next = computeAnchoredPosition(\n      trigger.getBoundingClientRect(),\n      { width: window.innerWidth, height: window.innerHeight },\n      // Clamped to what fits \u2014 see ToolbarOverflow's MENU_MAX_HEIGHT note.\n      { width: 216, preferredHeight: 720, align: 'end', minHeight: 180 },\n    )\n    setPlacement({ top: next.top, left: next.left, maxHeight: next.maxHeight })\n  }, [])\n\n  React.useLayoutEffect(() => { if (open) reposition() }, [open, reposition])\n\n  React.useEffect(() => {\n    if (!open) return\n    const onDown = (event: MouseEvent) => {\n      const target = event.target as Node\n      if (!panelRef.current?.contains(target) && !triggerRef.current?.contains(target)) setOpen(false)\n    }\n    const onKey = (event: KeyboardEvent) => { if (event.key === 'Escape') setOpen(false) }\n    const onScroll = () => reposition()\n    document.addEventListener('mousedown', onDown)\n    document.addEventListener('keydown', onKey)\n    window.addEventListener('scroll', onScroll, true)\n    window.addEventListener('resize', onScroll)\n    return () => {\n      document.removeEventListener('mousedown', onDown)\n      document.removeEventListener('keydown', onKey)\n      window.removeEventListener('scroll', onScroll, true)\n      window.removeEventListener('resize', onScroll)\n    }\n  }, [open, reposition])\n\n  const close = React.useCallback(() => setOpen(false), [])\n\n  return (\n    <div className=\"absolute right-2 top-1.5 z-30\" data-pane-restore=\"\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        aria-label=\"Pane options\"\n        aria-expanded={open}\n        className=\"flex h-6 w-6 cursor-pointer items-center justify-center rounded-m3-full border border-[var(--m3-outline-variant)] bg-[var(--m3-surface-container-high)] text-[var(--m3-on-surface-variant)] shadow-m3-1 transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-surface-container-highest)] hover:text-[var(--m3-on-surface)]\"\n        data-pane-restore-btn=\"\"\n      >\n        <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n      </button>\n      {open && typeof document !== 'undefined' && ReactDOM.createPortal(\n        <div\n          ref={panelRef}\n          className={M3_MENU_PANEL}\n          style={{ top: placement.top, left: placement.left, width: 216, maxHeight: placement.maxHeight }}\n          data-pane-restore-menu=\"\"\n        >\n          <ToolbarOverflowCloseProvider value={close}>{children}</ToolbarOverflowCloseProvider>\n        </div>,\n        document.body,\n      )}\n    </div>\n  )\n}\n\n/** Pick an arrangement. Presets that need more panes than exist are disabled\n *  rather than hidden, so the shape you want is discoverable before you have\n *  enough tables open to use it. */\n/**\n * One row that turns the workspace search/filter bar on and off.\n *\n * A plain toggle rather than a submenu: it has exactly two states, and the bar\n * it reveals IS the rest of the interface. Deliberately does NOT dismiss the\n * overflow menu \u2014 the neighbouring \"Show\" toggles behave the same way, so\n * several settings can be flipped in one visit.\n */\nfunction SharedFilterToggle({\n  enabled,\n  onToggle,\n}: {\n  enabled: boolean\n  onToggle: () => void\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      role=\"menuitemcheckbox\"\n      aria-checked={enabled}\n      title={\n        enabled\n          ? 'Each pane goes back to its own search and filters'\n          : 'Drive every pane from one search and filter bar'\n      }\n      className={enabled ? M3_MENU_ROW_ON : M3_MENU_ROW}\n      data-split-shared-filters={enabled ? 'on' : 'off'}\n    >\n      <span className=\"flex w-4 shrink-0 justify-center\">\n        {enabled ? <Check className=\"h-3.5 w-3.5\" /> : <SlidersHorizontal className=\"h-3.5 w-3.5 text-[var(--m3-on-surface-variant)]\" />}\n      </span>\n      <span className=\"flex-1\">Shared search &amp; filters</span>\n    </button>\n  )\n}\n\nfunction ArrangeMenu({\n  layout,\n  onApply,\n}: {\n  layout: SplitLayout\n  onApply: (next: SplitLayout) => void\n}) {\n  const [open, setOpen] = React.useState(false)\n  const closeMenu = useToolbarOverflowClose()\n  const paneCount = countPanes(layout.root)\n\n  const pick = (preset: PresetId) => {\n    onApply(applyPreset(layout, preset))\n    setOpen(false)\n    closeMenu()\n  }\n\n  return (\n    <div data-split-arrange-section=\"\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        title=\"Arrange panes\"\n        aria-expanded={open}\n        className={M3_MENU_ROW}\n        data-split-arrange=\"\"\n      >\n        <span className=\"flex w-4 shrink-0 justify-center\"><LayoutGrid className=\"h-3.5 w-3.5 text-[var(--m3-on-surface-variant)]\" /></span>\n        <span className=\"flex-1\">Arrange</span>\n        <ChevronDown className={`h-3 w-3 text-[var(--m3-on-surface-variant)] transition-transform duration-[var(--m3-duration-short2)] ease-m3-standard ${open ? 'rotate-180' : ''}`} />\n      </button>\n\n      {/* Expands IN PLACE. A flyout here was `absolute` inside the overflow\n          panel, which scrolls \u2014 so it was clipped by its own container and\n          read as a dead control. */}\n      {open && (\n        <div className=\"mb-1 ml-1.5 border-l border-[var(--m3-outline-variant)] pl-1.5\" data-split-arrange-menu=\"\">\n          {ARRANGE_PRESETS.map((preset) => {\n            const enabled = paneCount >= preset.minPanes\n            return (\n              <button\n                key={preset.id}\n                type=\"button\"\n                disabled={!enabled}\n                onClick={() => pick(preset.id)}\n                className={`flex w-full items-start gap-2 rounded-m3-sm px-2 py-1.5 text-left transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard ${\n                  enabled\n                    ? 'hover:bg-[var(--m3-state-layer-hover)] active:bg-[var(--m3-state-layer-pressed)]'\n                    : 'cursor-not-allowed text-[var(--m3-on-surface-variant)] opacity-[var(--m3-disabled-content-opacity)]'\n                }`}\n                data-split-arrange-preset={preset.id}\n                title={enabled ? preset.hint : `Needs at least ${preset.minPanes} tables`}\n              >\n                {preset.id === 'rows'\n                  ? <Rows2 className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-[var(--m3-on-surface-variant)]\" />\n                  : preset.id === 'columns'\n                    ? <Columns2 className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-[var(--m3-on-surface-variant)]\" />\n                    : <LayoutGrid className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-[var(--m3-on-surface-variant)]\" />}\n                <span className=\"min-w-0\">\n                  <span className=\"block text-body-regular-xs\">{preset.label}</span>\n                  <span className=\"block text-body-regular-xs text-[var(--m3-on-surface-variant)]\">{preset.hint}</span>\n                </span>\n              </button>\n            )\n          })}\n          <button\n            type=\"button\"\n            onClick={() => { onApply({ ...layout, root: evenAll(layout.root) }); setOpen(false); closeMenu() }}\n            className=\"w-full rounded-m3-sm px-2 py-1.5 text-left text-body-regular-xs transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] active:bg-[var(--m3-state-layer-pressed)]\"\n            data-split-arrange-even=\"\"\n          >\n            Reset sizes\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * A template's shape, drawn from the tree itself.\n *\n * Deriving the thumbnail from `build()` rather than hand-drawing six icons\n * means a template can never advertise a shape it does not produce.\n */\nfunction TemplatePreview({ node, selected }: { node: LayoutNode; selected?: boolean }) {\n  if (node.kind !== 'split') {\n    return (\n      <div\n        className={`flex-1 rounded-m3-xs ${\n          selected\n            ? 'bg-[color-mix(in_srgb,var(--m3-on-secondary-container)_60%,transparent)]'\n            : 'bg-[var(--m3-outline)]'\n        }`}\n      />\n    )\n  }\n  return (\n    <div className={`flex flex-1 gap-[2px] ${node.direction === 'row' ? 'flex-row' : 'flex-col'}`}>\n      {node.children.map((child, index) => (\n        <TemplatePreview key={index} node={child} selected={selected} />\n      ))}\n    </div>\n  )\n}\n\n/**\n * A layout's SHAPE, ignoring what fills it \u2014 `p`, `r(p,p)`, `c(p,r(p,p))`.\n *\n * Two layouts with the same signature occupy the same grid, which is exactly\n * what makes a template \"the one you are currently in\". The gallery had no\n * selected state at all before this.\n */\nfunction shapeSignature(node: LayoutNode): string {\n  if (node.kind !== 'split') return 'p'\n  return `${node.direction === 'row' ? 'r' : 'c'}(${node.children.map(shapeSignature).join(',')})`\n}\n\n/**\n * Pick a SHAPE, fill it afterwards \u2014 the layout-first flow.\n *\n * Sits beside `ArrangeMenu` in the same overflow menu, and the two are labelled\n * apart because they answer different questions: a template says how many cells\n * there are, a preset says where the cells you already filled should go.\n * Existing panes are poured into the new shape, so choosing one never closes\n * the table you are looking at.\n */\nfunction TemplatesMenu({\n  layout,\n  onApply,\n}: {\n  layout: SplitLayout\n  onApply: (next: SplitLayout) => void\n}) {\n  const [open, setOpen] = React.useState(false)\n  const closeMenu = useToolbarOverflowClose()\n  const currentShape = shapeSignature(layout.root)\n\n  const pick = (id: GridTemplateId) => {\n    onApply(applyGridTemplate(layout, id))\n    setOpen(false)\n    closeMenu()\n  }\n\n  return (\n    <div data-split-templates-section=\"\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        title=\"Choose a grid\"\n        aria-expanded={open}\n        className={M3_MENU_ROW}\n        data-split-templates=\"\"\n      >\n        <span className=\"flex w-4 shrink-0 justify-center\"><Grid2x2 className=\"h-3.5 w-3.5 text-[var(--m3-on-surface-variant)]\" /></span>\n        <span className=\"flex-1\">Grid template</span>\n        <ChevronDown className={`h-3 w-3 text-[var(--m3-on-surface-variant)] transition-transform duration-[var(--m3-duration-short2)] ease-m3-standard ${open ? 'rotate-180' : ''}`} />\n      </button>\n\n      {/* Expands IN PLACE for the same reason ArrangeMenu does \u2014 a flyout is\n          clipped by the scrolling overflow panel it lives in. */}\n      {open && (\n        <div className=\"mb-1 ml-1.5 grid grid-cols-3 gap-1 border-l border-[var(--m3-outline-variant)] py-1 pl-1.5\" data-split-templates-menu=\"\">\n          {GRID_TEMPLATE_LIST.map((template) => {\n            const shape = template.build()\n            // The template whose SHAPE the workspace is already in. Marked with\n            // the same `secondary-container` swap selection uses everywhere.\n            const isCurrent = shapeSignature(shape) === currentShape\n            return (\n              <button\n                key={template.id}\n                type=\"button\"\n                onClick={() => pick(template.id)}\n                title={`${template.label} \u2014 ${template.hint}`}\n                aria-label={template.label}\n                aria-pressed={isCurrent}\n                className={`flex flex-col items-center gap-1 rounded-m3-sm p-1 transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard ${\n                  isCurrent\n                    ? 'bg-[var(--m3-secondary-container)] text-[var(--m3-on-secondary-container)]'\n                    : 'text-[var(--m3-on-surface-variant)] hover:bg-[var(--m3-state-layer-hover)] active:bg-[var(--m3-state-layer-pressed)]'\n                }`}\n                data-split-template={template.id}\n              >\n                <span className=\"flex h-8 w-full gap-[2px] rounded-m3-xs border border-[var(--m3-outline-variant)] p-[2px]\">\n                  <TemplatePreview node={shape} selected={isCurrent} />\n                </span>\n                <span className=\"text-body-regular-xs\">{template.slots}</span>\n              </button>\n            )\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\n/** Save / reopen named layouts. Personal-only in v1. */\nfunction LayoutsMenu({\n  anchorTableId,\n  layout,\n  onApply,\n}: {\n  anchorTableId: string\n  layout: SplitLayout\n  onApply: (layout: SplitLayout) => void\n}) {\n  const { layouts, save, remove } = useSplitViewLayouts(anchorTableId)\n  const [open, setOpen] = React.useState(false)\n  const [name, setName] = React.useState('')\n  const closeMenu = useToolbarOverflowClose()\n\n  const commit = async () => {\n    const trimmed = name.trim()\n    if (!trimmed) return\n    await save(trimmed, layout)\n    setName('')\n    setOpen(false)\n    closeMenu()\n  }\n\n  return (\n    <div data-split-layouts-section=\"\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        aria-expanded={open}\n        className={M3_MENU_ROW}\n        data-split-layouts=\"\"\n      >\n        <span className=\"flex w-4 shrink-0 justify-center\"><Save className=\"h-3.5 w-3.5 text-[var(--m3-on-surface-variant)]\" /></span>\n        <span className=\"flex-1\">Layouts</span>\n        <ChevronDown className={`h-3 w-3 text-[var(--m3-on-surface-variant)] transition-transform duration-[var(--m3-duration-short2)] ease-m3-standard ${open ? 'rotate-180' : ''}`} />\n      </button>\n\n      {open && (\n        <div className=\"mb-1 ml-1.5 border-l border-[var(--m3-outline-variant)] pl-1.5\" data-split-layouts-menu=\"\">\n          <div className=\"flex items-center gap-1 pb-1\">\n            <input\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              onKeyDown={(e) => {\n                // Cmd/Ctrl+Enter submits, Escape cancels \u2014 the dialog contract.\n                if (e.key === 'Enter') { e.preventDefault(); void commit() }\n                if (e.key === 'Escape') { e.preventDefault(); setOpen(false) }\n              }}\n              placeholder=\"Save current as\u2026\"\n              // Was `outline-none` with no field affordance whatsoever \u2014 an\n              // a11y defect. A field now looks like a field, and focus is the\n              // teal interaction-affirmative signal, not the blue selection one.\n              className=\"min-w-0 flex-1 rounded-m3-xs border border-[var(--m3-outline)] bg-[var(--m3-surface-container-lowest)] px-1.5 py-1 text-body-regular-xs text-[var(--m3-on-surface)] transition-[color,background-color,border-color,box-shadow] duration-[var(--m3-duration-short2)] ease-m3-standard placeholder:text-[var(--m3-on-surface-variant)] focus-visible:border-[var(--m3-focus-ring-color)] focus-visible:shadow-[var(--m3-focus-halo)] focus-visible:outline-none\"\n              data-split-layout-name=\"\"\n            />\n            <button\n              type=\"button\"\n              onClick={() => void commit()}\n              className=\"shrink-0 rounded-m3-full px-2 py-1 text-body-regular-xs text-[var(--m3-on-surface)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] active:bg-[var(--m3-state-layer-pressed)]\"\n              data-split-layout-save=\"\"\n            >\n              Save\n            </button>\n          </div>\n\n          {layouts.length === 0 && (\n            <div className=\"px-2 py-3 text-center text-body-regular-xs text-[var(--m3-on-surface-variant)]\" data-split-layouts-empty=\"\">\n              No saved layouts yet.\n            </div>\n          )}\n          {layouts.map((saved) => (\n            <div key={saved.id} className=\"flex items-center gap-1\">\n              <button\n                type=\"button\"\n                onClick={() => { onApply(saved.layout); setOpen(false); closeMenu() }}\n                className=\"flex-1 truncate rounded-m3-xs px-2 py-1 text-left text-body-regular-xs text-[var(--m3-on-surface)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] active:bg-[var(--m3-state-layer-pressed)]\"\n                data-split-layout-open={saved.name}\n              >\n                {saved.name}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void remove(saved.id)}\n                aria-label={`Delete ${saved.name}`}\n                className=\"rounded-m3-full p-1 text-[var(--m3-on-surface-variant)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-error-hover)] hover:text-[var(--m3-error)]\"\n                data-split-layout-delete={saved.name}\n              >\n                <Trash2 className=\"h-3 w-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type SplitViewHostProps = {\n  /** The table this page is for \u2014 the initial, and always first, pane. */\n  tableId: string\n}\n\n/**\n * Fill the available height.\n *\n * `h-full` cannot chain here: the AppShell's `<main>` has a real flex height,\n * but the page wrappers between it and us are block-level with `height: auto`,\n * so a percentage height resolves against `auto` and collapses to content.\n * Panes then sit at their minimum and the layout looks broken at any pane\n * count > 1.\n *\n * Measure the nearest SCROLL ancestor's client bottom and set an explicit\n * height \u2014 the same technique `DynamicTable` already uses for `height: 'fill'`\n * (DynamicTable.tsx), so the two agree instead of fighting.\n */\nfunction useFilledHeight(enabled: boolean) {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const [height, setHeight] = React.useState<number | null>(null)\n\n  React.useLayoutEffect(() => {\n    if (!enabled) {\n      setHeight(null)\n      return\n    }\n    const element = ref.current\n    if (!element) return\n\n    let scrollPane: HTMLElement | null = element.parentElement\n    while (scrollPane && scrollPane !== document.body) {\n      const overflowY = getComputedStyle(scrollPane).overflowY\n      if (overflowY === 'auto' || overflowY === 'scroll') break\n      scrollPane = scrollPane.parentElement\n    }\n\n    const measure = () => {\n      const rect = element.getBoundingClientRect()\n      const bottom =\n        scrollPane && scrollPane !== document.body\n          ? Math.min(\n              window.innerHeight,\n              Math.round(scrollPane.getBoundingClientRect().top) + scrollPane.clientHeight,\n            )\n          : window.innerHeight\n      setHeight(Math.max(Math.floor(bottom - rect.top), 320))\n    }\n\n    measure()\n    window.addEventListener('resize', measure)\n    const observer = new ResizeObserver(measure)\n    if (scrollPane && scrollPane !== document.body) observer.observe(scrollPane)\n    return () => {\n      window.removeEventListener('resize', measure)\n      observer.disconnect()\n    }\n  }, [enabled])\n\n  return { ref, height }\n}\n\n/**\n * The \"no shared criteria\" value, frozen at module scope.\n *\n * Identity matters: `criteria` is read off the layout and feeds the memo that\n * projects criteria onto every pane. A fresh `{ rules: [] }` per render would\n * change identity each time and re-project on every render of the host \u2014 the\n * same reason `sharedCriteria.ts` freezes its own `NOTHING`.\n */\nconst EMPTY_CRITERIA: SharedCriteria = Object.freeze({\n  rules: Object.freeze([]) as unknown as SharedCriteria['rules'],\n})\n\nexport function SplitViewHost({ tableId }: SplitViewHostProps) {\n  const registry = useTableRegistry()\n\n  // Restored SYNCHRONOUSLY in the initializer, not in an effect: an effect\n  // would paint one default pane first and then swap in the real arrangement,\n  // which reads as a flash and remounts every grid it restores.\n  //\n  // `registry.tables` is the accessible set, so a pane whose table the user\n  // may no longer open is dropped rather than mounted as an empty box.\n  const [layout, setLayout] = React.useState<SplitLayout>(() => {\n    const known = new Set(registry.tables.map((table) => table.metadata.id))\n    // Tables are pruned against the registry, which is available synchronously.\n    //\n    // Widgets are NOT pruned here, deliberately. The widget catalogue is\n    // fetched (react-query), so at this first synchronous paint it is still\n    // empty \u2014 pruning against it would drop every widget pane on every reload,\n    // which is exactly the defect TC-APP-604 caught: widgets rendered fine in\n    // session and silently vanished on refresh.\n    //\n    // Nothing is lost by keeping them: `WidgetPane` resolves its own content\n    // through `useContentById` and already renders the same 'unknown' /\n    // 'denied' messages a table pane does, so a widget the user can no longer\n    // open degrades in THAT PANE ALONE rather than being deleted from their\n    // saved arrangement behind their back.\n    const stored = readStoredLayout(tableId, (content) =>\n      content.kind === 'table' ? known.has(content.tableId) : true,\n    )\n    return (\n      stored ?? {\n        root: { kind: 'pane', id: makePaneId(), content: tableContent(tableId) },\n        version: SPLIT_LAYOUT_VERSION,\n      }\n    )\n  })\n\n  // Every mutation funnels through `setLayout`, so one effect covers splits,\n  // closes, divider drags, arrange presets, chrome toggles and named-layout\n  // opens \u2014 there is no path that changes the layout without being saved.\n  //\n  // Coalesced on an animation frame because ONE of those paths is continuous:\n  // a divider drag calls `setLayout` per `mousemove`, and each write does a\n  // `getItem` for scope resolution, a `JSON.stringify` of the whole tree, a\n  // `setItem` and up to two `removeItem`s \u2014 ~60 synchronous storage round-trips\n  // a second, on the same thread that is re-rendering every grid in the layout.\n  // The frame callback keeps discrete mutations effectively immediate (next\n  // paint) while collapsing a drag to one write per frame, and the cleanup\n  // flushes synchronously so nothing is lost on unmount or a tableId change.\n  React.useEffect(() => {\n    let frame: number | null = requestAnimationFrame(() => {\n      frame = null\n      writeStoredLayout(tableId, layout)\n    })\n    return () => {\n      if (frame === null) return\n      cancelAnimationFrame(frame)\n      writeStoredLayout(tableId, layout)\n    }\n  }, [tableId, layout])\n  /**\n   * What the picker will do with the table you choose: split an existing pane\n   * along an axis, or fill an empty slot in place.\n   */\n  const [pending, setPending] = React.useState<\n    | { mode: 'split'; slotId: string; direction: SplitDirection; before: boolean; anchor: DOMRect | null }\n    | { mode: 'fill'; slotId: string; anchor: DOMRect | null }\n    | null\n  >(null)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const fill = useFilledHeight(true)\n\n  // \u2500\u2500 Workspace-shared search and filtering \u2500\u2500\n  //\n  // Held HERE, at the host, because it is a property of the workspace rather\n  // than of any pane. Each pane receives only the projection of it that that\n  // pane can actually honour, translated into its own field names.\n  //\n  // Off by default: a workspace only starts driving its panes once the user\n  // asks it to, so a single-pane page behaves exactly as it always did.\n  //\n  // These live ON THE LAYOUT, not in component state beside it.\n  //\n  // `SplitLayout` has carried `sharedCriteria` / `sharedFiltersEnabled` since v3\n  // and `normalizeLayout` deliberately preserves both, but the host used to hold\n  // them in `useState` and never read or wrote the layout fields \u2014 so enabling\n  // the bar, adding a rule and reloading lost all of it. (The persistence test\n  // passes either way: it drives the storage layer directly, never the host.)\n  //\n  // Deriving rather than mirroring is what makes opening a SAVED NAMED LAYOUT\n  // work: its criteria arrive through `setLayout` like any other change, and are\n  // simply read. A `useState` seeded once at mount would have been overwritten by\n  // the stale component value the moment the named layout landed.\n  //\n  // Reads go through the layout; writes go through `setLayout`, so they ride the\n  // same persistence funnel as every other mutation \u2014 no second save path.\n  const sharedEnabled = layout.sharedFiltersEnabled ?? false\n  // `sharedCriteria` is typed `unknown` on the layout ON PURPOSE \u2014 the persistence\n  // layer carries it through a write/read cycle without knowing the vocabulary\n  // (types.ts:117-122). Narrowing happens here, at the one place that does know,\n  // and anything that is not a well-formed criteria object degrades to empty\n  // rather than throwing on a hand-edited or older stored layout.\n  const criteria = React.useMemo<SharedCriteria>(() => {\n    const stored = layout.sharedCriteria\n    if (!stored || typeof stored !== 'object') return EMPTY_CRITERIA\n    const candidate = stored as Partial<SharedCriteria>\n    return Array.isArray(candidate.rules) ? (stored as SharedCriteria) : EMPTY_CRITERIA\n  }, [layout.sharedCriteria])\n  const setSharedEnabled = React.useCallback(\n    (next: boolean | ((on: boolean) => boolean)) => {\n      setLayout((current) => {\n        const was = current.sharedFiltersEnabled ?? false\n        const value = typeof next === 'function' ? next(was) : next\n        return value === was ? current : { ...current, sharedFiltersEnabled: value }\n      })\n    },\n    [],\n  )\n  const setCriteria = React.useCallback((next: SharedCriteria) => {\n    setLayout((current) =>\n      current.sharedCriteria === next ? current : { ...current, sharedCriteria: next },\n    )\n  }, [])\n  const liveCriteria = sharedEnabled ? criteria : null\n  const hrefFor = React.useCallback(\n    (id: string) => registry.tables.find((table) => table.metadata.id === id)?.metadata.href,\n    [registry.tables],\n  )\n\n  const panes = React.useMemo(() => listPanes(layout.root), [layout])\n  const slotCount = React.useMemo(() => countSlots(layout.root), [layout])\n  const isSplit = slotCount > 1\n  /**\n   * The primary pane is the one holding THIS PAGE'S table \u2014 matched by identity,\n   * never by position.\n   *\n   * This used to be `panes[0]`, i.e. document order. But `splitPane(..., before)`\n   * inserts the new pane FIRST (`types.ts:436`), and the \"Left\" and \"Above\"\n   * actions both pass `before: true` \u2014 so adding a table to the left of the page's\n   * own table handed pane[0], and with it the UNSCOPED storage keys, to the newly\n   * added table. Two things broke at once: the new pane wrote its column widths\n   * over the standalone page's keys for that table, and the page's own table was\n   * demoted to a `pane:<id>:` scope, silently discarding the widths and last-used\n   * view the user had saved. Closing the pane flipped it back mid-session.\n   * `applyPreset` / `applyGridTemplate` pour panes into slots in document order\n   * too, so they inverted it the same way.\n   *\n   * Falls back to the first pane only when this page's table is not in the layout\n   * at all (every pane replaced), which keeps a single pane unscoped as before.\n   */\n  const primaryPaneId = React.useMemo(() => {\n    const own = panes.find(\n      (pane) => pane.content.kind === 'table' && pane.content.tableId === tableId,\n    )\n    return (own ?? panes[0])?.id\n  }, [panes, tableId])\n\n  /**\n   * Project the workspace criteria onto each pane, in that pane's own field\n   * names \u2014 plus the list of criteria it could NOT honour.\n   *\n   * Computed here rather than inside each pane because the unmapped report is a\n   * WORKSPACE-level statement (\"2 panes are not filtered by customer\"), and a\n   * pane reporting upward during its own render would be a write during render.\n   */\n  const perPane = React.useMemo(() => {\n    const filters = new Map<string, FilterRow[]>()\n    const unmapped: UnmappedPaneReport[] = []\n    for (const pane of panes) {\n      const isTable = pane.content.kind === 'table'\n      const definition = isTable\n        ? registry.tables.find((t) => t.metadata.id === (pane.content as { tableId: string }).tableId)\n        : undefined\n      const result = isTable\n        ? mapCriteriaForTable(liveCriteria, definition?.metadata)\n        : mapCriteriaForWidget(liveCriteria, (pane.content as { widgetId: string }).widgetId)\n      filters.set(pane.id, result.filters)\n      if (result.unmapped.length > 0) {\n        unmapped.push({\n          paneId: pane.id,\n          title: definition?.metadata.title ?? 'This pane',\n          unmapped: result.unmapped,\n        })\n      }\n    }\n    return { filters, unmapped }\n  }, [panes, registry.tables, liveCriteria])\n\n  // `''` (bar on, box empty) must reach the panes so their hidden search boxes\n  // stop filtering; `undefined` (bar off) must NOT, so each pane keeps its own.\n  const sharedSearch = liveCriteria ? (liveCriteria.search ?? '') : undefined\n\n  // Read `pending` from state, never from inside a `setPending` updater: React\n  // treats updaters as pure and calls them twice under StrictMode, so a\n  // setLayout side-effect in there is dropped or duplicated. That bug made\n  // every split silently do nothing.\n  const handlePick = React.useCallback(\n    // Takes a full `PaneContentRef` rather than a table id, because the picker\n    // now offers widgets too and only it knows which kind was chosen.\n    (content: PaneContentRef) => {\n      if (!pending) return\n      setLayout((current) =>\n        pending.mode === 'fill'\n          ? fillSlot(current, pending.slotId, content)\n          : splitPane(current, pending.slotId, content, pending.direction, pending.before),\n      )\n      setPending(null)\n    },\n    [pending],\n  )\n\n  const handleClose = React.useCallback((paneId: string) => {\n    setLayout((current) => removePane(current, paneId))\n  }, [])\n\n  /**\n   * Divider drag. The delta is converted to a fraction of the SPLIT NODE's own\n   * extent along its own axis, so a drag means the same proportion wherever the\n   * node sits in the tree and whichever way it runs.\n   */\n  const startDrag = React.useCallback(\n    (splitPath: NodePath, index: number, start: number, axis: SplitDirection, element: HTMLElement) => {\n      const container = element.parentElement\n      if (!container) return\n      const rect = container.getBoundingClientRect()\n      const extent = axis === 'row' ? rect.width : rect.height\n      if (extent <= 0) return\n      let last = start\n\n      const onMove = (event: MouseEvent) => {\n        const position = axis === 'row' ? event.clientX : event.clientY\n        const delta = position - last\n        if (delta === 0) return\n        last = position\n        setLayout((current) => resizeAt(current, splitPath, index, delta / extent))\n      }\n      const onUp = () => {\n        document.removeEventListener('mousemove', onMove, true)\n        document.removeEventListener('mouseup', onUp, true)\n        document.body.style.userSelect = ''\n        document.body.style.cursor = ''\n      }\n      // Suppress selection for the drag \u2014 without it a drag across a grid\n      // selects cell text and the pointer flickers.\n      document.body.style.userSelect = 'none'\n      document.body.style.cursor = axis === 'row' ? 'col-resize' : 'row-resize'\n      document.addEventListener('mousemove', onMove, true)\n      document.addEventListener('mouseup', onUp, true)\n    },\n    [],\n  )\n\n  /** Recursive renderer: a slot (filled or not), or a split laying children along its axis. */\n  const renderNode = (node: LayoutNode, path: NodePath): React.ReactNode => {\n    if (node.kind === 'empty') {\n      return (\n        <EmptySlot\n          slotId={node.id}\n          canRemove={slotCount > 1}\n          onAdd={(anchor) => setPending({ mode: 'fill', slotId: node.id, anchor })}\n          onRemove={() => handleClose(node.id)}\n        />\n      )\n    }\n\n    if (node.kind === 'pane') {\n      const isPrimary = node.id === primaryPaneId\n      const definitionHref = node.content.kind === 'table' ? hrefFor(node.content.tableId) : undefined\n      // The pane's items are ROWS injected into the table's ONE overflow menu \u2014\n      // not a second button beside it.\n      const paneRows = (\n        <PaneMenuRows\n          href={definitionHref}\n          chrome={node.chrome}\n          canClose={isSplit}\n          // On EVERY pane, not just the primary one. Arrange and Layouts act on\n          // the whole layout, so gating them behind one privileged pane meant\n          // the controls appeared or vanished depending on which table's menu\n          // you happened to open \u2014 with nothing on screen saying which pane was\n          // the special one. Arrange also shows when unsplit: its presets\n          // disable themselves with a \"needs at least N tables\" hint, which is\n          // the discoverability this menu was designed for.\n          extras={\n            <>\n              <TemplatesMenu layout={layout} onApply={setLayout} />\n              <ArrangeMenu layout={layout} onApply={setLayout} />\n              <SharedFilterToggle\n                enabled={sharedEnabled}\n                onToggle={() => setSharedEnabled((on) => !on)}\n              />\n              <LayoutsMenu anchorTableId={tableId} layout={layout} onApply={setLayout} />\n            </>\n          }\n          onSplit={(direction, before, anchor) =>\n            setPending({ mode: 'split', slotId: node.id, direction, before, anchor })\n          }\n          onToggleChrome={(patch) => setLayout((current) => setPaneChrome(current, node.id, patch))}\n          onClose={() => handleClose(node.id)}\n        />\n      )\n      const toolbarHidden = node.chrome?.toolbar === false\n      return (\n        <div\n          // `flex-1` matters: without it a pane sizes to its CONTENT inside a\n          // wrapper that has already been given a share, so after a height drag\n          // the wrapper grows and the pane does not \u2014 leaving a visible gap.\n          // The pane is an M3 OUTLINED card: a 16px corner, the softer\n          // `outline-variant` hairline, elevation 0. Card chrome is applied\n          // only when split \u2014 unsplit, `.hot-card` still draws its own frame\n          // and a second one here would read as a concentric double hairline.\n          // `overflow-hidden` is what clips the grid's square header to the\n          // card radius, so it stays whatever else changes.\n          className={`relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden${\n            isSplit\n              ? ' rounded-m3-lg border border-[var(--m3-outline-variant)] bg-[var(--m3-surface-container-lowest)]'\n              : ''\n          }`}\n          data-pane-id={node.id}\n          data-pane-table={node.content.kind === 'table' ? node.content.tableId : undefined}\n          data-pane-widget={node.content.kind === 'widget' ? node.content.widgetId : undefined}\n          data-pane-toolbar={toolbarHidden ? 'hidden' : undefined}\n        >\n          {/* Toolbar hidden means the overflow menu is hidden with it, so a user\n              who hid it would have no way back. Float the same rows behind one\n              small handle in the corner. */}\n          {toolbarHidden && <PaneRestoreMenu>{paneRows}</PaneRestoreMenu>}\n          <div className=\"min-h-0 flex-1 overflow-auto\">\n            <PaneBody\n              content={node.content}\n              paneId={node.id}\n              isPrimary={isPrimary}\n              multiview={isSplit}\n              overflowExtras={paneRows}\n              chrome={node.chrome}\n              onWidgetSettingsChange={(next) =>\n                setLayout((current) => setPaneContentSettings(current, node.id, next))\n              }\n              sharedFilters={perPane.filters.get(node.id)}\n              sharedSearch={sharedSearch}\n            />\n          </div>\n        </div>\n      )\n    }\n\n    const isRow = node.direction === 'row'\n    return (\n      <div\n        key={`split-${path.join('-')}`}\n        className={`flex min-h-0 min-w-0 flex-1 ${isRow ? 'flex-row' : 'flex-col'}`}\n        data-split-node={path.join('-') || 'root'}\n        data-split-direction={node.direction}\n      >\n        {/* A nested split has no id of its own, so the key used to fall back to\n            the array INDEX \u2014 and an index shifts when an earlier sibling is\n            removed. Closing the first of `[paneA, split(B,C), paneD]` moved the\n            nested split's key from `s1` to `s0`, so React unmounted and remounted\n            that whole subtree: B and C lost scroll position, cell selection, any\n            in-progress inline edit and any unsaved add-row draft, and each\n            CellStore was recreated with its undo stack. Keying on the subtree's\n            first SLOT id is stable across sibling removal, because slot ids are\n            preserved by every tree op. */}\n        {node.children.map((child, index) => (\n          <React.Fragment\n            key={child.kind === 'split' ? `s:${listSlots(child)[0]?.id ?? index}` : child.id}\n          >\n            <div\n              className=\"flex min-h-0 min-w-0 flex-col\"\n              style={{\n                flexGrow: node.sizes[index] ?? 1,\n                flexShrink: 1,\n                flexBasis: 0,\n                minWidth: isRow ? PANE_MIN_WIDTH_PX : undefined,\n                minHeight: !isRow ? PANE_MIN_HEIGHT_PX : undefined,\n              }}\n            >\n              {renderNode(child, [...path, index])}\n            </div>\n            {index < node.children.length - 1 && (\n              <div\n                role=\"separator\"\n                aria-orientation={isRow ? 'vertical' : 'horizontal'}\n                title=\"Drag to resize\"\n                onMouseDown={(event) => {\n                  event.preventDefault()\n                  startDrag(path, index, isRow ? event.clientX : event.clientY, node.direction, event.currentTarget)\n                }}\n                onDoubleClick={() => setLayout((current) => ({ ...current, root: evenAll(current.root) }))}\n                // Stays 4px of LAYOUT. Widening it to a \"real\" 8px gutter\n                // would take 4px of grid height off every horizontal split,\n                // and density is the product \u2014 so the bigger pointer target is\n                // bought for free by an OVERLAY (`::after`, -2px on each side)\n                // that costs no space at all.\n                //\n                // At rest the gutter is EMPTY: the two pane cards already draw\n                // their own outlines, so a hairline down the middle would put\n                // three lines inside 4px. `::before` is the drag handle and\n                // only colours in on hover \u2014 an accent pill, eased in.\n                //\n                // It must also stay a DIRECT sibling of the size wrappers:\n                // `startDrag` measures `element.parentElement` for the drag\n                // extent, so no wrapper, no `gap`, no padding on the split node.\n                className={`relative z-10 shrink-0 bg-transparent before:absolute before:rounded-m3-full before:bg-transparent before:transition-colors before:duration-[var(--m3-duration-short2)] before:ease-m3-standard before:content-[''] hover:before:bg-[var(--m3-accent)] after:absolute after:content-[''] ${\n                  isRow\n                    ? \"w-1 cursor-col-resize before:inset-y-0 before:left-1/2 before:w-0.5 before:-translate-x-1/2 after:inset-y-0 after:-left-0.5 after:-right-0.5\"\n                    : \"h-1 cursor-row-resize before:inset-x-0 before:top-1/2 before:h-0.5 before:-translate-y-1/2 after:inset-x-0 after:-top-0.5 after:-bottom-0.5\"\n                }`}\n                data-split-divider={`${path.join('-') || 'root'}:${index}`}\n              />\n            )}\n          </React.Fragment>\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={fill.ref}\n      className=\"flex h-full min-h-0 flex-col bg-[var(--m3-surface)]\"\n      style={fill.height ? { height: fill.height } : undefined}\n      data-split-view={isSplit ? 'true' : 'false'}\n      data-shared-filters={sharedEnabled ? 'on' : 'off'}\n    >\n      {/* One row, and only while it is on. It replaces each pane's search row\n          rather than adding to it, so N panes give back N rows for this one. */}\n      {sharedEnabled && (\n        <WorkspaceFilterBar\n          criteria={criteria}\n          onChange={setCriteria}\n          unmappedByPane={perPane.unmapped}\n          onToggleOff={() => setSharedEnabled(false)}\n        />\n      )}\n      <div\n        ref={containerRef}\n        // `px-2` and NEVER `p-2`: horizontal breathing room for the outermost\n        // cards is free, but vertical padding would cost 16px of grid height on\n        // every list page. Only while split, so an unsplit page is unchanged.\n        className={`flex min-h-0 flex-1${isSplit ? ' px-2' : ''}`}\n        // When the panes' minimums exceed the container, scroll rather than\n        // crushing every pane below legibility.\n        style={isSplit ? { overflow: 'auto' } : undefined}\n        data-split-root=\"\"\n      >\n        {renderNode(layout.root, [])}\n      </div>\n\n      {pending && (\n        <ContentPicker\n          anchorRect={pending.anchor}\n          // Tables AND widgets, both marked when already on screen rather than\n          // hidden \u2014 a user looking for what they just opened should find it\n          // where they expect, greyed, not absent.\n          openContent={panes.map((pane) => pane.content)}\n          onPick={handlePick}\n          onClose={() => setPending(null)}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default SplitViewHost\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-table/split-view/WidgetPane.js

@@ -0,0 +1,280 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import ReactDOM from "react-dom";
+import { Loader2, MoreHorizontal, RefreshCw } from "lucide-react";
+import { loadDashboardWidgetModule } from "../../dashboard/widgetRegistry.js";
+import { ToolbarOverflowCloseProvider } from "../components/ToolbarOverflow.js";
+import { M3_MENU_PANEL } from "./SplitViewHost.js";
+import { computeAnchoredPosition } from "../utils/anchoredPosition.js";
+import {
+  useContentById,
+  useWidgetRenderContext
+} from "../registry/ContentRegistryContext.js";
+const ANONYMOUS_CONTEXT = {
+  userId: "",
+  tenantId: null,
+  organizationId: null,
+  userName: null,
+  userEmail: null,
+  userLabel: null
+};
+function PaneMessage({ children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex h-full items-center justify-center p-6 text-center text-body-regular-sm text-[var(--m3-on-surface-variant)]",
+      ...rest,
+      children
+    }
+  );
+}
+function WidgetPane({
+  content,
+  slotId,
+  onSettingsChange,
+  overflowExtras,
+  hideToolbar
+}) {
+  const { item, status } = useContentById(content);
+  if (status === "loading") {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", "data-pane-status": "loading", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-[var(--m3-on-surface-variant)]", "aria-hidden": "true" }) });
+  }
+  if (status === "unknown") {
+    return /* @__PURE__ */ jsx(PaneMessage, { "data-pane-status": "unknown", children: "This widget is no longer available." });
+  }
+  if (status === "denied" || !item || item.kind !== "widget") {
+    return /* @__PURE__ */ jsxs(PaneMessage, { "data-pane-status": "denied", children: [
+      "You don\u2019t have access to ",
+      item?.title ?? "this widget",
+      "."
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    WidgetPaneBody,
+    {
+      item,
+      content,
+      slotId,
+      onSettingsChange,
+      overflowExtras,
+      hideToolbar
+    }
+  );
+}
+function WidgetPaneBody({
+  item,
+  content,
+  slotId,
+  onSettingsChange,
+  overflowExtras,
+  hideToolbar
+}) {
+  const renderContext = useWidgetRenderContext();
+  const [module, setModule] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [loadFailed, setLoadFailed] = React.useState(false);
+  const [refreshToken, setRefreshToken] = React.useState(0);
+  const [refreshing, setRefreshing] = React.useState(false);
+  const loaderKey = item.loaderKey;
+  React.useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setLoadFailed(false);
+    loadDashboardWidgetModule(loaderKey).then((loaded) => {
+      if (cancelled) return;
+      setModule(loaded);
+      setLoadFailed(!loaded);
+      setLoading(false);
+    }).catch((err) => {
+      if (cancelled) return;
+      try {
+        console.error("Failed to load widget module", err);
+      } catch {
+      }
+      setLoadFailed(true);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [loaderKey]);
+  React.useEffect(() => {
+    if (loadFailed) setRefreshing(false);
+  }, [loadFailed]);
+  const hydratedSettings = React.useMemo(() => {
+    const raw = content.settings ?? item.defaultSettings ?? null;
+    if (module?.hydrateSettings) {
+      try {
+        return module.hydrateSettings(raw);
+      } catch (err) {
+        try {
+          console.warn("Failed to hydrate widget settings", err);
+        } catch {
+        }
+        return raw;
+      }
+    }
+    return raw;
+  }, [content.settings, item.defaultSettings, module]);
+  const handleSettingsChange = React.useCallback(
+    (next) => {
+      let raw = next;
+      if (module?.dehydrateSettings) {
+        try {
+          raw = module.dehydrateSettings(next);
+        } catch (err) {
+          try {
+            console.warn("Failed to dehydrate widget settings", err);
+          } catch {
+          }
+        }
+      }
+      onSettingsChange?.(raw);
+    },
+    [module, onSettingsChange]
+  );
+  const layout = React.useMemo(
+    () => ({ id: slotId, widgetId: content.widgetId, order: 0, settings: content.settings }),
+    [slotId, content.widgetId, content.settings]
+  );
+  const supportsRefresh = item.supportsRefresh ?? false;
+  const triggerRefresh = React.useCallback(() => {
+    if (loading || loadFailed) return;
+    setRefreshing(true);
+    setRefreshToken((value) => value + 1);
+  }, [loading, loadFailed]);
+  const Widget = module?.Widget ?? null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
+      "data-pane-widget-body": content.widgetId,
+      children: [
+        !hideToolbar && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex h-7 shrink-0 items-center gap-1 bg-[var(--m3-surface-container-low)] px-2 text-[var(--m3-on-surface)]",
+            "data-pane-widget-header": "",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-label-semibold-xs", title: item.title, children: item.title }),
+              supportsRefresh && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: triggerRefresh,
+                  disabled: loading || loadFailed,
+                  "aria-label": "Refresh",
+                  title: "Refresh",
+                  className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-m3-full text-[var(--m3-on-surface-variant)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] hover:text-[var(--m3-on-surface)] active:bg-[var(--m3-state-layer-pressed)] disabled:opacity-[var(--m3-disabled-content-opacity)]",
+                  "data-pane-widget-refresh": "",
+                  children: refreshing ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" })
+                }
+              ),
+              overflowExtras ? /* @__PURE__ */ jsx(WidgetPaneMenu, { children: overflowExtras }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto p-2", "data-pane-widget-content": "", children: [
+          loading && /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", "data-pane-widget-loading": "", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-[var(--m3-on-surface-variant)]", "aria-hidden": "true" }) }),
+          !loading && loadFailed && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "p-4 text-body-regular-sm text-[var(--m3-on-surface-variant)]",
+              role: "alert",
+              "data-pane-widget-error": "",
+              children: "This widget could not be loaded."
+            }
+          ),
+          !loading && !loadFailed && Widget && /* @__PURE__ */ jsx(
+            Widget,
+            {
+              mode: "view",
+              layout,
+              settings: hydratedSettings,
+              context: renderContext ?? ANONYMOUS_CONTEXT,
+              onSettingsChange: handleSettingsChange,
+              refreshToken,
+              onRefreshStateChange: setRefreshing
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function WidgetPaneMenu({ children }) {
+  const [open, setOpen] = React.useState(false);
+  const triggerRef = React.useRef(null);
+  const panelRef = React.useRef(null);
+  const [placement, setPlacement] = React.useState({ top: 0, left: 0, maxHeight: 720 });
+  const reposition = React.useCallback(() => {
+    const trigger = triggerRef.current;
+    if (!trigger) return;
+    const next = computeAnchoredPosition(
+      trigger.getBoundingClientRect(),
+      { width: window.innerWidth, height: window.innerHeight },
+      { width: 216, preferredHeight: 720, align: "end", minHeight: 180 }
+    );
+    setPlacement({ top: next.top, left: next.left, maxHeight: next.maxHeight });
+  }, []);
+  React.useLayoutEffect(() => {
+    if (open) reposition();
+  }, [open, reposition]);
+  React.useEffect(() => {
+    if (!open) return;
+    const onDown = (event) => {
+      const target = event.target;
+      if (!panelRef.current?.contains(target) && !triggerRef.current?.contains(target)) setOpen(false);
+    };
+    const onKey = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    const onScroll = () => reposition();
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onScroll);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onScroll);
+    };
+  }, [open, reposition]);
+  const close = React.useCallback(() => setOpen(false), []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        onClick: () => setOpen((value) => !value),
+        "aria-label": "Pane options",
+        "aria-expanded": open,
+        className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-m3-full text-[var(--m3-on-surface-variant)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] hover:text-[var(--m3-on-surface)] active:bg-[var(--m3-state-layer-pressed)]",
+        "data-pane-widget-menu-btn": "",
+        children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    open && typeof document !== "undefined" && ReactDOM.createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: panelRef,
+          className: M3_MENU_PANEL,
+          style: { top: placement.top, left: placement.left, width: 216, maxHeight: placement.maxHeight },
+          "data-pane-widget-menu": "",
+          children: /* @__PURE__ */ jsx(ToolbarOverflowCloseProvider, { value: close, children })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+var WidgetPane_default = WidgetPane;
+export {
+  WidgetPane,
+  WidgetPane_default as default
+};
+//# sourceMappingURL=WidgetPane.js.map

package/dist/backend/dynamic-table/split-view/WidgetPane.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/split-view/WidgetPane.tsx"],
+  "sourcesContent": ["'use client'\n\n// A dashboard widget rendered as split-view pane content.\n//\n// This constructs the props object the widget ALREADY declares\n// (`DashboardWidgetComponentProps`, a public upstream type) and hands it to the\n// component `loadDashboardWidgetModule` returns \u2014 the same two steps\n// `DashboardScreen` takes at DashboardScreen.tsx:521-701. Nothing upstream is\n// changed, shimmed or adapted; a widget cannot tell it is in a pane rather than\n// a dashboard card.\n//\n// Three differences from the dashboard card, each forced by the pane:\n//\n//  * `layout` is synthesized from the SLOT (`{ id: slot.id, widgetId, order: 0 }`)\n//    rather than read from a dashboard layout row. A pane is not a dashboard\n//    item and has no order among siblings; the slot id is the stable identity,\n//    and it is what makes two panes of the same widget independent.\n//  * `settings` live on the slot, so `onSettingsChange` bubbles to the host to\n//    persist rather than PUTting the dashboard layout.\n//  * Chrome is one 28px row. A table pane's controls live in the toolbar the\n//    table already draws; a widget draws none, so the pane must supply the\n//    minimum \u2014 title, refresh, overflow \u2014 and no more. Vertical space is the\n//    scarce resource here.\n//\n// Degradation matches a table pane exactly: unknown and denied each render one\n// clear line and nothing else, and a failed chunk load renders an ERROR, never a\n// skeleton that waits forever (the mistake `lazyTable.tsx` documents).\n//\n// Spec: .ai/specs/2026-08-17-split-view-workspace-composition.md (Phase 2)\n\nimport * as React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Loader2, MoreHorizontal, RefreshCw } from 'lucide-react'\nimport type {\n  DashboardLayoutItem,\n  DashboardWidgetModule,\n  DashboardWidgetRenderContext,\n} from '@open-mercato/shared/modules/dashboard/widgets'\nimport { loadDashboardWidgetModule } from '../../dashboard/widgetRegistry'\nimport { ToolbarOverflowCloseProvider } from '../components/ToolbarOverflow'\n// The one piece of chrome this file shares with its host. Importing it back\n// from `SplitViewHost` is a cycle, and a safe one: the binding is read at\n// RENDER time, long after both module bodies have initialised.\nimport { M3_MENU_PANEL } from './SplitViewHost'\nimport { computeAnchoredPosition } from '../utils/anchoredPosition'\nimport {\n  useContentById,\n  useWidgetRenderContext,\n  type WidgetContentItem,\n} from '../registry/ContentRegistryContext'\nimport type { PaneContentRef } from './types'\n\ntype WidgetRef = Extract<PaneContentRef, { kind: 'widget' }>\ntype LoadedModule = DashboardWidgetModule<any>\n\n/** A context is required by the prop type but may not have arrived. Empty, never fabricated. */\nconst ANONYMOUS_CONTEXT: DashboardWidgetRenderContext = {\n  userId: '',\n  tenantId: null,\n  organizationId: null,\n  userName: null,\n  userEmail: null,\n  userLabel: null,\n}\n\nexport type WidgetPaneProps = {\n  /** The slot's content ref. `settings` on it are the user's; absent means defaults. */\n  content: WidgetRef\n  /** The owning slot's id \u2014 becomes `layout.id`, so two panes of one widget stay independent. */\n  slotId: string\n  /**\n   * Persist the widget's new settings ON THE SLOT. The pane deliberately does\n   * not write them itself: the host owns the layout tree and its persistence,\n   * and a pane writing through it would be a second, racing writer.\n   */\n  onSettingsChange?: (next: unknown) => void\n  /** Host rows for the pane's overflow menu (split / close / open full page). */\n  overflowExtras?: React.ReactNode\n  /** Mirrors a table pane's `hideToolbar` chrome toggle \u2014 hides the header row. */\n  hideToolbar?: boolean\n}\n\nfunction PaneMessage({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className=\"flex h-full items-center justify-center p-6 text-center text-body-regular-sm text-[var(--m3-on-surface-variant)]\"\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function WidgetPane({\n  content,\n  slotId,\n  onSettingsChange,\n  overflowExtras,\n  hideToolbar,\n}: WidgetPaneProps) {\n  const { item, status } = useContentById(content)\n\n  if (status === 'loading') {\n    return (\n      <div className=\"flex h-full items-center justify-center\" data-pane-status=\"loading\">\n        <Loader2 className=\"h-4 w-4 animate-spin text-[var(--m3-on-surface-variant)]\" aria-hidden=\"true\" />\n      </div>\n    )\n  }\n  if (status === 'unknown') {\n    return (\n      <PaneMessage data-pane-status=\"unknown\">This widget is no longer available.</PaneMessage>\n    )\n  }\n  if (status === 'denied' || !item || item.kind !== 'widget') {\n    return (\n      <PaneMessage data-pane-status=\"denied\">\n        You don\u2019t have access to {item?.title ?? 'this widget'}.\n      </PaneMessage>\n    )\n  }\n\n  return (\n    <WidgetPaneBody\n      item={item}\n      content={content}\n      slotId={slotId}\n      onSettingsChange={onSettingsChange}\n      overflowExtras={overflowExtras}\n      hideToolbar={hideToolbar}\n    />\n  )\n}\n\nfunction WidgetPaneBody({\n  item,\n  content,\n  slotId,\n  onSettingsChange,\n  overflowExtras,\n  hideToolbar,\n}: {\n  item: WidgetContentItem\n  content: WidgetRef\n  slotId: string\n  onSettingsChange?: (next: unknown) => void\n  overflowExtras?: React.ReactNode\n  hideToolbar?: boolean\n}) {\n  const renderContext = useWidgetRenderContext()\n  const [module, setModule] = React.useState<LoadedModule | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [loadFailed, setLoadFailed] = React.useState(false)\n  const [refreshToken, setRefreshToken] = React.useState(0)\n  const [refreshing, setRefreshing] = React.useState(false)\n\n  const loaderKey = item.loaderKey\n\n  React.useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setLoadFailed(false)\n    loadDashboardWidgetModule(loaderKey)\n      .then((loaded) => {\n        if (cancelled) return\n        // A null module means the loader key resolved to nothing \u2014 same outcome\n        // as a thrown chunk error, and it must LOOK like one.\n        setModule(loaded)\n        setLoadFailed(!loaded)\n        setLoading(false)\n      })\n      .catch((err) => {\n        if (cancelled) return\n        try {\n          console.error('Failed to load widget module', err)\n        } catch {}\n        setLoadFailed(true)\n        setLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [loaderKey])\n\n  React.useEffect(() => {\n    if (loadFailed) setRefreshing(false)\n  }, [loadFailed])\n\n  const hydratedSettings = React.useMemo(() => {\n    const raw = content.settings ?? item.defaultSettings ?? null\n    if (module?.hydrateSettings) {\n      try {\n        return module.hydrateSettings(raw)\n      } catch (err) {\n        try {\n          console.warn('Failed to hydrate widget settings', err)\n        } catch {}\n        return raw\n      }\n    }\n    return raw\n  }, [content.settings, item.defaultSettings, module])\n\n  const handleSettingsChange = React.useCallback(\n    (next: unknown) => {\n      let raw = next\n      if (module?.dehydrateSettings) {\n        try {\n          raw = module.dehydrateSettings(next as never)\n        } catch (err) {\n          try {\n            console.warn('Failed to dehydrate widget settings', err)\n          } catch {}\n        }\n      }\n      onSettingsChange?.(raw)\n    },\n    [module, onSettingsChange],\n  )\n\n  // The slot IS the layout item. `order: 0` because a pane has no siblings to\n  // order against \u2014 the tree owns arrangement, not this number.\n  const layout = React.useMemo<DashboardLayoutItem>(\n    () => ({ id: slotId, widgetId: content.widgetId, order: 0, settings: content.settings }),\n    [slotId, content.widgetId, content.settings],\n  )\n\n  const supportsRefresh = item.supportsRefresh ?? false\n  const triggerRefresh = React.useCallback(() => {\n    if (loading || loadFailed) return\n    setRefreshing(true)\n    setRefreshToken((value) => value + 1)\n  }, [loading, loadFailed])\n\n  const Widget = module?.Widget ?? null\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n      data-pane-widget-body={content.widgetId}\n    >\n      {!hideToolbar && (\n        <div\n          // A tinted container step instead of a hairline: M3 separates by\n          // surface role wherever both would read, and this band is the card's\n          // own top edge \u2014 the pane's `overflow-hidden` clips it to the radius.\n          className=\"flex h-7 shrink-0 items-center gap-1 bg-[var(--m3-surface-container-low)] px-2 text-[var(--m3-on-surface)]\"\n          data-pane-widget-header=\"\"\n        >\n          <span className=\"min-w-0 flex-1 truncate text-label-semibold-xs\" title={item.title}>\n            {item.title}\n          </span>\n          {supportsRefresh && (\n            <button\n              type=\"button\"\n              onClick={triggerRefresh}\n              disabled={loading || loadFailed}\n              aria-label=\"Refresh\"\n              title=\"Refresh\"\n              className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded-m3-full text-[var(--m3-on-surface-variant)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] hover:text-[var(--m3-on-surface)] active:bg-[var(--m3-state-layer-pressed)] disabled:opacity-[var(--m3-disabled-content-opacity)]\"\n              data-pane-widget-refresh=\"\"\n            >\n              {refreshing ? (\n                <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n              ) : (\n                <RefreshCw className=\"h-3.5 w-3.5\" />\n              )}\n            </button>\n          )}\n          {overflowExtras ? <WidgetPaneMenu>{overflowExtras}</WidgetPaneMenu> : null}\n        </div>\n      )}\n\n      <div className=\"min-h-0 flex-1 overflow-auto p-2\" data-pane-widget-content=\"\">\n        {loading && (\n          <div className=\"flex h-full items-center justify-center\" data-pane-widget-loading=\"\">\n            <Loader2 className=\"h-4 w-4 animate-spin text-[var(--m3-on-surface-variant)]\" aria-hidden=\"true\" />\n          </div>\n        )}\n        {!loading && loadFailed && (\n          <div\n            className=\"p-4 text-body-regular-sm text-[var(--m3-on-surface-variant)]\"\n            role=\"alert\"\n            data-pane-widget-error=\"\"\n          >\n            This widget could not be loaded.\n          </div>\n        )}\n        {!loading && !loadFailed && Widget && (\n          <Widget\n            mode=\"view\"\n            layout={layout}\n            settings={hydratedSettings}\n            context={renderContext ?? ANONYMOUS_CONTEXT}\n            onSettingsChange={handleSettingsChange}\n            refreshToken={refreshToken}\n            onRefreshStateChange={setRefreshing}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * The pane's overflow menu.\n *\n * Portalled to `document.body` and positioned with `computeAnchoredPosition`,\n * like every other menu in the grid \u2014 a pane clips its overflow, so an\n * absolutely-positioned panel would be painted over and unclickable (the bug\n * `PaneRestoreMenu` documents). `ToolbarOverflowCloseProvider` is what lets the\n * host's rows close the menu after acting, so they behave identically to the\n * rows a table pane puts in its own toolbar overflow.\n */\nfunction WidgetPaneMenu({ children }: { children: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false)\n  const triggerRef = React.useRef<HTMLButtonElement>(null)\n  const panelRef = React.useRef<HTMLDivElement>(null)\n  const [placement, setPlacement] = React.useState({ top: 0, left: 0, maxHeight: 720 })\n\n  const reposition = React.useCallback(() => {\n    const trigger = triggerRef.current\n    if (!trigger) return\n    const next = computeAnchoredPosition(\n      trigger.getBoundingClientRect(),\n      { width: window.innerWidth, height: window.innerHeight },\n      { width: 216, preferredHeight: 720, align: 'end', minHeight: 180 },\n    )\n    setPlacement({ top: next.top, left: next.left, maxHeight: next.maxHeight })\n  }, [])\n\n  React.useLayoutEffect(() => {\n    if (open) reposition()\n  }, [open, reposition])\n\n  React.useEffect(() => {\n    if (!open) return\n    const onDown = (event: MouseEvent) => {\n      const target = event.target as Node\n      if (!panelRef.current?.contains(target) && !triggerRef.current?.contains(target)) setOpen(false)\n    }\n    const onKey = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') setOpen(false)\n    }\n    const onScroll = () => reposition()\n    document.addEventListener('mousedown', onDown)\n    document.addEventListener('keydown', onKey)\n    window.addEventListener('scroll', onScroll, true)\n    window.addEventListener('resize', onScroll)\n    return () => {\n      document.removeEventListener('mousedown', onDown)\n      document.removeEventListener('keydown', onKey)\n      window.removeEventListener('scroll', onScroll, true)\n      window.removeEventListener('resize', onScroll)\n    }\n  }, [open, reposition])\n\n  const close = React.useCallback(() => setOpen(false), [])\n\n  return (\n    <>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        aria-label=\"Pane options\"\n        aria-expanded={open}\n        className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded-m3-full text-[var(--m3-on-surface-variant)] transition-colors duration-[var(--m3-duration-short2)] ease-m3-standard hover:bg-[var(--m3-state-layer-hover)] hover:text-[var(--m3-on-surface)] active:bg-[var(--m3-state-layer-pressed)]\"\n        data-pane-widget-menu-btn=\"\"\n      >\n        <MoreHorizontal className=\"h-3.5 w-3.5\" />\n      </button>\n      {open &&\n        typeof document !== 'undefined' &&\n        ReactDOM.createPortal(\n          <div\n            ref={panelRef}\n            className={M3_MENU_PANEL}\n            style={{ top: placement.top, left: placement.left, width: 216, maxHeight: placement.maxHeight }}\n            data-pane-widget-menu=\"\"\n          >\n            <ToolbarOverflowCloseProvider value={close}>{children}</ToolbarOverflowCloseProvider>\n          </div>,\n          document.body,\n        )}\n    </>\n  )\n}\n\nexport default WidgetPane\n"],
+  "mappings": "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",
+  "names": []
+}