@alfadocs/ui-kit-debug 1.61.0 → 1.62.0

package/dist/_chunks/chart-DgYHN8Xq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-DgYHN8Xq.js","sources":["../../node_modules/lucide-react/dist/esm/icons/chart-area.mjs","../../node_modules/lucide-react/dist/esm/icons/chart-column.mjs","../../node_modules/lucide-react/dist/esm/icons/chart-line.mjs","../../node_modules/lucide-react/dist/esm/icons/chart-pie.mjs","../../node_modules/lucide-react/dist/esm/icons/donut.mjs","../../src/components/_shared/use-apex-chart-semantics.ts","../../src/components/_shared/use-apex-legend-scroll.ts","../../src/components/chart/chart.agent.ts","../../src/components/chart/chart.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 3v16a2 2 0 0 0 2 2h16\", key: \"c24i48\" }],\n  [\n    \"path\",\n    {\n      d: \"M7 11.207a.5.5 0 0 1 .146-.353l2-2a.5.5 0 0 1 .708 0l3.292 3.292a.5.5 0 0 0 .708 0l4.292-4.292a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z\",\n      key: \"q0gr47\"\n    }\n  ]\n];\nconst ChartArea = createLucideIcon(\"chart-area\", __iconNode);\n\nexport { __iconNode, ChartArea as default };\n//# sourceMappingURL=chart-area.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 3v16a2 2 0 0 0 2 2h16\", key: \"c24i48\" }],\n  [\"path\", { d: \"M18 17V9\", key: \"2bz60n\" }],\n  [\"path\", { d: \"M13 17V5\", key: \"1frdt8\" }],\n  [\"path\", { d: \"M8 17v-3\", key: \"17ska0\" }]\n];\nconst ChartColumn = createLucideIcon(\"chart-column\", __iconNode);\n\nexport { __iconNode, ChartColumn as default };\n//# sourceMappingURL=chart-column.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 3v16a2 2 0 0 0 2 2h16\", key: \"c24i48\" }],\n  [\"path\", { d: \"m19 9-5 5-4-4-3 3\", key: \"2osh9i\" }]\n];\nconst ChartLine = createLucideIcon(\"chart-line\", __iconNode);\n\nexport { __iconNode, ChartLine as default };\n//# sourceMappingURL=chart-line.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z\",\n      key: \"pzmjnu\"\n    }\n  ],\n  [\"path\", { d: \"M21.21 15.89A10 10 0 1 1 8 2.83\", key: \"k2fpak\" }]\n];\nconst ChartPie = createLucideIcon(\"chart-pie\", __iconNode);\n\nexport { __iconNode, ChartPie as default };\n//# sourceMappingURL=chart-pie.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M20.5 10a2.5 2.5 0 0 1-2.4-3H18a2.95 2.95 0 0 1-2.6-4.4 10 10 0 1 0 6.3 7.1c-.3.2-.8.3-1.2.3\",\n      key: \"19sr3x\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Donut = createLucideIcon(\"donut\", __iconNode);\n\nexport { __iconNode, Donut as default };\n//# sourceMappingURL=donut.mjs.map\n","import { useEffect } from 'react';\n\n// ApexCharts puts its plot, hover aids and its legend/toolbar buttons in one\n// container. Hide every layer but the controls from assistive technology, so\n// no button sits in a hidden subtree, and the host's data table speaks for the plot.\nconst CONTROL_LAYERS = '.apexcharts-legend, .apexcharts-toolbar';\n\nfunction setAttr(el: Element | null, name: string, value: string | null) {\n  if (!el || el.getAttribute(name) === value) return;\n  if (value === null) el.removeAttribute(name);\n  else el.setAttribute(name, value);\n}\n\n/**\n * `legendToggles`: whether a legend press hides its series. It does on axis\n * charts and radialBar; on pie and donut it selects the slice instead.\n */\nexport function useApexChartSemantics(\n  root: HTMLElement | null,\n  legendToggles: boolean,\n): void {\n  useEffect(() => {\n    if (!root) return undefined;\n\n    // Re-run on every mutation: Apex rebuilds the legend on each toggle and\n    // update. Only a real change writes, so the observer settles at once.\n    const apply = () => {\n      root\n        .querySelectorAll<HTMLElement>('.apexcharts-canvas')\n        .forEach((canvas) => {\n          Array.from(canvas.children).forEach((layer) => {\n            if (!layer.matches(CONTROL_LAYERS)) {\n              setAttr(layer, 'aria-hidden', 'true');\n            }\n          });\n        });\n      // Apex hides the closed export menu with opacity only. `inert`, not\n      // aria-hidden, so nothing rewrites its items' tabindex while it is shut.\n      root\n        .querySelectorAll<HTMLElement>('.apexcharts-toolbar')\n        .forEach((toolbar) => {\n          const open =\n            toolbar\n              .querySelector('.apexcharts-menu-icon')\n              ?.getAttribute('aria-expanded') === 'true';\n          setAttr(\n            toolbar.querySelector('.apexcharts-menu'),\n            'inert',\n            open ? null : '',\n          );\n        });\n      root\n        .querySelectorAll<HTMLElement>(\n          '.apexcharts-legend-series[role=\"button\"]',\n        )\n        .forEach((item) => {\n          // Apex's label is fixed English (\"X, visible. Press Enter…\"); without\n          // it the visible series name is the name. `aria-pressed` then has to\n          // mean \"shown\": Apex sets it for \"hidden\" and lets the label explain.\n          setAttr(item, 'aria-label', null);\n          const shown =\n            item.getAttribute('data:collapsed') === 'true' ? 'false' : 'true';\n          setAttr(item, 'aria-pressed', legendToggles ? shown : null);\n        });\n    };\n\n    // A toggle rebuilds the legend. Apex refocuses the item after a key press\n    // only, so do the same after a click (a screen reader's browse-mode press).\n    let frame = 0;\n    const onClick = (event: MouseEvent) => {\n      const item =\n        event.target instanceof Element\n          ? event.target.closest('.apexcharts-legend-series')\n          : null;\n      const rel = item?.getAttribute('rel');\n      if (!rel) return;\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        const active = document.activeElement;\n        if (active && active !== document.body) return;\n        root\n          .querySelector<HTMLElement>(\n            `.apexcharts-legend-series[rel=\"${CSS.escape(rel)}\"]`,\n          )\n          ?.focus();\n      });\n    };\n\n    apply();\n    const observer = new MutationObserver(apply);\n    observer.observe(root, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\n        'aria-hidden',\n        'aria-label',\n        'aria-pressed',\n        'aria-expanded',\n      ],\n    });\n    root.addEventListener('click', onClick);\n    return () => {\n      observer.disconnect();\n      root.removeEventListener('click', onClick);\n      cancelAnimationFrame(frame);\n    };\n  }, [root, legendToggles]);\n}\n","import { useEffect } from 'react';\n\nfunction setFlag(el: HTMLElement, name: string, on: boolean) {\n  if (on && el.getAttribute(name) !== 'true') el.setAttribute(name, 'true');\n  else if (!on && el.hasAttribute(name)) el.removeAttribute(name);\n}\n\n/**\n * For a legend that scrolls sideways: flags the edges that hide items\n * (`data-fade-start` / `-end`) for the TabBar-style fade in apexcharts-theme.css,\n * and brings a keyboard-focused item fully into view. Off when not `enabled`.\n */\nexport function useApexLegendScroll(\n  root: HTMLElement | null,\n  enabled: boolean,\n): void {\n  useEffect(() => {\n    if (!root || !enabled) return undefined;\n    let legend: HTMLElement | null = null;\n\n    // |scrollLeft| is the distance from the start in LTR and in RTL alike.\n    const measure = () => {\n      if (!legend) return;\n      const fromStart = Math.abs(legend.scrollLeft);\n      const maxScroll = legend.scrollWidth - legend.clientWidth;\n      setFlag(legend, 'data-fade-start', fromStart > 1);\n      setFlag(legend, 'data-fade-end', maxScroll - fromStart > 1);\n    };\n\n    // ApexCharts rebuilds the legend on every update: follow the current one.\n    const bind = () => {\n      const current = root.querySelector<HTMLElement>('.apexcharts-legend');\n      if (current !== legend) {\n        legend?.removeEventListener('scroll', measure);\n        legend = current;\n        legend?.addEventListener('scroll', measure, { passive: true });\n      }\n      measure();\n    };\n\n    // Focus scrolls only an item wholly out of view; a half-hidden one stays\n    // under the fade. Keyboard focus only: a click must land where it began.\n    const reveal = (event: FocusEvent) => {\n      const { target } = event;\n      if (!legend || !(target instanceof HTMLElement)) return;\n      if (!legend.contains(target) || !target.matches(':focus-visible')) return;\n      target.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    };\n\n    // Only a legend rebuild re-binds, not ApexCharts' tooltip and plot redraws.\n    const inLegend = (node: Node) =>\n      node instanceof Element &&\n      (node.closest('.apexcharts-legend') !== null ||\n        node.querySelector('.apexcharts-legend') !== null);\n    const rebuilds = new MutationObserver((records) => {\n      const touched = records.some((record) =>\n        [record.target, ...record.addedNodes, ...record.removedNodes].some(\n          inLegend,\n        ),\n      );\n      if (touched) bind();\n    });\n\n    bind();\n    rebuilds.observe(root, { childList: true, subtree: true });\n    root.addEventListener('focusin', reveal);\n    return () => {\n      rebuilds.disconnect();\n      root.removeEventListener('focusin', reveal);\n      if (!legend) return;\n      legend.removeEventListener('scroll', measure);\n      setFlag(legend, 'data-fade-start', false);\n      setFlag(legend, 'data-fade-end', false);\n    };\n  }, [root, enabled]);\n}\n","import type { AgentAdapter } from '../../agent/types';\nimport type { ChartHandle } from './chart';\n\nexport const chartAgent: AgentAdapter<ChartHandle> = {\n  id: 'chart',\n  // view_change backs the opt-in type switcher (`switchableTypes` prop):\n  // the same chart re-presented as line / bar / area / pie / donut.\n  capabilities: ['view_change'],\n  state: {\n    declaredType: {\n      type: \"'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'\",\n      descriptionKey: 'ui.agent.chart.state.declaredType',\n      description:\n        'The consumer-declared chart type — the shape `update_series` expects.',\n      read: (handle) => handle.getTypeState().declaredType,\n    },\n    effectiveType: {\n      type: \"'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'\",\n      descriptionKey: 'ui.agent.chart.state.effectiveType',\n      description:\n        'The type currently rendered — differs from declaredType after a type-switcher pick.',\n      read: (handle) => handle.getTypeState().effectiveType,\n    },\n    availableTypes: {\n      type: 'ChartType[]',\n      descriptionKey: 'ui.agent.chart.state.availableTypes',\n      description:\n        'Types the switcher offers. Empty when the chart has no type switcher.',\n      read: (handle) => handle.getTypeState().availableTypes,\n    },\n  },\n  actions: {\n    change_view: {\n      // Switching the presentation is a write (it changes what the user\n      // sees) but is trivially reversible by switching back.\n      safety: 'write',\n      argsType: 'type',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          type: {\n            type: 'string',\n            enum: ['line', 'bar', 'area', 'pie', 'donut'],\n            description: 'The chart type to render.',\n          },\n        },\n        required: ['type'],\n      },\n      returns: 'boolean (accepted)',\n      returnsSchema: {\n        type: 'boolean',\n        description:\n          'True when the switch was applied; false when the chart has no type switcher or the type is not offered (check availableTypes first).',\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.changeView',\n      description:\n        'Switch the rendered chart type via the type switcher. No-op (returns false) when the chart has no switcher or the type is not offered.',\n      invoke: (handle, args: { type: string }) =>\n        handle.setType(args.type as Parameters<ChartHandle['setType']>[0]),\n    },\n    update_series: {\n      // Replacing the rendered series mutates what the chart displays — it\n      // is a write, reversible by pushing the prior series back.\n      safety: 'write',\n      argsType: 'series',\n      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`\n      // (pie/donut/radialBar). Both shapes are accepted; the handle routes\n      // by chart type internally.\n      argsSchema: {\n        type: 'object',\n        properties: {\n          series: {\n            oneOf: [\n              {\n                type: 'array',\n                description: 'Categorical series for line / bar / area charts.',\n                items: {\n                  type: 'object',\n                  properties: {\n                    name: { type: 'string' },\n                    data: { type: 'array', items: { type: 'number' } },\n                    role: {\n                      type: 'string',\n                      enum: ['primary', 'compare'],\n                      description:\n                        \"Optional. 'compare' renders this series as a secondary, colour-blind-safe overlay (e.g. the previous period) — a dotted stroke in its paired primary's colour for line/area, a tinted bar with a dotted outline for bar. Omit for a normal primary series.\",\n                    },\n                  },\n                  required: ['name', 'data'],\n                },\n              },\n              {\n                type: 'array',\n                description: 'Flat values for pie / donut / radialBar charts.',\n                items: { type: 'number' },\n              },\n            ],\n          },\n        },\n        required: ['series'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.updateSeries',\n      description:\n        'Replace the chart series without remounting. Pass the DECLARED type’s shape (see declaredType state); when the user has switched the view cross-shape the values are converted to the rendered shape. The data and its summary table persist across type switches, resizes and theme changes until the host passes a new series prop.',\n      invoke: (\n        handle,\n        args: { series: Parameters<ChartHandle['updateSeries']>[0] },\n      ) => {\n        handle.updateSeries(args.series);\n      },\n    },\n    export_png: {\n      safety: 'read',\n      returns: 'string (PNG data URI)',\n      returnsSchema: {\n        type: 'string',\n        description: 'A `data:image/png;base64,…` URI of the rendered chart.',\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.exportPng',\n      description:\n        'Return a PNG data URI of the chart for export or screenshotting. Waits until series pushed with update_series are drawn.',\n      invoke: (handle) => handle.dataURI(),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'chart' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* Chart — thin, typed wrapper over ApexCharts (react-apexcharts).      */\n/*                                                                     */\n/* - All chrome, colours, and fonts flow from                          */\n/*   `src/tokens/apexcharts-theme.ts` — never hex literals in user     */\n/*   code. A MutationObserver on `<html class>` re-reads the bridge so */\n/*   theme changes repaint without remount.                            */\n/* - A ResizeObserver on the wrapper keeps the chart responsive        */\n/*   without listening on `window.resize`.                             */\n/* - Accessibility: the wrapper is a `role=\"figure\"` named by `title`, */\n/*   described by a visually-hidden series × categories `<table>`; the */\n/*   plot is hidden, the legend/toolbar buttons stay keyboard-operable. */\n/* - Colour-blind users: `patterns` prop flips `fill.type` to pattern  */\n/*   using ApexCharts' built-in pattern presets.                       */\n/* - Numbers format via `Intl.NumberFormat(locale)` — no hand-rolled   */\n/*   `toFixed()`.                                                      */\n/* ------------------------------------------------------------------ */\n\nimport {\n  type CSSProperties,\n  type RefObject,\n  forwardRef,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport ReactApexChart from 'react-apexcharts';\nimport ApexCharts from 'apexcharts';\nimport {\n  ChartArea,\n  ChartColumn,\n  ChartLine,\n  ChartPie,\n  Donut,\n} from 'lucide-react';\nimport {\n  getApexChartsTheme,\n  getCompareFillOpacity,\n  resolveCompareTint,\n  type ApexChartsTheme,\n} from '../../tokens/apexcharts-theme';\nimport '../../tokens/apexcharts-theme.css';\nimport {\n  useIsomorphicLayoutEffect,\n  usePrefersReducedMotion,\n} from '../../hooks';\nimport { useNeutraliseHiddenFocus } from '../_shared/use-neutralize-hidden-focus';\nimport { useKeepApexTooltipInside } from '../_shared/use-keep-apex-tooltip-inside';\nimport { useApexChartSemantics } from '../_shared/use-apex-chart-semantics';\nimport { useApexLegendScroll } from '../_shared/use-apex-legend-scroll';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chartAgent } from './chart.agent';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// `apex-theme-alfadocs` scopes the token focus ring and target sizes in\n// apexcharts-theme.css.\nconst chartVariants = cva(\n  'ds:relative ds:block ds:w-full apex-theme-alfadocs',\n  {\n    variants: {\n      density: {\n        compact: 'ds:min-h-[var(--chart-min-height-compact)]',\n        comfortable: 'ds:min-h-[var(--chart-min-height-comfortable)]',\n        // Applied when an explicit `height` prop is given and no density was\n        // requested: the wrapper must not exceed the caller's height (a 96px\n        // KPI chart inside a card must not reserve 320px).\n        none: '',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  },\n);\n\n// A `%` height: the Chart's root takes that share of its parent through\n// --chart-fill-size. Kept out of chartVariants, which types public props.\nconst chartFillVariants = cva('', {\n  variants: {\n    fill: {\n      none: '',\n      // The figure is the root: it takes the share itself, and as a flex item\n      // may still shrink below what it last drew.\n      root: 'ds:h-[var(--chart-fill-size)] ds:min-h-0',\n      // Below the switcher row: the rest, whatever ApexCharts draws inside.\n      rest: 'ds:min-h-0 ds:flex-1',\n    },\n  },\n  defaultVariants: { fill: 'none' },\n});\n\n// The root that holds the switcher row above the figure.\nconst chartFrameVariants = cva('ds:w-full', {\n  variants: {\n    fill: {\n      false: 'ds:block',\n      true: 'ds:flex ds:flex-col ds:h-[var(--chart-fill-size)] ds:min-h-0',\n    },\n  },\n  defaultVariants: { fill: false },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type ChartType = 'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar';\n\nexport interface ChartSeries {\n  name: string;\n  data: number[];\n  /**\n   * Marks this series as a secondary \"compare\" overlay — e.g. the previous\n   * period in a current-vs-previous financial view. Rendered visually\n   * subordinate and colour-blind-safe, distinguished from primary series by\n   * BOTH a non-colour cue AND a lighter shade of the SAME hue (never colour\n   * alone). The compare series inherits its PAIRED primary's colour (k-th\n   * compare pairs with the k-th primary, by order), then:\n   *   - line / area: a round-DOTTED stroke in the paired-primary colour (the\n   *     dotted-vs-solid pattern is the non-colour cue); area also gets a tinted\n   *     fill at `--chart-compare-fill-opacity`.\n   *   - bar: a tinted fill (paired-primary hue at `--chart-compare-fill-opacity`)\n   *     under a full-strength DOTTED outline that is OPEN at the baseline — so a\n   *     compare bar reads as an outlined \"ghost\" of its solid primary.\n   * The legend swatch shows the lighter tint (via `legend.markers.fillColors`),\n   * and the series name (e.g. \"Revenue (previous period)\") remains the primary\n   * signal in the legend and the screen-reader table.\n   * Only meaningful on axis types (line / area / bar); it is structurally\n   * impossible on pie / donut / radialBar (their `series` is `number[]`, which\n   * cannot carry this field), so the axis-only invariant is enforced by the\n   * type system with no runtime guard. On an axis→slice type switch the compare\n   * series are dropped from the slice (a previous-period total is not a slice of\n   * the current whole; DEV warn). Omit (or `'primary'`) to render normally — a\n   * chart with NO compare series renders as before this field existed, and\n   * removing or moving the role through `series` clears it from the old series.\n   * @default 'primary'\n   */\n  role?: 'primary' | 'compare';\n}\n\n/** Bar orientation. `'horizontal'` renders a ranking sideways. Default `'vertical'`. */\nexport type ChartOrientation = 'vertical' | 'horizontal';\n\n/** Line / area stroke interpolation. Default `'smooth'`. */\nexport type ChartCurve = 'smooth' | 'straight' | 'stepline';\n\nexport interface ChartProps extends VariantProps<typeof chartVariants> {\n  /** Required — drives aria-label and sr-only table caption. */\n  title: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Chart visual type. */\n  type: ChartType;\n  /**\n   * For `line` / `bar` / `area`: an array of `ChartSeries`.\n   * For `pie` / `donut` / `radialBar`: an array of numbers matched to `labels`.\n   */\n  series: ChartSeries[] | number[];\n  /** Category axis labels (line / bar / area). */\n  categories?: string[];\n  /** Slice labels (pie / donut / radialBar). */\n  labels?: string[];\n  /** Defaults to 320px. A number or `px` is the plot area's ApexCharts height; a\n   * `%` sizes the whole Chart (switcher row, legend, plot) to that share of its\n   * parent's height, at least 160px: `\"100%\"` fills a definite-height parent. */\n  height?: number | string;\n  /** Width override. Defaults to 100% of container. */\n  width?: number | string;\n  /** Opt-in pattern fills for colour-blind users. */\n  patterns?: boolean;\n  /**\n   * Stack multiple `bar` / `area` series into a composition-over-time view.\n   * Maps to ApexCharts `chart.stacked`. Only applies to the axis types\n   * (`line` / `bar` / `area`); slice types (`pie` / `donut` / `radialBar`)\n   * have no axis to stack against and ignore it. Default `false`: an\n   * unstacked chart renders as before this prop existed, and turning it off\n   * after the first render unstacks the bars in place.\n   */\n  stacked?: boolean;\n  /**\n   * Orientation for the `bar` type. `'horizontal'` renders the bars sideways\n   * (ApexCharts `plotOptions.bar.horizontal`) for ranking-style charts where\n   * the category is a name and the value runs across the horizontal axis.\n   * Still an axis chart — pass `series` as `ChartSeries[]` with `categories`.\n   * Ignored for every non-`bar` type. Default `'vertical'`.\n   */\n  orientation?: ChartOrientation;\n  /**\n   * Stroke interpolation for `line` / `area` charts (ApexCharts\n   * `stroke.curve`). `'straight'` avoids the overshoot a smoothed spline\n   * introduces on spiky monthly financials — where a `'smooth'` curve can dip\n   * visually below zero between two positive points. Inert on `bar` (stroke\n   * width is 0) and ignored on slice types. Default `'smooth'` — existing\n   * charts are unaffected.\n   */\n  curve?: ChartCurve;\n  /**\n   * Override the series colour ramp. Pass **already-resolved** colour strings\n   * (e.g. the live value of `var(--success)` sampled by the consumer) — these\n   * are handed straight to ApexCharts, which can't read CSS custom properties.\n   * When omitted, the theme bridge's `colors` ramp from `apexcharts-theme.ts`\n   * is used, so existing consumers are unaffected. Typical use: a single-arc\n   * `radialBar` gauge (e.g. BMI) that must change hue with the value —\n   * green in the healthy band, amber/red outside it.\n   */\n  colors?: string[];\n  /**\n   * Show the ApexCharts toolbar. Its buttons are --min-target-size boxes in a\n   * band reserved above the plot; zoomable types need about 300px of width.\n   * Defaults to false.\n   */\n  toolbar?: boolean;\n  /** Locale override — defaults to the active i18next language. */\n  locale?: string;\n  /**\n   * radialBar only. Formats the value printed in the ring centre. Use when the\n   * gauge represents a non-percentage figure: pass the arc fill (0–100) as the\n   * single `series` value and return the real figure here (e.g. `(_, ) => '22.4'`).\n   * Ignored for every other chart type. Defaults to ApexCharts' `${value}%`.\n   */\n  radialValueFormatter?: (value: number) => string;\n  /**\n   * Formats the numeric value of each data point wherever it is surfaced as\n   * text — the tooltip, the value (y) axis on categorical charts, and the\n   * screen-reader summary table. Use it to append a unit or currency symbol,\n   * e.g. `(v) => new Intl.NumberFormat(locale, { style: 'currency', currency:\n   * 'EUR' }).format(v)`. Defaults to `Intl.NumberFormat(locale)` (grouped\n   * number, no unit). Does not apply to a `radialBar` ring centre — use\n   * `radialValueFormatter` for that.\n   */\n  valueFormatter?: (value: number) => string;\n  /**\n   * Opt-in type switcher. Pass two or more of `'line' | 'bar' | 'area' |\n   * 'pie' | 'donut'` to render an icon radiogroup (an `IconButtonGroup`)\n   * above the plot that lets the user flip the chart between those types.\n   * `type` is the initial selection and is always offered; the user's pick\n   * then sticks across re-renders (remount with a new `key` to reset it).\n   * When the picked type reads the other data shape, the data adapts: axis\n   * series collapse to one slice per series (that series' total) for `pie` /\n   * `donut`, and slice values become a single-series axis chart with\n   * `labels` as the categories. `radialBar` cannot participate — such\n   * entries are ignored (DEV warning) and a `radialBar` chart never shows\n   * the switcher.\n   */\n  switchableTypes?: ChartType[];\n  /** Called when the user picks a different type via the switcher. */\n  onTypeChange?: (type: ChartType) => void;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface ChartHandle {\n  /** Returns a PNG data URI for the chart, after any pushed series is drawn. */\n  dataURI: () => Promise<string>;\n  /**\n   * Updates series without remounting. Always pass the DECLARED `type`'s\n   * shape — while the user has switched the view across the axis/slice\n   * boundary the values (and, for axis→slice, the slice labels) are\n   * converted to the rendered shape; for slice→axis the categories stay\n   * the `labels` prop, so keep the value count stable. The update also\n   * reaches the summary table, and holds until the `series` prop changes;\n   * `dataURI` waits for it to be drawn.\n   */\n  updateSeries: (next: ChartProps['series']) => void;\n  /**\n   * Switches the rendered type via the type switcher. Returns `false`\n   * (no-op) when the switcher is not enabled or the type is not offered.\n   */\n  setType: (next: ChartType) => boolean;\n  /** Declared vs rendered type plus the types the switcher offers ([] when disabled). */\n  getTypeState: () => {\n    declaredType: ChartType;\n    effectiveType: ChartType;\n    availableTypes: ChartType[];\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst PATTERN_STYLES = [\n  'verticalLines',\n  'horizontalLines',\n  'slantedLines',\n  'squares',\n  'circles',\n] as const;\n\n/** Types where `categories` belong on an x-axis. */\nconst CATEGORICAL_TYPES: ReadonlyArray<ChartType> = ['line', 'bar', 'area'];\n\n/** Types where `series` is a flat `number[]` paired with `labels`. */\nconst SLICE_TYPES: ReadonlyArray<ChartType> = ['pie', 'donut', 'radialBar'];\n\n/** Types the switcher may offer. `radialBar` is excluded — its series are\n *  synthetic arc percents that cannot be re-plotted on an axis or as slices. */\nconst SWITCHABLE_TYPES: ReadonlyArray<ChartType> = [\n  'line',\n  'bar',\n  'area',\n  'pie',\n  'donut',\n];\n\ntype SwitchableType = Exclude<ChartType, 'radialBar'>;\n\n/* Static key map (not template-built) so the i18n coverage tooling can see\n   every key literally. */\nconst TYPE_SWITCHER_LABEL_KEYS: Record<SwitchableType, string> = {\n  line: 'chart.typeSwitcher.line',\n  bar: 'chart.typeSwitcher.bar',\n  area: 'chart.typeSwitcher.area',\n  pie: 'chart.typeSwitcher.pie',\n  donut: 'chart.typeSwitcher.donut',\n};\n\nconst TYPE_SWITCHER_ICONS: Record<SwitchableType, React.ReactNode> = {\n  line: <ChartLine />,\n  bar: <ChartColumn />,\n  area: <ChartArea />,\n  pie: <ChartPie />,\n  donut: <Donut />,\n};\n\n/* Compare-overlay geometry. Colours come only from tokens (via the bridge);\n   these are pure numeric/dash literals, consistent with the pre-existing\n   stroke width:2 / dashArray literals the component already used. */\nconst COMPARE_OUTLINE_WIDTH = 2; // dotted outline / stroke width (~1.5–2px)\nconst COMPARE_DOT_DASH = '0 6'; // 0-length dash + round cap ⇒ round dots, 6px pitch\n\n/** ApexCharts' default `title.margin`, sent when the toolbar is off. */\nconst APEX_TITLE_MARGIN = 5;\n\n/** ApexCharts' default `xaxis.labels.rotate`, for crowded labels on a wide chart. */\nconst APEX_LABEL_ROTATE = -45;\n\n/** Below `--breakpoint-sm` (640px) a chart is narrow: crowded labels thin out. */\nconst NARROW_CHART_WIDTH = 640;\n\n/**\n * Below this a two-row legend is as tall as the plot or taller (measured: from\n * 280px, about 304px accessible), so it keeps to one row that scrolls sideways.\n */\nconst SHORT_CHART_HEIGHT = 300;\n\n/**\n * The least a `%` height draws at: a one-row legend (52px) and the axis room\n * (about 70px) still leave a 40px plot. A shorter parent clips, never squashes.\n */\nconst MIN_FILL_HEIGHT = 160;\n\n/**\n * Rewrite each COMPARE bar into a 3-sided OPEN path (drop the baseline edge and\n * the implicit close) and round-dot its outline. A bar is natively one closed\n * path, so \"open at the bottom\" is impossible via config — this post-render DOM\n * patch is the only way. Verified safe against ApexCharts 5.10.6: animation\n * continuity is read from a separate `pathTo`/`pathFrom` attribute, never the\n * live `d`, so overwriting `d` never corrupts entrance/update animation or\n * `previousPaths`; the same element is kept so tooltips/crosshair still bind.\n * Idempotent (re-running writes the same `d`).\n *\n * Only applied to VERTICAL, positive-valued bars: the open edge is assumed to be\n * the bbox bottom. A horizontal or negative compare bar keeps the native\n * 4-sided dotted outline (still a valid non-colour cue) — see the guard in the\n * component. jsdom lacks `getBBox`, so the per-path guard makes this a no-op in\n * unit tests (exercised in the real-browser story run instead).\n */\nfunction patchCompareBars(\n  root: HTMLElement | null,\n  compareRealIndexes: number[],\n): void {\n  if (!root || compareRealIndexes.length === 0) return;\n  root\n    .querySelectorAll<SVGGElement>(\n      '.apexcharts-bar-series > .apexcharts-series',\n    )\n    .forEach((g) => {\n      const ri = Number(g.getAttribute('data:realIndex'));\n      if (!compareRealIndexes.includes(ri)) return;\n      g.querySelectorAll<SVGPathElement>('path.apexcharts-bar-area').forEach(\n        (p) => {\n          if (typeof p.getBBox !== 'function') return; // jsdom guard\n          const b = p.getBBox(); // final rendered box, stroke-excluded\n          // 3-sided OPEN path: bottom-left → up left → across top → down right.\n          // SVG fills the implicit close (bottom-right → bottom-left), so the\n          // tint fill stays full-height; the stroke omits the baseline edge.\n          p.setAttribute(\n            'd',\n            `M ${b.x} ${b.y + b.height} L ${b.x} ${b.y} ` +\n              `L ${b.x + b.width} ${b.y} L ${b.x + b.width} ${b.y + b.height}`,\n          );\n          p.setAttribute('stroke-dasharray', COMPARE_DOT_DASH); // round-dot rhythm\n          p.setAttribute('stroke-linecap', 'round');\n        },\n      );\n    });\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\n/** Px kept clear above the plot for the toolbar, from the tokens at `el`. */\nfunction toolbarBandOf(el: Element): number {\n  const styles = getComputedStyle(el);\n  const px = (token: string) =>\n    Number.parseFloat(styles.getPropertyValue(token)) || 0;\n  return (\n    px('--min-target-size') +\n    px('--focus-ring-offset') +\n    px('--focus-ring-width')\n  );\n}\n\n/**\n * The px width ApexCharts draws at, by its own rule: a number or `px` as is,\n * a `%` of the element it draws into. Any other unit gives NaN, as it does there.\n */\nfunction drawnWidth(width: number | string | undefined, into: number): number {\n  if (width === undefined) return into;\n  if (typeof width === 'number') return width;\n  // parseInt, not parseFloat: ApexCharts drops the fraction too, so this\n  // matches the width it actually draws.\n  const value = Number.parseInt(width, 10);\n  return width.trim().endsWith('%') ? (into * value) / 100 : value;\n}\n\n/** The px height ApexCharts draws at for a number or `px`; NaN for a `%`. */\nfunction drawnHeight(height: number | string): number {\n  if (typeof height === 'number') return height;\n  return height.trim().endsWith('%') ? Number.NaN : Number.parseInt(height, 10);\n}\n\n/**\n * The series, categories and labels the rendered type reads. Axis series\n * collapse to one slice per series (its total) on a slice view; slice\n * values become one axis series with `labels` as the categories.\n */\nfunction adaptSeries(\n  series: ChartSeries[] | number[],\n  categories: string[] | undefined,\n  labels: string[] | undefined,\n  declaredIsSlice: boolean,\n  effectiveIsSlice: boolean,\n  valueName: string,\n): {\n  effectiveSeries: ChartSeries[] | number[];\n  effectiveCategories: string[] | undefined;\n  effectiveLabels: string[] | undefined;\n} {\n  if (declaredIsSlice === effectiveIsSlice) {\n    return {\n      effectiveSeries: series,\n      effectiveCategories: categories,\n      effectiveLabels: labels,\n    };\n  }\n  if (!declaredIsSlice) {\n    const allRows = series as ChartSeries[];\n    // A previous-period total is not a slice of the current whole, so\n    // compare overlays are dropped from the axis→slice collapse (their\n    // grey \"prev\" slice would misread as part of the current mix). This\n    // also makes compareFlags naturally [] on the slice side.\n    const rows = allRows.filter((row) => row.role !== 'compare');\n    if (import.meta.env.DEV && rows.length !== allRows.length) {\n      console.warn(\n        'Chart: compare series are dropped on an axis→slice switch — a previous-period total is not a slice of the current whole.',\n      );\n    }\n    const totals = rows.map((row) => row.data.reduce((sum, v) => sum + v, 0));\n    if (import.meta.env.DEV && totals.some((v) => v < 0)) {\n      console.warn(\n        'Chart: the axis→slice adaptation produced a negative series total — pie/donut cannot represent negative values. Offer only axis types in `switchableTypes` for delta-style data.',\n      );\n    }\n    return {\n      effectiveSeries: totals,\n      effectiveCategories: undefined,\n      effectiveLabels: rows.map((row) => row.name),\n    };\n  }\n  const values = series as number[];\n  return {\n    effectiveSeries: [{ name: valueName, data: values }] as ChartSeries[],\n    effectiveCategories: labels ?? [],\n    effectiveLabels: undefined,\n  };\n}\n\ntype ApexLocaleOption = NonNullable<\n  NonNullable<ApexCharts.ApexOptions['chart']>['locales']\n>[number];\n\n/** Everything the ApexCharts options are built from, for one rendered view. */\ninterface ChartOptionInputs {\n  themeOptions: ApexChartsTheme;\n  toolbarBand: number;\n  chartId: string;\n  toolbar: boolean;\n  reducedMotion: boolean;\n  toolbarLocale: ApexLocaleOption;\n  locale: string;\n  effectiveLabels: string[] | undefined;\n  formatValue: (value: number) => string;\n  noDataText: string;\n  effectiveType: ChartType;\n  effectiveSeries: ChartSeries[] | number[];\n  effectiveCategories: string[] | undefined;\n  isRtl: boolean;\n  patterns: boolean;\n  stacked: boolean;\n  orientation: ChartOrientation;\n  curve: ChartCurve;\n  colors: string[] | undefined;\n  radialValueFormatter: ((value: number) => string) | undefined;\n  /** Narrower than NARROW_CHART_WIDTH. */\n  narrow: boolean;\n  wrapperRef: RefObject<HTMLDivElement | null>;\n}\n\n/** The ApexCharts options for one view: used by render and by the handle. */\nfunction buildChartOptions({\n  themeOptions,\n  toolbarBand,\n  chartId,\n  toolbar,\n  reducedMotion,\n  toolbarLocale,\n  locale,\n  effectiveLabels,\n  formatValue,\n  noDataText,\n  effectiveType,\n  effectiveSeries,\n  effectiveCategories,\n  isRtl,\n  patterns,\n  stacked,\n  orientation,\n  curve,\n  colors,\n  radialValueFormatter,\n  narrow,\n  wrapperRef,\n}: ChartOptionInputs): ApexCharts.ApexOptions {\n  // Split the resolved compare colours off the theme object BEFORE spread:\n  // `base` is exactly today's theme shape (colours / chart / grid), so\n  // `...base` emits the same keys as before. The theme no longer carries a\n  // `compare` object — the redesign never uses grey; the compare fill is a\n  // tint of the paired-primary hue, resolved below from a token.\n  const base = themeOptions;\n\n  // Per-series compare flags, derived at build time from the EFFECTIVE\n  // series/type so the type switcher composes: only axis types carry the\n  // `role` field (slice `series` is `number[]`), so a slice view yields [].\n  const compareFlags =\n    isCategoricalType(effectiveType) && Array.isArray(effectiveSeries)\n      ? (effectiveSeries as ChartSeries[]).map((s) => s.role === 'compare')\n      : [];\n  const hasCompare = compareFlags.some(Boolean);\n  const barCompare = hasCompare && effectiveType === 'bar';\n  // The open-at-the-baseline bar rewrite (patchCompareBars) assumes the\n  // baseline is the bbox BOTTOM — true only for vertical, non-negative bars.\n  // A horizontal or negative compare bar keeps the native 4-sided dotted\n  // outline (still a valid non-colour cue), so the hook is gated off for it.\n  const compareHasNegative =\n    barCompare &&\n    (effectiveSeries as ChartSeries[]).some(\n      (s) => s.role === 'compare' && s.data.some((v) => v < 0),\n    );\n  const openBottomBars =\n    barCompare && orientation === 'vertical' && !compareHasNegative;\n  // Compare fill opacity + per-series tints (legend swatch), resolved from\n  // the token via the bridge so no hex literal lives in component code.\n  const compareFillOpacity = hasCompare ? getCompareFillOpacity() : 0.3;\n\n  if (\n    import.meta.env.DEV &&\n    hasCompare &&\n    stacked &&\n    isCategoricalType(effectiveType)\n  ) {\n    console.warn(\n      'Chart: `stacked` with a compare series — a compare overlay is normally a grouped, not stacked, series. It will be stacked with the primaries.',\n    );\n  }\n\n  const options: ApexCharts.ApexOptions = {\n    ...base,\n    chart: {\n      ...base.chart,\n      id: chartId,\n      toolbar: { show: toolbar },\n      zoom: { enabled: toolbar },\n      animations: {\n        enabled: !reducedMotion,\n        dynamicAnimation: { enabled: !reducedMotion },\n      },\n      locales: [toolbarLocale],\n      defaultLocale: locale,\n      parentHeightOffset: 0,\n      // Keep the keyboard-operable legend; drop Apex's data-point navigation\n      // and live announcements (English-only, and the summary table covers them).\n      accessibility: {\n        enabled: true,\n        announcements: { enabled: false },\n        keyboard: { enabled: true, navigation: { enabled: false } },\n      },\n      // Stacking is axis-only, so a slice or radial chart never receives it.\n      // Sent as false too: ApexCharts merges an update into its config, so\n      // leaving it out would keep an earlier `true`.\n      ...(isCategoricalType(effectiveType) ? { stacked } : {}),\n    },\n    // Only set `labels` when the effective type actually has them (slice\n    // charts). Emitting `labels: undefined` crashes ApexCharts' bar\n    // renderer — `parseDataAxisCharts` reads `labels.length` and throws\n    // \"Cannot read properties of undefined (reading 'length')\", which\n    // aborts the render and leaves a blank chart. Absent is safe; area /\n    // line tolerate the undefined but bar does not, so never pass it.\n    ...(effectiveLabels ? { labels: effectiveLabels } : {}),\n    legend: {\n      ...base.legend,\n      position: 'bottom',\n      // ApexCharts legend.horizontalAlign is a physical prop mapped internally\n      // to the chart's own text flow. For RTL we flip via `yaxis.opposite`\n      // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored\n      // to the inline-start by asking for 'left' on LTR and 'right' on RTL.\n      horizontalAlign: isRtl ? 'right' : 'left',\n      fontFamily: 'inherit',\n      // apexcharts-theme.css sizes the legend hit areas and ring room from\n      // this 4px; pinned so an ApexCharts default change cannot break them.\n      itemMargin: { horizontal: 5, vertical: 4 },\n    },\n    tooltip: {\n      ...base.tooltip,\n      y: {\n        formatter: (value: number) => formatValue(value),\n      },\n    },\n    noData: {\n      text: noDataText,\n    },\n  };\n\n  // Room for the toolbar above the plot. ApexCharts reads grid.padding only on\n  // creation but a title's margin on every update, so no remount. Without a\n  // toolbar the title's defaults are sent, or an update would keep the band.\n  options.title =\n    toolbar && toolbarBand\n      ? { ...options.title, text: '', margin: toolbarBand }\n      : { ...options.title, text: undefined, margin: APEX_TITLE_MARGIN };\n\n  // Consumer-supplied, already-resolved colour ramp wins over the theme\n  // bridge's `colors`. Ignored when absent so existing charts keep the\n  // tokenised ramp. ApexCharts can't read `var(--…)`, so the consumer is\n  // responsible for sampling the live token value before passing it in.\n  if (colors && colors.length > 0) {\n    options.colors = colors;\n  }\n\n  // Step 1 (compare) — pair each compare series with a primary and inherit\n  // its colour. The k-th `role:'compare'` pairs with the k-th `role:'primary'`\n  // by order (clamped to the last primary; falls back to its own index when\n  // there are zero primaries). Primaries keep ApexCharts' own %-cycled ramp\n  // colour, so after this `options.colors[i]` is the full paired-primary\n  // colour for EVERY series — used directly by the bar fill/outline and the\n  // line stroke. The compare fill is tinted separately (fill.opacity); only\n  // the LEGEND swatch shows the lighter tint (legend.markers.fillColors).\n  if (hasCompare) {\n    const ramp = (options.colors ?? base.colors ?? []) as string[];\n    const rampAt = (i: number) => ramp[i % Math.max(ramp.length, 1)];\n    const primaryIdx = (effectiveSeries as ChartSeries[])\n      .map((s, i) => (s.role === 'compare' ? -1 : i))\n      .filter((i) => i >= 0);\n    let seen = 0;\n    options.colors = (effectiveSeries as ChartSeries[]).map((s, i) => {\n      if (s.role !== 'compare') return rampAt(i);\n      const pair = primaryIdx.length\n        ? primaryIdx[Math.min(seen++, primaryIdx.length - 1)]\n        : i;\n      return rampAt(pair); // inherit the paired primary's colour\n    });\n    // Legend swatch: compare shows the lighter tint (a shade of its paired\n    // primary), primaries show their own colour. Decoupled from the mark\n    // colour so the swatch reads as \"lighter = compare\".\n    const compareTints = (options.colors as string[]).map((c, i) =>\n      compareFlags[i] ? resolveCompareTint(c) : c,\n    );\n    options.legend = {\n      ...options.legend,\n      markers: {\n        ...(options.legend?.markers ?? {}),\n        fillColors: compareTints,\n      },\n    };\n  }\n\n  if (isCategoricalType(effectiveType)) {\n    // A horizontal bar makes ApexCharts swap axes: the numeric axis\n    // becomes the x-axis and the categories move to the y-axis. The value\n    // formatter must follow the numbers, so on a horizontal bar it lives\n    // on `xaxis.labels` and the category y-axis keeps its default (string)\n    // labels; every other categorical chart keeps the formatter on `yaxis`.\n    const horizontalBar =\n      effectiveType === 'bar' && orientation === 'horizontal';\n    // The x formatter is sent as undefined too, or an update turning a bar\n    // vertical would keep the number formatter on its categories.\n    options.xaxis = {\n      ...base.xaxis,\n      categories: effectiveCategories ?? [],\n      labels: {\n        ...base.xaxis?.labels,\n        formatter: horizontalBar\n          ? (value: string | number) => formatValue(Number(value))\n          : undefined,\n        // A narrow chart thins crowded labels rather than turning them sideways.\n        // Sent both ways, so a widened chart rotates; the thinning is pinned\n        // so an ApexCharts default change cannot leave narrow labels overlapping.\n        rotate: narrow ? 0 : APEX_LABEL_ROTATE,\n        hideOverlappingLabels: true,\n      },\n    };\n    options.yaxis = {\n      ...base.yaxis,\n      opposite: isRtl,\n      ...(horizontalBar\n        ? {}\n        : { labels: { formatter: (value: number) => formatValue(value) } }),\n    };\n    // Step 2 (compare) — the non-colour cue is a round-DOTTED stroke on the\n    // compare indices (dotted-vs-solid, greyscale/print-safe). It works on\n    // bars too: unlike a fill hatch, a per-series bar stroke width + dash\n    // renders a dotted OUTLINE in the paired-primary colour. Line/area keep\n    // width 2; a bar's outline width is COMPARE_OUTLINE_WIDTH on compare\n    // indices and 0 on primaries (solid, fill-only). `lineCap:'round'` turns\n    // the 0-length dash into round dots. With no compare series,\n    // withCompareKeys sends ApexCharts' default lineCap and dashArray.\n    options.stroke = {\n      curve,\n      width:\n        effectiveType === 'bar'\n          ? hasCompare\n            ? compareFlags.map((c) => (c ? COMPARE_OUTLINE_WIDTH : 0))\n            : 0\n          : 2,\n      ...(hasCompare\n        ? {\n            lineCap: 'round' as const,\n            // Runtime accepts a string dash; the published types say\n            // `number` → one documented cast. `'0 6'` + round cap ⇒ dots.\n            dashArray: compareFlags.map((c) =>\n              c ? COMPARE_DOT_DASH : 0,\n            ) as unknown as number[],\n          }\n        : {}),\n    };\n    options.dataLabels = { enabled: false };\n  }\n\n  if (effectiveType === 'radialBar' && radialValueFormatter) {\n    // ApexCharts treats a radialBar series value as a 0–100 percent and\n    // renders it verbatim in the ring centre. When the displayed value is\n    // NOT a percentage (e.g. a BMI), the consumer scales the series to a\n    // percent for the arc and supplies `radialValueFormatter` to print the\n    // real value in the centre. Without this, the gauge would read \"56%\"\n    // for a BMI of 22.4 — misleading. Default behaviour is untouched.\n    const basePlot = (base.plotOptions ?? {}) as NonNullable<\n      ApexCharts.ApexOptions['plotOptions']\n    >;\n    options.plotOptions = {\n      ...basePlot,\n      radialBar: {\n        ...(basePlot.radialBar ?? {}),\n        dataLabels: {\n          ...(basePlot.radialBar?.dataLabels ?? {}),\n          value: {\n            ...(basePlot.radialBar?.dataLabels?.value ?? {}),\n            formatter: (val: number) => radialValueFormatter(Number(val)),\n          },\n        },\n      },\n    };\n  }\n\n  // Horizontal bars for rankings; `bar` and `radialBar` never share a chart.\n  // Sent as false too, or an update turning a bar vertical would keep an\n  // earlier `true`.\n  if (effectiveType === 'bar') {\n    const basePlot = (base.plotOptions ?? {}) as NonNullable<\n      ApexCharts.ApexOptions['plotOptions']\n    >;\n    options.plotOptions = {\n      ...basePlot,\n      bar: {\n        ...(basePlot.bar ?? {}),\n        horizontal: orientation === 'horizontal',\n      },\n    };\n  }\n\n  // Step 3 (fill) — the compare branches sit between the global `patterns`\n  // branch and the area-gradient branch. Each is gated on hasCompare /\n  // barCompare; a fill left unset here gets ApexCharts' default from\n  // withCompareKeys.\n  if (patterns) {\n    // Colour-blind pattern mode. With a compare overlay the compare indices\n    // drop the hatch and use a plain tinted solid fill (their dotted outline\n    // / stroke from Step 2 is already the non-colour cue), so they read as a\n    // lighter ghost of the primary; the primaries keep the cycled hatch.\n    options.fill = {\n      type: hasCompare\n        ? compareFlags.map((c) => (c ? 'solid' : 'pattern'))\n        : 'pattern',\n      opacity: hasCompare\n        ? compareFlags.map((c) =>\n            c ? compareFillOpacity : effectiveType === 'area' ? 0.3 : 1,\n          )\n        : effectiveType === 'area'\n          ? 0.3\n          : 1,\n      pattern: {\n        style: [...PATTERN_STYLES],\n        strokeWidth: 2,\n      },\n    };\n  } else if (barCompare) {\n    // Tinted solid fill: compare bars are their paired-primary hue at\n    // `--chart-compare-fill-opacity`; primaries stay solid at full opacity.\n    // The dotted outline (Step 2 stroke width) + open-bottom rewrite\n    // (patchCompareBars, wired via chart.events below) supply the shape.\n    options.fill = {\n      type: 'solid',\n      opacity: compareFlags.map((c) => (c ? compareFillOpacity : 1)),\n    };\n  } else if (effectiveType === 'area') {\n    // Area gradient. With a compare overlay the compare fill drops to the\n    // tint opacity so it sits under the dotted paired-primary stroke without\n    // fighting the primary; primaries keep the default gradient. No grey —\n    // the tint is a shade of the same (paired-primary) hue from Step 1.\n    options.fill = hasCompare\n      ? {\n          type: 'gradient',\n          opacity: compareFlags.map((c) => (c ? compareFillOpacity : 0.3)),\n        }\n      : {\n          type: 'gradient',\n          opacity: 0.3,\n        };\n  }\n\n  // Open-at-the-baseline bar outline (progressive enhancement over the\n  // native dotted 4-sided border). Attached ONLY for vertical, non-negative\n  // compare bars; horizontal / negative bars keep the closed dotted outline.\n  // Added inside this branch, and cleared by withCompareKeys, so a chart\n  // without open-bottom bars never runs it. Re-fires on mount, update and\n  // animation end: together they cover resize, theme and series changes.\n  if (openBottomBars) {\n    const compareRealIndexes = compareFlags\n      .map((c, i) => (c ? i : -1))\n      .filter((i) => i >= 0);\n    const run = () => patchCompareBars(wrapperRef.current, compareRealIndexes);\n    const raf = () =>\n      typeof requestAnimationFrame === 'function'\n        ? requestAnimationFrame(run)\n        : run();\n    options.chart = {\n      ...options.chart,\n      events: {\n        ...(options.chart?.events ?? {}),\n        mounted: () => raf(),\n        updated: () => raf(),\n        animationEnd: () => run(),\n      },\n    };\n  }\n\n  return withCompareKeys(options, effectiveType);\n}\n\n/**\n * ApexCharts merges an update into its config, so a key left out keeps its old\n * value. Every key a compare series sets is sent on every build: the builder's\n * per-series arrays, else ApexCharts' own defaults. Only axis types take one.\n */\nfunction withCompareKeys(\n  options: ApexCharts.ApexOptions,\n  type: ChartType,\n): ApexCharts.ApexOptions {\n  if (!isCategoricalType(type)) return options;\n  const events = options.chart?.events;\n  return {\n    ...options,\n    colors: options.colors,\n    chart: {\n      ...options.chart,\n      events: {\n        ...events,\n        mounted: events?.mounted,\n        updated: events?.updated,\n        animationEnd: events?.animationEnd,\n      },\n    },\n    stroke: {\n      ...options.stroke,\n      lineCap: options.stroke?.lineCap ?? (type === 'bar' ? 'square' : 'butt'),\n      dashArray: options.stroke?.dashArray ?? 0,\n    },\n    legend: {\n      ...options.legend,\n      markers: {\n        ...options.legend?.markers,\n        fillColors: options.legend?.markers?.fillColors,\n      },\n    },\n    fill: options.fill ?? { type: 'solid', opacity: 0.85 },\n  };\n}\n\nfunction isSliceType(type: ChartType): boolean {\n  return SLICE_TYPES.includes(type);\n}\n\nfunction isCategoricalType(type: ChartType): boolean {\n  return CATEGORICAL_TYPES.includes(type);\n}\n\n/** Coerce `series` into `ChartSeries[]` for shared logic (table, aria). */\nfunction normaliseSeries(\n  series: ChartSeries[] | number[],\n  type: ChartType,\n): ChartSeries[] {\n  if (isSliceType(type)) {\n    const nums = series as number[];\n    return [\n      {\n        name: '',\n        data: nums,\n      },\n    ];\n  }\n  return series as ChartSeries[];\n}\n\n/* ------------------------------------------------------------------ */\n/* Chart component                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const Chart = forwardRef<ChartHandle, ChartProps>(\n  (\n    {\n      title,\n      id,\n      type,\n      series,\n      categories,\n      labels,\n      height,\n      width,\n      patterns = false,\n      stacked = false,\n      orientation = 'vertical',\n      curve = 'smooth',\n      colors,\n      toolbar = false,\n      locale: localeProp,\n      radialValueFormatter,\n      valueFormatter,\n      switchableTypes,\n      onTypeChange,\n      density,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const rawId = useId();\n    const chartId = useMemo(\n      () => `chart-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const summaryId = `${chartId}-summary`;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    // Also held as state: the wrapper remounts when the switcher turns on or\n    // off, and the observers below must follow it to the new element.\n    const [wrapperEl, setWrapperEl] = useState<HTMLDivElement | null>(null);\n    const wrapperCallbackRef = useMemo(\n      () => composeRefs(wrapperRef, setWrapperEl),\n      [],\n    );\n    const liveWrapperRef = useMemo(() => ({ current: wrapperEl }), [wrapperEl]);\n    const [containerWidth, setContainerWidth] = useState(0);\n    // A `%` height sizes the whole Chart against its parent (see `height`);\n    // the figure's measured height is then what ApexCharts may draw.\n    const fillShare =\n      typeof height === 'string' && height.trim().endsWith('%')\n        ? height.trim()\n        : undefined;\n    const [fillHeight, setFillHeight] = useState(0);\n    const fillsRef = useRef(false);\n    fillsRef.current = fillShare !== undefined;\n    // Measure before paint as a `%` height starts, so the first draw is the\n    // real height and a switch from a number with an unchanged box is seen.\n    useIsomorphicLayoutEffect(() => {\n      if (fillShare && wrapperEl) {\n        setFillHeight(Math.floor(wrapperEl.clientHeight));\n      }\n    }, [fillShare, wrapperEl]);\n\n    // Anything focusable left in a layer `useApexChartSemantics` hides gets\n    // tabindex -1.\n    useNeutraliseHiddenFocus(liveWrapperRef);\n    // A clipping parent (a Card) would cut off a tooltip Apex places\n    // outside the chart.\n    useKeepApexTooltipInside(liveWrapperRef);\n\n    const locale = localeProp ?? i18n.language ?? 'en';\n\n    /* ---- dev warning if title missing ------------------------------ */\n    if (import.meta.env.DEV && !title) {\n      console.warn(\n        'Chart: `title` prop is required. It drives aria-label and the screen-reader summary table.',\n      );\n    }\n\n    /* ---- theme-reactive state -------------------------------------- */\n    const [themeOptions, setThemeOptions] = useState<ApexChartsTheme>(() => {\n      try {\n        return getApexChartsTheme();\n      } catch {\n        return {};\n      }\n    });\n\n    /* ---- MutationObserver: re-read theme on class change ------------ */\n    useEffect(() => {\n      if (typeof document === 'undefined') return undefined;\n      let timer: ReturnType<typeof setTimeout>;\n      const observer = new MutationObserver(() => {\n        clearTimeout(timer);\n        timer = setTimeout(() => {\n          try {\n            setThemeOptions(getApexChartsTheme());\n          } catch {\n            /* no-op in non-browser environments */\n          }\n        }, 50);\n      });\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => {\n        clearTimeout(timer);\n        observer.disconnect();\n      };\n    }, []);\n\n    /* ---- toolbar band ----------------------------------------------- */\n    // The toolbar buttons are --min-target-size boxes under a focus-ring gap\n    // (apexcharts-theme.css); this many px stay clear above the plot. Read\n    // from <html> first so the first render is already right.\n    const [toolbarBand, setToolbarBand] = useState(() =>\n      typeof document === 'undefined'\n        ? 0\n        : toolbarBandOf(document.documentElement),\n    );\n    useEffect(() => {\n      if (!wrapperEl || !toolbar) return undefined;\n      // A narrow chart wraps the toolbar onto more rows: reserve what it takes.\n      const sized = new ResizeObserver(() => measure());\n      const measure = () => {\n        const bar = wrapperEl.querySelector<HTMLElement>('.apexcharts-toolbar');\n        if (bar) sized.observe(bar);\n        setToolbarBand(\n          Math.max(toolbarBandOf(wrapperEl), bar?.offsetHeight ?? 0),\n        );\n      };\n      measure();\n      // A theme class can change on any ancestor (a nested ThemeRoot), and\n      // ApexCharts rebuilds the toolbar on every update.\n      const themes = new MutationObserver(measure);\n      for (\n        let node = wrapperEl.parentElement;\n        node;\n        node = node.parentElement\n      ) {\n        themes.observe(node, { attributes: true, attributeFilter: ['class'] });\n      }\n      const rebuilds = new MutationObserver((records) => {\n        const added = records.flatMap((record) => [...record.addedNodes]);\n        if (\n          added.some(\n            (node) =>\n              node instanceof Element &&\n              (node.matches('.apexcharts-toolbar') ||\n                node.querySelector('.apexcharts-toolbar')),\n          )\n        ) {\n          measure();\n        }\n      });\n      rebuilds.observe(wrapperEl, { childList: true, subtree: true });\n      return () => {\n        sized.disconnect();\n        themes.disconnect();\n        rebuilds.disconnect();\n      };\n    }, [wrapperEl, toolbar]);\n\n    /* ---- ResizeObserver: track container width --------------------- */\n    useEffect(() => {\n      const el = wrapperEl;\n      if (!el || typeof ResizeObserver === 'undefined') return undefined;\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (!entry) return;\n        setContainerWidth(Math.floor(entry.contentRect.width));\n        // A filled figure's height is set by its parent, never by what\n        // ApexCharts draws inside it, so this cannot feed back.\n        if (fillsRef.current) {\n          setFillHeight(Math.floor(entry.contentRect.height));\n        }\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, [wrapperEl]);\n\n    /* ---- type switcher ---------------------------------------------- */\n    const switcherTypes = useMemo<SwitchableType[]>(() => {\n      if (!switchableTypes || switchableTypes.length === 0) return [];\n      const valid = switchableTypes.filter((entry): entry is SwitchableType =>\n        SWITCHABLE_TYPES.includes(entry),\n      );\n      if (import.meta.env.DEV && valid.length !== switchableTypes.length) {\n        console.warn(\n          \"Chart: `switchableTypes` accepts 'line' | 'bar' | 'area' | 'pie' | 'donut' — other entries are ignored.\",\n        );\n      }\n      if (!SWITCHABLE_TYPES.includes(type)) {\n        if (import.meta.env.DEV && valid.length > 0) {\n          console.warn(\n            'Chart: the type switcher is unavailable when `type` is \"radialBar\".',\n          );\n        }\n        return [];\n      }\n      const withCurrent = valid.includes(type as SwitchableType)\n        ? valid\n        : [type as SwitchableType, ...valid];\n      return [...new Set(withCurrent)];\n    }, [switchableTypes, type]);\n    const switcherEnabled = switcherTypes.length >= 2;\n\n    const [pickedType, setPickedType] = useState<SwitchableType | null>(null);\n    const effectiveType: ChartType =\n      switcherEnabled && pickedType && switcherTypes.includes(pickedType)\n        ? pickedType\n        : type;\n\n    // Hide the plot and hover aids; keep the legend and toolbar buttons\n    // reachable. Pie and donut legend items select a slice, not hide it.\n    useApexChartSemantics(\n      wrapperEl,\n      effectiveType !== 'pie' && effectiveType !== 'donut',\n    );\n\n    /* ---- data adaptation for the switcher --------------------------- */\n    /* Axis and slice types read different `series` shapes. When the user  */\n    /* switches across that boundary the data adapts: each axis series     */\n    /* becomes one slice (its total across the categories), and slice      */\n    /* values become one axis series with `labels` as the categories.      */\n    /* Same-shape switches (line/bar/area, pie/donut) pass through as-is.  */\n    const declaredIsSlice = isSliceType(type);\n    const effectiveIsSlice = isSliceType(effectiveType);\n    // Series pushed through the handle, held in state because react-apexcharts\n    // re-sends the props' series on every option or size update.\n    const [pushed, setPushed] = useState<{\n      base: ChartProps['series'];\n      next: ChartProps['series'];\n    } | null>(null);\n    // A new `series` prop always wins and forgets the pushed data, so a host\n    // that later passes an earlier array again sees that array, not data it\n    // pushed while that array was last on screen (reset during render, the\n    // React pattern for state derived from a prop).\n    const [pushedFor, setPushedFor] = useState(series);\n    if (pushedFor !== series) {\n      setPushedFor(series);\n      if (pushed) setPushed(null);\n    }\n    const liveSeries =\n      pushed && pushed.base === series && pushedFor === series\n        ? pushed.next\n        : series;\n    const seriesPropRef = useRef(series);\n    seriesPropRef.current = series;\n    const { effectiveSeries, effectiveCategories, effectiveLabels } = useMemo(\n      () =>\n        adaptSeries(\n          liveSeries,\n          categories,\n          labels,\n          declaredIsSlice,\n          effectiveIsSlice,\n          t('chart.table.value'),\n        ),\n      [liveSeries, categories, labels, declaredIsSlice, effectiveIsSlice, t],\n    );\n    // The same adaptation for the handle, with this render's inputs.\n    const adapt = (next: ChartProps['series']) =>\n      adaptSeries(\n        next,\n        categories,\n        labels,\n        declaredIsSlice,\n        effectiveIsSlice,\n        t('chart.table.value'),\n      );\n    const adaptRef = useRef(adapt);\n    adaptRef.current = adapt;\n    // The draw a pushed series started, so an export in the same turn waits.\n    const pendingDraw = useRef<Promise<unknown>>(Promise.resolve());\n\n    /* ---- imperative handle ----------------------------------------- */\n    const agentHandle = useMemo<ChartHandle>(\n      () => ({\n        async dataURI(): Promise<string> {\n          await pendingDraw.current;\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return '';\n          const result = await instance.dataURI();\n          return (result as { imgURI: string }).imgURI;\n        },\n        updateSeries(next) {\n          // React state keeps it for later renders. Draw it now as well, with\n          // the options that view takes (compare styling, slice labels), so an\n          // export in the same turn sees both.\n          setPushed({ base: seriesPropRef.current, next });\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return;\n          const view = adaptRef.current(next);\n          const inputs = { ...optionInputsRef.current, ...view };\n          pendingDraw.current = instance\n            .updateOptions(\n              { ...buildChartOptions(inputs), series: view.effectiveSeries },\n              false,\n              true,\n            )\n            .catch(() => undefined);\n        },\n        setType(next: ChartType): boolean {\n          if (!switcherEnabled) return false;\n          if (!switcherTypes.includes(next as SwitchableType)) return false;\n          setPickedType(next as SwitchableType);\n          return true;\n        },\n        getTypeState() {\n          return {\n            declaredType: type,\n            effectiveType,\n            availableTypes: switcherEnabled\n              ? ([...switcherTypes] as ChartType[])\n              : [],\n          };\n        },\n      }),\n      [chartId, type, effectiveType, switcherEnabled, switcherTypes],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(chartAgent, agentHandle, id);\n\n    /* ---- RTL detection --------------------------------------------- */\n    const isRtl =\n      typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n\n    /* ---- normalised series for sr-only table ----------------------- */\n    const tableSeries = useMemo(\n      () => normaliseSeries(effectiveSeries, effectiveType),\n      [effectiveSeries, effectiveType],\n    );\n\n    /* ---- Intl formatter -------------------------------------------- */\n    const numberFormatter = useMemo(\n      () => new Intl.NumberFormat(locale),\n      [locale],\n    );\n\n    /* ---- resolved value formatter ---------------------------------- */\n    /* The consumer's `valueFormatter` (e.g. a currency formatter) wins  */\n    /* everywhere a data-point value is surfaced as text; otherwise we   */\n    /* fall back to the locale-aware grouped number.                     */\n    const formatValue = useMemo(\n      () =>\n        valueFormatter ?? ((value: number) => numberFormatter.format(value)),\n      [valueFormatter, numberFormatter],\n    );\n\n    /* ---- toolbar localisation -------------------------------------- */\n    const toolbarLocale = useMemo(\n      () => ({\n        name: locale,\n        options: {\n          toolbar: {\n            download: t('chart.toolbar.download'),\n            // Names the button that opens the export menu (Apex: \"Menu\").\n            menu: t('chart.toolbar.download'),\n            selection: t('chart.toolbar.selection'),\n            selectionZoom: t('chart.toolbar.selectionZoom'),\n            zoomIn: t('chart.toolbar.zoomIn'),\n            zoomOut: t('chart.toolbar.zoomOut'),\n            pan: t('chart.toolbar.pan'),\n            reset: t('chart.toolbar.reset'),\n            exportToSVG: t('chart.toolbar.exportToSVG'),\n            exportToPNG: t('chart.toolbar.exportToPNG'),\n            exportToCSV: t('chart.toolbar.exportToCSV'),\n          },\n        },\n      }),\n      [locale, t],\n    );\n\n    /* ---- build ApexOptions ----------------------------------------- */\n    const reducedMotion = usePrefersReducedMotion();\n\n    const noDataText = t('chart.noData');\n    // The chart's own width, so `width=\"50%\"` of a wide wrapper can be narrow.\n    // ApexCharts draws into a full-width block in the measured wrapper.\n    const chartWidth = drawnWidth(width, containerWidth);\n    const narrow = chartWidth > 0 && chartWidth < NARROW_CHART_WIDTH;\n    const optionInputs = useMemo<ChartOptionInputs>(\n      () => ({\n        themeOptions,\n        toolbarBand,\n        chartId,\n        toolbar,\n        reducedMotion,\n        toolbarLocale,\n        locale,\n        effectiveLabels,\n        formatValue,\n        noDataText,\n        effectiveType,\n        effectiveSeries,\n        effectiveCategories,\n        isRtl,\n        patterns,\n        stacked,\n        orientation,\n        curve,\n        colors,\n        radialValueFormatter,\n        narrow,\n        wrapperRef,\n      }),\n      [\n        themeOptions,\n        toolbarBand,\n        chartId,\n        toolbar,\n        reducedMotion,\n        toolbarLocale,\n        locale,\n        effectiveLabels,\n        formatValue,\n        noDataText,\n        effectiveType,\n        effectiveSeries,\n        effectiveCategories,\n        isRtl,\n        patterns,\n        stacked,\n        orientation,\n        curve,\n        colors,\n        radialValueFormatter,\n        narrow,\n      ],\n    );\n    const chartOptions = useMemo(\n      () => buildChartOptions(optionInputs),\n      [optionInputs],\n    );\n    // This render's inputs, for the handle to build options for pushed series.\n    const optionInputsRef = useRef(optionInputs);\n    optionInputsRef.current = optionInputs;\n\n    /* ---- resolved dimensions --------------------------------------- */\n    const resolvedWidth =\n      width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = fillShare\n      ? Math.max(fillHeight, MIN_FILL_HEIGHT)\n      : (height ?? 320);\n    // A short chart's legend keeps to one row, faded where it hides items.\n    const chartHeight = drawnHeight(resolvedHeight);\n    const shortChart = chartHeight > 0 && chartHeight < SHORT_CHART_HEIGHT;\n    useApexLegendScroll(wrapperEl, shortChart);\n\n    /* ---- sr-only data table --------------------------------------- */\n    const srTable = useMemo(() => {\n      const columnLabels = isSliceType(effectiveType)\n        ? (effectiveLabels ?? [])\n        : (effectiveCategories ?? []);\n      const rows = tableSeries;\n      // `sr-only` goes on a wrapper: a table ignores its 1px size and overflow,\n      // so on the table itself it grew to every header's width and scrolled.\n      return (\n        <div className=\"ds:sr-only\">\n          <table id={summaryId}>\n            <caption>{title}</caption>\n            <thead>\n              <tr>\n                <th scope=\"col\">{t('chart.table.series')}</th>\n                {columnLabels.map((col, i) => (\n                  <th key={`${col}-${i}`} scope=\"col\">\n                    {col}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {rows.map((row, rowIndex) => (\n                <tr key={`${row.name}-${rowIndex}`}>\n                  <th scope=\"row\">{row.name || t('chart.table.value')}</th>\n                  {row.data.map((value, colIndex) => (\n                    <td key={`${rowIndex}-${colIndex}`}>\n                      {/* For a radialBar gauge the series is a synthetic arc\n                        percent — announce the consumer's display value (e.g.\n                        the real BMI) instead of the raw fill so AT users get\n                        the same figure sighted users see in the ring. */}\n                      {effectiveType === 'radialBar' && radialValueFormatter\n                        ? radialValueFormatter(value)\n                        : formatValue(value)}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      );\n    }, [\n      effectiveType,\n      tableSeries,\n      effectiveLabels,\n      effectiveCategories,\n      summaryId,\n      title,\n      t,\n      formatValue,\n      radialValueFormatter,\n    ]);\n\n    /* ---- ApexCharts `series` prop shape ----------------------------- */\n    const apexSeries = useMemo(() => {\n      if (isSliceType(effectiveType)) {\n        return effectiveSeries as number[];\n      }\n      return effectiveSeries as ChartSeries[];\n    }, [effectiveSeries, effectiveType]);\n\n    // Inline style permitted per 23-constraints §Runtime-computed dimensions:\n    // a custom property setter; the block-size rule lives in the CVA classes.\n    const fillStyle = fillShare\n      ? ({\n          ['--chart-fill-size' as unknown as keyof CSSProperties]: fillShare,\n        } as CSSProperties)\n      : undefined;\n\n    /* A figure, not `role=\"img\"`, whose children are presentational and so may\n       not hold the legend and toolbar buttons. `key={effectiveType}` remounts\n       ApexCharts on a type switch: in-place axis↔slice changes are unreliable. */\n    const chartRegion = (\n      <div\n        ref={wrapperCallbackRef}\n        role=\"figure\"\n        aria-label={title}\n        aria-describedby={summaryId}\n        data-legend-layout={shortChart ? 'row' : undefined}\n        className={chartVariants({\n          // Explicit height wins over the density min-height unless the\n          // caller also asked for a density explicitly.\n          // A `%` height takes its height from the parent, never a density.\n          density: fillShare\n            ? 'none'\n            : (density ?? (height !== undefined ? 'none' : undefined)),\n          className: [\n            chartFillVariants({\n              fill: fillShare ? (switcherEnabled ? 'rest' : 'root') : 'none',\n            }),\n            switcherEnabled ? undefined : className,\n          ]\n            .filter(Boolean)\n            .join(' '),\n        })}\n        // eslint-disable-next-line react/forbid-dom-props -- the `%` height share\n        style={switcherEnabled ? undefined : fillStyle}\n        {...(switcherEnabled\n          ? {}\n          : { 'data-component': 'chart', 'data-component-id': id })}\n      >\n        {srTable}\n        <ReactApexChart\n          key={effectiveType}\n          type={effectiveType}\n          series={apexSeries as ApexCharts.ApexOptions['series']}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n        />\n      </div>\n    );\n\n    if (!switcherEnabled) return chartRegion;\n\n    /* The switcher renders as a sibling above the figure, and the bounding\n       `data-component` marker moves to this shared wrapper so the component\n       boundary still encloses everything. */\n    return (\n      <div\n        data-component=\"chart\"\n        data-component-id={id}\n        className={chartFrameVariants({\n          fill: fillShare !== undefined,\n          className,\n        })}\n        // eslint-disable-next-line react/forbid-dom-props -- the `%` height share\n        style={fillStyle}\n      >\n        <div className=\"ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end\">\n          <IconButtonGroup\n            role=\"radiogroup\"\n            mode=\"toggle-single\"\n            size=\"sm\"\n            aria-label={t('chart.typeSwitcher.label')}\n            value={effectiveType}\n            onValueChange={(next) => {\n              // Guard: keyboard paths can re-commit the current value; the\n              // contract is \"called when the user picks a DIFFERENT type\".\n              if (next === effectiveType) return;\n              setPickedType(next as SwitchableType);\n              onTypeChange?.(next as ChartType);\n            }}\n          >\n            {switcherTypes.map((entry) => (\n              <IconButton\n                key={entry}\n                value={entry}\n                // Explicit — the default (submit) would post a surrounding\n                // consumer <form> on click/Space.\n                type=\"button\"\n                icon={TYPE_SWITCHER_ICONS[entry]}\n                aria-label={t(TYPE_SWITCHER_LABEL_KEYS[entry])}\n              />\n            ))}\n          </IconButtonGroup>\n        </div>\n        {chartRegion}\n      </div>\n    );\n  },\n);\n\nChart.displayName = 'Chart';\n\n/* ------------------------------------------------------------------ */\n/* Re-export internal helper for downstream theming (kept narrow).      */\n/* ------------------------------------------------------------------ */\n\nexport { chartVariants };\n"],"names":["__iconNode","ChartArea","createLucideIcon","ChartColumn","ChartLine","ChartPie","Donut","CONTROL_LAYERS","setAttr","el","name","value","useApexChartSemantics","root","legendToggles","useEffect","apply","canvas","layer","toolbar","open","_a","item","shown","frame","onClick","event","rel","active","observer","setFlag","on","useApexLegendScroll","enabled","legend","measure","fromStart","maxScroll","bind","current","reveal","target","inLegend","node","rebuilds","records","record","chartAgent","handle","args","chartVariants","cva","chartFillVariants","chartFrameVariants","PATTERN_STYLES","CATEGORICAL_TYPES","SLICE_TYPES","SWITCHABLE_TYPES","TYPE_SWITCHER_LABEL_KEYS","TYPE_SWITCHER_ICONS","COMPARE_OUTLINE_WIDTH","COMPARE_DOT_DASH","APEX_TITLE_MARGIN","APEX_LABEL_ROTATE","NARROW_CHART_WIDTH","SHORT_CHART_HEIGHT","MIN_FILL_HEIGHT","patchCompareBars","compareRealIndexes","g","ri","b","toolbarBandOf","styles","px","token","drawnWidth","width","into","drawnHeight","height","adaptSeries","series","categories","labels","declaredIsSlice","effectiveIsSlice","valueName","rows","row","sum","v","buildChartOptions","themeOptions","toolbarBand","chartId","reducedMotion","toolbarLocale","locale","effectiveLabels","formatValue","noDataText","effectiveType","effectiveSeries","effectiveCategories","isRtl","patterns","stacked","orientation","curve","colors","radialValueFormatter","narrow","wrapperRef","base","compareFlags","isCategoricalType","s","hasCompare","barCompare","compareHasNegative","openBottomBars","compareFillOpacity","getCompareFillOpacity","options","ramp","rampAt","i","primaryIdx","seen","pair","compareTints","c","resolveCompareTint","horizontalBar","_b","basePlot","_c","_e","_d","val","run","raf","_f","withCompareKeys","type","events","isSliceType","normaliseSeries","Chart","forwardRef","title","id","localeProp","valueFormatter","switchableTypes","onTypeChange","density","className","ref","t","i18n","useTranslation","rawId","useId","useMemo","summaryId","useRef","wrapperEl","setWrapperEl","useState","wrapperCallbackRef","composeRefs","liveWrapperRef","containerWidth","setContainerWidth","fillShare","fillHeight","setFillHeight","fillsRef","useIsomorphicLayoutEffect","useNeutraliseHiddenFocus","useKeepApexTooltipInside","setThemeOptions","getApexChartsTheme","timer","setToolbarBand","sized","bar","themes","ro","entries","entry","switcherTypes","valid","withCurrent","switcherEnabled","pickedType","setPickedType","pushed","setPushed","pushedFor","setPushedFor","liveSeries","seriesPropRef","adapt","next","adaptRef","pendingDraw","agentHandle","instance","ApexCharts","view","inputs","optionInputsRef","useImperativeHandle","useAgentRegistration","tableSeries","numberFormatter","usePrefersReducedMotion","chartWidth","optionInputs","chartOptions","resolvedWidth","resolvedHeight","chartHeight","shortChart","srTable","columnLabels","jsxs","jsx","col","rowIndex","colIndex","apexSeries","fillStyle","chartRegion","ReactApexChart","IconButtonGroup","IconButton"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/dist/_chunks/{chat-input-Ck34Pnmp.js → chat-input-HtTbUUD6.js}

@@ -2,7 +2,7 @@ import { jsxs as v, jsx as o, Fragment as ge } from "react/jsx-runtime";
 import { forwardRef as ve, useId as ye, useRef as w, useCallback as W, useImperativeHandle as be, useMemo as xe } from "react";
 import { c as Ie } from "./index-D2ZczOXr.js";
 import { useTranslation as ke } from "react-i18next";
-import { I as q } from "./icon-button-dNE6ENLn.js";
+import { I as q } from "./icon-button-C_1TgRiK.js";
 import { u as we } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Ce } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Ne } from "./registry-DvAUVLHh.js";
@@ -366,4 +366,4 @@ export {
   Se as P,
   Te as c
 };
-//# sourceMappingURL=chat-input-Ck34Pnmp.js.map
+//# sourceMappingURL=chat-input-HtTbUUD6.js.map

package/dist/_chunks/{chat-input-Ck34Pnmp.js.map → chat-input-HtTbUUD6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chat-input-Ck34Pnmp.js","sources":["../../node_modules/lucide-react/dist/esm/icons/paperclip.mjs","../../src/components/chat-input/chat-input.agent.ts","../../src/components/chat-input/chat-input.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\",\n      key: \"1miecu\"\n    }\n  ]\n];\nconst Paperclip = createLucideIcon(\"paperclip\", __iconNode);\n\nexport { __iconNode, Paperclip as default };\n//# sourceMappingURL=paperclip.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — ChatInput.                                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ChatInputHandle } from './chat-input';\n\nexport const chatInputAgent: AgentAdapter<ChatInputHandle> = {\n  id: 'chat-input',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.chatInput.state.value',\n      description: 'Current text in the composer.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.chatInput.state.isEmpty',\n      description: 'True when the composer has no text.',\n      read: (handle) => handle.isEmpty(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: 'string',\n            description: 'New composer text, replacing the current value.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chatInput.actions.setValue',\n      description: 'Replace the composer text.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      // Discards whatever the user has typed — irreversible from this UI.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.chatInput.actions.clear',\n      description: 'Clear the composer. Irreversible from the same UI.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    submit: {\n      safety: 'write',\n      // Hands the composer text to the host `onSubmit` callback, which sends\n      // the message to a backend / model — an external side effect.\n      openWorld: true,\n      descriptionKey: 'ui.agent.chatInput.actions.submit',\n      description: 'Submit the current composer state via onSubmit.',\n      invoke: (handle) => {\n        handle.submit();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.chatInput.actions.focus',\n      description: 'Move keyboard focus into the textarea.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'chat-input',\n      description: 'Marks the ChatInput 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  useCallback,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n  type CompositionEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CircleAlert, Paperclip, Send } from 'lucide-react';\nimport { IconButton } from '../button';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chatInputAgent } from './chat-input.agent';\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full',\n    // Uses the kit's shared input-chrome tokens — `--input` for fill,\n    // `--shadow-input` for the halo. The 1px edge is `--control-border`\n    // (3:1 in every theme), so the field reads by its edge alone and the\n    // focus-within override and forced-colors fallback still paint over it.\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--control-border)]',\n    'ds:bg-input ds:shadow-[var(--shadow-input)]',\n    'ds:focus-within:border-[color:var(--primary)]',\n    'ds:transition-[border-color,box-shadow] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border-[CanvasText]',\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\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'onSubmit' | 'children'\n>;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ChatInputHandle {\n  getValue: () => string;\n  isEmpty: () => boolean;\n  setValue: (value: string) => void;\n  clear: () => void;\n  submit: () => void;\n  focus: () => void;\n}\n\nexport interface ChatInputProps\n  extends NativeTextareaProps, VariantProps<typeof rootVariants> {\n  /** Invoked when the user submits (Cmd/Ctrl+Enter, or send button). */\n  onSubmit?: (text: string) => void;\n  /** Maximum allowed characters (grapheme clusters via Intl.Segmenter when available). */\n  maxLength?: number;\n  /** When true, plain Enter submits and Shift+Enter inserts a newline.\n   *  Default false (Enter inserts newline; Cmd/Ctrl+Enter submits). */\n  submitOnEnter?: boolean;\n  /** Minimum visible rows. Default 1. */\n  minRows?: number;\n  /** Maximum visible rows before the field scrolls. Default 8. */\n  maxRows?: number;\n  /** Optional attachment handler — when provided, renders the attachment button. */\n  onAttach?: (files: FileList) => void;\n  /** `accept` forwarded to the hidden file input. */\n  accept?: string;\n  /** Controls whether the textarea is disabled and submit is blocked. */\n  disabled?: boolean;\n  /** Optional slot placed between the textarea and the send button. */\n  toolbar?: ReactNode;\n  /** Visible label above the textarea. When omitted, a visually-hidden label is used. */\n  label?: string;\n}\n\nfunction graphemeCount(value: string, locale: string): number {\n  if (typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function') {\n    try {\n      const seg = new Intl.Segmenter(locale, { granularity: 'grapheme' });\n      let n = 0;\n      for (const _s of seg.segment(value)) n += 1;\n      return n;\n    } catch {\n      /* fall through to Array.from */\n    }\n  }\n  return Array.from(value).length;\n}\n\n/** Truncate `value` to at most `max` graphemes. Returns the original\n *  string when it already fits so callers can compare references. */\nfunction truncateToGraphemes(\n  value: string,\n  max: number,\n  locale: string,\n): string {\n  if (typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function') {\n    try {\n      const seg = new Intl.Segmenter(locale, { granularity: 'grapheme' });\n      const parts: string[] = [];\n      for (const s of seg.segment(value)) {\n        parts.push(s.segment);\n        if (parts.length >= max) break;\n      }\n      const joined = parts.join('');\n      return joined.length === value.length ? value : joined;\n    } catch {\n      /* fall through to code-point split */\n    }\n  }\n  const cps = Array.from(value);\n  return cps.length <= max ? value : cps.slice(0, max).join('');\n}\n\nexport const ChatInput = forwardRef<HTMLDivElement, ChatInputProps>(\n  (\n    {\n      size = 'md',\n      value,\n      defaultValue,\n      maxLength,\n      submitOnEnter = false,\n      minRows = 1,\n      maxRows = 8,\n      onSubmit,\n      onAttach,\n      accept,\n      disabled,\n      toolbar,\n      label,\n      placeholder,\n      className,\n      onChange,\n      onKeyDown,\n      onCompositionStart,\n      onCompositionEnd,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const textareaId = useId();\n    const composingRef = useRef(false);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n\n    const setRefs = useCallback((node: HTMLTextAreaElement | null) => {\n      innerRef.current = node;\n    }, []);\n\n    const [currentValueRaw, setChatValue] = useControllableState<string>({\n      value: value === undefined ? undefined : String(value),\n      defaultValue: String(defaultValue ?? ''),\n    });\n    const currentValue = currentValueRaw ?? '';\n\n    const count = graphemeCount(currentValue, i18n.language);\n    const hasMaxLength = typeof maxLength === 'number' && maxLength > 0;\n    const remaining = hasMaxLength ? Math.max(0, maxLength - count) : 0;\n    const showCounter = hasMaxLength && count > (maxLength as number) * 0.9;\n    const atLimit = hasMaxLength && count >= maxLength;\n\n    /* Auto-grow — compute height from scrollHeight, clamped to [minRows, maxRows].\n       Imperative `.style` write is permitted per 23-constraints\n       §Runtime-computed dimensions (textarea scrollHeight measurement). */\n    const resize = useCallback(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight) || 24;\n      const padTop = parseFloat(styles.paddingTop) || 0;\n      const padBot = parseFloat(styles.paddingBottom) || 0;\n      const borderTop = parseFloat(styles.borderTopWidth) || 0;\n      const borderBot = parseFloat(styles.borderBottomWidth) || 0;\n      const chrome = padTop + padBot + borderTop + borderBot;\n      const minH = lineHeight * minRows + chrome;\n      const maxH = lineHeight * maxRows + chrome;\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n      el.style.overflowY = el.scrollHeight > maxH ? 'auto' : 'hidden';\n    }, [minRows, maxRows]);\n\n    useIsomorphicLayoutEffect(() => {\n      resize();\n    }, [resize, currentValue]);\n\n    const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n      let next = e.target.value;\n      // Enforce a grapheme cap so emoji like 👨‍👩‍👧 (1 grapheme, 11 UTF-16\n      // units) stay aligned with the visible counter. Skip during IME\n      // composition so the in-progress text is preserved verbatim.\n      if (hasMaxLength && !composingRef.current) {\n        next = truncateToGraphemes(next, maxLength as number, i18n.language);\n      }\n      setChatValue(next);\n      if (composingRef.current) return;\n      onChange?.(e);\n    };\n\n    const handleCompositionStart = (\n      e: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = true;\n      onCompositionStart?.(e);\n    };\n    const handleCompositionEnd = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = false;\n      onCompositionEnd?.(e);\n    };\n\n    const isIMEKey = (e: KeyboardEvent<HTMLTextAreaElement>) =>\n      e.nativeEvent.isComposing || e.keyCode === 229 || composingRef.current;\n\n    const submit = () => {\n      const text = currentValue.trim();\n      if (!text || disabled || atLimit) return;\n      onSubmit?.(currentValue);\n      setChatValue('');\n      // Keep focus in the composer after a send. Activating the Send *button*\n      // (click, or keyboard Enter/Space) otherwise strands focus: clearing the\n      // value re-disables the button on the next render, so focus falls to\n      // <body> and a keyboard user must re-traverse back to the textarea.\n      // Refocusing leaves the composer ready for the next message — a no-op for\n      // the Enter-to-send path, where focus is already in the textarea.\n      innerRef.current?.focus();\n    };\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ChatInputHandle>(\n      () => ({\n        getValue: () => currentValue,\n        isEmpty: () => !currentValue.trim(),\n        setValue: (next: string) => {\n          setChatValue(next);\n        },\n        clear: () => {\n          setChatValue('');\n        },\n        submit: () => {\n          submit();\n        },\n        focus: () => {\n          innerRef.current?.focus();\n        },\n      }),\n      // `submit` is a local closure that always sees the latest currentValue\n      // via React's render cycle — depend on currentValue so the handle\n      // picks up new values across renders.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [currentValue, setChatValue],\n    );\n    useAgentRegistration(chatInputAgent, agentHandle, id);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (isIMEKey(e)) return;\n\n      if (e.key === 'Enter') {\n        const explicitSubmit = e.metaKey || e.ctrlKey;\n        const plainEnterSubmits = submitOnEnter && !e.shiftKey;\n        if (explicitSubmit || plainEnterSubmits) {\n          e.preventDefault();\n          submit();\n        }\n      }\n    };\n\n    const handleAttach = () => {\n      fileInputRef.current?.click();\n    };\n\n    const handleFilePick = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files && e.target.files.length > 0) {\n        onAttach?.(e.target.files);\n      }\n      // Reset so picking the same file twice still fires change.\n      e.target.value = '';\n    };\n\n    const effectiveId = id ?? textareaId;\n    const labelId = `${effectiveId}-label`;\n    const counterId = hasMaxLength ? `${effectiveId}-counter` : undefined;\n    const hintId = `${effectiveId}-hint`;\n\n    const resolvedPlaceholder = placeholder ?? t('chat.input.placeholder');\n    const resolvedLabel = label ?? t('chat.prompt');\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"chat-input\"\n        data-component-id={id}\n        className={rootVariants({ size, className })}\n      >\n        <label\n          id={labelId}\n          htmlFor={effectiveId}\n          className={\n            label\n              ? 'type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]'\n              : 'ds:sr-only'\n          }\n        >\n          {resolvedLabel}\n        </label>\n        <textarea\n          ref={setRefs}\n          id={effectiveId}\n          value={currentValue}\n          disabled={disabled}\n          rows={minRows}\n          placeholder={resolvedPlaceholder}\n          aria-labelledby={labelId}\n          aria-describedby={\n            [counterId, hintId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={atLimit || undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={[\n            'ds:w-full ds:resize-none ds:bg-transparent',\n            'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]',\n            'ds:placeholder:text-[color:var(--muted-foreground)]',\n            'ds:leading-[var(--line-height-base)]',\n            'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n            // Tokenised focus ring on the textarea itself — the 1px border\n            // shift on the wrapper alone fails the 3px accessible-theme\n            // requirement. See a11y-critical-fixes.mdx.\n            'ds:outline-none',\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:rounded-[var(--radius-sm)]',\n            'ds:forced-colors:focus-visible:outline-[CanvasText]',\n          ].join(' ')}\n          {...rest}\n        />\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n          {onAttach ? (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                className=\"ds:sr-only\"\n                multiple\n                accept={accept}\n                onChange={handleFilePick}\n                aria-label={t('chat.input.attach')}\n                tabIndex={-1}\n              />\n              <IconButton\n                icon={<Paperclip />}\n                aria-label={t('chat.input.attach')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleAttach}\n                disabled={disabled}\n              />\n            </>\n          ) : null}\n          {toolbar}\n          <div className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {showCounter ? (\n              <span\n                id={counterId}\n                aria-live=\"polite\"\n                className={[\n                  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                  'type-meta ds:tabular-nums',\n                  atLimit\n                    ? 'ds:text-[color:var(--destructive)]'\n                    : 'ds:text-[color:var(--muted-foreground)]',\n                ].join(' ')}\n              >\n                {atLimit ? (\n                  // Icon pairs with --destructive colour so the at-limit\n                  // state is not conveyed by hue alone (WCAG 1.4.1).\n                  <CircleAlert aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                ) : null}\n                {t('chat.input.remaining', { count: remaining })}\n              </span>\n            ) : null}\n            <span id={hintId} className=\"ds:sr-only\">\n              {t('chat.input.sendHint')}\n            </span>\n            <IconButton\n              icon={<Send />}\n              aria-label={t('chat.send')}\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={disabled || !currentValue.trim() || atLimit}\n              onClick={submit}\n              aria-keyshortcuts=\"Meta+Enter Control+Enter\"\n            />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nChatInput.displayName = 'ChatInput';\n"],"names":["__iconNode","Paperclip","createLucideIcon","chatInputAgent","handle","args","rootVariants","cva","graphemeCount","value","locale","seg","n","_s","truncateToGraphemes","max","parts","s","joined","cps","ChatInput","forwardRef","size","defaultValue","maxLength","submitOnEnter","minRows","maxRows","onSubmit","onAttach","accept","disabled","toolbar","label","placeholder","className","onChange","onKeyDown","onCompositionStart","onCompositionEnd","id","rest","ref","t","i18n","useTranslation","textareaId","useId","composingRef","useRef","fileInputRef","innerRef","setRefs","useCallback","node","currentValueRaw","setChatValue","useControllableState","currentValue","count","hasMaxLength","remaining","showCounter","atLimit","resize","el","styles","lineHeight","padTop","padBot","borderTop","borderBot","chrome","minH","maxH","next","useIsomorphicLayoutEffect","handleChange","handleCompositionStart","handleCompositionEnd","isIMEKey","submit","_a","rootRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","handleKeyDown","explicitSubmit","plainEnterSubmits","handleAttach","handleFilePick","effectiveId","labelId","counterId","hintId","resolvedPlaceholder","resolvedLabel","jsxs","jsx","Fragment","IconButton","CircleAlert","Send"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"chat-input-HtTbUUD6.js","sources":["../../node_modules/lucide-react/dist/esm/icons/paperclip.mjs","../../src/components/chat-input/chat-input.agent.ts","../../src/components/chat-input/chat-input.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\",\n      key: \"1miecu\"\n    }\n  ]\n];\nconst Paperclip = createLucideIcon(\"paperclip\", __iconNode);\n\nexport { __iconNode, Paperclip as default };\n//# sourceMappingURL=paperclip.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — ChatInput.                                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ChatInputHandle } from './chat-input';\n\nexport const chatInputAgent: AgentAdapter<ChatInputHandle> = {\n  id: 'chat-input',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.chatInput.state.value',\n      description: 'Current text in the composer.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.chatInput.state.isEmpty',\n      description: 'True when the composer has no text.',\n      read: (handle) => handle.isEmpty(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: 'string',\n            description: 'New composer text, replacing the current value.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chatInput.actions.setValue',\n      description: 'Replace the composer text.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      // Discards whatever the user has typed — irreversible from this UI.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.chatInput.actions.clear',\n      description: 'Clear the composer. Irreversible from the same UI.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    submit: {\n      safety: 'write',\n      // Hands the composer text to the host `onSubmit` callback, which sends\n      // the message to a backend / model — an external side effect.\n      openWorld: true,\n      descriptionKey: 'ui.agent.chatInput.actions.submit',\n      description: 'Submit the current composer state via onSubmit.',\n      invoke: (handle) => {\n        handle.submit();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.chatInput.actions.focus',\n      description: 'Move keyboard focus into the textarea.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'chat-input',\n      description: 'Marks the ChatInput 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  useCallback,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n  type CompositionEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CircleAlert, Paperclip, Send } from 'lucide-react';\nimport { IconButton } from '../button';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chatInputAgent } from './chat-input.agent';\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full',\n    // Uses the kit's shared input-chrome tokens — `--input` for fill,\n    // `--shadow-input` for the halo. The 1px edge is `--control-border`\n    // (3:1 in every theme), so the field reads by its edge alone and the\n    // focus-within override and forced-colors fallback still paint over it.\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--control-border)]',\n    'ds:bg-input ds:shadow-[var(--shadow-input)]',\n    'ds:focus-within:border-[color:var(--primary)]',\n    'ds:transition-[border-color,box-shadow] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border-[CanvasText]',\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\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'onSubmit' | 'children'\n>;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ChatInputHandle {\n  getValue: () => string;\n  isEmpty: () => boolean;\n  setValue: (value: string) => void;\n  clear: () => void;\n  submit: () => void;\n  focus: () => void;\n}\n\nexport interface ChatInputProps\n  extends NativeTextareaProps, VariantProps<typeof rootVariants> {\n  /** Invoked when the user submits (Cmd/Ctrl+Enter, or send button). */\n  onSubmit?: (text: string) => void;\n  /** Maximum allowed characters (grapheme clusters via Intl.Segmenter when available). */\n  maxLength?: number;\n  /** When true, plain Enter submits and Shift+Enter inserts a newline.\n   *  Default false (Enter inserts newline; Cmd/Ctrl+Enter submits). */\n  submitOnEnter?: boolean;\n  /** Minimum visible rows. Default 1. */\n  minRows?: number;\n  /** Maximum visible rows before the field scrolls. Default 8. */\n  maxRows?: number;\n  /** Optional attachment handler — when provided, renders the attachment button. */\n  onAttach?: (files: FileList) => void;\n  /** `accept` forwarded to the hidden file input. */\n  accept?: string;\n  /** Controls whether the textarea is disabled and submit is blocked. */\n  disabled?: boolean;\n  /** Optional slot placed between the textarea and the send button. */\n  toolbar?: ReactNode;\n  /** Visible label above the textarea. When omitted, a visually-hidden label is used. */\n  label?: string;\n}\n\nfunction graphemeCount(value: string, locale: string): number {\n  if (typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function') {\n    try {\n      const seg = new Intl.Segmenter(locale, { granularity: 'grapheme' });\n      let n = 0;\n      for (const _s of seg.segment(value)) n += 1;\n      return n;\n    } catch {\n      /* fall through to Array.from */\n    }\n  }\n  return Array.from(value).length;\n}\n\n/** Truncate `value` to at most `max` graphemes. Returns the original\n *  string when it already fits so callers can compare references. */\nfunction truncateToGraphemes(\n  value: string,\n  max: number,\n  locale: string,\n): string {\n  if (typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function') {\n    try {\n      const seg = new Intl.Segmenter(locale, { granularity: 'grapheme' });\n      const parts: string[] = [];\n      for (const s of seg.segment(value)) {\n        parts.push(s.segment);\n        if (parts.length >= max) break;\n      }\n      const joined = parts.join('');\n      return joined.length === value.length ? value : joined;\n    } catch {\n      /* fall through to code-point split */\n    }\n  }\n  const cps = Array.from(value);\n  return cps.length <= max ? value : cps.slice(0, max).join('');\n}\n\nexport const ChatInput = forwardRef<HTMLDivElement, ChatInputProps>(\n  (\n    {\n      size = 'md',\n      value,\n      defaultValue,\n      maxLength,\n      submitOnEnter = false,\n      minRows = 1,\n      maxRows = 8,\n      onSubmit,\n      onAttach,\n      accept,\n      disabled,\n      toolbar,\n      label,\n      placeholder,\n      className,\n      onChange,\n      onKeyDown,\n      onCompositionStart,\n      onCompositionEnd,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const textareaId = useId();\n    const composingRef = useRef(false);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n\n    const setRefs = useCallback((node: HTMLTextAreaElement | null) => {\n      innerRef.current = node;\n    }, []);\n\n    const [currentValueRaw, setChatValue] = useControllableState<string>({\n      value: value === undefined ? undefined : String(value),\n      defaultValue: String(defaultValue ?? ''),\n    });\n    const currentValue = currentValueRaw ?? '';\n\n    const count = graphemeCount(currentValue, i18n.language);\n    const hasMaxLength = typeof maxLength === 'number' && maxLength > 0;\n    const remaining = hasMaxLength ? Math.max(0, maxLength - count) : 0;\n    const showCounter = hasMaxLength && count > (maxLength as number) * 0.9;\n    const atLimit = hasMaxLength && count >= maxLength;\n\n    /* Auto-grow — compute height from scrollHeight, clamped to [minRows, maxRows].\n       Imperative `.style` write is permitted per 23-constraints\n       §Runtime-computed dimensions (textarea scrollHeight measurement). */\n    const resize = useCallback(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight) || 24;\n      const padTop = parseFloat(styles.paddingTop) || 0;\n      const padBot = parseFloat(styles.paddingBottom) || 0;\n      const borderTop = parseFloat(styles.borderTopWidth) || 0;\n      const borderBot = parseFloat(styles.borderBottomWidth) || 0;\n      const chrome = padTop + padBot + borderTop + borderBot;\n      const minH = lineHeight * minRows + chrome;\n      const maxH = lineHeight * maxRows + chrome;\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n      el.style.overflowY = el.scrollHeight > maxH ? 'auto' : 'hidden';\n    }, [minRows, maxRows]);\n\n    useIsomorphicLayoutEffect(() => {\n      resize();\n    }, [resize, currentValue]);\n\n    const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n      let next = e.target.value;\n      // Enforce a grapheme cap so emoji like 👨‍👩‍👧 (1 grapheme, 11 UTF-16\n      // units) stay aligned with the visible counter. Skip during IME\n      // composition so the in-progress text is preserved verbatim.\n      if (hasMaxLength && !composingRef.current) {\n        next = truncateToGraphemes(next, maxLength as number, i18n.language);\n      }\n      setChatValue(next);\n      if (composingRef.current) return;\n      onChange?.(e);\n    };\n\n    const handleCompositionStart = (\n      e: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = true;\n      onCompositionStart?.(e);\n    };\n    const handleCompositionEnd = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = false;\n      onCompositionEnd?.(e);\n    };\n\n    const isIMEKey = (e: KeyboardEvent<HTMLTextAreaElement>) =>\n      e.nativeEvent.isComposing || e.keyCode === 229 || composingRef.current;\n\n    const submit = () => {\n      const text = currentValue.trim();\n      if (!text || disabled || atLimit) return;\n      onSubmit?.(currentValue);\n      setChatValue('');\n      // Keep focus in the composer after a send. Activating the Send *button*\n      // (click, or keyboard Enter/Space) otherwise strands focus: clearing the\n      // value re-disables the button on the next render, so focus falls to\n      // <body> and a keyboard user must re-traverse back to the textarea.\n      // Refocusing leaves the composer ready for the next message — a no-op for\n      // the Enter-to-send path, where focus is already in the textarea.\n      innerRef.current?.focus();\n    };\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ChatInputHandle>(\n      () => ({\n        getValue: () => currentValue,\n        isEmpty: () => !currentValue.trim(),\n        setValue: (next: string) => {\n          setChatValue(next);\n        },\n        clear: () => {\n          setChatValue('');\n        },\n        submit: () => {\n          submit();\n        },\n        focus: () => {\n          innerRef.current?.focus();\n        },\n      }),\n      // `submit` is a local closure that always sees the latest currentValue\n      // via React's render cycle — depend on currentValue so the handle\n      // picks up new values across renders.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [currentValue, setChatValue],\n    );\n    useAgentRegistration(chatInputAgent, agentHandle, id);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (isIMEKey(e)) return;\n\n      if (e.key === 'Enter') {\n        const explicitSubmit = e.metaKey || e.ctrlKey;\n        const plainEnterSubmits = submitOnEnter && !e.shiftKey;\n        if (explicitSubmit || plainEnterSubmits) {\n          e.preventDefault();\n          submit();\n        }\n      }\n    };\n\n    const handleAttach = () => {\n      fileInputRef.current?.click();\n    };\n\n    const handleFilePick = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files && e.target.files.length > 0) {\n        onAttach?.(e.target.files);\n      }\n      // Reset so picking the same file twice still fires change.\n      e.target.value = '';\n    };\n\n    const effectiveId = id ?? textareaId;\n    const labelId = `${effectiveId}-label`;\n    const counterId = hasMaxLength ? `${effectiveId}-counter` : undefined;\n    const hintId = `${effectiveId}-hint`;\n\n    const resolvedPlaceholder = placeholder ?? t('chat.input.placeholder');\n    const resolvedLabel = label ?? t('chat.prompt');\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"chat-input\"\n        data-component-id={id}\n        className={rootVariants({ size, className })}\n      >\n        <label\n          id={labelId}\n          htmlFor={effectiveId}\n          className={\n            label\n              ? 'type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]'\n              : 'ds:sr-only'\n          }\n        >\n          {resolvedLabel}\n        </label>\n        <textarea\n          ref={setRefs}\n          id={effectiveId}\n          value={currentValue}\n          disabled={disabled}\n          rows={minRows}\n          placeholder={resolvedPlaceholder}\n          aria-labelledby={labelId}\n          aria-describedby={\n            [counterId, hintId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={atLimit || undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={[\n            'ds:w-full ds:resize-none ds:bg-transparent',\n            'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]',\n            'ds:placeholder:text-[color:var(--muted-foreground)]',\n            'ds:leading-[var(--line-height-base)]',\n            'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n            // Tokenised focus ring on the textarea itself — the 1px border\n            // shift on the wrapper alone fails the 3px accessible-theme\n            // requirement. See a11y-critical-fixes.mdx.\n            'ds:outline-none',\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:rounded-[var(--radius-sm)]',\n            'ds:forced-colors:focus-visible:outline-[CanvasText]',\n          ].join(' ')}\n          {...rest}\n        />\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n          {onAttach ? (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                className=\"ds:sr-only\"\n                multiple\n                accept={accept}\n                onChange={handleFilePick}\n                aria-label={t('chat.input.attach')}\n                tabIndex={-1}\n              />\n              <IconButton\n                icon={<Paperclip />}\n                aria-label={t('chat.input.attach')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleAttach}\n                disabled={disabled}\n              />\n            </>\n          ) : null}\n          {toolbar}\n          <div className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {showCounter ? (\n              <span\n                id={counterId}\n                aria-live=\"polite\"\n                className={[\n                  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                  'type-meta ds:tabular-nums',\n                  atLimit\n                    ? 'ds:text-[color:var(--destructive)]'\n                    : 'ds:text-[color:var(--muted-foreground)]',\n                ].join(' ')}\n              >\n                {atLimit ? (\n                  // Icon pairs with --destructive colour so the at-limit\n                  // state is not conveyed by hue alone (WCAG 1.4.1).\n                  <CircleAlert aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                ) : null}\n                {t('chat.input.remaining', { count: remaining })}\n              </span>\n            ) : null}\n            <span id={hintId} className=\"ds:sr-only\">\n              {t('chat.input.sendHint')}\n            </span>\n            <IconButton\n              icon={<Send />}\n              aria-label={t('chat.send')}\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={disabled || !currentValue.trim() || atLimit}\n              onClick={submit}\n              aria-keyshortcuts=\"Meta+Enter Control+Enter\"\n            />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nChatInput.displayName = 'ChatInput';\n"],"names":["__iconNode","Paperclip","createLucideIcon","chatInputAgent","handle","args","rootVariants","cva","graphemeCount","value","locale","seg","n","_s","truncateToGraphemes","max","parts","s","joined","cps","ChatInput","forwardRef","size","defaultValue","maxLength","submitOnEnter","minRows","maxRows","onSubmit","onAttach","accept","disabled","toolbar","label","placeholder","className","onChange","onKeyDown","onCompositionStart","onCompositionEnd","id","rest","ref","t","i18n","useTranslation","textareaId","useId","composingRef","useRef","fileInputRef","innerRef","setRefs","useCallback","node","currentValueRaw","setChatValue","useControllableState","currentValue","count","hasMaxLength","remaining","showCounter","atLimit","resize","el","styles","lineHeight","padTop","padBot","borderTop","borderBot","chrome","minH","maxH","next","useIsomorphicLayoutEffect","handleChange","handleCompositionStart","handleCompositionEnd","isIMEKey","submit","_a","rootRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","handleKeyDown","explicitSubmit","plainEnterSubmits","handleAttach","handleFilePick","effectiveId","labelId","counterId","hintId","resolvedPlaceholder","resolvedLabel","jsxs","jsx","Fragment","IconButton","CircleAlert","Send"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{chat-message-DU0X3Xnl.js → chat-message-fRLZ95O5.js}

@@ -5,7 +5,7 @@ import { useTranslation as B } from "react-i18next";
 import { B as F } from "./button-D-MQxsA_.js";
 import { A as I } from "./avatar-WZY3eGE7.js";
 import { T as A } from "./timestamp-DPLDWdxA.js";
-import { s as M, C as S } from "./code-block-DiC4bg-o.js";
+import { s as M, C as S } from "./code-block-vwEv1jEa.js";
 import { s as V } from "./safe-image-src-DstKgCo7.js";
 import { R as D } from "./rotate-ccw-BBQnIVTr.js";
 import { C as E } from "./clock-Drd4Wtis.js";
@@ -236,4 +236,4 @@ J.displayName = "ChatMessage";
 export {
   J as C
 };
-//# sourceMappingURL=chat-message-DU0X3Xnl.js.map
+//# sourceMappingURL=chat-message-fRLZ95O5.js.map

package/dist/_chunks/{chat-message-DU0X3Xnl.js.map → chat-message-fRLZ95O5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chat-message-DU0X3Xnl.js","sources":["../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CircleAlert, Check, Clock, RotateCcw } from 'lucide-react';\nimport { Button } from '../button';\nimport { Avatar } from '../avatar';\nimport { Timestamp } from '../timestamp';\nimport { safeImageSrc } from '../_shared';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type ChatMessageRole = 'user' | 'assistant' | 'system';\nexport type ChatMessageStatus = 'sending' | 'sent' | 'error' | 'edited';\n\nexport interface ChatMessageAvatar {\n  name?: string;\n  src?: string;\n  /**\n   * Optional custom avatar node. When provided, it REPLACES the built-in\n   * `<Avatar>` (initials / image) for this message. Used by the Alia\n   * pattern to render a Astroid identity tile instead of an avatar, and\n   * by consumers that want to swap in a user-icon chip, brand glyph, etc.\n   * The caller is responsible for accessible labelling on the custom node\n   * — ChatMessage's own `aria-label` already announces the role/time, so\n   * purely decorative nodes can be `aria-hidden`.\n   */\n  slot?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva(\n  'ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      role: {\n        user: 'ds:flex-row-reverse',\n        assistant: 'ds:flex-row',\n        system: 'ds:flex-col ds:items-center ds:text-center',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)\n    // leave room for the avatar column (size-8 = 32px = --spacing-xl) +\n    // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline\n    // edge when the row is width-constrained.\n    'ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'type-body',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      role: {\n        user: 'ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]',\n        assistant:\n          'ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n        system:\n          'ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Safe markdown-ish (bold, inline code, line-breaks, links as text)   */\n/* No dangerouslySetInnerHTML.                                          */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' }\n  | { type: 'link'; label: string; href: string };\n\nconst SAFE_SCHEMES = /^(https?:|mailto:)/i;\n\nfunction tokenize(input: string): Token[] {\n  const tokens: Token[] = [];\n  let remaining = input;\n  const pattern = /\\*\\*([^*]+)\\*\\*|`([^`]+)`|\\[([^\\]]+)\\]\\(([^)]+)\\)|\\n/;\n  while (remaining.length > 0) {\n    const match = pattern.exec(remaining);\n    if (!match) {\n      tokens.push({ type: 'text', value: remaining });\n      break;\n    }\n    if (match.index > 0) {\n      tokens.push({ type: 'text', value: remaining.slice(0, match.index) });\n    }\n    if (match[1] !== undefined) {\n      tokens.push({ type: 'bold', value: match[1] });\n    } else if (match[2] !== undefined) {\n      tokens.push({ type: 'code', value: match[2] });\n    } else if (match[3] !== undefined && match[4] !== undefined) {\n      tokens.push({ type: 'link', label: match[3], href: match[4] });\n    } else {\n      tokens.push({ type: 'br' });\n    }\n    remaining = remaining.slice(match.index + match[0].length);\n  }\n  return tokens;\n}\n\nfunction renderInline(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    if (tok.type === 'link') {\n      if (!SAFE_SCHEMES.test(tok.href)) {\n        // Unsafe scheme (javascript:, data:) — render as inert text.\n        return <Fragment key={i}>{tok.label}</Fragment>;\n      }\n      return (\n        <a\n          key={i}\n          href={tok.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:underline ds:underline-offset-2 ds:hover:opacity-80\"\n        >\n          {tok.label}\n        </a>\n      );\n    }\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/**\n * Render a message body: split fenced code blocks out to `<CodeBlock>` and run\n * the inline tokenizer over the surrounding text runs.\n */\nfunction renderBody(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps, VariantProps<typeof bubbleVariants> {\n  role: ChatMessageRole;\n  content: string;\n  avatar?: ChatMessageAvatar;\n  timestamp?: Date | number | string;\n  status?: ChatMessageStatus;\n  /** Parse a small, safe subset of markdown. Never renders raw HTML. */\n  renderMarkdown?: boolean;\n  /** Invoked when the retry button is activated (error status only). */\n  onRetry?: () => void;\n  /**\n   * Optional action row rendered beneath the message body + timestamp,\n   * aligned with the message (e.g. the Alia pattern's Copy / Download\n   * buttons on assistant messages). Default off → renders nothing.\n   */\n  actions?: ReactNode;\n  /**\n   * Custom body node rendered verbatim INSTEAD of `content`. When set, the\n   * markdown tokenizer (`renderBody`) is skipped and the node is rendered\n   * directly inside the bubble. `content` is still required (used for the\n   * aria-label context and consumer copy / download). Default off.\n   */\n  body?: ReactNode;\n}\n\nexport const ChatMessage = forwardRef<HTMLElement, ChatMessageProps>(\n  (\n    {\n      role,\n      content,\n      avatar,\n      timestamp,\n      status,\n      renderMarkdown = false,\n      onRetry,\n      actions,\n      body,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n\n    // Local format — used for the aria-label interpolation only. Visible\n    // label is rendered by `<Timestamp>` below, which computes the same\n    // locale-aware HH:MM internally.\n    const formattedTime = useMemo(() => {\n      if (!timestamp) return null;\n      const date = timestamp instanceof Date ? timestamp : new Date(timestamp);\n      if (Number.isNaN(date.getTime())) return null;\n      return new Intl.DateTimeFormat(i18n.language, {\n        hour: '2-digit',\n        minute: '2-digit',\n      }).format(date);\n    }, [timestamp, i18n.language]);\n\n    const roleLabel = t(`chat.message.role.${role}`);\n    const messageLabel = formattedTime\n      ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n      : t('chat.message.labelNoTime', { role: roleLabel });\n\n    const resolvedBody =\n      body ?? (renderMarkdown ? renderBody(content) : content);\n\n    const statusIcon = (() => {\n      if (!status || status === 'edited') return null;\n      if (status === 'sending')\n        return <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      if (status === 'sent')\n        return <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      return (\n        <CircleAlert\n          aria-hidden=\"true\"\n          className=\"ds:size-3.5 ds:text-[color:var(--destructive)]\"\n        />\n      );\n    })();\n\n    const statusText = status ? t(`chat.message.status.${status}`) : null;\n\n    return (\n      <article\n        ref={ref}\n        aria-label={messageLabel}\n        data-component=\"chat-message\"\n        // Structural state surfaced for agent reads (see chat-message.agent.ts).\n        // `status` is optional → the attribute is omitted when unset.\n        data-role={role}\n        data-status={status}\n        className={[\n          rowVariants({ role, className }),\n          // Entrance: fade + slide up on mount. `--animation-duration` is 0ms\n          // under `prefers-reduced-motion` and `.theme-accessible`, so both\n          // collapse the animation to an instant state change automatically.\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2',\n          'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n        ].join(' ')}\n        {...rest}\n      >\n        {role !== 'system' && avatar ? (\n          avatar.slot ? (\n            // Consumer-supplied avatar node (e.g. Alia's Astroid tile).\n            avatar.slot\n          ) : (\n            // Allow-list the src: LLM-supplied values can carry\n            // `javascript:` / `data:text/html` / `data:image/svg+xml` and so\n            // are scrubbed here before reaching <Avatar>. Fallback to initials.\n            <Avatar\n              name={avatar.name}\n              src={safeImageSrc(avatar.src)}\n              size=\"sm\"\n            />\n          )\n        ) : null}\n\n        <div\n          className={[\n            // min-w-0 allows this flex item to shrink below its content's\n            // natural width — without it, a single unbreakable token (URL,\n            // CJK run, hash) can force the bubble wider than the parent\n            // and spill outside narrow containers like the Alia sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user'\n              ? 'ds:items-end'\n              : role === 'assistant'\n                ? 'ds:items-start'\n                : 'ds:items-center',\n          ].join(' ')}\n        >\n          <div\n            dir=\"auto\"\n            className={[\n              bubbleVariants({ role }),\n              // `break-words` (from bubbleVariants) handles soft hyphens;\n              // `overflow-wrap: anywhere` is the last-resort break for\n              // URLs, hashes, or CJK runs that would otherwise push the\n              // bubble wider than its parent in narrow docks like Alia.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {resolvedBody}\n          </div>\n\n          {(formattedTime || statusText) && role !== 'system' ? (\n            <div\n              className={[\n                'ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'type-meta ds:text-[color:var(--muted-foreground)]',\n              ].join(' ')}\n            >\n              {timestamp ? (\n                <Timestamp\n                  value={timestamp}\n                  format=\"absolute\"\n                  absoluteFormat={{ hour: '2-digit', minute: '2-digit' }}\n                  dir=\"ltr\"\n                />\n              ) : null}\n              {statusIcon ? (\n                // `key={status}` re-mounts the span on every status change so\n                // `animate-in` re-runs — gives the sending → sent → error\n                // swap a subtle cross-fade instead of an abrupt pop.\n                <span\n                  key={status}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0',\n                    'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n                  ].join(' ')}\n                >\n                  {statusIcon}\n                  <span className=\"ds:sr-only\">{statusText}</span>\n                </span>\n              ) : null}\n              {status === 'error' && onRetry ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  startIcon={<RotateCcw />}\n                >\n                  {t('chat.message.retry')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          {actions ? (\n            <div className=\"ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {actions}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderInline","tok","i","jsx","Fragment","renderBody","splitCodeFences","seg","CodeBlock","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","actions","body","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","resolvedBody","statusIcon","Clock","Check","CircleAlert","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":";;;;;;;;;;;;;AA0CA,MAAMA,IAAcC;AAAA,EAClB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB,EAAE,MAAM,YAAA;AAAA,EAAY;AAEzC,GAEMC,IAAiBD;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WACE;AAAA,QACF,QACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,MAAM,YAAA;AAAA,EAAY;AAEzC,GAcME,IAAe;AAErB,SAASC,EAASC,GAAwB;AACxC,QAAMC,IAAkB,CAAA;AACxB,MAAIC,IAAYF;AAChB,QAAMG,IAAU;AAChB,SAAOD,EAAU,SAAS,KAAG;AAC3B,UAAME,IAAQD,EAAQ,KAAKD,CAAS;AACpC,QAAI,CAACE,GAAO;AACV,MAAAH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOC,GAAW;AAC9C;AAAA,IACF;AACA,IAAIE,EAAM,QAAQ,KAChBH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOC,EAAU,MAAM,GAAGE,EAAM,KAAK,EAAA,CAAG,GAElEA,EAAM,CAAC,MAAM,SACfH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,IACpCA,EAAM,CAAC,MAAM,SACtBH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,IACpCA,EAAM,CAAC,MAAM,UAAaA,EAAM,CAAC,MAAM,SAChDH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAA,CAAG,IAE7DH,EAAO,KAAK,EAAE,MAAM,KAAA,CAAM,GAE5BC,IAAYA,EAAU,MAAME,EAAM,QAAQA,EAAM,CAAC,EAAE,MAAM;AAAA,EAC3D;AACA,SAAOH;AACT;AAEA,SAASI,EAAaL,GAA0B;AAC9C,SAAOD,EAASC,CAAK,EAAE,IAAI,CAACM,GAAKC,MAC3BD,EAAI,SAAS,2BAAgB,UAAA,EAAgB,UAAAA,EAAI,SAARC,CAAc,IACvDD,EAAI,SAAS,SAEb,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAI;AAAA,MACJ,WAAU;AAAA,MAET,UAAAF,EAAI;AAAA,IAAA;AAAA,IAJAC;AAAA,EAAA,IAQPD,EAAI,SAAS,OAAa,gBAAAE,EAAC,UAAQD,CAAG,IACtCD,EAAI,SAAS,SACVR,EAAa,KAAKQ,EAAI,IAAI,IAK7B,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAMF,EAAI;AAAA,MACV,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAU;AAAA,MAET,UAAAA,EAAI;AAAA,IAAA;AAAA,IANAC;AAAA,EAAA,IAJA,gBAAAC,EAACC,GAAA,EAAkB,UAAAH,EAAI,MAAA,GAARC,CAAc,IAcjC,gBAAAC,EAACC,GAAA,EAAkB,UAAAH,EAAI,MAAA,GAARC,CAAc,CACrC;AACH;AAMA,SAASG,EAAWV,GAA0B;AAC5C,SAAOW,EAAgBX,CAAK,EAAE,IAAI,CAACY,GAAKL,MAClCK,EAAI,SAAS,SACR,gBAAAJ,EAACK,KAAkB,MAAMD,EAAI,OAAO,UAAUA,EAAI,QAAlCL,CAAwC,sBAEzDE,GAAA,EAAkB,UAAAJ,EAAaO,EAAI,KAAK,KAA1BL,CAA4B,CACnD;AACH;AAkCO,MAAMO,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,MAASC,EAAe,IAAI,GAKjCC,IAAgBC,EAAQ,MAAM;AAClC,UAAI,CAACb,EAAW,QAAO;AACvB,YAAMc,IAAOd,aAAqB,OAAOA,IAAY,IAAI,KAAKA,CAAS;AACvE,aAAI,OAAO,MAAMc,EAAK,QAAA,CAAS,IAAU,OAClC,IAAI,KAAK,eAAeJ,EAAK,UAAU;AAAA,QAC5C,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT,EAAE,OAAOI,CAAI;AAAA,IAChB,GAAG,CAACd,GAAWU,EAAK,QAAQ,CAAC,GAEvBK,IAAYN,EAAE,qBAAqBZ,CAAI,EAAE,GACzCmB,IAAeJ,IACjBH,EAAE,sBAAsB,EAAE,MAAMM,GAAW,MAAMH,EAAA,CAAe,IAChEH,EAAE,4BAA4B,EAAE,MAAMM,GAAW,GAE/CE,IACJZ,MAASH,IAAiBX,EAAWO,CAAO,IAAIA,IAE5CoB,IACA,CAACjB,KAAUA,MAAW,WAAiB,OACvCA,MAAW,YACN,gBAAAZ,EAAC8B,GAAA,EAAM,eAAY,QAAO,WAAU,eAAc,IACvDlB,MAAW,SACN,gBAAAZ,EAAC+B,GAAA,EAAM,eAAY,QAAO,WAAU,eAAc,IAEzD,gBAAA/B;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,GAKVC,IAAarB,IAASQ,EAAE,uBAAuBR,CAAM,EAAE,IAAI;AAEjE,WACE,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAf;AAAA,QACA,cAAYQ;AAAA,QACZ,kBAAe;AAAA,QAGf,aAAWnB;AAAA,QACX,eAAaI;AAAA,QACb,WAAW;AAAA,UACTzB,EAAY,EAAE,MAAAqB,GAAM,WAAAS,GAAW;AAAA;AAAA;AAAA;AAAA,UAI/B;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACT,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAV,MAAS,YAAYE,IACpBA,EAAO;AAAA;AAAA,YAELA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKP,gBAAAV;AAAA,cAACmC;AAAA,cAAA;AAAA,gBACC,MAAMzB,EAAO;AAAA,gBACb,KAAK0B,EAAa1B,EAAO,GAAG;AAAA,gBAC5B,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,cAGP;AAAA,UAEJ,gBAAAwB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKT;AAAA,gBACA1B,MAAS,SACL,iBACAA,MAAS,cACP,mBACA;AAAA,cAAA,EACN,KAAK,GAAG;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAR;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAI;AAAA,oBACJ,WAAW;AAAA,sBACTX,EAAe,EAAE,MAAAmB,GAAM;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKvB;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAET,UAAAoB;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAGDL,KAAiBU,MAAezB,MAAS,WACzC,gBAAA0B;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAET,UAAA;AAAA,sBAAAvB,IACC,gBAAAX;AAAA,wBAACqC;AAAA,wBAAA;AAAA,0BACC,OAAO1B;AAAA,0BACP,QAAO;AAAA,0BACP,gBAAgB,EAAE,MAAM,WAAW,QAAQ,UAAA;AAAA,0BAC3C,KAAI;AAAA,wBAAA;AAAA,sBAAA,IAEJ;AAAA,sBACHkB;AAAA;AAAA;AAAA;AAAA,wBAIC,gBAAAK;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BAEC,WAAW;AAAA,8BACT;AAAA,8BACA;AAAA,8BACA;AAAA,4BAAA,EACA,KAAK,GAAG;AAAA,4BAET,UAAA;AAAA,8BAAAL;AAAA,8BACD,gBAAA7B,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAiC,EAAA,CAAW;AAAA,4BAAA;AAAA,0BAAA;AAAA,0BARpCrB;AAAA,wBAAA;AAAA,0BAUL;AAAA,sBACHA,MAAW,WAAWE,IACrB,gBAAAd;AAAA,wBAACsC;AAAA,wBAAA;AAAA,0BACC,QAAO;AAAA,0BACP,MAAK;AAAA,0BACL,SAASxB;AAAA,0BACT,6BAAYyB,GAAA,EAAU;AAAA,0BAErB,YAAE,oBAAoB;AAAA,wBAAA;AAAA,sBAAA,IAEvB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAEJ;AAAA,gBACHxB,IACC,gBAAAf,EAAC,OAAA,EAAI,WAAU,uFACZ,aACH,IACE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAM,EAAY,cAAc;"}
+{"version":3,"file":"chat-message-fRLZ95O5.js","sources":["../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CircleAlert, Check, Clock, RotateCcw } from 'lucide-react';\nimport { Button } from '../button';\nimport { Avatar } from '../avatar';\nimport { Timestamp } from '../timestamp';\nimport { safeImageSrc } from '../_shared';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type ChatMessageRole = 'user' | 'assistant' | 'system';\nexport type ChatMessageStatus = 'sending' | 'sent' | 'error' | 'edited';\n\nexport interface ChatMessageAvatar {\n  name?: string;\n  src?: string;\n  /**\n   * Optional custom avatar node. When provided, it REPLACES the built-in\n   * `<Avatar>` (initials / image) for this message. Used by the Alia\n   * pattern to render a Astroid identity tile instead of an avatar, and\n   * by consumers that want to swap in a user-icon chip, brand glyph, etc.\n   * The caller is responsible for accessible labelling on the custom node\n   * — ChatMessage's own `aria-label` already announces the role/time, so\n   * purely decorative nodes can be `aria-hidden`.\n   */\n  slot?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva(\n  'ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      role: {\n        user: 'ds:flex-row-reverse',\n        assistant: 'ds:flex-row',\n        system: 'ds:flex-col ds:items-center ds:text-center',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)\n    // leave room for the avatar column (size-8 = 32px = --spacing-xl) +\n    // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline\n    // edge when the row is width-constrained.\n    'ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'type-body',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      role: {\n        user: 'ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]',\n        assistant:\n          'ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n        system:\n          'ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Safe markdown-ish (bold, inline code, line-breaks, links as text)   */\n/* No dangerouslySetInnerHTML.                                          */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' }\n  | { type: 'link'; label: string; href: string };\n\nconst SAFE_SCHEMES = /^(https?:|mailto:)/i;\n\nfunction tokenize(input: string): Token[] {\n  const tokens: Token[] = [];\n  let remaining = input;\n  const pattern = /\\*\\*([^*]+)\\*\\*|`([^`]+)`|\\[([^\\]]+)\\]\\(([^)]+)\\)|\\n/;\n  while (remaining.length > 0) {\n    const match = pattern.exec(remaining);\n    if (!match) {\n      tokens.push({ type: 'text', value: remaining });\n      break;\n    }\n    if (match.index > 0) {\n      tokens.push({ type: 'text', value: remaining.slice(0, match.index) });\n    }\n    if (match[1] !== undefined) {\n      tokens.push({ type: 'bold', value: match[1] });\n    } else if (match[2] !== undefined) {\n      tokens.push({ type: 'code', value: match[2] });\n    } else if (match[3] !== undefined && match[4] !== undefined) {\n      tokens.push({ type: 'link', label: match[3], href: match[4] });\n    } else {\n      tokens.push({ type: 'br' });\n    }\n    remaining = remaining.slice(match.index + match[0].length);\n  }\n  return tokens;\n}\n\nfunction renderInline(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    if (tok.type === 'link') {\n      if (!SAFE_SCHEMES.test(tok.href)) {\n        // Unsafe scheme (javascript:, data:) — render as inert text.\n        return <Fragment key={i}>{tok.label}</Fragment>;\n      }\n      return (\n        <a\n          key={i}\n          href={tok.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:underline ds:underline-offset-2 ds:hover:opacity-80\"\n        >\n          {tok.label}\n        </a>\n      );\n    }\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/**\n * Render a message body: split fenced code blocks out to `<CodeBlock>` and run\n * the inline tokenizer over the surrounding text runs.\n */\nfunction renderBody(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps, VariantProps<typeof bubbleVariants> {\n  role: ChatMessageRole;\n  content: string;\n  avatar?: ChatMessageAvatar;\n  timestamp?: Date | number | string;\n  status?: ChatMessageStatus;\n  /** Parse a small, safe subset of markdown. Never renders raw HTML. */\n  renderMarkdown?: boolean;\n  /** Invoked when the retry button is activated (error status only). */\n  onRetry?: () => void;\n  /**\n   * Optional action row rendered beneath the message body + timestamp,\n   * aligned with the message (e.g. the Alia pattern's Copy / Download\n   * buttons on assistant messages). Default off → renders nothing.\n   */\n  actions?: ReactNode;\n  /**\n   * Custom body node rendered verbatim INSTEAD of `content`. When set, the\n   * markdown tokenizer (`renderBody`) is skipped and the node is rendered\n   * directly inside the bubble. `content` is still required (used for the\n   * aria-label context and consumer copy / download). Default off.\n   */\n  body?: ReactNode;\n}\n\nexport const ChatMessage = forwardRef<HTMLElement, ChatMessageProps>(\n  (\n    {\n      role,\n      content,\n      avatar,\n      timestamp,\n      status,\n      renderMarkdown = false,\n      onRetry,\n      actions,\n      body,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n\n    // Local format — used for the aria-label interpolation only. Visible\n    // label is rendered by `<Timestamp>` below, which computes the same\n    // locale-aware HH:MM internally.\n    const formattedTime = useMemo(() => {\n      if (!timestamp) return null;\n      const date = timestamp instanceof Date ? timestamp : new Date(timestamp);\n      if (Number.isNaN(date.getTime())) return null;\n      return new Intl.DateTimeFormat(i18n.language, {\n        hour: '2-digit',\n        minute: '2-digit',\n      }).format(date);\n    }, [timestamp, i18n.language]);\n\n    const roleLabel = t(`chat.message.role.${role}`);\n    const messageLabel = formattedTime\n      ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n      : t('chat.message.labelNoTime', { role: roleLabel });\n\n    const resolvedBody =\n      body ?? (renderMarkdown ? renderBody(content) : content);\n\n    const statusIcon = (() => {\n      if (!status || status === 'edited') return null;\n      if (status === 'sending')\n        return <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      if (status === 'sent')\n        return <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      return (\n        <CircleAlert\n          aria-hidden=\"true\"\n          className=\"ds:size-3.5 ds:text-[color:var(--destructive)]\"\n        />\n      );\n    })();\n\n    const statusText = status ? t(`chat.message.status.${status}`) : null;\n\n    return (\n      <article\n        ref={ref}\n        aria-label={messageLabel}\n        data-component=\"chat-message\"\n        // Structural state surfaced for agent reads (see chat-message.agent.ts).\n        // `status` is optional → the attribute is omitted when unset.\n        data-role={role}\n        data-status={status}\n        className={[\n          rowVariants({ role, className }),\n          // Entrance: fade + slide up on mount. `--animation-duration` is 0ms\n          // under `prefers-reduced-motion` and `.theme-accessible`, so both\n          // collapse the animation to an instant state change automatically.\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2',\n          'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n        ].join(' ')}\n        {...rest}\n      >\n        {role !== 'system' && avatar ? (\n          avatar.slot ? (\n            // Consumer-supplied avatar node (e.g. Alia's Astroid tile).\n            avatar.slot\n          ) : (\n            // Allow-list the src: LLM-supplied values can carry\n            // `javascript:` / `data:text/html` / `data:image/svg+xml` and so\n            // are scrubbed here before reaching <Avatar>. Fallback to initials.\n            <Avatar\n              name={avatar.name}\n              src={safeImageSrc(avatar.src)}\n              size=\"sm\"\n            />\n          )\n        ) : null}\n\n        <div\n          className={[\n            // min-w-0 allows this flex item to shrink below its content's\n            // natural width — without it, a single unbreakable token (URL,\n            // CJK run, hash) can force the bubble wider than the parent\n            // and spill outside narrow containers like the Alia sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user'\n              ? 'ds:items-end'\n              : role === 'assistant'\n                ? 'ds:items-start'\n                : 'ds:items-center',\n          ].join(' ')}\n        >\n          <div\n            dir=\"auto\"\n            className={[\n              bubbleVariants({ role }),\n              // `break-words` (from bubbleVariants) handles soft hyphens;\n              // `overflow-wrap: anywhere` is the last-resort break for\n              // URLs, hashes, or CJK runs that would otherwise push the\n              // bubble wider than its parent in narrow docks like Alia.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {resolvedBody}\n          </div>\n\n          {(formattedTime || statusText) && role !== 'system' ? (\n            <div\n              className={[\n                'ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'type-meta ds:text-[color:var(--muted-foreground)]',\n              ].join(' ')}\n            >\n              {timestamp ? (\n                <Timestamp\n                  value={timestamp}\n                  format=\"absolute\"\n                  absoluteFormat={{ hour: '2-digit', minute: '2-digit' }}\n                  dir=\"ltr\"\n                />\n              ) : null}\n              {statusIcon ? (\n                // `key={status}` re-mounts the span on every status change so\n                // `animate-in` re-runs — gives the sending → sent → error\n                // swap a subtle cross-fade instead of an abrupt pop.\n                <span\n                  key={status}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0',\n                    'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n                  ].join(' ')}\n                >\n                  {statusIcon}\n                  <span className=\"ds:sr-only\">{statusText}</span>\n                </span>\n              ) : null}\n              {status === 'error' && onRetry ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  startIcon={<RotateCcw />}\n                >\n                  {t('chat.message.retry')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          {actions ? (\n            <div className=\"ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {actions}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderInline","tok","i","jsx","Fragment","renderBody","splitCodeFences","seg","CodeBlock","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","actions","body","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","resolvedBody","statusIcon","Clock","Check","CircleAlert","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":"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"}

package/dist/_chunks/{checkbox--ndmyokr.js → checkbox-BjDv-r3o.js}

@@ -3,7 +3,7 @@ import { createContext as T, useContext as _, forwardRef as M, useId as G, useRe
 import * as b from "@radix-ui/react-checkbox";
 import { c as A } from "./index-D2ZczOXr.js";
 import { u as B } from "./use-controllable-state-BiY4xTzM.js";
-import { T as F } from "./tooltip-Cp-PLePW.js";
+import { T as F } from "./tooltip-uEBdD1-5.js";
 import { u as H } from "./registry-DvAUVLHh.js";
 const W = T(null);
 function q() {
@@ -223,4 +223,4 @@ export {
   W as a,
   q as u
 };
-//# sourceMappingURL=checkbox--ndmyokr.js.map
+//# sourceMappingURL=checkbox-BjDv-r3o.js.map