@alfadocs/ui-kit-debug 1.37.0 → 1.39.0

package/dist/_chunks/tool-rail-BP8sjxCw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tool-rail-BP8sjxCw.js","sources":["../../src/components/tool-rail/tool-rail.agent.ts","../../src/components/tool-rail/tool-rail.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ToolRail.                                           */\n/*                                                                        */\n/* Rail-level surface: open / close a tool's panel and read which tool    */\n/* is active. State is strictly the active tool id — never any tool's     */\n/* panel CONTENT (which may carry PHI). Tool ids + badge counts are       */\n/* supplied by the host via props, not derived from panel bodies.        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ToolRailHandle } from './tool-rail';\n\nexport const toolRailAgent: AgentAdapter<ToolRailHandle> = {\n  id: 'tool-rail',\n  capabilities: ['open', 'close', 'select_single'],\n  state: {\n    activeToolId: {\n      type: 'string | null',\n      descriptionKey: 'ui.toolRail.agent.state.activeToolId',\n      description:\n        'Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.',\n      read: (handle) => handle.getActiveToolId(),\n    },\n  },\n  actions: {\n    open: {\n      // Pure ephemeral panel state (open) — no data loss, no external effect.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      // descriptionKey shape is intentionally pre-existing — already resolves to\n      // real multi-locale translations; do not canonicalise.\n      descriptionKey: 'ui.toolRail.agent.actions.open',\n      description: \"Open the given tool's panel.\",\n      examples: [{ args: { id: 'inbox' }, note: 'Open the inbox tool panel.' }],\n      invoke: (handle, args: { id: string }) => {\n        handle.open(args.id);\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.toolRail.agent.actions.close',\n      description: 'Collapse the rail to its strip (no active tool).',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_tool: {\n      safety: 'read',\n      argsType: '{ id: string | null }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: ['string', 'null'] } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.toolRail.agent.actions.selectTool',\n      description:\n        'Set the active tool by id (opens its panel), or pass null to collapse.',\n      invoke: (handle, args: { id: string | null }) => {\n        handle.setActiveTool(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'tool-rail',\n      description: 'Marks the ToolRail wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific rail from the agent.',\n    },\n    item: {\n      attr: 'data-tool-id',\n      description:\n        'Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { IconButton } from '../button/icon-button';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { TooltipProvider } from '../tooltip/tooltip';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useEdgeResize } from '../../hooks/use-edge-resize';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { REFLOW_ROW_CLASS, useListReflow } from '../../hooks/use-list-reflow';\nimport { useExitTransition } from '../../hooks/use-exit-transition';\nimport { usePrefersReducedMotion } from '../../hooks/use-prefers-reduced-motion';\nimport { usePresenceTransition } from '../../hooks/use-presence-transition';\nimport { useTheme } from '../../hooks/use-theme';\nimport { useAgentRegistration } from '../../agent/registry';\nimport type { AgentAdapter } from '../../agent/types';\nimport { toolRailAgent } from './tool-rail.agent';\n\n/* ------------------------------------------------------------------ */\n/* Tokenised widths                                                    */\n/*                                                                    */\n/* Fixed + tokenised so the rail stays constraint-compliant — no       */\n/* prop-driven inline styles. Bare `[inline-size:…]` is NOT a          */\n/* recognised utility under the `ds:` prefix; it must carry the        */\n/* prefix or Tailwind emits no rule. Consumers needing a different     */\n/* size wrap the rail and override via CSS.                            */\n/* ------------------------------------------------------------------ */\nconst RAIL_WIDTH = 'ds:[inline-size:3rem]';\n// Panel width rides a consumer-overridable custom property (set\n// `--tool-rail-panel-inline-size` on the rail or a wrapper) so\n// content-heavy tools (e.g. an inbox feed) can widen their panel\n// without inline styles. Defaults to the 22rem tray-family width.\n// `--ai-tools-rail-panel-inline-size` is the deprecated alias var read\n// here as a fallback so external consumers that set the pre-rename name\n// keep working for one release; the resize hook only ever writes the new\n// `--tool-rail-panel-inline-size`.\nconst PANEL_WIDTH =\n  'ds:[inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,22rem))]';\n// The custom property PANEL_WIDTH reads. The resize hook writes the\n// committed px width here (on the panel element, so it beats consumer\n// class overrides on the root) and removes it on reset.\nconst PANEL_SIZE_PROPERTY = '--tool-rail-panel-inline-size';\n// Resize clamp + nominal default, px (352px = the 22rem token default).\n// The ceiling is 880 so a form panel can reach a three-column layout:\n// pairing fields is the only way to shorten a long form without\n// shrinking a 44px target, and that needs real inline size.\nconst PANEL_MIN_SIZE = 288;\nconst PANEL_MAX_SIZE = 880;\nconst PANEL_DEFAULT_SIZE = 352;\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface ToolRailTool {\n  /** Stable tool id — used in `data-active`, the imperative handle, and\n   *  to label the open panel region. */\n  id: string;\n  /** Accessible name for the strip icon + tooltip, and the open panel's\n   *  region label. Never rendered as visible body text. */\n  label: string;\n  /** lucide-react glyph (rendered `aria-hidden` inside the IconButton). */\n  icon: ReactNode;\n  /** Panel body for this tool. Rendered inline-start of the strip when\n   *  `side='end'` (mirrored for `'start'`). The consumer composes it. */\n  panel: ReactNode;\n  /**\n   * Optional non-scrolling header for this tool's panel. Rendered pinned at\n   * the top of the open panel — above the scroll region — so a tool's title /\n   * filters stay visible as the body scrolls. This is the rail-level home for\n   * a sticky tool header; every tool gets it for free.\n   */\n  header?: ReactNode;\n  /**\n   * When true the panel body is NOT wrapped in the rail's `ScrollArea` — the\n   * tool fills the (height-bounded) panel and owns its own scroll/layout.\n   * Use for self-scrolling tools (e.g. `AppointmentTimeline`, whose infinite\n   * scroll + today-anchoring + edge fades require it to be the scroll\n   * container). Default `false` (the rail scrolls the body).\n   */\n  fill?: boolean;\n  /** Optional unseen / notification count shown on the strip icon. */\n  badgeCount?: number;\n  /** When true the icon is non-interactive and skipped by roving focus. */\n  disabled?: boolean;\n  /**\n   * Scope tier (drives the two-group divider). The two scope values render in\n   * array order with a divider at the boundary between them — order the array\n   * so the groups stay contiguous. A divider only appears when BOTH groups are\n   * present; omit `scope` on every tool for an ungrouped strip (legacy). The\n   * rail attaches no meaning beyond grouping — the host decides which value\n   * leads (e.g. the Control Room pins favourites first).\n   */\n  scope?: 'global' | 'contextual';\n  /**\n   * When true this icon joins the drag-and-drop / `Alt`+Arrow reorder run.\n   * The host supplies `onReorder` and owns the resulting order. Moves are\n   * confined to the contiguous run of `reorderable` tools — so if EVERY tool\n   * is `reorderable` the run is the whole strip and a tool can be dragged\n   * across the scope divider; the host's `onReorder` decides what crossing it\n   * means (e.g. the Control Room reads it as pin / unpin). Reordering never\n   * changes focus roving — focus follows the moved tool to its new slot.\n   */\n  reorderable?: boolean;\n}\n\n/**\n * Curated imperative handle for ToolRail. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the rail without\n * touching the DOM. See `tool-rail.agent.ts`.\n *\n * State surfaced here is strictly identifiers + counts — never any\n * tool's panel content (which may carry PHI).\n */\nexport interface ToolRailHandle {\n  /** Currently-active tool id, or null when collapsed to strip-only. */\n  getActiveToolId: () => string | null;\n  /** Activate a tool by id (opens its panel), or null to collapse. */\n  setActiveTool: (id: string | null) => void;\n  /** Activate a tool by id (opens its panel). */\n  open: (id: string) => void;\n  /** Collapse to strip-only (no active tool). */\n  close: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — `side` drives the dock edge + which shadow faces main content */\n/* ------------------------------------------------------------------ */\n\nconst railVariants = cva(\n  ['ds:flex ds:shrink-0 ds:h-full', 'ds:bg-[var(--background)]'].join(' '),\n  {\n    variants: {\n      side: {\n        // Strip docks inline-end; the panel mounts inline-start of it\n        // (flex-row, panel rendered first). Shadow faces the main area —\n        // no border against main (the rail stays line-free; the only seam\n        // is the strip↔panel divider on the open panel, see render).\n        // Accessible (AAA) theme swaps the soft chrome shadow for a solid 1px\n        // border on the content-facing edge (border-s for end-docked).\n        end: 'ds:flex-row ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none',\n        // Strip docks inline-start; the panel mounts inline-end of it.\n        start:\n          'ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none',\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nconst stripVariants = cva(\n  [\n    'ds:flex ds:shrink-0 ds:flex-col ds:items-center',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:gap-[var(--spacing-xs)]',\n    RAIL_WIDTH,\n  ].join(' '),\n);\n\nconst panelVariants = cva(\n  [\n    'ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full',\n    'ds:bg-[var(--background)]',\n    PANEL_WIDTH,\n    // Open / collapse: the panel fades and slides from the strip. The WIDTH\n    // snaps on purpose — animating it would re-lay-out the main area (a\n    // calendar grid) on every frame. Declared at rest so both directions\n    // have a value to move from.\n    'ds:transition-[opacity,translate] ds:duration-[var(--animation-duration)]',\n    'ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none',\n    'ds:data-[presence=entering]:opacity-0 ds:data-[presence=leaving]:opacity-0',\n    'ds:data-[presence=leaving]:pointer-events-none',\n    'ds:data-[resizing]:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      // Slide toward the strip the panel belongs to, mirrored in RTL.\n      side: {\n        end: 'ds:data-[presence=entering]:translate-x-[var(--spacing-md)] ds:data-[presence=leaving]:translate-x-[var(--spacing-md)] ds:rtl:data-[presence=entering]:-translate-x-[var(--spacing-md)] ds:rtl:data-[presence=leaving]:-translate-x-[var(--spacing-md)]',\n        start:\n          'ds:data-[presence=entering]:-translate-x-[var(--spacing-md)] ds:data-[presence=leaving]:-translate-x-[var(--spacing-md)] ds:rtl:data-[presence=entering]:translate-x-[var(--spacing-md)] ds:rtl:data-[presence=leaving]:translate-x-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\n/* A tool's body fades in when it replaces another in an already-open panel. */\nconst panelBodyVariants = cva(\n  [\n    'ds:flex ds:min-h-0 ds:flex-1 ds:flex-col',\n    'ds:transition-opacity ds:duration-[var(--animation-duration)]',\n    'ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none',\n    'ds:data-[presence=entering]:opacity-0',\n  ].join(' '),\n);\n\n// Resize handle on the panel's inner edge — mirrors Resizable's Handle\n// (::before hit area to --min-target-size, hover/focus/drag accent, token\n// focus ring) but absolutely positioned over the panel edge. Like the\n// Sidebar's handle it stays TRANSPARENT at rest: the rail root's\n// `shadow-chrome-*` (which faces the main content) carries the resting seam,\n// exactly as the start-docked Sidebar leans on its own shadow — so the rail\n// never shows the constant coloured bar it used to. The strip only tints\n// accent on hover / focus / drag.\nconst panelResizeHandleVariants = cva(\n  [\n    'ds:absolute ds:[inset-block:0] ds:z-[1] ds:select-none ds:touch-none',\n    'ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    \"ds:before:absolute ds:before:content-['']\",\n    'ds:before:[block-size:100%]',\n    'ds:before:[inline-size:var(--min-target-size)]',\n    'ds:before:[inset-block:0]',\n    'ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n  ],\n  {\n    variants: {\n      edge: {\n        'inline-start': 'ds:start-0',\n        'inline-end': 'ds:end-0',\n      },\n    },\n    defaultVariants: { edge: 'inline-start' },\n  },\n);\n\n// Hand-rolled overlay count chip — mirrors the AliaSidebar / MessageTray\n// badge markup. A <Badge> would re-introduce its own landmark/role; the\n// strip icon already carries the count in its accessible name, so this\n// span is purely decorative (`aria-hidden`).\nconst badgeVariants = cva(\n  [\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\n\n// Per-icon slot — the positioned box that hosts the IconButton, its badge and\n// the optional affordance overlay. CVA carries the drag states: the dragged\n// icon dims; a hovered drop target shows a dashed accent ring (logical offset),\n// mirroring the Sidebar's favourite-row affordance.\nconst toolSlotVariants = cva(\n  // `group/rail-tool` lets an affordance overlay (e.g. a pin star) reveal on\n  // hover / focus-within of the whole slot.\n  ['ds:group/rail-tool ds:relative', 'ds:rounded-[var(--radius-sm)]'],\n  {\n    variants: {\n      dragging: { true: 'ds:opacity-60', false: '' },\n      dropTarget: {\n        true: 'ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--accent)] ds:outline-offset-[length:var(--focus-ring-offset)]',\n        false: '',\n      },\n      reorderable: {\n        true: 'ds:cursor-grab ds:active:cursor-grabbing',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      dragging: false,\n      dropTarget: false,\n      reorderable: false,\n    },\n  },\n);\n\n/* A departing tool slot fades in place; the reflow hook then slides the\n   surviving icons to close the gap. Declared at rest so the transition\n   has a value to animate from the moment the leaving class lands. */\nconst toolLeavingClass = 'ds:opacity-0';\nconst toolElevationClass = [\n  'ds:transition-opacity ds:duration-[var(--animation-duration)]',\n  'ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface ToolRailProps extends VariantProps<typeof railVariants> {\n  /** Stable instance id, surfaced on the root as `data-component-id`. */\n  id?: string;\n  /** The tools shown as icons on the strip. */\n  tools: ToolRailTool[];\n  /** Controlled active tool id (null = collapsed / strip-only). */\n  activeToolId?: string | null;\n  /** Uncontrolled initial active tool id (default null). */\n  defaultActiveToolId?: string | null;\n  /** Fires whenever the active tool changes (incl. → null on collapse). */\n  onActiveToolChange?: (id: string | null) => void;\n  /** Which edge the rail docks to. Default `'end'` (inline-end). */\n  side?: 'start' | 'end';\n  /** Accessible label for the toolbar strip. */\n  railLabel?: string;\n  /**\n   * Opt-in resize affordance for the open tool panel. Renders a\n   * `role=\"separator\"` drag handle on the panel's inner edge (the edge\n   * facing the main content). The committed width is written to\n   * `--tool-rail-panel-inline-size` on the panel element (288–880px);\n   * Enter / double-click resets to the token-driven default. Default `false`.\n   */\n  resizablePanel?: boolean;\n  /**\n   * Fires when the user reorders the `reorderable` run (drag-drop or\n   * `Alt`+Arrow). `from` / `to` are indices into `tools`; the host applies the\n   * move to the array it passes back. Reordering is enabled when this callback\n   * is supplied AND at least one tool is `reorderable`. When the whole strip is\n   * reorderable, `to` may land in the other scope group — the host interprets\n   * the crossing (and may treat it as a no-op, e.g. reordering within a\n   * host-ordered group).\n   */\n  onReorder?: (from: number, to: number) => void;\n  /**\n   * Optional override for the polite live-region message announced after a\n   * reorder. Lets the host phrase membership-aware moves (e.g. \"Pinned X to\n   * favourites\") instead of the generic \"moved to position N\". Return an empty\n   * string to stay silent (e.g. for a move the host treats as a no-op). When\n   * omitted, the rail announces the generic run-relative position.\n   */\n  formatReorderAnnouncement?: (args: {\n    tool: ToolRailTool;\n    from: number;\n    to: number;\n  }) => string;\n  /**\n   * Optional per-icon overlay control, rendered as a sibling of each strip\n   * IconButton (the same positioned box the notification badge uses). Use for\n   * a small affordance such as a pin toggle — the rail attaches no meaning to\n   * what it renders. Receives the tool and its index / active state.\n   */\n  renderToolAffordance?: (\n    tool: ToolRailTool,\n    context: { index: number; isActive: boolean; isRovingTarget: boolean },\n  ) => ReactNode;\n  /**\n   * Optional non-scrolling header rendered at the top of the OPEN tool panel,\n   * above its scroll region. Host-owned content (e.g. a pin / unpin control) —\n   * the rail attaches no meaning. Receives the active tool.\n   */\n  renderPanelHeader?: (\n    tool: ToolRailTool,\n    context: { isActive: boolean },\n  ) => ReactNode;\n  /**\n   * Identity override for the root's `data-component` attribute. Defaults to\n   * `'tool-rail'`. A product wrapper (e.g. ControlRoomRail) passes its own\n   * kebab id so the DOM / cascade boundary — and an agent's `domHooks.root` —\n   * can tell its surface apart from a bare ToolRail, without the engine ever\n   * importing the wrapper.\n   */\n  dataComponent?: string;\n  /**\n   * Agent adapter registered for this rail instance. Defaults to\n   * `toolRailAgent`. A wrapper passes its own adapter (matching\n   * `dataComponent`) so the rail registers under the wrapper's identity. The\n   * instance id is sourced from the `id` prop (also stamped as\n   * `data-component-id`).\n   */\n  agentAdapter?: AgentAdapter<ToolRailHandle>;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const ToolRail = forwardRef<ToolRailHandle, ToolRailProps>(\n  (\n    {\n      id,\n      tools,\n      activeToolId,\n      defaultActiveToolId = null,\n      onActiveToolChange,\n      side = 'end',\n      railLabel,\n      resizablePanel = false,\n      onReorder,\n      formatReorderAnnouncement,\n      renderToolAffordance,\n      renderPanelHeader,\n      dataComponent = 'tool-rail',\n      agentAdapter = toolRailAgent,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Controlled / uncontrolled bridge — the same hook MessageTray uses.\n    const [activeRaw, setActiveRaw] = useControllableState<string | null>({\n      value: activeToolId,\n      defaultValue: defaultActiveToolId,\n      onChange: onActiveToolChange,\n    });\n    const activeId = activeRaw ?? null;\n\n    // Roving-tabindex bookkeeping for the vertical toolbar strip.\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const panelRef = useRef<HTMLElement | null>(null);\n    const [focusIndex, setFocusIndex] = useState(0);\n    // Distinguishes keyboard activation (auto-focus into the panel) from\n    // pointer activation (focus stays on the icon — less jarring).\n    const activatedByKeyboardRef = useRef(false);\n    // Set on Enter/Space keydown, read by the click handler that follows,\n    // cleared on keyup — so a subsequent mouse click never inherits it.\n    const keyboardActivateRef = useRef(false);\n\n    const activeIndex = useMemo(\n      () => tools.findIndex((tl) => tl.id === activeId),\n      [tools, activeId],\n    );\n    const activeTool = activeIndex >= 0 ? tools[activeIndex] : null;\n    // The panel outlives `activeTool` by one exit, so it keeps the last tool\n    // it showed to have something to fade out.\n    const lastToolRef = useRef<ToolRailTool | null>(activeTool);\n    if (activeTool) lastToolRef.current = activeTool;\n\n    // First non-disabled index — the resting roving stop when none active.\n    const firstEnabledIndex = useMemo(\n      () => tools.findIndex((tl) => !tl.disabled),\n      [tools],\n    );\n\n    // Scope grouping: a divider marks the boundary between the two scope groups,\n    // whichever order they appear in. The array is always grouped (all of one\n    // scope, then the other); the divider precedes the first tool whose scope\n    // differs from the lead tool's. `boundary > 0` guarantees both groups are\n    // present. Render-only (not a `tools[]` member) so roving focus is untouched;\n    // a legacy strip with no `scope` set stays ungrouped.\n    const scopeDividerIndex = useMemo(() => {\n      const lead = tools[0]?.scope;\n      if (!lead) return -1;\n      return tools.findIndex((tl) => tl.scope && tl.scope !== lead);\n    }, [tools]);\n    const showScopeDivider = scopeDividerIndex > 0;\n\n    /* ---- Reorder (drag-and-drop + Alt+Arrow keyboard) ------------- */\n    // The contiguous run of `reorderable` tools — a tool only moves within it.\n    const reorderRun = useMemo(() => {\n      const first = tools.findIndex((tl) => tl.reorderable);\n      if (first < 0) return null;\n      let last = first;\n      while (last + 1 < tools.length && tools[last + 1]?.reorderable) last += 1;\n      return { first, last };\n    }, [tools]);\n    const reorderEnabled = !!onReorder && reorderRun !== null;\n    const reorderInstructionsId = useId();\n\n    const [dragIndex, setDragIndex] = useState<number | null>(null);\n    const [dropIndex, setDropIndex] = useState<number | null>(null);\n\n    /* ---- Strip enter / exit / reflow animations ------------------ */\n    /* The same hooks the note/task panels use, applied to the icon strip:\n       when a contextual tool appears or disappears (e.g. selecting an\n       appointment adds Notes + Details), surviving icons slide to their\n       new positions and departing icons fade out in place. */\n    const { resolvedTheme } = useTheme();\n    const reduceMotion = resolvedTheme.endsWith('-accessible') || undefined;\n\n    const { containerRef: reflowRef } = useListReflow<HTMLDivElement>({\n      key: tools.map((tl) => tl.id).join(),\n      reduceMotion,\n    });\n\n    const exit = useExitTransition({ reduceMotion });\n\n    /* ---- Panel open / collapse, and tool-to-tool swap ------------- */\n    const panelPresence = usePresenceTransition<HTMLElement>(\n      activeTool !== null,\n      { reduceMotion },\n    );\n    const panelLeaving = activeTool === null && panelPresence.mounted;\n    const shownTool = activeTool ?? (panelLeaving ? lastToolRef.current : null);\n    const { ref: presenceRef } = panelPresence;\n    const setPanelNode = useCallback(\n      (node: HTMLElement | null) => {\n        panelRef.current = node;\n        presenceRef(node);\n      },\n      [presenceRef],\n    );\n    // `inert` set on the node, not as a prop: React 18 has no boolean for it.\n    useIsomorphicLayoutEffect(() => {\n      const node = panelRef.current;\n      if (!node) return;\n      // Nothing focused may sit inside a hidden subtree. If focus was in the\n      // panel, hand it to the tool's own icon in this same commit; the Escape\n      // and close paths then find it already there.\n      const active = document.activeElement;\n      if (\n        panelLeaving &&\n        active instanceof HTMLElement &&\n        node.contains(active)\n      ) {\n        const returnId = lastToolRef.current?.id;\n        const icon = returnId\n          ? rootRef.current?.querySelector<HTMLButtonElement>(\n              `[data-tool-id=\"${CSS.escape(returnId)}\"]`,\n            )\n          : null;\n        active.blur();\n        node.setAttribute('inert', '');\n        icon?.focus();\n        return;\n      }\n      node.toggleAttribute('inert', panelLeaving);\n    }, [panelLeaving]);\n    // The body fades in when a tool replaces another in an already-open\n    // panel; the panel's own entrance covers a first open. DERIVED during\n    // render from the last tool that settled, so the new body's first commit\n    // is already `entering` and the fade never starts from the wrong end.\n    const systemReducedMotion = usePrefersReducedMotion();\n    const [settledToolId, setSettledToolId] = useState<string | null>(\n      activeTool?.id ?? null,\n    );\n    const shownActiveId = activeTool?.id ?? null;\n    const bodyEntering =\n      !reduceMotion &&\n      !systemReducedMotion &&\n      shownActiveId !== null &&\n      settledToolId !== null &&\n      settledToolId !== shownActiveId;\n    useIsomorphicLayoutEffect(() => {\n      if (settledToolId === shownActiveId) return undefined;\n      if (!bodyEntering) {\n        setSettledToolId(shownActiveId);\n        return undefined;\n      }\n      // Two frames to paint `entering` and move off it; the timer covers a\n      // hidden tab, which gets no frames.\n      let inner = 0;\n      const settle = () => setSettledToolId(shownActiveId);\n      const outer = requestAnimationFrame(() => {\n        inner = requestAnimationFrame(settle);\n      });\n      const fallback = window.setTimeout(settle, 64);\n      return () => {\n        cancelAnimationFrame(outer);\n        cancelAnimationFrame(inner);\n        window.clearTimeout(fallback);\n      };\n    }, [shownActiveId, settledToolId, bodyEntering]);\n\n    // Tools that were in the previous render but are gone now, kept around\n    // until their exit fade completes. Rendered after the current tools\n    // WITHOUT `data-reflow-id` so the reflow hook ignores them — they fade\n    // out at the bottom of the strip while the surviving icons reflow.\n    const [leavingTools, setLeavingTools] = useState<ToolRailTool[]>([]);\n    const prevToolsRef = useRef<ToolRailTool[]>(tools);\n    useEffect(() => {\n      const prev = prevToolsRef.current;\n      const currentIds = new Set(tools.map((tl) => tl.id));\n      const removed = prev.filter((tl) => !currentIds.has(tl.id));\n      if (removed.length > 0) {\n        setLeavingTools((existing) => {\n          const existingIds = new Set(existing.map((tl) => tl.id));\n          return [\n            ...existing,\n            ...removed.filter((tl) => !existingIds.has(tl.id)),\n          ];\n        });\n        for (const tl of removed) {\n          exit.leave(tl.id, () => {\n            setLeavingTools((existing) =>\n              existing.filter((item) => item.id !== tl.id),\n            );\n          });\n        }\n      }\n      prevToolsRef.current = tools;\n    }, [tools, exit]);\n\n    // sr-only announcement. The zero-width-space toggle forces a re-announce of\n    // an identical message (e.g. moving the same item twice) — same technique\n    // the Sidebar uses for its reorder live region.\n    const [reorderMessage, setReorderMessage] = useState('');\n    const announceToggle = useRef(false);\n    const commitReorder = useCallback(\n      (from: number, to: number) => {\n        if (!onReorder || !reorderRun) return;\n        const clamped = Math.max(\n          reorderRun.first,\n          Math.min(reorderRun.last, to),\n        );\n        if (clamped === from) return;\n        onReorder(from, clamped);\n        const moved = tools[from];\n        if (moved) {\n          // The host can phrase membership-aware moves (e.g. pin / unpin) and\n          // can return '' to stay silent for a move it treats as a no-op.\n          const text = formatReorderAnnouncement\n            ? formatReorderAnnouncement({ tool: moved, from, to: clamped })\n            : t('toolRail.reorderAnnounce', {\n                tool: moved.label,\n                to: clamped - reorderRun.first + 1,\n                total: reorderRun.last - reorderRun.first + 1,\n                defaultValue: '{{tool}} moved to position {{to}} of {{total}}',\n              });\n          if (text) {\n            announceToggle.current = !announceToggle.current;\n            setReorderMessage(announceToggle.current ? text : `${text}\\u200b`);\n          }\n        }\n      },\n      [onReorder, reorderRun, tools, t, formatReorderAnnouncement],\n    );\n\n    // The roving tab stop: the active icon when a tool is open, else the\n    // index the user last focused, else the first enabled icon.\n    const rovingIndex =\n      activeIndex >= 0\n        ? activeIndex\n        : focusIndex >= 0 && !tools[focusIndex]?.disabled\n          ? focusIndex\n          : firstEnabledIndex;\n\n    const selectTool = useCallback(\n      (toolId: string, fromKeyboard: boolean) => {\n        const tool = tools.find((tl) => tl.id === toolId);\n        if (!tool || tool.disabled) return;\n        activatedByKeyboardRef.current = fromKeyboard;\n        // Clicking / activating the active tool collapses to strip-only.\n        setActiveRaw(activeId === toolId ? null : toolId);\n      },\n      [tools, activeId, setActiveRaw],\n    );\n\n    /* ---- Roving arrow-key navigation (vertical toolbar) ----------- */\n    const handleStripKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        const count = tools.length;\n        if (count === 0) return;\n        // Alt+Arrow is reserved for reordering (handled on the icon); never\n        // let it move focus roving as well.\n        if (event.altKey) return;\n\n        let next: number | null = null;\n        if (event.key === 'ArrowDown') next = (rovingIndex + 1) % count;\n        else if (event.key === 'ArrowUp')\n          next = (rovingIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n        if (next === null) return;\n\n        // Skip disabled icons in the travel direction.\n        const goingBack = event.key === 'ArrowUp' || event.key === 'End';\n        let candidate = next;\n        let attempts = 0;\n        while (attempts < count && tools[candidate]?.disabled) {\n          candidate = goingBack\n            ? (candidate - 1 + count) % count\n            : (candidate + 1) % count;\n          attempts += 1;\n        }\n        if (tools[candidate]?.disabled) return;\n\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n      },\n      [tools, rovingIndex],\n    );\n\n    /* ---- Esc collapses + returns focus to the active tool's icon -- */\n    // Attached imperatively via the root ref (not a JSX onKeyDown on the\n    // static container) so the Escape shortcut works from anywhere inside the\n    // open panel without an interaction handler on a non-interactive element.\n    const rootRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      const node = rootRef.current;\n      if (!node) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape') return;\n        if (activeIndex < 0) return;\n        event.preventDefault();\n        const returnIndex = activeIndex;\n        setActiveRaw(null);\n        setFocusIndex(returnIndex);\n        // Defer until after the panel unmounts so focus lands cleanly.\n        requestAnimationFrame(() => {\n          buttonsRef.current[returnIndex]?.focus();\n        });\n      };\n      node.addEventListener('keydown', onKeyDown);\n      return () => node.removeEventListener('keydown', onKeyDown);\n    }, [activeIndex, setActiveRaw]);\n\n    /* ---- Move focus into the panel when opened by keyboard -------- */\n    useIsomorphicLayoutEffect(() => {\n      if (activeTool && activatedByKeyboardRef.current) {\n        panelRef.current?.focus();\n      }\n      activatedByKeyboardRef.current = false;\n    }, [activeTool]);\n\n    /* ---- Opt-in panel resize (inner edge) -------------------------- */\n    // The handle sits on the edge facing the main content: the panel's\n    // inline-start edge for an end-docked rail, inline-end for start.\n    const panelEdge = side === 'end' ? 'inline-start' : 'inline-end';\n    const { separatorProps, isResizing, isResized } = useEdgeResize({\n      edge: panelEdge,\n      targetRef: panelRef,\n      cssProperty: PANEL_SIZE_PROPERTY,\n      minSize: PANEL_MIN_SIZE,\n      maxSize: PANEL_MAX_SIZE,\n      defaultSize: PANEL_DEFAULT_SIZE,\n      disabled: !resizablePanel,\n    });\n\n    // The aside unmounts on collapse, dropping the hook's inline override.\n    // Re-assert the committed width when a panel (re)mounts so a reopened\n    // panel keeps the user's chosen size.\n    const committedPanelWidth = separatorProps['aria-valuenow'];\n    useIsomorphicLayoutEffect(() => {\n      if (!resizablePanel || !isResized || !activeTool) return;\n      panelRef.current?.style.setProperty(\n        PANEL_SIZE_PROPERTY,\n        `${committedPanelWidth}px`,\n      );\n    }, [activeTool, resizablePanel, isResized, committedPanelWidth]);\n\n    /* ---- Curated imperative handle for agent integration ---------- */\n    const activeIdRef = useRef<string | null>(activeId);\n    activeIdRef.current = activeId;\n\n    const handle = useMemo<ToolRailHandle>(\n      () => ({\n        getActiveToolId: () => activeIdRef.current,\n        setActiveTool: (toolId) => {\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        open: (toolId) => {\n          const tool = tools.find((tl) => tl.id === toolId);\n          if (!tool || tool.disabled) return;\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        close: () => {\n          const returnId = activeIdRef.current;\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(null);\n          // Return focus to the closed tool's strip icon (mirrors Escape) so a\n          // close-button / pointer collapse never drops focus to <body>.\n          if (returnId != null) {\n            requestAnimationFrame(() => {\n              rootRef.current\n                ?.querySelector<HTMLButtonElement>(\n                  `[data-tool-id=\"${CSS.escape(returnId)}\"]`,\n                )\n                ?.focus();\n            });\n          }\n        },\n      }),\n      [tools, setActiveRaw],\n    );\n\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(agentAdapter, handle, id);\n\n    const overflowLabel = t('toolRail.badgeCountOverflow', {\n      defaultValue: '99+',\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        data-component={dataComponent}\n        data-component-id={id}\n        data-side={side}\n        className={[railVariants({ side }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {/* Reorder a11y: a polite live region announcing each move. Each\n            reorderable icon carries its own keyboard instruction (rendered in\n            its slot, referenced via aria-describedby). */}\n        {reorderEnabled ? (\n          <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n            {reorderMessage}\n          </span>\n        ) : null}\n        {/* The OPEN panel is the single complementary landmark, named by\n            the active tool. Rendered only while a tool is active so two\n            unnamed regions never coexist. */}\n        {shownTool ? (\n          <aside\n            ref={setPanelNode}\n            tabIndex={-1}\n            aria-label={t('toolRail.panelLabel', {\n              tool: shownTool.label,\n              defaultValue: '{{tool}} panel',\n            })}\n            // A leaving panel is already closed to the user: out of the\n            // accessibility tree, and `inert` (set above) while it fades.\n            aria-hidden={panelLeaving || undefined}\n            data-tool-rail-state={panelLeaving ? 'collapsing' : 'expanded'}\n            data-presence={panelPresence.phase}\n            data-active-tool={shownTool.id}\n            data-resizing={isResizing ? '' : undefined}\n            className={[\n              panelVariants({ side }),\n              // Subtle shadow — not a line — separating the panel from the\n              // icon strip (the tab row). The panel casts a soft chrome\n              // shadow toward the strip on its strip-facing edge. `z-[1]`\n              // lifts it above the adjacent strip (the panel is already\n              // `relative`) so the shadow paints at the seam instead of being\n              // covered by the strip's opaque background. Only renders while\n              // the panel is open (the aside is unmounted when collapsed), so\n              // it never doubles as a rail↔main seam. In the accessible (AAA)\n              // theme the soft shadow becomes a solid 1px border on that same\n              // strip-facing edge.\n              'ds:z-[1]',\n              side === 'end'\n                ? 'ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none'\n                : 'ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none',\n              'ds:focus-visible:outline-none',\n            ].join(' ')}\n          >\n            {/* Optional host-owned, non-scrolling panel header (e.g. the\n                Control Room's add / remove favourite control). Sits above the\n                scroll region so it stays put as the panel body scrolls. */}\n            {renderPanelHeader\n              ? renderPanelHeader(shownTool, { isActive: !panelLeaving })\n              : null}\n            <div\n              key={shownTool.id}\n              data-presence={bodyEntering ? 'entering' : 'present'}\n              className={panelBodyVariants()}\n            >\n              {/* Optional per-tool pinned header — the rail-level home for a\n                  sticky tool header (title / filters). Non-scrolling, above the\n                  body, so it stays visible for every tool. */}\n              {shownTool.header ? (\n                <div className=\"ds:shrink-0\">{shownTool.header}</div>\n              ) : null}\n              {/* Body: a self-scrolling `fill` tool owns its own scroll inside\n                  the height-bounded panel; otherwise the rail scrolls it. */}\n              {shownTool.fill ? (\n                // data-tool-fill: a self-scrolling panel owns its own native\n                // scroll (it can't use the rail's ScrollArea), so a token rule\n                // paints its scrollbar to match the 8px overlay. See tokens/index.css.\n                <div data-tool-fill=\"\" className=\"ds:flex-1 ds:min-h-0\">\n                  {shownTool.panel}\n                </div>\n              ) : (\n                <ScrollArea\n                  orientation=\"vertical\"\n                  className=\"ds:flex-1 ds:min-h-0\"\n                >\n                  {shownTool.panel}\n                </ScrollArea>\n              )}\n            </div>\n            {/* Inside the aside (so it belongs to the complementary\n                landmark) and outside the toolbar strip — the strip's\n                roving handlers never see its key events, and Escape\n                still bubbles to the root to collapse, as everywhere\n                else in the panel. No stopPropagation needed. */}\n            {resizablePanel ? (\n              <div\n                {...separatorProps}\n                aria-label={t('toolRail.resizePanel', {\n                  defaultValue: 'Resize tool panel',\n                })}\n                data-resizing={isResizing ? '' : undefined}\n                className={panelResizeHandleVariants({ edge: panelEdge })}\n              />\n            ) : null}\n          </aside>\n        ) : null}\n\n        {/* The 3rem icon strip — a vertical toolbar with roving tabindex.\n            Self-contained TooltipProvider so consumers needn't mount one;\n            Radix providers compose, so a host-level provider still works. */}\n        <TooltipProvider>\n          <div\n            ref={reflowRef}\n            role=\"toolbar\"\n            aria-orientation=\"vertical\"\n            aria-label={\n              railLabel ?? t('toolRail.railLabel', { defaultValue: 'Tools' })\n            }\n            className={stripVariants()}\n            onKeyDown={handleStripKeyDown}\n          >\n            {tools.map((tool, index) => {\n              const isActive = tool.id === activeId;\n              const showBadge =\n                typeof tool.badgeCount === 'number' && tool.badgeCount > 0;\n              // Fold the count into the accessible name so SR users hear it\n              // without relying on the decorative chip.\n              const accessibleName = showBadge\n                ? t('toolRail.toolWithCount', {\n                    tool: tool.label,\n                    count: tool.badgeCount,\n                    defaultValue: '{{tool}}, {{count}} updates',\n                  })\n                : tool.label;\n              const canReorderTool =\n                reorderEnabled && !!tool.reorderable && !tool.disabled;\n              const reorderDescId = canReorderTool\n                ? `${reorderInstructionsId}-${tool.id}`\n                : undefined;\n              return (\n                <Fragment key={tool.id}>\n                  {showScopeDivider && index === scopeDividerIndex ? (\n                    <div\n                      role=\"separator\"\n                      aria-orientation=\"horizontal\"\n                      className=\"ds:my-[var(--spacing-2xs)] ds:h-px ds:w-[var(--spacing-lg)] ds:shrink-0 ds:bg-[var(--border)] ds:forced-colors:bg-[CanvasText]\"\n                    />\n                  ) : null}\n                  <div\n                    className={[\n                      toolSlotVariants({\n                        dragging: dragIndex === index,\n                        dropTarget: dropIndex === index && dragIndex !== index,\n                        reorderable: canReorderTool,\n                      }),\n                      toolElevationClass,\n                      REFLOW_ROW_CLASS,\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    data-reflow-id={tool.id}\n                    data-dragging={dragIndex === index ? '' : undefined}\n                    // Drag the whole slot — the icon button is an unreliable\n                    // HTML5 drag source across browsers. The button keeps its\n                    // click + Alt+Arrow keyboard reorder; drag is pointer-only.\n                    draggable={canReorderTool || undefined}\n                    onDragStart={\n                      canReorderTool\n                        ? (event) => {\n                            setDragIndex(index);\n                            event.dataTransfer.effectAllowed = 'move';\n                            // Firefox needs data set to initiate a drag.\n                            event.dataTransfer.setData(\n                              'text/plain',\n                              String(index),\n                            );\n                          }\n                        : undefined\n                    }\n                    onDragOver={\n                      canReorderTool\n                        ? (event) => {\n                            if (dragIndex === null) return;\n                            event.preventDefault();\n                            event.dataTransfer.dropEffect = 'move';\n                            if (dropIndex !== index) setDropIndex(index);\n                          }\n                        : undefined\n                    }\n                    onDragLeave={\n                      canReorderTool\n                        ? () =>\n                            setDropIndex((cur) => (cur === index ? null : cur))\n                        : undefined\n                    }\n                    onDrop={\n                      canReorderTool\n                        ? (event) => {\n                            event.preventDefault();\n                            const from = dragIndex;\n                            setDropIndex(null);\n                            setDragIndex(null);\n                            if (from === null || from === index) return;\n                            commitReorder(from, index);\n                          }\n                        : undefined\n                    }\n                    onDragEnd={\n                      canReorderTool\n                        ? () => {\n                            setDragIndex(null);\n                            setDropIndex(null);\n                          }\n                        : undefined\n                    }\n                  >\n                    <IconButton\n                      ref={(el) => {\n                        buttonsRef.current[index] = el;\n                      }}\n                      icon={tool.icon}\n                      tooltip={tool.label}\n                      aria-label={accessibleName}\n                      intent=\"ghost\"\n                      size=\"sm\"\n                      disabled={tool.disabled}\n                      aria-pressed={isActive}\n                      aria-expanded={isActive}\n                      data-active={isActive ? tool.id : undefined}\n                      data-tool-id={tool.id}\n                      aria-describedby={reorderDescId}\n                      aria-keyshortcuts={\n                        canReorderTool ? 'Alt+ArrowUp Alt+ArrowDown' : undefined\n                      }\n                      tabIndex={index === rovingIndex ? 0 : -1}\n                      onFocus={() => {\n                        if (!tool.disabled) setFocusIndex(index);\n                      }}\n                      onClick={() =>\n                        selectTool(tool.id, keyboardActivateRef.current)\n                      }\n                      onKeyDown={(event) => {\n                        // Enter/Space activate via the native button's click,\n                        // which fires AFTER this keydown. Flag the upcoming\n                        // click as keyboard-driven so focus moves into the\n                        // panel; reset on keyup so a later mouse click doesn't\n                        // inherit the flag.\n                        if (event.key === 'Enter' || event.key === ' ') {\n                          keyboardActivateRef.current = true;\n                          return;\n                        }\n                        // Alt+Arrow / Alt+Home / Alt+End reorder within the run.\n                        // Focus follows the moved icon to its new index; roving\n                        // ignores Alt (see handleStripKeyDown).\n                        if (canReorderTool && event.altKey && reorderRun) {\n                          let target: number | null = null;\n                          if (event.key === 'ArrowUp') target = index - 1;\n                          else if (event.key === 'ArrowDown')\n                            target = index + 1;\n                          else if (event.key === 'Home')\n                            target = reorderRun.first;\n                          else if (event.key === 'End')\n                            target = reorderRun.last;\n                          if (target !== null) {\n                            event.preventDefault();\n                            const dest = Math.max(\n                              reorderRun.first,\n                              Math.min(reorderRun.last, target),\n                            );\n                            // Focus follows the moved TOOL (by id), not the\n                            // slot index — so it lands correctly however the\n                            // host reinterprets the move (reorder, cross-group\n                            // pin / unpin, or a no-op that leaves it in place).\n                            const movedId = tool.id;\n                            commitReorder(index, dest);\n                            requestAnimationFrame(() => {\n                              rootRef.current\n                                ?.querySelector<HTMLButtonElement>(\n                                  `[data-tool-id=\"${CSS.escape(movedId)}\"]`,\n                                )\n                                ?.focus();\n                            });\n                          }\n                        }\n                      }}\n                      onKeyUp={(event) => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                          keyboardActivateRef.current = false;\n                        }\n                      }}\n                    />\n                    {showBadge ? (\n                      <span aria-hidden=\"true\" className={badgeVariants()}>\n                        {formatBadgeCount(\n                          tool.badgeCount as number,\n                          overflowLabel,\n                        )}\n                      </span>\n                    ) : null}\n                    {renderToolAffordance?.(tool, {\n                      index,\n                      isActive,\n                      isRovingTarget: index === rovingIndex,\n                    })}\n                    {reorderDescId ? (\n                      <span id={reorderDescId} className=\"ds:sr-only\">\n                        {t('toolRail.reorderInstructions', {\n                          tool: tool.label,\n                          defaultValue:\n                            'Reorder {{tool}}. Press Alt + Up or Alt + Down to move.',\n                        })}\n                      </span>\n                    ) : null}\n                  </div>\n                </Fragment>\n              );\n            })}\n            {/* Departing tools: rendered without `data-reflow-id` so the\n                reflow hook ignores them. They fade out here while the\n                surviving icons above reflow to their new positions. */}\n            {leavingTools.map((tool) =>\n              exit.isLeaving(tool.id) ? (\n                <div\n                  key={tool.id}\n                  className={[\n                    toolSlotVariants({\n                      dragging: false,\n                      dropTarget: false,\n                      reorderable: false,\n                    }),\n                    toolElevationClass,\n                    toolLeavingClass,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  aria-hidden=\"true\"\n                >\n                  <IconButton\n                    icon={tool.icon}\n                    intent=\"ghost\"\n                    size=\"sm\"\n                    disabled\n                    tabIndex={-1}\n                  />\n                </div>\n              ) : null,\n            )}\n          </div>\n        </TooltipProvider>\n      </div>\n    );\n  },\n);\n\nToolRail.displayName = 'ToolRail';\n"],"names":["toolRailAgent","handle","args","RAIL_WIDTH","PANEL_WIDTH","PANEL_SIZE_PROPERTY","PANEL_MIN_SIZE","PANEL_MAX_SIZE","PANEL_DEFAULT_SIZE","railVariants","cva","stripVariants","panelVariants","panelBodyVariants","panelResizeHandleVariants","badgeVariants","toolSlotVariants","toolLeavingClass","toolElevationClass","formatBadgeCount","count","overflowLabel","ToolRail","forwardRef","id","tools","activeToolId","defaultActiveToolId","onActiveToolChange","side","railLabel","resizablePanel","onReorder","formatReorderAnnouncement","renderToolAffordance","renderPanelHeader","dataComponent","agentAdapter","className","ref","t","useTranslation","activeRaw","setActiveRaw","useControllableState","activeId","buttonsRef","useRef","panelRef","focusIndex","setFocusIndex","useState","activatedByKeyboardRef","keyboardActivateRef","activeIndex","useMemo","tl","activeTool","lastToolRef","firstEnabledIndex","scopeDividerIndex","lead","_a","showScopeDivider","reorderRun","first","last","reorderEnabled","reorderInstructionsId","useId","dragIndex","setDragIndex","dropIndex","setDropIndex","resolvedTheme","useTheme","reduceMotion","reflowRef","useListReflow","exit","useExitTransition","panelPresence","usePresenceTransition","panelLeaving","shownTool","presenceRef","setPanelNode","useCallback","node","useIsomorphicLayoutEffect","active","returnId","icon","_b","rootRef","systemReducedMotion","usePrefersReducedMotion","settledToolId","setSettledToolId","shownActiveId","bodyEntering","inner","settle","outer","fallback","leavingTools","setLeavingTools","prevToolsRef","useEffect","prev","currentIds","removed","existing","existingIds","item","reorderMessage","setReorderMessage","announceToggle","commitReorder","from","to","clamped","moved","text","rovingIndex","selectTool","toolId","fromKeyboard","tool","handleStripKeyDown","event","next","goingBack","candidate","attempts","_c","onKeyDown","returnIndex","panelEdge","separatorProps","isResizing","isResized","useEdgeResize","committedPanelWidth","activeIdRef","useImperativeHandle","useAgentRegistration","jsxs","jsx","ScrollArea","TooltipProvider","index","isActive","showBadge","accessibleName","canReorderTool","reorderDescId","Fragment","REFLOW_ROW_CLASS","cur","IconButton","el","target","dest","movedId"],"mappings":"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"}

package/dist/_chunks/treatment-receipt-D4kOLXOk.js

@@ -1,94 +0,0 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as m } from "./index-D2ZczOXr.js";
-import { useTranslation as N } from "react-i18next";
-import { B as i } from "./badge-BudgzTe_.js";
-import { M as o } from "./money-BY-HmKhZ.js";
-import { T as y } from "./tag-Ci3xJPcH.js";
-const c = "type-label ds:text-[color:var(--muted-foreground)]", j = m(
-  [
-    "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-    "ds:py-[var(--spacing-xs)]",
-    // Dashed between lines, like a printed receipt; the last line hands the
-    // solid rule over to the total below it.
-    "ds:border-b ds:border-dashed ds:border-[color:var(--border)]",
-    "ds:last:border-b-0"
-  ].join(" ")
-), R = m(
-  [
-    "ds:mt-[var(--spacing-xs)] ds:flex ds:items-baseline ds:justify-between",
-    "ds:gap-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)]",
-    "ds:border-t ds:border-[color:var(--border)]"
-  ].join(" ")
-), T = g(({ lines: r, locale: n, currency: l, totalLabel: p, className: f, ...u }, b) => {
-  const { t: d } = N(), v = r.length > 0 && r.every((e) => e.priceCents !== void 0), h = r.reduce(
-    (e, t) => e + (t.priceCents ?? 0),
-    0
-  );
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: b,
-      "data-component": "treatment-receipt",
-      className: ["ds:flex ds:flex-col", f].filter(Boolean).join(" "),
-      ...u,
-      children: [
-        /* @__PURE__ */ s("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0", children: r.map((e) => {
-          const t = e.phases ?? [], x = t.length > 0 || e.done || e.billed;
-          return /* @__PURE__ */ a(
-            "li",
-            {
-              "data-treatment-receipt-line": "",
-              className: j(),
-              children: [
-                /* @__PURE__ */ a("div", { className: "ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)]", children: [
-                  /* @__PURE__ */ a("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm", children: [
-                    e.name,
-                    e.code ? /* @__PURE__ */ s("span", { className: `${c} ds:tabular-nums`, children: e.code }) : null,
-                    e.elementsLabel ? /* @__PURE__ */ s(y, { size: "sm", variant: "info", label: e.elementsLabel }) : null
-                  ] }),
-                  e.priceCents !== void 0 ? /* @__PURE__ */ s(
-                    o,
-                    {
-                      value: e.priceCents,
-                      locale: n,
-                      currency: l,
-                      decimals: "muted",
-                      className: "ds:shrink-0"
-                    }
-                  ) : null
-                ] }),
-                x ? /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                  t.length > 0 ? /* @__PURE__ */ s("span", { className: c, children: d("treatmentReceipt.phases", {
-                    phases: t.join(", ")
-                  }) }) : null,
-                  e.done ? /* @__PURE__ */ s(i, { variant: "success", size: "sm", withDot: !0, children: d("treatmentReceipt.done") }) : null,
-                  e.billed ? /* @__PURE__ */ s(i, { variant: "neutral", size: "sm", children: d("treatmentReceipt.billed") }) : null
-                ] }) : null
-              ]
-            },
-            e.id
-          );
-        }) }),
-        v ? /* @__PURE__ */ a("div", { "data-treatment-receipt-total": "", className: R(), children: [
-          /* @__PURE__ */ s("span", { className: "type-body-sm ds:font-medium", children: p ?? d("treatmentReceipt.total") }),
-          /* @__PURE__ */ s(
-            o,
-            {
-              value: h,
-              locale: n,
-              currency: l,
-              decimals: "muted",
-              className: "ds:font-semibold"
-            }
-          )
-        ] }) : null
-      ]
-    }
-  );
-});
-T.displayName = "TreatmentReceipt";
-export {
-  T
-};
-//# sourceMappingURL=treatment-receipt-D4kOLXOk.js.map

package/dist/_chunks/treatment-receipt-D4kOLXOk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"treatment-receipt-D4kOLXOk.js","sources":["../../src/components/treatment-receipt/treatment-receipt.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Badge } from '../badge/badge';\nimport { Money } from '../money/money';\nimport { Tag } from '../tag/tag';\n\n/* -------------------------------------------------------------------- */\n/* TreatmentReceipt                                                      */\n/*                                                                        */\n/* The treatments scheduled for ONE appointment, set as a receipt: a line */\n/* per treatment, the money in a single inline-end column, and a total    */\n/* beneath the rule.                                                      */\n/*                                                                        */\n/* Three rules the layout depends on, each a real branch in the data:     */\n/*                                                                        */\n/* - The total shows ONLY when every line is priced. `priceCents` is      */\n/*   optional because prices are withheld from viewers without the        */\n/*   permission, and summing what is visible states a confident, wrong    */\n/*   figure.                                                              */\n/* - It is labelled as the APPOINTMENT's total, never a bare \"Total\": a   */\n/*   plan can run to many treatments and only some are scheduled here.    */\n/* - The tooth element is DATA, not decoration, so it stays a chip.       */\n/*                                                                        */\n/* Read-only. It exists because the shape was being rebuilt from Tag,     */\n/* Money and Badge per surface, and the total rule was the part dropped.  */\n/* -------------------------------------------------------------------- */\n\nconst MUTED = 'type-label ds:text-[color:var(--muted-foreground)]';\n\nconst lineVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n    'ds:py-[var(--spacing-xs)]',\n    // Dashed between lines, like a printed receipt; the last line hands the\n    // solid rule over to the total below it.\n    'ds:border-b ds:border-dashed ds:border-[color:var(--border)]',\n    'ds:last:border-b-0',\n  ].join(' '),\n);\n\nconst totalVariants = cva(\n  [\n    'ds:mt-[var(--spacing-xs)] ds:flex ds:items-baseline ds:justify-between',\n    'ds:gap-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)]',\n    'ds:border-t ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\nexport interface TreatmentReceiptLine {\n  /** Stable key for the line. */\n  id: string;\n  /** Treatment name, as the price list prints it. */\n  name: string;\n  /** Price-list code, shown muted after the name. */\n  code?: string;\n  /** Dental elements as the platform prints them (\"36, 37\"). */\n  elementsLabel?: string;\n  /** Plan phases this line belongs to. */\n  phases?: string[];\n  /** The treatment has been carried out. */\n  done?: boolean;\n  /** The treatment has been invoiced. */\n  billed?: boolean;\n  /** Minor units. Absent means prices are withheld from this viewer. */\n  priceCents?: number;\n}\n\nexport interface TreatmentReceiptProps extends HTMLAttributes<HTMLDivElement> {\n  lines: TreatmentReceiptLine[];\n  /** BCP 47 locale for the amounts. Defaults to Money's own default. */\n  locale?: string;\n  /** ISO 4217 code. Defaults to Money's own default. */\n  currency?: string;\n  /** Label of the total row. Defaults to the kit's \"Total for this appointment\". */\n  totalLabel?: string;\n}\n\nexport const TreatmentReceipt = forwardRef<\n  HTMLDivElement,\n  TreatmentReceiptProps\n>(({ lines, locale, currency, totalLabel, className, ...rest }, ref) => {\n  const { t } = useTranslation();\n\n  const everyLinePriced =\n    lines.length > 0 && lines.every((line) => line.priceCents !== undefined);\n  const totalCents = lines.reduce(\n    (sum, line) => sum + (line.priceCents ?? 0),\n    0,\n  );\n\n  return (\n    <div\n      ref={ref}\n      data-component=\"treatment-receipt\"\n      className={['ds:flex ds:flex-col', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      <ul className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0\">\n        {lines.map((line) => {\n          const phases = line.phases ?? [];\n          const hasSubLine = phases.length > 0 || line.done || line.billed;\n          return (\n            <li\n              key={line.id}\n              data-treatment-receipt-line=\"\"\n              className={lineVariants()}\n            >\n              <div className=\"ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)]\">\n                <span className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm\">\n                  {line.name}\n                  {line.code ? (\n                    <span className={`${MUTED} ds:tabular-nums`}>\n                      {line.code}\n                    </span>\n                  ) : null}\n                  {line.elementsLabel ? (\n                    <Tag size=\"sm\" variant=\"info\" label={line.elementsLabel} />\n                  ) : null}\n                </span>\n                {line.priceCents !== undefined ? (\n                  <Money\n                    value={line.priceCents}\n                    locale={locale}\n                    currency={currency}\n                    decimals=\"muted\"\n                    className=\"ds:shrink-0\"\n                  />\n                ) : null}\n              </div>\n              {hasSubLine ? (\n                <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n                  {phases.length > 0 ? (\n                    <span className={MUTED}>\n                      {t('treatmentReceipt.phases', {\n                        phases: phases.join(', '),\n                      })}\n                    </span>\n                  ) : null}\n                  {line.done ? (\n                    <Badge variant=\"success\" size=\"sm\" withDot>\n                      {t('treatmentReceipt.done')}\n                    </Badge>\n                  ) : null}\n                  {line.billed ? (\n                    <Badge variant=\"neutral\" size=\"sm\">\n                      {t('treatmentReceipt.billed')}\n                    </Badge>\n                  ) : null}\n                </div>\n              ) : null}\n            </li>\n          );\n        })}\n      </ul>\n      {everyLinePriced ? (\n        <div data-treatment-receipt-total=\"\" className={totalVariants()}>\n          <span className=\"type-body-sm ds:font-medium\">\n            {totalLabel ?? t('treatmentReceipt.total')}\n          </span>\n          <Money\n            value={totalCents}\n            locale={locale}\n            currency={currency}\n            decimals=\"muted\"\n            className=\"ds:font-semibold\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n});\nTreatmentReceipt.displayName = 'TreatmentReceipt';\n"],"names":["MUTED","lineVariants","cva","totalVariants","TreatmentReceipt","forwardRef","lines","locale","currency","totalLabel","className","rest","ref","t","useTranslation","everyLinePriced","line","totalCents","sum","jsxs","jsx","phases","hasSubLine","Tag","Money","Badge"],"mappings":"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"}