@alfadocs/ui-kit-debug 1.6.0 → 1.7.0

package/dist/_chunks/{token-insert-menu-D8FgXl33.js.map → token-insert-menu-9Um0JinI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"token-insert-menu-D8FgXl33.js","sources":["../../src/components/token-insert-menu/token-insert-menu.agent.ts","../../src/components/token-insert-menu/token-insert-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TokenInsertMenu.                                       */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TokenInsertMenuHandle } from './token-insert-menu';\n\nexport const tokenInsertMenuAgent: AgentAdapter<TokenInsertMenuHandle> = {\n  id: 'token-insert-menu',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.tokenInsertMenu.state.isOpen',\n      description: 'True when the token menu is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.open',\n      description: 'Open the token menu.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.close',\n      description: 'Close the token menu.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    insert: {\n      safety: 'write',\n      argsType: '{ token: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { token: { type: 'string' } },\n        required: ['token'],\n      },\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.insert',\n      description: 'Emit a merge-token to the consumer for cursor insertion.',\n      examples: [\n        {\n          args: { token: '{{patient.name}}' },\n          note: 'Emit the patient-name placeholder for cursor insertion.',\n        },\n      ],\n      invoke: (handle, args: { token: string }) => {\n        handle.insert(args.token);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'token-insert-menu',\n      description: 'Marks the TokenInsertMenu wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  Fragment,\n} from 'react';\nimport { Button } from '../button/button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { useAgentRegistration } from '../../agent';\nimport { tokenInsertMenuAgent } from './token-insert-menu.agent';\n\n/** One selectable merge-token. */\nexport interface TokenInsertMenuToken {\n  /** Raw token text inserted verbatim (e.g. `\"{{patient.name}}\"`). */\n  value: string;\n  /** Human-readable label shown in the menu. Already localised by the consumer. */\n  label: string;\n  /** Optional section heading — when ANY token has one, the menu renders grouped. */\n  group?: string;\n}\n\n/** Agent-readiness curated handle for TokenInsertMenu. */\nexport interface TokenInsertMenuHandle {\n  isOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  /** Emit a token to the consumer (mirrors a user selecting it). */\n  insert: (token: string) => void;\n}\n\nexport interface TokenInsertMenuProps {\n  /** The merge-tokens to offer. `value` is inserted; `label` is shown. */\n  tokens: TokenInsertMenuToken[];\n  /** Called with the chosen token's raw `value`. The consumer inserts it at\n   *  the caret of their target field — this component never owns the field. */\n  onInsert: (token: string) => void;\n  /** The trigger button's visible text (already localised by the consumer). */\n  triggerLabel: string;\n  disabled?: boolean;\n  /** Opaque instance id — surfaced as `data-component-id` + agent instance id. */\n  id?: string;\n  /** Extra classes for the trigger button. */\n  className?: string;\n}\n\ninterface TokenSection {\n  heading: string;\n  items: TokenInsertMenuToken[];\n}\n\nexport const TokenInsertMenu = forwardRef<\n  HTMLButtonElement,\n  TokenInsertMenuProps\n>(function TokenInsertMenu(\n  { tokens, onInsert, triggerLabel, disabled, id, className },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n\n  // Mirror the open flag into a ref so the agent handle reads a fresh value\n  // without re-subscribing on every toggle (matches DropdownMenu.Root).\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  // Group tokens only when at least one carries a `group`; otherwise flat.\n  const sections = useMemo<TokenSection[] | null>(() => {\n    if (!tokens.some((token) => token.group)) return null;\n    const order: string[] = [];\n    const byGroup = new Map<string, TokenInsertMenuToken[]>();\n    for (const token of tokens) {\n      const key = token.group ?? '';\n      const bucket = byGroup.get(key);\n      if (bucket) {\n        bucket.push(token);\n      } else {\n        byGroup.set(key, [token]);\n        order.push(key);\n      }\n    }\n    return order.map((heading) => ({\n      heading,\n      items: byGroup.get(heading) ?? [],\n    }));\n  }, [tokens]);\n\n  const handle = useMemo<TokenInsertMenuHandle>(\n    () => ({\n      isOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n      insert: (token) => onInsert(token),\n    }),\n    [onInsert],\n  );\n  useAgentRegistration(tokenInsertMenuAgent, handle, id);\n\n  const renderItem = (token: TokenInsertMenuToken) => (\n    <DropdownMenu.Item\n      key={token.value}\n      // Raw token shown as a muted monospace hint beneath the label.\n      description={\n        <span className=\"ds:font-mono ds:text-muted-foreground\">\n          {token.value}\n        </span>\n      }\n      onSelect={() => onInsert(token.value)}\n    >\n      {token.label}\n    </DropdownMenu.Item>\n  );\n\n  return (\n    <DropdownMenu.Root\n      open={open}\n      // `asChild` hides the trigger's native `disabled` from Radix, so gate\n      // opening here too — a disabled menu must never expand on interaction.\n      onOpenChange={(next) => {\n        if (disabled) return;\n        setOpen(next);\n      }}\n    >\n      <span\n        className=\"ds:inline-flex\"\n        data-component=\"token-insert-menu\"\n        data-component-id={id}\n      >\n        <DropdownMenu.Trigger asChild>\n          <Button\n            ref={ref}\n            type=\"button\"\n            intent=\"outline\"\n            disabled={disabled}\n            className={className}\n          >\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      </span>\n      <DropdownMenu.Content align=\"start\">\n        {sections\n          ? sections.map((section, index) => (\n              <Fragment key={section.heading || `section-${index}`}>\n                {index > 0 ? <DropdownMenu.Separator /> : null}\n                <DropdownMenu.Group>\n                  {section.heading ? (\n                    <DropdownMenu.Label>{section.heading}</DropdownMenu.Label>\n                  ) : null}\n                  {section.items.map(renderItem)}\n                </DropdownMenu.Group>\n              </Fragment>\n            ))\n          : tokens.map(renderItem)}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n});\n\nTokenInsertMenu.displayName = 'TokenInsertMenu';\n"],"names":["tokenInsertMenuAgent","handle","args","TokenInsertMenu","forwardRef","tokens","onInsert","triggerLabel","disabled","id","className","ref","open","setOpen","useState","openRef","useRef","useEffect","sections","useMemo","token","order","byGroup","key","bucket","heading","useAgentRegistration","renderItem","jsx","DropdownMenu","jsxs","next","Button","section","index","Fragment"],"mappings":"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"}
+{"version":3,"file":"token-insert-menu-9Um0JinI.js","sources":["../../src/components/token-insert-menu/token-insert-menu.agent.ts","../../src/components/token-insert-menu/token-insert-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TokenInsertMenu.                                       */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TokenInsertMenuHandle } from './token-insert-menu';\n\nexport const tokenInsertMenuAgent: AgentAdapter<TokenInsertMenuHandle> = {\n  id: 'token-insert-menu',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.tokenInsertMenu.state.isOpen',\n      description: 'True when the token menu is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.open',\n      description: 'Open the token menu.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.close',\n      description: 'Close the token menu.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    insert: {\n      safety: 'write',\n      argsType: '{ token: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { token: { type: 'string' } },\n        required: ['token'],\n      },\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.insert',\n      description: 'Emit a merge-token to the consumer for cursor insertion.',\n      examples: [\n        {\n          args: { token: '{{patient.name}}' },\n          note: 'Emit the patient-name placeholder for cursor insertion.',\n        },\n      ],\n      invoke: (handle, args: { token: string }) => {\n        handle.insert(args.token);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'token-insert-menu',\n      description: 'Marks the TokenInsertMenu wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  Fragment,\n} from 'react';\nimport { Button } from '../button/button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { useAgentRegistration } from '../../agent';\nimport { tokenInsertMenuAgent } from './token-insert-menu.agent';\n\n/** One selectable merge-token. */\nexport interface TokenInsertMenuToken {\n  /** Raw token text inserted verbatim (e.g. `\"{{patient.name}}\"`). */\n  value: string;\n  /** Human-readable label shown in the menu. Already localised by the consumer. */\n  label: string;\n  /** Optional section heading — when ANY token has one, the menu renders grouped. */\n  group?: string;\n}\n\n/** Agent-readiness curated handle for TokenInsertMenu. */\nexport interface TokenInsertMenuHandle {\n  isOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  /** Emit a token to the consumer (mirrors a user selecting it). */\n  insert: (token: string) => void;\n}\n\nexport interface TokenInsertMenuProps {\n  /** The merge-tokens to offer. `value` is inserted; `label` is shown. */\n  tokens: TokenInsertMenuToken[];\n  /** Called with the chosen token's raw `value`. The consumer inserts it at\n   *  the caret of their target field — this component never owns the field. */\n  onInsert: (token: string) => void;\n  /** The trigger button's visible text (already localised by the consumer). */\n  triggerLabel: string;\n  disabled?: boolean;\n  /** Opaque instance id — surfaced as `data-component-id` + agent instance id. */\n  id?: string;\n  /** Extra classes for the trigger button. */\n  className?: string;\n}\n\ninterface TokenSection {\n  heading: string;\n  items: TokenInsertMenuToken[];\n}\n\nexport const TokenInsertMenu = forwardRef<\n  HTMLButtonElement,\n  TokenInsertMenuProps\n>(function TokenInsertMenu(\n  { tokens, onInsert, triggerLabel, disabled, id, className },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n\n  // Mirror the open flag into a ref so the agent handle reads a fresh value\n  // without re-subscribing on every toggle (matches DropdownMenu.Root).\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  // Group tokens only when at least one carries a `group`; otherwise flat.\n  const sections = useMemo<TokenSection[] | null>(() => {\n    if (!tokens.some((token) => token.group)) return null;\n    const order: string[] = [];\n    const byGroup = new Map<string, TokenInsertMenuToken[]>();\n    for (const token of tokens) {\n      const key = token.group ?? '';\n      const bucket = byGroup.get(key);\n      if (bucket) {\n        bucket.push(token);\n      } else {\n        byGroup.set(key, [token]);\n        order.push(key);\n      }\n    }\n    return order.map((heading) => ({\n      heading,\n      items: byGroup.get(heading) ?? [],\n    }));\n  }, [tokens]);\n\n  const handle = useMemo<TokenInsertMenuHandle>(\n    () => ({\n      isOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n      insert: (token) => onInsert(token),\n    }),\n    [onInsert],\n  );\n  useAgentRegistration(tokenInsertMenuAgent, handle, id);\n\n  const renderItem = (token: TokenInsertMenuToken) => (\n    <DropdownMenu.Item\n      key={token.value}\n      // Raw token shown as a muted monospace hint beneath the label.\n      description={\n        <span className=\"ds:font-mono ds:text-muted-foreground\">\n          {token.value}\n        </span>\n      }\n      onSelect={() => onInsert(token.value)}\n    >\n      {token.label}\n    </DropdownMenu.Item>\n  );\n\n  return (\n    <DropdownMenu.Root\n      open={open}\n      // `asChild` hides the trigger's native `disabled` from Radix, so gate\n      // opening here too — a disabled menu must never expand on interaction.\n      onOpenChange={(next) => {\n        if (disabled) return;\n        setOpen(next);\n      }}\n    >\n      <span\n        className=\"ds:inline-flex\"\n        data-component=\"token-insert-menu\"\n        data-component-id={id}\n      >\n        <DropdownMenu.Trigger asChild>\n          <Button\n            ref={ref}\n            type=\"button\"\n            intent=\"outline\"\n            disabled={disabled}\n            className={className}\n          >\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      </span>\n      <DropdownMenu.Content align=\"start\">\n        {sections\n          ? sections.map((section, index) => (\n              <Fragment key={section.heading || `section-${index}`}>\n                {index > 0 ? <DropdownMenu.Separator /> : null}\n                <DropdownMenu.Group>\n                  {section.heading ? (\n                    <DropdownMenu.Label>{section.heading}</DropdownMenu.Label>\n                  ) : null}\n                  {section.items.map(renderItem)}\n                </DropdownMenu.Group>\n              </Fragment>\n            ))\n          : tokens.map(renderItem)}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n});\n\nTokenInsertMenu.displayName = 'TokenInsertMenu';\n"],"names":["tokenInsertMenuAgent","handle","args","TokenInsertMenu","forwardRef","tokens","onInsert","triggerLabel","disabled","id","className","ref","open","setOpen","useState","openRef","useRef","useEffect","sections","useMemo","token","order","byGroup","key","bucket","heading","useAgentRegistration","renderItem","jsx","DropdownMenu","jsxs","next","Button","section","index","Fragment"],"mappings":"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"}

package/dist/_chunks/{tool-rail-BF3F2Ihq.js → tool-rail-CHyUmulN.js}

@@ -2,7 +2,7 @@ import { jsxs as D, jsx as f } from "react/jsx-runtime";
 import { forwardRef as Re, useRef as m, useState as E, useMemo as R, useId as ke, useCallback as F, useEffect as Te, useImperativeHandle as ze, Fragment as _e } from "react";
 import { c as w } from "./index-D2ZczOXr.js";
 import { useTranslation as Ae } from "react-i18next";
-import { I as Se } from "./icon-button-9c9Gp41m.js";
+import { I as Se } from "./icon-button-DA2CAGHZ.js";
 import { S as De } from "./scroll-area-BZOvUhwQ.js";
 import { a as Ee } from "./tooltip-DvmfrNvB.js";
 import { u as Ne } from "./use-controllable-state-BiY4xTzM.js";
@@ -521,4 +521,4 @@ export {
   Ze as T,
   Le as t
 };
-//# sourceMappingURL=tool-rail-BF3F2Ihq.js.map
+//# sourceMappingURL=tool-rail-CHyUmulN.js.map

package/dist/_chunks/{tool-rail-BF3F2Ihq.js.map → tool-rail-CHyUmulN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-rail-BF3F2Ihq.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 { 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).\nconst PANEL_MIN_SIZE = 288;\nconst PANEL_MAX_SIZE = 640;\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    // Defensive: the panel doesn't animate its width today, but if a\n    // consumer adds a transition on the var, suppress it mid-drag.\n    'ds:data-[resizing]:transition-none',\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/* ------------------------------------------------------------------ */\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–640px);\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\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    // 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        {activeTool ? (\n          <aside\n            ref={panelRef}\n            tabIndex={-1}\n            aria-label={t('toolRail.panelLabel', {\n              tool: activeTool.label,\n              defaultValue: '{{tool}} panel',\n            })}\n            data-tool-rail-state=\"expanded\"\n            data-active-tool={activeTool.id}\n            data-resizing={isResizing ? '' : undefined}\n            className={[\n              panelVariants(),\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(activeTool, { isActive: true })\n              : null}\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            {activeTool.header ? (\n              <div className=\"ds:shrink-0\">{activeTool.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            {activeTool.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                {activeTool.panel}\n              </div>\n            ) : (\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:min-h-0\"\n              >\n                {activeTool.panel}\n              </ScrollArea>\n            )}\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            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={toolSlotVariants({\n                      dragging: dragIndex === index,\n                      dropTarget: dropIndex === index && dragIndex !== index,\n                      reorderable: canReorderTool,\n                    })}\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          </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","panelResizeHandleVariants","badgeVariants","toolSlotVariants","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","firstEnabledIndex","scopeDividerIndex","lead","_a","showScopeDivider","reorderRun","first","last","reorderEnabled","reorderInstructionsId","useId","dragIndex","setDragIndex","dropIndex","setDropIndex","reorderMessage","setReorderMessage","announceToggle","commitReorder","useCallback","from","to","clamped","moved","text","rovingIndex","selectTool","toolId","fromKeyboard","tool","handleStripKeyDown","event","next","goingBack","candidate","attempts","_b","_c","rootRef","useEffect","node","onKeyDown","returnIndex","useIsomorphicLayoutEffect","panelEdge","separatorProps","isResizing","isResized","useEdgeResize","committedPanelWidth","activeIdRef","returnId","useImperativeHandle","useAgentRegistration","jsxs","jsx","ScrollArea","TooltipProvider","index","isActive","showBadge","accessibleName","canReorderTool","reorderDescId","Fragment","cur","IconButton","el","target","dest","movedId"],"mappings":"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"}
+{"version":3,"file":"tool-rail-CHyUmulN.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 { 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).\nconst PANEL_MIN_SIZE = 288;\nconst PANEL_MAX_SIZE = 640;\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    // Defensive: the panel doesn't animate its width today, but if a\n    // consumer adds a transition on the var, suppress it mid-drag.\n    'ds:data-[resizing]:transition-none',\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/* ------------------------------------------------------------------ */\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–640px);\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\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    // 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        {activeTool ? (\n          <aside\n            ref={panelRef}\n            tabIndex={-1}\n            aria-label={t('toolRail.panelLabel', {\n              tool: activeTool.label,\n              defaultValue: '{{tool}} panel',\n            })}\n            data-tool-rail-state=\"expanded\"\n            data-active-tool={activeTool.id}\n            data-resizing={isResizing ? '' : undefined}\n            className={[\n              panelVariants(),\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(activeTool, { isActive: true })\n              : null}\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            {activeTool.header ? (\n              <div className=\"ds:shrink-0\">{activeTool.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            {activeTool.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                {activeTool.panel}\n              </div>\n            ) : (\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:min-h-0\"\n              >\n                {activeTool.panel}\n              </ScrollArea>\n            )}\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            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={toolSlotVariants({\n                      dragging: dragIndex === index,\n                      dropTarget: dropIndex === index && dragIndex !== index,\n                      reorderable: canReorderTool,\n                    })}\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          </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","panelResizeHandleVariants","badgeVariants","toolSlotVariants","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","firstEnabledIndex","scopeDividerIndex","lead","_a","showScopeDivider","reorderRun","first","last","reorderEnabled","reorderInstructionsId","useId","dragIndex","setDragIndex","dropIndex","setDropIndex","reorderMessage","setReorderMessage","announceToggle","commitReorder","useCallback","from","to","clamped","moved","text","rovingIndex","selectTool","toolId","fromKeyboard","tool","handleStripKeyDown","event","next","goingBack","candidate","attempts","_b","_c","rootRef","useEffect","node","onKeyDown","returnIndex","useIsomorphicLayoutEffect","panelEdge","separatorProps","isResizing","isResized","useEdgeResize","committedPanelWidth","activeIdRef","returnId","useImperativeHandle","useAgentRegistration","jsxs","jsx","ScrollArea","TooltipProvider","index","isActive","showBadge","accessibleName","canReorderTool","reorderDescId","Fragment","cur","IconButton","el","target","dest","movedId"],"mappings":"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"}

package/dist/_chunks/{tooth-scheme-BPXE1_3N.js → tooth-scheme-WdyVymQ1.js}

@@ -5,8 +5,8 @@ import * as E from "@radix-ui/react-tooltip";
 import { c as ie } from "./index-D2ZczOXr.js";
 import { useTranslation as io } from "react-i18next";
 import { u as Xo } from "./registry-DvAUVLHh.js";
-import { I as Jo } from "./icon-button-9c9Gp41m.js";
-import { P as rt } from "./popover-Btj6N25H.js";
+import { I as Jo } from "./icon-button-DA2CAGHZ.js";
+import { P as rt } from "./popover-Cqcjx-Ny.js";
 import { S as en } from "./select-BW5ecXlX.js";
 import { S as at } from "./switch-OILsBLWo.js";
 import { o as zt, K as tn, a0 as on, J as Ke, R as Ue, u as ro, U as ao, G as nn, S as rn, w as Ve, X as F, f as de, $ as st, _ as Vt, E as ft, a1 as ce, H as Bt, z as ut, y as an, l as ct, A as so, L as sn, t as pt, W as dt, s as co, Y as lo, x as cn, V as dn, a2 as ln, a3 as $, a4 as U, a5 as hn, Z as un, C as ho, Q as pn, a6 as fn, k as Gt, T as mn, O as gn, q as vn, N as bn } from "./tooth-data-DR8Kdnup.js";
@@ -2048,4 +2048,4 @@ export {
   Nn as r,
   $n as t
 };
-//# sourceMappingURL=tooth-scheme-BPXE1_3N.js.map
+//# sourceMappingURL=tooth-scheme-WdyVymQ1.js.map