@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/tooth-scheme-3mITSXiZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooth-scheme-3mITSXiZ.js","sources":["../../src/components/tooth-scheme/tooth-scheme.agent.ts","../../src/components/tooth-scheme/tooth-data.ts","../../src/components/tooth-scheme/tooth-scheme.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ToothSchemeHandle } from './tooth-scheme';\n\nexport const toothSchemeAgent: AgentAdapter<ToothSchemeHandle> = {\n  id: 'tooth-scheme',\n  capabilities: ['pick'],\n  state: {\n    chart: {\n      type: 'object',\n      description:\n        'Current dental chart state — tooth conditions keyed by FDI id.',\n      read: (handle) => handle.getChart(),\n    },\n  },\n  actions: {\n    focus_tooth: {\n      safety: 'read',\n      argsType: '{ id: FdiId }',\n      description: 'Move focus to a specific tooth by FDI id.',\n      invoke: (\n        handle,\n        args: { id: Parameters<ToothSchemeHandle['focusTooth']>[0] },\n      ) => {\n        handle.focusTooth(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'tooth-scheme' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-fdi',\n      description:\n        'Each rendered tooth `<g>` carries its FDI id as `data-fdi`. Tests still use `data-testid=\"tooth-<fdi>\"` separately.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* ToothScheme — data model + lookup tables.                           */\n/*                                                                     */\n/* FDI ISO 3950 is the canonical internal id. This module exposes     */\n/* conversion tables to Universal (ADA) and a simplified Palmer-style */\n/* quadrant+position string so consuming UIs can toggle numbering.    */\n/*                                                                     */\n/* Why simplified Palmer? True Palmer notation uses quadrant bracket  */\n/* glyphs (\"⌐\", \"¬\", \"L\", \"J\") that do not render reliably in every   */\n/* browser/font combination. We emit a readable `UR3` / `LL6` form    */\n/* instead and document the deviation in the component MDX.           */\n/* ------------------------------------------------------------------ */\n\n/* ------------------------------------------------------------------ */\n/* Core types                                                          */\n/* ------------------------------------------------------------------ */\n\nexport type FdiId = string; // '11'–'48' permanent, '51'–'85' primary\n\nexport type Dentition = 'permanent' | 'primary' | 'mixed';\nexport type Numbering = 'fdi' | 'universal' | 'palmer';\nexport type ToothMode = 'interactive' | 'display';\nexport type Surface = 'mesial' | 'distal' | 'occlusal' | 'buccal' | 'lingual';\nexport type ToothCondition =\n  | 'caries'\n  | 'filled'\n  | 'crowned'\n  | 'missing'\n  | 'implant'\n  | 'rootCanal';\n\nexport interface ToothState {\n  conditions: ToothCondition[];\n  surfaces: Surface[];\n  notes?: string;\n}\n\nexport type ToothChart = Record<FdiId, ToothState>;\n\nexport type Anatomy = 'incisor' | 'canine' | 'premolar' | 'molar';\nexport type Arch = 'upper' | 'lower';\nexport type Side = 'right' | 'left'; // patient's side (NOT viewer's)\nexport type Quadrant = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n\nexport interface ToothMeta {\n  fdi: FdiId;\n  /** '1'–'32' for permanent, 'A'–'T' for primary. */\n  universal: string;\n  /** Simplified Palmer quadrant-and-position string, e.g. 'UR3', 'LL6'. */\n  palmer: string;\n  quadrant: Quadrant;\n  /** 1–8 (permanent) or 1–5 (primary), counted from the midline outward. */\n  positionInQuadrant: number;\n  anatomy: Anatomy;\n  arch: Arch;\n  side: Side;\n  dentition: 'permanent' | 'primary';\n}\n\n/* ------------------------------------------------------------------ */\n/* Layout orders                                                       */\n/*                                                                     */\n/* Layout reads from the viewer's perspective, top-left to bottom-     */\n/* right. The chart is FIXED in clinical convention: the patient's    */\n/* right side sits on the viewer's left, regardless of document `dir`. */\n/* ------------------------------------------------------------------ */\n\n/**\n * 32 permanent teeth in visual layout order:\n *   upper row: 18..11 (patient upper-right, outermost → midline), then 21..28 (upper-left, midline → outermost)\n *   lower row: 48..41 (patient lower-right, outermost → midline), then 31..38 (lower-left, midline → outermost)\n */\nexport const PERMANENT_TEETH: FdiId[] = [\n  // upper\n  '18',\n  '17',\n  '16',\n  '15',\n  '14',\n  '13',\n  '12',\n  '11',\n  '21',\n  '22',\n  '23',\n  '24',\n  '25',\n  '26',\n  '27',\n  '28',\n  // lower\n  '48',\n  '47',\n  '46',\n  '45',\n  '44',\n  '43',\n  '42',\n  '41',\n  '31',\n  '32',\n  '33',\n  '34',\n  '35',\n  '36',\n  '37',\n  '38',\n];\n\n/**\n * 20 primary teeth in visual layout order:\n *   upper row: 55..51 (upper-right outermost → midline), then 61..65\n *   lower row: 85..81, then 71..75\n */\nexport const PRIMARY_TEETH: FdiId[] = [\n  // upper\n  '55',\n  '54',\n  '53',\n  '52',\n  '51',\n  '61',\n  '62',\n  '63',\n  '64',\n  '65',\n  // lower\n  '85',\n  '84',\n  '83',\n  '82',\n  '81',\n  '71',\n  '72',\n  '73',\n  '74',\n  '75',\n];\n\n/* ------------------------------------------------------------------ */\n/* Anatomy by position                                                 */\n/* ------------------------------------------------------------------ */\n\nfunction permanentAnatomy(positionInQuadrant: number): Anatomy {\n  if (positionInQuadrant <= 2) return 'incisor';\n  if (positionInQuadrant === 3) return 'canine';\n  if (positionInQuadrant <= 5) return 'premolar';\n  return 'molar';\n}\n\nfunction primaryAnatomy(positionInQuadrant: number): Anatomy {\n  if (positionInQuadrant <= 2) return 'incisor';\n  if (positionInQuadrant === 3) return 'canine';\n  // Primary dentition has no premolars — positions 4 & 5 are molars.\n  return 'molar';\n}\n\n/* ------------------------------------------------------------------ */\n/* Palmer helper                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction palmerCode(quadrant: Quadrant, position: number): string {\n  // Permanent: 1=UR, 2=UL, 3=LL, 4=LR. Primary: 5=UR, 6=UL, 7=LL, 8=LR.\n  // Mapping is identical within each dentition ring; the number is what\n  // changes, so we fold 5→1, 6→2, 7→3, 8→4 to derive the quadrant code.\n  const normalised = ((quadrant - 1) % 4) + 1;\n  const code =\n    normalised === 1\n      ? 'UR'\n      : normalised === 2\n        ? 'UL'\n        : normalised === 3\n          ? 'LL'\n          : 'LR';\n  return `${code}${position}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Universal (ADA) conversion                                          */\n/*                                                                     */\n/* Permanent — Universal numbers 1..32 run clockwise from the          */\n/*   patient's upper-right 3rd molar (FDI 18 = Universal 1), across    */\n/*   the upper arch (18→11 = 1→8, 21→28 = 9→16), then down the left    */\n/*   lower arch (38→31 = 17→24) and across the right lower (41→48 =   */\n/*   25→32).                                                           */\n/*                                                                     */\n/* Primary — Universal letters A..T walk the same path:               */\n/*   55→51 = A→E, 61→65 = F→J, 75→71 = K→O, 81→85 = P→T.              */\n/* ------------------------------------------------------------------ */\n\nfunction permanentUniversal(quadrant: Quadrant, position: number): string {\n  switch (quadrant) {\n    case 1:\n      // 18→1, 17→2, …, 11→8\n      return String(1 + (8 - position));\n    case 2:\n      // 21→9, 22→10, …, 28→16\n      return String(8 + position);\n    case 3:\n      // 38→17, 37→18, …, 31→24\n      return String(17 + (8 - position));\n    case 4:\n      // 41→25, 42→26, …, 48→32\n      return String(24 + position);\n    default:\n      return '';\n  }\n}\n\nfunction primaryUniversal(quadrant: Quadrant, position: number): string {\n  const letters = 'ABCDEFGHIJKLMNOPQRST';\n  let index = -1;\n  switch (quadrant) {\n    case 5:\n      // 55→A, 54→B, 53→C, 52→D, 51→E\n      index = 0 + (5 - position);\n      break;\n    case 6:\n      // 61→F, 62→G, 63→H, 64→I, 65→J\n      index = 5 + (position - 1);\n      break;\n    case 7:\n      // 75→K, 74→L, 73→M, 72→N, 71→O\n      index = 10 + (5 - position);\n      break;\n    case 8:\n      // 81→P, 82→Q, 83→R, 84→S, 85→T\n      index = 15 + (position - 1);\n      break;\n    default:\n      index = -1;\n  }\n  return index >= 0 ? letters[index] : '';\n}\n\n/* ------------------------------------------------------------------ */\n/* Meta builder                                                        */\n/* ------------------------------------------------------------------ */\n\nfunction buildMeta(fdi: FdiId): ToothMeta {\n  const quadrant = Number(fdi[0]) as Quadrant;\n  const position = Number(fdi[1]);\n  const isPrimary = quadrant >= 5;\n  const anatomy = isPrimary\n    ? primaryAnatomy(position)\n    : permanentAnatomy(position);\n  const arch: Arch =\n    quadrant === 1 || quadrant === 2 || quadrant === 5 || quadrant === 6\n      ? 'upper'\n      : 'lower';\n  const side: Side =\n    quadrant === 1 || quadrant === 4 || quadrant === 5 || quadrant === 8\n      ? 'right'\n      : 'left';\n  const universal = isPrimary\n    ? primaryUniversal(quadrant, position)\n    : permanentUniversal(quadrant, position);\n  const palmer = palmerCode(quadrant, position);\n  return {\n    fdi,\n    universal,\n    palmer,\n    quadrant,\n    positionInQuadrant: position,\n    anatomy,\n    arch,\n    side,\n    dentition: isPrimary ? 'primary' : 'permanent',\n  };\n}\n\nexport const FDI_TO_META: Record<FdiId, ToothMeta> = [\n  ...PERMANENT_TEETH,\n  ...PRIMARY_TEETH,\n].reduce<Record<FdiId, ToothMeta>>((acc, fdi) => {\n  acc[fdi] = buildMeta(fdi);\n  return acc;\n}, {});\n\nexport const FDI_TO_UNIVERSAL: Record<FdiId, string> = Object.fromEntries(\n  Object.entries(FDI_TO_META).map(([fdi, meta]) => [fdi, meta.universal]),\n);\n\nexport const FDI_TO_PALMER: Record<FdiId, string> = Object.fromEntries(\n  Object.entries(FDI_TO_META).map(([fdi, meta]) => [fdi, meta.palmer]),\n);\n\n/* ------------------------------------------------------------------ */\n/* Condition → token + pattern                                         */\n/*                                                                     */\n/* Every condition carries BOTH a colour AND a fill pattern so         */\n/* colour-blind clinicians can distinguish states in the SVG (and in   */\n/* black-and-white prints) — colour is never the sole channel.        */\n/* ------------------------------------------------------------------ */\n\n/** CSS variable name (without the leading `var(...)`) that drives a condition's colour. */\nexport const CONDITION_TOKENS: Record<ToothCondition, string> = {\n  caries: '--destructive',\n  filled: '--info',\n  crowned: '--warning',\n  missing: '--muted-foreground',\n  implant: '--accent',\n  rootCanal: '--primary',\n};\n\n/**\n * Convenience: the `fill=\"var(--destructive)\"` string ready to paste onto\n * an SVG attribute. Kept in sync with `CONDITION_TOKENS`.\n */\nexport const CONDITION_COLORS: Record<ToothCondition, string> = {\n  caries: 'var(--destructive)',\n  filled: 'var(--info)',\n  crowned: 'var(--warning)',\n  missing: 'var(--muted-foreground)',\n  implant: 'var(--accent)',\n  rootCanal: 'var(--primary)',\n};\n\n/** SVG `<pattern>` ids declared in `<defs>`. `missing` renders an X glyph instead of a pattern. */\nexport const CONDITION_PATTERNS: Record<ToothCondition, string> = {\n  caries: 'tooth-scheme-pattern-diagonal',\n  filled: 'tooth-scheme-pattern-dots',\n  crowned: 'tooth-scheme-pattern-crosshatch',\n  missing: 'tooth-scheme-pattern-blank',\n  implant: 'tooth-scheme-pattern-vertical',\n  rootCanal: 'tooth-scheme-pattern-horizontal',\n};\n\n/* ------------------------------------------------------------------ */\n/* SVG shape paths — one per anatomy class                             */\n/*                                                                     */\n/* Artistry is deliberately minimal for this first pass: each tooth is */\n/* a rounded rectangle with a small anatomy cue (cusp notch for        */\n/* molars, pointed tip for canines, narrower body for incisors). The   */\n/* shapes accept a `translate(x, y)` on the enclosing `<g>` and draw   */\n/* within a 30×50 bounding box (22×50 for incisors).                   */\n/* ------------------------------------------------------------------ */\n\nexport interface ToothShape {\n  /** Visual width inside the enclosing `<g>`. */\n  width: number;\n  /** Visual height inside the enclosing `<g>`. */\n  height: number;\n  /** SVG `d` attribute for the crown outline. */\n  path: string;\n  /** Optional inner decorative path (occlusal surface on molars, etc.). */\n  innerPath?: string;\n}\n\nexport const TOOTH_SHAPES: Record<Anatomy, ToothShape> = {\n  incisor: {\n    width: 22,\n    height: 50,\n    // Narrow rounded rectangle — slightly wider at the occlusal/biting edge.\n    path: 'M4 4 C4 2 6 0 8 0 L14 0 C16 0 18 2 18 4 L20 44 C20 47 18 50 14 50 L8 50 C4 50 2 47 2 44 Z',\n  },\n  canine: {\n    width: 26,\n    height: 50,\n    // Pointed cusp at the bottom — canines present a single prominent cusp.\n    path: 'M4 4 C4 2 6 0 8 0 L18 0 C20 0 22 2 22 4 L24 40 L13 50 L2 40 Z',\n  },\n  premolar: {\n    width: 28,\n    height: 50,\n    // Wider rounded rectangle with a subtle horizontal notch hinting at two cusps.\n    path: 'M4 4 C4 2 6 0 8 0 L20 0 C22 0 24 2 24 4 L26 44 C26 47 24 50 20 50 L8 50 C4 50 2 47 2 44 Z',\n    innerPath: 'M6 34 L22 34',\n  },\n  molar: {\n    width: 32,\n    height: 50,\n    // Widest rounded rectangle with a cross-notch hinting at the occlusal fissure pattern.\n    path: 'M4 4 C4 2 6 0 8 0 L24 0 C26 0 28 2 28 4 L30 44 C30 47 28 50 24 50 L8 50 C4 50 2 47 2 44 Z',\n    innerPath: 'M6 32 L26 32 M16 22 L16 42',\n  },\n};\n\n/* ------------------------------------------------------------------ */\n/* Viewport layout helpers                                             */\n/* ------------------------------------------------------------------ */\n\nexport const TOOTH_GAP = 4;\nexport const TOOTH_ROW_GAP = 24;\nexport const TOOTH_HIT_PAD = 4;\n\nexport interface PositionedTooth {\n  fdi: FdiId;\n  meta: ToothMeta;\n  shape: ToothShape;\n  x: number;\n  y: number;\n}\n\n/**\n * Produce the positioned list of teeth for a given dentition. The layout\n * is a two-row grid reading viewer-left-to-right across the upper arch,\n * then viewer-left-to-right across the lower arch. Clinical convention\n * is preserved: the patient's right sits on the viewer's left in both\n * arches, regardless of document direction.\n */\nexport function layoutTeeth(dentition: Dentition): {\n  teeth: PositionedTooth[];\n  width: number;\n  height: number;\n} {\n  const ids: FdiId[] =\n    dentition === 'primary'\n      ? PRIMARY_TEETH\n      : dentition === 'mixed'\n        ? [...PERMANENT_TEETH, ...PRIMARY_TEETH]\n        : PERMANENT_TEETH;\n\n  // Upper / lower partition is inferred from meta.arch.\n  const upper: FdiId[] = [];\n  const lower: FdiId[] = [];\n  for (const id of ids) {\n    const meta = FDI_TO_META[id];\n    if (meta.arch === 'upper') upper.push(id);\n    else lower.push(id);\n  }\n\n  const rowHeight = 50;\n  const maxPerRow = Math.max(upper.length, lower.length);\n\n  // Centre each row on the widest one.\n  function positionRow(row: FdiId[], yOffset: number): PositionedTooth[] {\n    const rowWidth = row.reduce((acc, id) => {\n      const shape = TOOTH_SHAPES[FDI_TO_META[id].anatomy];\n      return acc + shape.width + TOOTH_GAP;\n    }, 0);\n    const fullRowWidth = row.length > 0 ? rowWidth - TOOTH_GAP : 0;\n\n    const maxRowWidth = (function computeMax(): number {\n      const bigger = upper.length >= lower.length ? upper : lower;\n      const biggerWidth = bigger.reduce((acc, id) => {\n        const shape = TOOTH_SHAPES[FDI_TO_META[id].anatomy];\n        return acc + shape.width + TOOTH_GAP;\n      }, 0);\n      return biggerWidth - TOOTH_GAP;\n    })();\n\n    const startX = (maxRowWidth - fullRowWidth) / 2;\n    let cursor = startX;\n    return row.map((id) => {\n      const meta = FDI_TO_META[id];\n      const shape = TOOTH_SHAPES[meta.anatomy];\n      const tooth: PositionedTooth = {\n        fdi: id,\n        meta,\n        shape,\n        x: cursor,\n        y: yOffset,\n      };\n      cursor += shape.width + TOOTH_GAP;\n      return tooth;\n    });\n  }\n\n  const upperRow = positionRow(upper, 0);\n  const lowerRow = positionRow(lower, rowHeight + TOOTH_ROW_GAP);\n\n  // Compute the true content width / height for the viewBox.\n  const maxRowWidth = Math.max(\n    upperRow.reduce((acc, t) => Math.max(acc, t.x + t.shape.width), 0),\n    lowerRow.reduce((acc, t) => Math.max(acc, t.x + t.shape.width), 0),\n  );\n\n  // Fall back to a reasonable default if a row is empty.\n  const width = maxRowWidth > 0 ? maxRowWidth : maxPerRow * 30;\n  const height = rowHeight * 2 + TOOTH_ROW_GAP;\n\n  return { teeth: [...upperRow, ...lowerRow], width, height };\n}\n\n/* ------------------------------------------------------------------ */\n/* Labels by numbering                                                 */\n/* ------------------------------------------------------------------ */\n\nexport function labelFor(id: FdiId, numbering: Numbering): string {\n  switch (numbering) {\n    case 'universal':\n      return FDI_TO_UNIVERSAL[id] ?? id;\n    case 'palmer':\n      return FDI_TO_PALMER[id] ?? id;\n    case 'fdi':\n    default:\n      return id;\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* Chart helpers                                                       */\n/* ------------------------------------------------------------------ */\n\nexport function emptyChart(): ToothChart {\n  return {};\n}\n\nexport function chartFromConditions(\n  conditions: Partial<Record<FdiId, ToothCondition[]>>,\n): ToothChart {\n  const chart: ToothChart = {};\n  for (const [id, list] of Object.entries(conditions)) {\n    if (!list || list.length === 0) continue;\n    chart[id] = { conditions: list, surfaces: [] };\n  }\n  return chart;\n}\n","/* ------------------------------------------------------------------ */\n/* ToothScheme — in-house SVG dental chart.                            */\n/*                                                                     */\n/* - The ONLY Domain-Specific component without a third-party engine.  */\n/*   No DentalChart.js, no toothchart, no canvas — `src/docs/08-third- */\n/*   party.mdx §Dental chart` flags every candidate as rejected (jQuery */\n/*   dependency, abandoned, poor a11y), so we draw SVG ourselves.      */\n/*                                                                     */\n/* - Colour-not-alone: each `ToothCondition` has a translated label, a */\n/*   token colour AND a `<pattern>` fill. Pattern ids live in          */\n/*   `CONDITION_PATTERNS`; the six `<pattern>` nodes live once per     */\n/*   mounted chart inside a single `<defs>` block.                     */\n/*                                                                     */\n/* - Chart orientation is FIXED to clinical convention: the patient's */\n/*   right side sits on the viewer's left in both upper and lower      */\n/*   arches, regardless of document `dir`. RTL mirrors the surrounding */\n/*   chrome (labels, controls) but NEVER the anatomy — a mirrored      */\n/*   chart would invert every diagnosis recorded against it.           */\n/*                                                                     */\n/* TODO:                                                                */\n/*   - SVG artistry is deliberately minimal (rounded-rect crowns with  */\n/*     anatomy cues). A future pass should replace each `<path>` with  */\n/*     a clinically-correct crown outline from the dental design team. */\n/*   - Surface selection sub-control (mesial / distal / occlusal / …)  */\n/*     is stubbed via the data model only; the interactive surface     */\n/*     picker will land in a follow-up.                                */\n/*   - Condition editing is a single-step cycle on Space/Enter — good  */\n/*     enough for demos and stories; a richer picker belongs in a     */\n/*     popover and will reuse Radix Popover when it's wired in.        */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from 'react';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { toothSchemeAgent } from './tooth-scheme.agent';\n\nimport {\n  CONDITION_COLORS,\n  CONDITION_PATTERNS,\n  CONDITION_TOKENS,\n  FDI_TO_META,\n  PERMANENT_TEETH,\n  PRIMARY_TEETH,\n  TOOTH_HIT_PAD,\n  chartFromConditions,\n  labelFor,\n  layoutTeeth,\n  type Dentition,\n  type FdiId,\n  type Numbering,\n  type ToothChart,\n  type ToothCondition,\n  type ToothMode,\n  type ToothState,\n} from './tooth-data';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface ToothSchemeProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Which teeth to render. Default `'permanent'`. */\n  dentition?: Dentition;\n  /** Numbering system shown on each tooth label. Default `'fdi'`. */\n  numbering?: Numbering;\n  /** `'interactive'` enables selection + keyboard nav; `'display'` is read-only. Default `'interactive'`. */\n  mode?: ToothMode;\n  /** Controlled chart state — the full `Record<FdiId, ToothState>`. */\n  value?: ToothChart;\n  /** Uncontrolled initial chart state. */\n  defaultValue?: ToothChart;\n  /** Fired whenever the chart changes — always emits FDI ids. */\n  onChange?: (next: ToothChart) => void;\n  /** Fired when a tooth is focused or clicked. */\n  onSelect?: (toothId: FdiId) => void;\n  /** Shortcut for pre-populating conditions: `{ '16': ['caries'], '36': ['filled'] }`. */\n  conditions?: Partial<Record<FdiId, ToothCondition[]>>;\n  /** Accessible label override for the chart region. */\n  ariaLabel?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface ToothSchemeHandle {\n  /** Programmatically focus a tooth by FDI id. */\n  focusTooth: (id: FdiId) => void;\n  /** Read the current chart state. */\n  getChart: () => ToothChart;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:tooth-scheme-alfadocs',\n    'ds:inline-flex ds:flex-col',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  ].join(' '),\n);\n\nconst svgVariants = cva(\n  ['ds:block ds:max-w-full ds:h-auto', 'ds:text-[var(--foreground)]'].join(' '),\n);\n\n// `group` here is load-bearing — the focus-ring <rect> below uses\n// `group-focus-visible:opacity-100` to appear when the parent <g> takes\n// focus. Without this class the selector never fires and keyboard users\n// see no focus indicator (a11y-critical-fixes.mdx).\nconst toothGroupVariants = cva(\n  [\n    'ds:group ds:cursor-pointer',\n    'ds:focus:outline-none',\n    'ds:transition-[fill,stroke,opacity] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\nconst legendVariants = cva(\n  [\n    'ds:flex ds:flex-wrap ds:items-center',\n    'ds:gap-[var(--spacing-sm)]',\n    'type-meta ds:text-[var(--muted-foreground)]',\n  ].join(' '),\n);\n\nconst legendItemVariants = cva(\n  ['ds:inline-flex ds:items-center', 'ds:gap-[var(--spacing-xs)]'].join(' '),\n);\n\nconst legendSwatchVariants = cva(\n  [\n    'ds:inline-block',\n    'ds:inline-size-[0.75rem] ds:block-size-[0.75rem]',\n    'ds:rounded-[var(--radius-xs)]',\n    'ds:border ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\nconst liveRegionVariants = cva(['ds:sr-only'].join(' '));\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction isControlled(props: Pick<ToothSchemeProps, 'value'>): boolean {\n  return props.value !== undefined;\n}\n\nfunction emptyState(): ToothState {\n  return { conditions: [], surfaces: [] };\n}\n\nfunction cycleCondition(\n  current: ToothCondition[] | undefined,\n): ToothCondition[] {\n  if (!current || current.length === 0) return ['caries'];\n  return [];\n}\n\nfunction sanitiseIdSuffix(raw: string): string {\n  return raw.replace(/[^a-zA-Z0-9-_]/g, '');\n}\n\n/* ------------------------------------------------------------------ */\n/* Patterns <defs>                                                      */\n/* ------------------------------------------------------------------ */\n\ninterface PatternDefsProps {\n  idPrefix: string;\n}\n\nfunction PatternDefs({ idPrefix }: PatternDefsProps): JSX.Element {\n  // We namespace pattern ids per-instance so multiple ToothScheme charts\n  // on a page don't collide. References inside the component use\n  // `${idPrefix}-${CONDITION_PATTERNS[condition]}`.\n  const pid = (id: string): string => `${idPrefix}-${id}`;\n  return (\n    <defs>\n      <pattern\n        id={pid(CONDITION_PATTERNS.caries)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"6\"\n        height=\"6\"\n        patternTransform=\"rotate(45)\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"0\"\n          x2=\"0\"\n          y2=\"6\"\n          stroke={CONDITION_COLORS.caries}\n          strokeWidth=\"2\"\n        />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.filled)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"5\"\n        height=\"5\"\n      >\n        <circle cx=\"2.5\" cy=\"2.5\" r=\"1\" fill={CONDITION_COLORS.filled} />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.crowned)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"6\"\n        height=\"6\"\n      >\n        <path\n          d=\"M0 0 L6 6 M6 0 L0 6\"\n          stroke={CONDITION_COLORS.crowned}\n          strokeWidth=\"1\"\n        />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.implant)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"4\"\n        height=\"4\"\n      >\n        <line\n          x1=\"1\"\n          y1=\"0\"\n          x2=\"1\"\n          y2=\"4\"\n          stroke={CONDITION_COLORS.implant}\n          strokeWidth=\"1\"\n        />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.rootCanal)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"4\"\n        height=\"4\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"1\"\n          x2=\"4\"\n          y2=\"1\"\n          stroke={CONDITION_COLORS.rootCanal}\n          strokeWidth=\"1\"\n        />\n      </pattern>\n      {/* `missing` does not need a pattern — the renderer draws an X glyph. */}\n    </defs>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Legend                                                               */\n/* ------------------------------------------------------------------ */\n\nconst ALL_CONDITIONS: ToothCondition[] = [\n  'caries',\n  'filled',\n  'crowned',\n  'missing',\n  'implant',\n  'rootCanal',\n];\n\ninterface LegendProps {\n  idPrefix: string;\n}\n\nfunction Legend({ idPrefix: _idPrefix }: LegendProps): JSX.Element {\n  const { t } = useTranslation();\n  return (\n    <ul\n      className={legendVariants()}\n      data-testid=\"tooth-scheme-legend\"\n      aria-label={t('toothScheme.legendLabel')}\n    >\n      {ALL_CONDITIONS.map((condition) => (\n        <li key={condition} className={legendItemVariants()}>\n          <span\n            className={legendSwatchVariants()}\n            aria-hidden=\"true\"\n            data-condition={condition}\n            data-token={CONDITION_TOKENS[condition]}\n            data-testid={`tooth-scheme-legend-swatch-${condition}`}\n          />\n          <span>{t(`toothScheme.condition.${condition}`)}</span>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const ToothScheme = forwardRef<ToothSchemeHandle, ToothSchemeProps>(\n  (\n    {\n      id,\n      dentition = 'permanent',\n      numbering = 'fdi',\n      mode = 'interactive',\n      value,\n      defaultValue,\n      onChange,\n      onSelect,\n      conditions,\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const rawId = useId();\n    const idPrefix = useMemo(() => `ts-${sanitiseIdSuffix(rawId)}`, [rawId]);\n\n    // Chart state — controlled / uncontrolled.\n    const [internalChart, setInternalChart] = useState<ToothChart>(() => {\n      if (value !== undefined) return value;\n      if (defaultValue !== undefined) return defaultValue;\n      if (conditions) return chartFromConditions(conditions);\n      return {};\n    });\n\n    const chart: ToothChart = isControlled({ value })\n      ? (value as ToothChart)\n      : internalChart;\n\n    // Keep uncontrolled chart in sync when `conditions` shortcut updates.\n    useEffect(() => {\n      if (isControlled({ value })) return;\n      if (conditions === undefined) return;\n      setInternalChart(chartFromConditions(conditions));\n      // Intentionally depend on a stable key — swapping the entire prop\n      // snapshot is the consumer's signal to reset.\n    }, [conditions, value]);\n\n    // Layout.\n    const layout = useMemo(() => layoutTeeth(dentition), [dentition]);\n    const visibleIds = useMemo(() => layout.teeth.map((t) => t.fdi), [layout]);\n\n    // Roving tabindex: which tooth owns `tabindex=\"0\"`.\n    const firstId: FdiId | undefined = visibleIds[0];\n    const [focusedId, setFocusedId] = useState<FdiId | undefined>(firstId);\n    useEffect(() => {\n      if (!focusedId || !visibleIds.includes(focusedId)) {\n        setFocusedId(firstId);\n      }\n    }, [firstId, focusedId, visibleIds]);\n\n    // Live-region announcement text.\n    const [announcement, setAnnouncement] = useState<string>('');\n\n    const svgRef = useRef<SVGSVGElement>(null);\n\n    const commitChart = useCallback(\n      (next: ToothChart) => {\n        if (!isControlled({ value })) {\n          setInternalChart(next);\n        }\n        onChange?.(next);\n      },\n      [onChange, value],\n    );\n\n    const focusToothById = useCallback((id: FdiId) => {\n      const svg = svgRef.current;\n      if (!svg) return;\n      const node = svg.querySelector<SVGGElement>(`g[data-fdi=\"${id}\"]`);\n      if (node) {\n        node.focus();\n        setFocusedId(id);\n      }\n    }, []);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const agentHandle = useMemo<ToothSchemeHandle>(\n      () => ({\n        focusTooth: (id: FdiId) => {\n          focusToothById(id);\n        },\n        getChart: () => chart,\n      }),\n      [chart, focusToothById],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(toothSchemeAgent, agentHandle, id);\n\n    /* ------------------------------------------------------------- */\n    /* Keyboard navigation                                            */\n    /* ------------------------------------------------------------- */\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<SVGGElement>, id: FdiId) => {\n        if (mode !== 'interactive') return;\n        const meta = FDI_TO_META[id];\n        if (!meta) return;\n\n        // Resolve the ordered list of visible ids for Left/Right.\n        const order = visibleIds;\n        const currentIndex = order.indexOf(id);\n\n        switch (event.key) {\n          case 'ArrowRight': {\n            event.preventDefault();\n            const nextIndex = Math.min(order.length - 1, currentIndex + 1);\n            focusToothById(order[nextIndex]);\n            return;\n          }\n          case 'ArrowLeft': {\n            event.preventDefault();\n            const nextIndex = Math.max(0, currentIndex - 1);\n            focusToothById(order[nextIndex]);\n            return;\n          }\n          case 'ArrowUp':\n          case 'ArrowDown': {\n            event.preventDefault();\n            // Map to the opposing arch, same FDI position where possible.\n            // Permanent: 1 ↔ 4, 2 ↔ 3. Primary: 5 ↔ 8, 6 ↔ 7.\n            const quadrantMap: Record<number, number> = {\n              1: 4,\n              4: 1,\n              2: 3,\n              3: 2,\n              5: 8,\n              8: 5,\n              6: 7,\n              7: 6,\n            };\n            const targetQuadrant = quadrantMap[meta.quadrant];\n            if (!targetQuadrant) return;\n            const candidate = `${targetQuadrant}${meta.positionInQuadrant}`;\n            if (order.includes(candidate)) {\n              focusToothById(candidate);\n            }\n            return;\n          }\n          case 'Home': {\n            event.preventDefault();\n            // First tooth in the same quadrant (visible).\n            const inQuadrant = order.filter(\n              (other) => FDI_TO_META[other].quadrant === meta.quadrant,\n            );\n            if (inQuadrant.length > 0) {\n              focusToothById(inQuadrant[0]);\n            }\n            return;\n          }\n          case 'End': {\n            event.preventDefault();\n            const inQuadrant = order.filter(\n              (other) => FDI_TO_META[other].quadrant === meta.quadrant,\n            );\n            if (inQuadrant.length > 0) {\n              focusToothById(inQuadrant[inQuadrant.length - 1]);\n            }\n            return;\n          }\n          case ' ':\n          case 'Enter': {\n            event.preventDefault();\n            const prev = chart[id]?.conditions;\n            const nextConditions = cycleCondition(prev);\n            const next: ToothChart = { ...chart };\n            if (nextConditions.length === 0) {\n              delete next[id];\n              setAnnouncement(t('toothScheme.deselected', { id }));\n            } else {\n              next[id] = {\n                ...(chart[id] ?? emptyState()),\n                conditions: nextConditions,\n              };\n              setAnnouncement(\n                t('toothScheme.selected', {\n                  id,\n                  conditions: nextConditions\n                    .map((c) => t(`toothScheme.condition.${c}`))\n                    .join(', '),\n                }),\n              );\n            }\n            commitChart(next);\n            onSelect?.(id);\n            return;\n          }\n          default:\n            return;\n        }\n      },\n      [chart, commitChart, focusToothById, mode, onSelect, t, visibleIds],\n    );\n\n    const handleClick = useCallback(\n      (id: FdiId) => {\n        if (mode !== 'interactive') return;\n        setFocusedId(id);\n        const prev = chart[id]?.conditions;\n        const nextConditions = cycleCondition(prev);\n        const next: ToothChart = { ...chart };\n        if (nextConditions.length === 0) {\n          delete next[id];\n          setAnnouncement(t('toothScheme.deselected', { id }));\n        } else {\n          next[id] = {\n            ...(chart[id] ?? emptyState()),\n            conditions: nextConditions,\n          };\n          setAnnouncement(\n            t('toothScheme.selected', {\n              id,\n              conditions: nextConditions\n                .map((c) => t(`toothScheme.condition.${c}`))\n                .join(', '),\n            }),\n          );\n        }\n        commitChart(next);\n        onSelect?.(id);\n      },\n      [chart, commitChart, mode, onSelect, t],\n    );\n\n    /* ------------------------------------------------------------- */\n    /* Rendering                                                      */\n    /* ------------------------------------------------------------- */\n\n    const viewBoxWidth = layout.width + 4; // small padding for stroke\n    const viewBoxHeight = layout.height + 4;\n\n    const regionLabel = ariaLabel ?? t('toothScheme.ariaLabel');\n\n    return (\n      <RadixTooltip.Provider delayDuration={200}>\n        <div\n          ref={rootRef}\n          role=\"region\"\n          aria-label={regionLabel}\n          className={[rootVariants(), className].filter(Boolean).join(' ')}\n          data-component=\"tooth-scheme\"\n          data-component-id={id}\n          data-testid=\"tooth-scheme-root\"\n          data-dentition={dentition}\n          data-numbering={numbering}\n          data-mode={mode}\n        >\n          <svg\n            ref={svgRef}\n            viewBox={`0 0 ${viewBoxWidth} ${viewBoxHeight}`}\n            className={svgVariants()}\n            role=\"group\"\n            aria-label={regionLabel}\n            data-testid=\"tooth-scheme-svg\"\n            focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <PatternDefs idPrefix={idPrefix} />\n\n            {layout.teeth.map((tooth) => {\n              const state = chart[tooth.fdi];\n              const primaryCondition: ToothCondition | undefined =\n                state?.conditions?.[0];\n\n              const anatomyLabel = t(\n                `toothScheme.anatomy.${tooth.meta.anatomy}`,\n              );\n              const conditionSuffix = primaryCondition\n                ? `, ${t(`toothScheme.condition.${primaryCondition}`)}`\n                : '';\n              const label = t('toothScheme.toothLabel', {\n                id: labelFor(tooth.fdi, numbering),\n                anatomy: anatomyLabel,\n                conditionSuffix,\n              });\n\n              const tabIndex =\n                mode === 'interactive'\n                  ? tooth.fdi === focusedId\n                    ? 0\n                    : -1\n                  : undefined;\n\n              const fillColour: string =\n                primaryCondition && primaryCondition !== 'missing'\n                  ? `url(#${idPrefix}-${CONDITION_PATTERNS[primaryCondition]})`\n                  : 'var(--muted)';\n\n              const strokeColour: string =\n                primaryCondition && primaryCondition !== 'missing'\n                  ? CONDITION_COLORS[primaryCondition]\n                  : 'var(--border)';\n\n              const tooltipContent = primaryCondition\n                ? `${anatomyLabel} · ${t(`toothScheme.condition.${primaryCondition}`)}`\n                : anatomyLabel;\n\n              const labelText = labelFor(tooth.fdi, numbering);\n\n              return (\n                <RadixTooltip.Root key={tooth.fdi}>\n                  <RadixTooltip.Trigger asChild>\n                    <g\n                      data-fdi={tooth.fdi}\n                      data-anatomy={tooth.meta.anatomy}\n                      data-arch={tooth.meta.arch}\n                      data-side={tooth.meta.side}\n                      data-quadrant={tooth.meta.quadrant}\n                      data-condition={primaryCondition ?? 'none'}\n                      data-testid={`tooth-${tooth.fdi}`}\n                      transform={`translate(${tooth.x}, ${tooth.y})`}\n                      tabIndex={tabIndex}\n                      // SVG `<g>` has no implicit role, so `aria-label`\n                      // would be rejected by axe's `aria-prohibited-attr`\n                      // rule. Give it an explicit role: `button` in\n                      // interactive mode, `img` in display mode (the\n                      // group reads as a single labelled tooth glyph).\n                      role={mode === 'interactive' ? 'button' : 'img'}\n                      aria-label={label}\n                      aria-pressed={\n                        mode === 'interactive'\n                          ? primaryCondition !== undefined\n                          : undefined\n                      }\n                      className={toothGroupVariants()}\n                      onClick={\n                        mode === 'interactive'\n                          ? () => handleClick(tooth.fdi)\n                          : undefined\n                      }\n                      onFocus={() => setFocusedId(tooth.fdi)}\n                      onKeyDown={(event) => handleKeyDown(event, tooth.fdi)}\n                    >\n                      {/* Invisible ≥44px hit target (WCAG 2.5.5). */}\n                      <rect\n                        x={-TOOTH_HIT_PAD}\n                        y={-TOOTH_HIT_PAD}\n                        width={tooth.shape.width + TOOTH_HIT_PAD * 2}\n                        height={tooth.shape.height + TOOTH_HIT_PAD * 2}\n                        fill=\"transparent\"\n                      />\n                      {/* Crown outline. */}\n                      <path\n                        d={tooth.shape.path}\n                        fill={fillColour}\n                        stroke={strokeColour}\n                        strokeWidth=\"1.5\"\n                        vectorEffect=\"non-scaling-stroke\"\n                      />\n                      {tooth.shape.innerPath ? (\n                        <path\n                          d={tooth.shape.innerPath}\n                          fill=\"none\"\n                          stroke=\"var(--muted-foreground)\"\n                          strokeWidth=\"0.75\"\n                          vectorEffect=\"non-scaling-stroke\"\n                        />\n                      ) : null}\n                      {/* Focus ring — drawn as a rect so it tracks the hit\n                          area. `group` on the parent <g> makes this\n                          group-focus-visible selector fire when a keyboard\n                          user focuses the tooth. In forced-colors mode the\n                          ring falls back to `CanvasText` so it stays visible\n                          when `var(--ring)` is remapped. */}\n                      <rect\n                        x={-TOOTH_HIT_PAD}\n                        y={-TOOTH_HIT_PAD}\n                        width={tooth.shape.width + TOOTH_HIT_PAD * 2}\n                        height={tooth.shape.height + TOOTH_HIT_PAD * 2}\n                        fill=\"none\"\n                        stroke=\"var(--ring)\"\n                        strokeWidth=\"var(--focus-ring-width)\"\n                        className={[\n                          'ds:opacity-0',\n                          'ds:group-focus-visible:opacity-100',\n                          'ds:forced-colors:stroke-[CanvasText]',\n                        ].join(' ')}\n                        data-testid={`tooth-${tooth.fdi}-focus-ring`}\n                        pointerEvents=\"none\"\n                        rx=\"4\"\n                      />\n                      {/* Missing-tooth X glyph. */}\n                      {primaryCondition === 'missing' ? (\n                        <path\n                          d={`M2 2 L${tooth.shape.width - 2} ${tooth.shape.height - 2} M${tooth.shape.width - 2} 2 L2 ${tooth.shape.height - 2}`}\n                          stroke={CONDITION_COLORS.missing}\n                          strokeWidth=\"2\"\n                          fill=\"none\"\n                        />\n                      ) : null}\n                      {/* Tooth number label — sits below (upper arch) or above (lower) the crown. */}\n                      <text\n                        x={tooth.shape.width / 2}\n                        y={\n                          tooth.meta.arch === 'upper'\n                            ? tooth.shape.height + 12\n                            : -4\n                        }\n                        textAnchor=\"middle\"\n                        fontSize=\"10\"\n                        fill=\"var(--muted-foreground)\"\n                        className=\"ds:select-none\"\n                        aria-hidden=\"true\"\n                      >\n                        {labelText}\n                      </text>\n                    </g>\n                  </RadixTooltip.Trigger>\n                  <RadixTooltip.Portal>\n                    <RadixTooltip.Content\n                      side=\"top\"\n                      sideOffset={6}\n                      className=\"ds:z-[var(--z-tooltip)] ds:rounded-[var(--radius-sm)] ds:bg-[var(--foreground)] ds:text-[var(--background)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[calc(var(--spacing-xs)/2)] ds:pb-[calc(var(--spacing-xs)/2)] ds:text-[length:var(--font-size-xs)]\"\n                    >\n                      {tooltipContent}\n                      <RadixTooltip.Arrow className=\"ds:fill-[var(--foreground)]\" />\n                    </RadixTooltip.Content>\n                  </RadixTooltip.Portal>\n                </RadixTooltip.Root>\n              );\n            })}\n          </svg>\n\n          <Legend idPrefix={idPrefix} />\n\n          <div\n            className={liveRegionVariants()}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            data-testid=\"tooth-scheme-live\"\n          >\n            {announcement}\n          </div>\n        </div>\n      </RadixTooltip.Provider>\n    );\n  },\n);\n\nToothScheme.displayName = 'ToothScheme';\n\n/* ------------------------------------------------------------------ */\n/* Re-exports                                                          */\n/* ------------------------------------------------------------------ */\n\nexport { rootVariants as toothSchemeVariants, PERMANENT_TEETH, PRIMARY_TEETH };\nexport type {\n  Dentition,\n  FdiId,\n  Numbering,\n  ToothChart,\n  ToothCondition,\n  ToothMode,\n  ToothState,\n} from './tooth-data';\n"],"names":["toothSchemeAgent","handle","args","PERMANENT_TEETH","PRIMARY_TEETH","permanentAnatomy","positionInQuadrant","primaryAnatomy","palmerCode","quadrant","position","normalised","permanentUniversal","primaryUniversal","letters","index","buildMeta","fdi","isPrimary","anatomy","arch","side","universal","palmer","FDI_TO_META","acc","FDI_TO_UNIVERSAL","meta","FDI_TO_PALMER","CONDITION_TOKENS","CONDITION_COLORS","CONDITION_PATTERNS","TOOTH_SHAPES","TOOTH_GAP","TOOTH_ROW_GAP","TOOTH_HIT_PAD","layoutTeeth","dentition","ids","upper","lower","id","rowHeight","maxPerRow","positionRow","row","yOffset","rowWidth","shape","fullRowWidth","cursor","tooth","upperRow","lowerRow","maxRowWidth","t","width","height","labelFor","numbering","emptyChart","chartFromConditions","conditions","chart","list","rootVariants","cva","svgVariants","toothGroupVariants","legendVariants","legendItemVariants","legendSwatchVariants","liveRegionVariants","isControlled","props","emptyState","cycleCondition","current","sanitiseIdSuffix","raw","PatternDefs","idPrefix","pid","jsx","ALL_CONDITIONS","Legend","_idPrefix","useTranslation","condition","ToothScheme","forwardRef","mode","value","defaultValue","onChange","onSelect","ariaLabel","className","ref","rawId","useId","useMemo","internalChart","setInternalChart","useState","useEffect","layout","visibleIds","firstId","focusedId","setFocusedId","announcement","setAnnouncement","svgRef","useRef","commitChart","useCallback","next","focusToothById","svg","node","rootRef","agentHandle","useImperativeHandle","useAgentRegistration","handleKeyDown","event","order","currentIndex","nextIndex","targetQuadrant","candidate","inQuadrant","other","prev","_a","nextConditions","c","handleClick","viewBoxWidth","viewBoxHeight","regionLabel","RadixTooltip","jsxs","state","primaryCondition","anatomyLabel","conditionSuffix","label","tabIndex","fillColour","strokeColour","tooltipContent","labelText"],"mappings":"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"}

package/dist/_chunks/transcript-panel-Bx5ANMsv.js

@@ -0,0 +1,346 @@
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { forwardRef as K, useState as A, useRef as x, useId as _, useMemo as w, useCallback as R, useLayoutEffect as j, useImperativeHandle as O, Fragment as V } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { u as H } from "./registry-C9nwlNyL.js";
+import { u as q } from "./index-CJE9uQmb.js";
+import { S as B } from "./search-input-CdJIEjFo.js";
+const U = {
+  id: "transcript-panel",
+  capabilities: ["select_single"],
+  state: {
+    selectedTurn: {
+      type: "string | null",
+      descriptionKey: "ui.agent.transcriptPanel.state.selectedTurn",
+      description: "Opaque id (line index) of the currently-active turn, or null when none is active.",
+      read: (t) => t.getSelectedTurn()
+    }
+  },
+  actions: {
+    focus_turn: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.transcriptPanel.actions.focusTurn",
+      description: "Scroll the given turn into view and focus its seek button.",
+      invoke: (t, n) => {
+        t.focusTurn(n.id);
+      }
+    },
+    copy_turn: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.transcriptPanel.actions.copyTurn",
+      description: "Copy the given turn's text to the clipboard.",
+      invoke: (t, n) => t.copyTurn(n.id)
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "transcript-panel",
+      description: "Marks the TranscriptPanel wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-turn-id",
+      description: "Stable opaque turn id (line index). Never carries the turn's dictated text."
+    }
+  }
+}, G = D(
+  [
+    "ds:flex ds:flex-col ds:w-full ds:min-h-0",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+    "ds:bg-background",
+    "ds:focus-within:border-[color:var(--primary)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[length:var(--font-size-sm)]",
+        md: "ds:text-[length:var(--font-size-base)]",
+        lg: "ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Q = 100, Y = 8;
+function z(t, n) {
+  const a = Math.max(0, Math.floor(t)), i = Math.floor(a / 60), u = a % 60, p = (g) => new Intl.NumberFormat(n, { minimumIntegerDigits: 2 }).format(g);
+  return `${p(i)}:${p(u)}`;
+}
+function Z(t) {
+  const n = Math.max(0, Math.floor(t)), a = Math.floor(n / 60), i = n % 60;
+  return `PT${a}M${i}S`;
+}
+function J(t) {
+  let n = 0;
+  for (let a = 0; a < t.length; a += 1)
+    n = n * 31 + t.charCodeAt(a) | 0;
+  return Math.abs(n) % Y;
+}
+const W = [
+  "ds:bg-[color:var(--transcript-speaker-1)]",
+  "ds:bg-[color:var(--transcript-speaker-2)]",
+  "ds:bg-[color:var(--transcript-speaker-3)]",
+  "ds:bg-[color:var(--transcript-speaker-4)]",
+  "ds:bg-[color:var(--transcript-speaker-5)]",
+  "ds:bg-[color:var(--transcript-speaker-6)]",
+  "ds:bg-[color:var(--transcript-speaker-7)]",
+  "ds:bg-[color:var(--transcript-speaker-8)]"
+];
+function X(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function ee({ text: t, query: n }) {
+  if (!n) return t;
+  const a = X(n);
+  return t.split(new RegExp(`(${a})`, "gi")).map(
+    (u, p) => u.toLocaleLowerCase() === n.toLocaleLowerCase() ? /* @__PURE__ */ o(
+      "mark",
+      {
+        className: "ds:bg-[color:var(--warning)]/30 ds:text-[color:var(--foreground)] ds:rounded-[var(--radius-sm)]",
+        children: u
+      },
+      p
+    ) : /* @__PURE__ */ o(V, { children: u }, p)
+  );
+}
+const te = K(
+  ({
+    lines: t,
+    currentTime: n = 0,
+    onSeek: a,
+    searchable: i = !0,
+    size: u = "md",
+    className: p,
+    ...g
+  }, L) => {
+    const { t: d, i18n: b } = F(), [m, M] = A(""), h = x(null), T = x(null), P = _(), c = w(() => {
+      if (!Number.isFinite(n)) return -1;
+      for (let e = 0; e < t.length; e += 1) {
+        const r = t[e];
+        if (r.start <= n && n < r.end) return e;
+      }
+      return -1;
+    }, [t, n]), k = w(() => {
+      if (!m) return 0;
+      let e = 0;
+      const r = m.toLocaleLowerCase();
+      for (const s of t) {
+        const l = s.text.toLocaleLowerCase();
+        let v = l.indexOf(r);
+        for (; v !== -1; )
+          e += 1, v = l.indexOf(r, v + r.length);
+      }
+      return e;
+    }, [t, m]), $ = R(
+      (e) => {
+        var r;
+        (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && i && (e.preventDefault(), (r = T.current) == null || r.focus());
+      },
+      [i]
+    ), N = t.length > Q, y = q({
+      count: N ? t.length : 0,
+      getScrollElement: () => h.current,
+      estimateSize: () => 48,
+      overscan: 8,
+      getItemKey: (e) => e
+    });
+    j(() => {
+      if (c < 0) return;
+      const e = h.current;
+      if (!e) return;
+      const r = e.querySelector(
+        `[data-line-index="${c}"]`
+      );
+      if (!r) return;
+      const s = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      r.scrollIntoView({
+        block: "center",
+        behavior: s ? "auto" : "smooth"
+      });
+    }, [c]);
+    const S = R(
+      (e, r, s) => {
+        const l = r === c, v = J(e.speaker), C = typeof e.confidence == "number" && e.confidence < 0.6;
+        return /* @__PURE__ */ f(
+          "li",
+          {
+            ref: s == null ? void 0 : s.liRef,
+            "data-line-index": r,
+            "data-turn-id": String(r),
+            "data-index": s == null ? void 0 : s.dataIndex,
+            "aria-current": l ? "true" : void 0,
+            style: s == null ? void 0 : s.style,
+            className: [
+              "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+              "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+              l ? "ds:bg-[color:var(--accent)]/12 ds:border-s-[3px] ds:border-[color:var(--primary)]" : "ds:border-s-[3px] ds:border-transparent",
+              s != null && s.absolutePositioning ? "ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full" : ""
+            ].filter(Boolean).join(" "),
+            children: [
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => a == null ? void 0 : a(e.start),
+                  "aria-label": d("ui.chat.transcript.seekTo", {
+                    time: z(e.start, b.language)
+                  }),
+                  className: [
+                    "ds:inline-flex ds:items-center ds:justify-center",
+                    "ds:font-[family-name:var(--font-mono)]",
+                    "type-meta",
+                    "ds:tabular-nums",
+                    "ds:text-[color:var(--muted-foreground)]",
+                    "ds:rounded-[var(--radius-sm)]",
+                    "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
+                    // WCAG 2.5.5 target size: 44×44 default, 48×48 in accessible
+                    // themes — matches the DS `--min-target-size` token.
+                    "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+                    "ds:hover:bg-muted/20",
+                    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+                    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+                    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+                  ].join(" "),
+                  children: /* @__PURE__ */ o("time", { dir: "ltr", dateTime: Z(e.start), children: z(e.start, b.language) })
+                }
+              ),
+              /* @__PURE__ */ f("div", { className: "ds:flex-1 ds:min-w-0", children: [
+                /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ o(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: `ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${W[v]}`
+                    }
+                  ),
+                  /* @__PURE__ */ o("strong", { className: "type-title-item", children: d("ui.chat.transcript.speaker", { name: e.speaker }) }),
+                  C ? /* @__PURE__ */ f("span", { className: "type-meta ds:italic ds:text-[color:var(--muted-foreground)]", children: [
+                    "(",
+                    d("ui.chat.transcript.lowConfidence"),
+                    ")"
+                  ] }) : null
+                ] }),
+                /* @__PURE__ */ o(
+                  "span",
+                  {
+                    dir: "auto",
+                    className: [
+                      "ds:block",
+                      C ? "ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]" : ""
+                    ].join(" "),
+                    children: /* @__PURE__ */ o(ee, { text: e.text, query: m })
+                  }
+                )
+              ] })
+            ]
+          },
+          r
+        );
+      },
+      [c, b.language, a, m, d]
+    ), I = x(null);
+    O(L, () => I.current, []);
+    const E = w(
+      () => ({
+        getSelectedTurn: () => c >= 0 ? String(c) : null,
+        focusTurn: (e) => {
+          var l;
+          const r = (l = h.current) == null ? void 0 : l.querySelector(
+            `[data-turn-id="${e}"]`
+          );
+          if (!r) return;
+          r.scrollIntoView({ block: "center", behavior: "auto" });
+          const s = r.querySelector(
+            "button"
+          );
+          s == null || s.focus();
+        },
+        copyTurn: (e) => {
+          const r = Number.parseInt(e, 10);
+          if (!Number.isFinite(r)) return;
+          const s = t[r];
+          if (s && typeof navigator < "u" && navigator.clipboard)
+            return navigator.clipboard.writeText(s.text);
+        }
+      }),
+      [c, t]
+    );
+    return H(
+      U,
+      E,
+      g.id
+    ), // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants
+    /* @__PURE__ */ f(
+      "div",
+      {
+        ref: I,
+        onKeyDown: $,
+        "data-component": "transcript-panel",
+        "data-component-id": g.id,
+        className: G({ size: u, className: p }),
+        ...g,
+        children: [
+          i ? /* @__PURE__ */ f("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:border-b ds:border-border", children: [
+            /* @__PURE__ */ o(
+              B,
+              {
+                ref: T,
+                id: P,
+                placeholder: d("ui.chat.transcript.search"),
+                "aria-label": d("ui.chat.transcript.search"),
+                "aria-keyshortcuts": "Meta+F Control+F",
+                debounceMs: 150,
+                onChange: (e) => M(e),
+                size: "sm"
+              }
+            ),
+            m ? /* @__PURE__ */ o(
+              "span",
+              {
+                role: "status",
+                "aria-live": "polite",
+                className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums",
+                children: k === 0 ? d("ui.chat.transcript.noMatches") : d("ui.chat.transcript.matchCount", { count: k })
+              }
+            ) : null
+          ] }) : null,
+          /* @__PURE__ */ o(
+            "div",
+            {
+              ref: h,
+              className: "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
+              children: N ? /* @__PURE__ */ o(
+                "ol",
+                {
+                  className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
+                  style: { blockSize: `${y.getTotalSize()}px` },
+                  children: y.getVirtualItems().map((e) => {
+                    const r = t[e.index];
+                    return r ? S(r, e.index, {
+                      liRef: y.measureElement,
+                      dataIndex: e.index,
+                      style: { transform: `translateY(${e.start}px)` },
+                      absolutePositioning: !0
+                    }) : null;
+                  })
+                }
+              ) : /* @__PURE__ */ o("ol", { className: "ds:list-none ds:ps-0 ds:m-0", children: t.map((e, r) => S(e, r)) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+te.displayName = "TranscriptPanel";
+export {
+  te as T,
+  U as t
+};
+//# sourceMappingURL=transcript-panel-Bx5ANMsv.js.map

package/dist/_chunks/transcript-panel-Bx5ANMsv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcript-panel-Bx5ANMsv.js","sources":["../../src/components/transcript-panel/transcript-panel.agent.ts","../../src/components/transcript-panel/transcript-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TranscriptPanel.                                       */\n/*                                                                        */\n/* `data-turn-id` carries the line's stable index (opaque id) — never     */\n/* the dictated text. Transcript content frequently contains PHI; the     */\n/* DOM hook MUST NOT leak it. See PRS §26 §6.1.                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TranscriptPanelHandle } from './transcript-panel';\n\nexport const transcriptPanelAgent: AgentAdapter<TranscriptPanelHandle> = {\n  id: 'transcript-panel',\n  capabilities: ['select_single'],\n  state: {\n    selectedTurn: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.transcriptPanel.state.selectedTurn',\n      description:\n        'Opaque id (line index) of the currently-active turn, or null when none is active.',\n      read: (handle) => handle.getSelectedTurn(),\n    },\n  },\n  actions: {\n    focus_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.transcriptPanel.actions.focusTurn',\n      description: 'Scroll the given turn into view and focus its seek button.',\n      invoke: (handle, args: { id: string }) => {\n        handle.focusTurn(args.id);\n      },\n    },\n    copy_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.transcriptPanel.actions.copyTurn',\n      description: \"Copy the given turn's text to the clipboard.\",\n      invoke: (handle, args: { id: string }) => handle.copyTurn(args.id),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'transcript-panel',\n      description: 'Marks the TranscriptPanel wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-turn-id',\n      description:\n        \"Stable opaque turn id (line index). Never carries the turn's dictated text.\",\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { transcriptPanelAgent } from './transcript-panel.agent';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { SearchInput } from '../search-input';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface TranscriptLine {\n  speaker: string;\n  text: string;\n  /** Seconds, floating-point — matches HTMLMediaElement.currentTime. */\n  start: number;\n  end: number;\n  /** 0..1 — rendered with a dotted underline when below 0.6. */\n  confidence?: number;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TranscriptPanelHandle {\n  /** Opaque id (line index) of the active turn, or null. */\n  getSelectedTurn: () => string | null;\n  /** Scroll the turn with the given id into view and focus its seek button. */\n  focusTurn: (id: string) => void;\n  /** Copy the turn's text to the clipboard. */\n  copyTurn: (id: string) => Promise<void> | void;\n}\n\nexport interface TranscriptPanelProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  lines: TranscriptLine[];\n  /** Current playback time in seconds — drives the active line highlight. */\n  currentTime?: number;\n  onSeek?: (seconds: number) => void;\n  /** Show the search bar. */\n  searchable?: boolean;\n}\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:w-full ds:min-h-0',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:bg-background',\n    'ds:focus-within:border-[color:var(--primary)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\nconst SPEAKER_SLOT_COUNT = 8;\n\nfunction formatTime(seconds: number, locale: string): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(m)}:${fmt(s)}`;\n}\n\n/** ISO-8601 duration (PT#M#S) for <time datetime=\"...\">. */\nfunction secondsToIsoDuration(seconds: number): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `PT${m}M${s}S`;\n}\n\n/** Deterministic speaker slot (0..7) based on name hash. */\nfunction speakerSlot(name: string): number {\n  let hash = 0;\n  for (let i = 0; i < name.length; i += 1) {\n    hash = (hash * 31 + name.charCodeAt(i)) | 0;\n  }\n  return Math.abs(hash) % SPEAKER_SLOT_COUNT;\n}\n\n/** Per-slot background classes. Indices align with the speaker palette tokens\n *  in tokens/index.css. Static strings so Tailwind can pick them up at build. */\nconst SPEAKER_BG_CLASSES = [\n  'ds:bg-[color:var(--transcript-speaker-1)]',\n  'ds:bg-[color:var(--transcript-speaker-2)]',\n  'ds:bg-[color:var(--transcript-speaker-3)]',\n  'ds:bg-[color:var(--transcript-speaker-4)]',\n  'ds:bg-[color:var(--transcript-speaker-5)]',\n  'ds:bg-[color:var(--transcript-speaker-6)]',\n  'ds:bg-[color:var(--transcript-speaker-7)]',\n  'ds:bg-[color:var(--transcript-speaker-8)]',\n] as const;\n\n/** Escape a literal string for safe use inside a RegExp. */\nfunction escapeRegExp(input: string): string {\n  return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\ninterface HighlightedTextProps {\n  text: string;\n  query: string;\n}\n\n/** Renders text with <mark> wrapping around case-insensitive matches.\n *  No dangerouslySetInnerHTML — splits text nodes only. */\nfunction HighlightedText({ text, query }: HighlightedTextProps): ReactNode {\n  if (!query) return text;\n  const escaped = escapeRegExp(query);\n  const parts = text.split(new RegExp(`(${escaped})`, 'gi'));\n  return parts.map((part, i) =>\n    part.toLocaleLowerCase() === query.toLocaleLowerCase() ? (\n      <mark\n        key={i}\n        className=\"ds:bg-[color:var(--warning)]/30 ds:text-[color:var(--foreground)] ds:rounded-[var(--radius-sm)]\"\n      >\n        {part}\n      </mark>\n    ) : (\n      <Fragment key={i}>{part}</Fragment>\n    ),\n  );\n}\n\nexport const TranscriptPanel = forwardRef<HTMLDivElement, TranscriptPanelProps>(\n  (\n    {\n      lines,\n      currentTime = 0,\n      onSeek,\n      searchable = true,\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const [query, setQuery] = useState('');\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n    const searchInputRef = useRef<HTMLInputElement | null>(null);\n    const searchId = useId();\n\n    /* Active-line index */\n    const activeIndex = useMemo(() => {\n      if (!Number.isFinite(currentTime)) return -1;\n      for (let i = 0; i < lines.length; i += 1) {\n        const line = lines[i];\n        if (line.start <= currentTime && currentTime < line.end) return i;\n      }\n      return -1;\n    }, [lines, currentTime]);\n\n    /* Match count for search */\n    const matchCount = useMemo(() => {\n      if (!query) return 0;\n      let count = 0;\n      const needle = query.toLocaleLowerCase();\n      for (const line of lines) {\n        const hay = line.text.toLocaleLowerCase();\n        let idx = hay.indexOf(needle);\n        while (idx !== -1) {\n          count += 1;\n          idx = hay.indexOf(needle, idx + needle.length);\n        }\n      }\n      return count;\n    }, [lines, query]);\n\n    /* Ctrl/Cmd+F shortcut — focuses the search field when focus is within. */\n    const handleRootKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          (e.metaKey || e.ctrlKey) &&\n          e.key.toLowerCase() === 'f' &&\n          searchable\n        ) {\n          e.preventDefault();\n          searchInputRef.current?.focus();\n        }\n      },\n      [searchable],\n    );\n\n    /* Virtualisation above 100 lines */\n    const virtualized = lines.length > VIRTUALIZATION_THRESHOLD;\n    const virtualizer = useVirtualizer({\n      count: virtualized ? lines.length : 0,\n      getScrollElement: () => scrollRef.current,\n      estimateSize: () => 48,\n      overscan: 8,\n      getItemKey: (i) => i,\n    });\n\n    /* Auto-scroll active line into view when it changes. */\n    useLayoutEffect(() => {\n      if (activeIndex < 0) return;\n      const scroller = scrollRef.current;\n      if (!scroller) return;\n      const target = scroller.querySelector(\n        `[data-line-index=\"${activeIndex}\"]`,\n      ) as HTMLElement | null;\n      if (!target) return;\n      const prefersReducedMotion =\n        typeof window !== 'undefined' &&\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      target.scrollIntoView({\n        block: 'center',\n        behavior: prefersReducedMotion ? 'auto' : 'smooth',\n      });\n    }, [activeIndex]);\n\n    const renderLine = useCallback(\n      (\n        line: TranscriptLine,\n        index: number,\n        extras?: {\n          liRef?: (node: HTMLLIElement | null) => void;\n          dataIndex?: number;\n          // Style is an inline-style escape hatch — virtualizer offsets\n          // cannot be expressed as static Tailwind. See 23-constraints §4.\n          style?: CSSProperties;\n          absolutePositioning?: boolean;\n        },\n      ) => {\n        const isActive = index === activeIndex;\n        const slot = speakerSlot(line.speaker);\n        const lowConfidence =\n          typeof line.confidence === 'number' && line.confidence < 0.6;\n        return (\n          <li\n            key={index}\n            ref={extras?.liRef}\n            data-line-index={index}\n            data-turn-id={String(index)}\n            data-index={extras?.dataIndex}\n            aria-current={isActive ? 'true' : undefined}\n            // eslint-disable-next-line react/forbid-dom-props -- virtualizer translateY offset, runtime-computed\n            style={extras?.style}\n            className={[\n              'ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n              isActive\n                ? 'ds:bg-[color:var(--accent)]/12 ds:border-s-[3px] ds:border-[color:var(--primary)]'\n                : 'ds:border-s-[3px] ds:border-transparent',\n              extras?.absolutePositioning\n                ? 'ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full'\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <button\n              type=\"button\"\n              onClick={() => onSeek?.(line.start)}\n              aria-label={t('ui.chat.transcript.seekTo', {\n                time: formatTime(line.start, i18n.language),\n              })}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center',\n                'ds:font-[family-name:var(--font-mono)]',\n                'type-meta',\n                'ds:tabular-nums',\n                'ds:text-[color:var(--muted-foreground)]',\n                'ds:rounded-[var(--radius-sm)]',\n                'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n                // WCAG 2.5.5 target size: 44×44 default, 48×48 in accessible\n                // themes — matches the DS `--min-target-size` token.\n                'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n                'ds:hover:bg-muted/20',\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              ].join(' ')}\n            >\n              <time dir=\"ltr\" dateTime={secondsToIsoDuration(line.start)}>\n                {formatTime(line.start, i18n.language)}\n              </time>\n            </button>\n            <div className=\"ds:flex-1 ds:min-w-0\">\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <span\n                  aria-hidden=\"true\"\n                  className={`ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${SPEAKER_BG_CLASSES[slot]}`}\n                />\n                <strong className=\"type-title-item\">\n                  {t('ui.chat.transcript.speaker', { name: line.speaker })}\n                </strong>\n                {lowConfidence ? (\n                  <span className=\"type-meta ds:italic ds:text-[color:var(--muted-foreground)]\">\n                    ({t('ui.chat.transcript.lowConfidence')})\n                  </span>\n                ) : null}\n              </div>\n              <span\n                dir=\"auto\"\n                className={[\n                  'ds:block',\n                  lowConfidence\n                    ? 'ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]'\n                    : '',\n                ].join(' ')}\n              >\n                <HighlightedText text={line.text} query={query} />\n              </span>\n            </div>\n          </li>\n        );\n      },\n      [activeIndex, i18n.language, onSeek, query, t],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<TranscriptPanelHandle>(\n      () => ({\n        getSelectedTurn: () => (activeIndex >= 0 ? String(activeIndex) : null),\n        focusTurn: (id: string) => {\n          const target = scrollRef.current?.querySelector(\n            `[data-turn-id=\"${id}\"]`,\n          ) as HTMLElement | null;\n          if (!target) return;\n          target.scrollIntoView({ block: 'center', behavior: 'auto' });\n          const btn = target.querySelector(\n            'button',\n          ) as HTMLButtonElement | null;\n          btn?.focus();\n        },\n        copyTurn: (id: string) => {\n          const index = Number.parseInt(id, 10);\n          if (!Number.isFinite(index)) return;\n          const line = lines[index];\n          if (!line) return;\n          if (typeof navigator !== 'undefined' && navigator.clipboard) {\n            return navigator.clipboard.writeText(line.text);\n          }\n        },\n      }),\n      [activeIndex, lines],\n    );\n    useAgentRegistration(\n      transcriptPanelAgent,\n      agentHandle,\n      rest.id as string | undefined,\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants\n      <div\n        ref={rootRef}\n        onKeyDown={handleRootKeyDown}\n        data-component=\"transcript-panel\"\n        data-component-id={rest.id}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        {searchable ? (\n          <div className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:border-b ds:border-border\">\n            <SearchInput\n              ref={searchInputRef}\n              id={searchId}\n              placeholder={t('ui.chat.transcript.search')}\n              aria-label={t('ui.chat.transcript.search')}\n              aria-keyshortcuts=\"Meta+F Control+F\"\n              debounceMs={150}\n              onChange={(v) => setQuery(v)}\n              size=\"sm\"\n            />\n            {query ? (\n              <span\n                role=\"status\"\n                aria-live=\"polite\"\n                className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums\"\n              >\n                {matchCount === 0\n                  ? t('ui.chat.transcript.noMatches')\n                  : t('ui.chat.transcript.matchCount', { count: matchCount })}\n              </span>\n            ) : null}\n          </div>\n        ) : null}\n\n        <div\n          ref={scrollRef}\n          className=\"ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden\"\n        >\n          {virtualized ? (\n            <ol\n              className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n              // eslint-disable-next-line react/forbid-dom-props -- virtualizer total size, runtime-computed\n              style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n            >\n              {virtualizer.getVirtualItems().map((vi) => {\n                const line = lines[vi.index];\n                if (!line) return null;\n                // Put the measureElement ref on the <li> directly — a <div>\n                // child of <ol> is invalid and breaks list semantics for\n                // assistive tech.\n                return renderLine(line, vi.index, {\n                  liRef: virtualizer.measureElement,\n                  dataIndex: vi.index,\n                  style: { transform: `translateY(${vi.start}px)` },\n                  absolutePositioning: true,\n                });\n              })}\n            </ol>\n          ) : (\n            <ol className=\"ds:list-none ds:ps-0 ds:m-0\">\n              {lines.map((line, index) => renderLine(line, index))}\n            </ol>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nTranscriptPanel.displayName = 'TranscriptPanel';\n"],"names":["transcriptPanelAgent","handle","args","rootVariants","cva","VIRTUALIZATION_THRESHOLD","SPEAKER_SLOT_COUNT","formatTime","seconds","locale","total","m","s","fmt","n","secondsToIsoDuration","speakerSlot","name","hash","i","SPEAKER_BG_CLASSES","escapeRegExp","input","HighlightedText","text","query","escaped","part","jsx","Fragment","TranscriptPanel","forwardRef","lines","currentTime","onSeek","searchable","size","className","rest","ref","t","i18n","useTranslation","setQuery","useState","scrollRef","useRef","searchInputRef","searchId","useId","activeIndex","useMemo","line","matchCount","count","needle","hay","idx","handleRootKeyDown","useCallback","_a","virtualized","virtualizer","useVirtualizer","useLayoutEffect","scroller","target","prefersReducedMotion","renderLine","index","extras","isActive","slot","lowConfidence","jsxs","rootRef","useImperativeHandle","agentHandle","id","btn","useAgentRegistration","SearchInput","v","vi"],"mappings":"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"}

package/dist/_chunks/{typing-indicator-CbUBf-Dx.js → typing-indicator-BZ5jXZPn.js}

@@ -50,7 +50,14 @@ const g = i(
     defaultVariants: { size: "md" }
   }
 ), x = f(
-  ({ size: a = "md", density: e = "default", label: r, hideLabel: n = !1, className: l, ...c }, m) => {
+  ({
+    size: a = "md",
+    density: e = "default",
+    label: r,
+    hideLabel: n = !1,
+    className: l,
+    ...c
+  }, m) => {
     const { t: p } = u(), d = r ?? p("ui.chat.typing");
     return /* @__PURE__ */ o(
       "div",
@@ -65,9 +72,24 @@ const g = i(
         ...c,
         children: [
           /* @__PURE__ */ o("span", { "aria-hidden": "true", className: v({ density: e }), children: [
-            /* @__PURE__ */ s("span", { className: `${t({ size: a })} ds:[animation-delay:0ms]` }),
-            /* @__PURE__ */ s("span", { className: `${t({ size: a })} ds:[animation-delay:200ms]` }),
-            /* @__PURE__ */ s("span", { className: `${t({ size: a })} ds:[animation-delay:400ms]` })
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: `${t({ size: a })} ds:[animation-delay:0ms]`
+              }
+            ),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: `${t({ size: a })} ds:[animation-delay:200ms]`
+              }
+            ),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: `${t({ size: a })} ds:[animation-delay:400ms]`
+              }
+            )
           ] }),
           n ? null : /* @__PURE__ */ s("span", { className: "ds:font-medium", children: d })
         ]
@@ -79,4 +101,4 @@ x.displayName = "TypingIndicator";
 export {
   x as T
 };
-//# sourceMappingURL=typing-indicator-CbUBf-Dx.js.map
+//# sourceMappingURL=typing-indicator-BZ5jXZPn.js.map