@alfadocs/ui-kit-debug 0.47.0 → 0.48.0

package/dist/_chunks/care-plan-entry-card-Cnra7vUc.js

@@ -0,0 +1,318 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as Y, useId as v } from "react";
+import { useTranslation as R } from "react-i18next";
+import { B as c } from "./badge-zsf5i5bH.js";
+import { P as O } from "./progress-kzIRcdaq.js";
+import { T as q } from "./tag-CdA0s_VV.js";
+import { T as b } from "./timestamp-BV2lC-wV.js";
+import { T as G } from "./transaction-chip-BZCa6XDn.js";
+import { f as J } from "./tooth-scheme-CxlsLjfN.js";
+import { C as Q, b as X, a as Z } from "./collapsible-X3oaLPU3.js";
+import { u as ee } from "./registry-nPAVE19X.js";
+import { C as ae } from "./chevron-down-BX_NP2Yh.js";
+import { e as te } from "./entity-card-COhmqHly.js";
+const re = {
+  id: "care-plan-entry-card",
+  capabilities: ["view_change"],
+  state: {
+    done: {
+      type: "boolean",
+      descriptionKey: "ui.agent.carePlanEntryCard.state.done",
+      description: "Whether the treatment line is marked executed.",
+      read: (t) => t.isDone()
+    },
+    phaseProgress: {
+      type: "{ executed: number; total: number }",
+      descriptionKey: "ui.agent.carePlanEntryCard.state.phaseProgress",
+      description: "Phase progress as executed / total counts. Counts only — never phase labels or operator identity.",
+      read: (t) => t.getPhaseProgress()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "care-plan-entry-card",
+      description: "Marks the CarePlanEntryCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Addresses a specific line."
+    }
+  }
+}, se = "EUR";
+function ne(t) {
+  const o = {};
+  for (const l of t)
+    o[l] = ["filled"];
+  return o;
+}
+const le = Y(
+  ({
+    id: t,
+    careName: o,
+    code: l,
+    label: h,
+    elements: u,
+    done: g = !1,
+    executionDateIso: C,
+    plannedAppointment: P,
+    operator: i,
+    price: n,
+    phases: a,
+    billed: E = !1,
+    outsideOfEstimate: k = !1,
+    notesCount: p,
+    toothDisplay: S = "chips",
+    locale: j,
+    currency: N = se,
+    surface: A = "elevated",
+    "aria-label": w,
+    className: U,
+    ...B
+  }, F) => {
+    var L;
+    const { t: r, i18n: H } = R(), D = v(), K = v(), T = v(), V = v(), m = j ?? H.language ?? "en";
+    ee(
+      re,
+      {
+        isDone: () => g,
+        getPhaseProgress: () => ({
+          executed: (a == null ? void 0 : a.executed) ?? 0,
+          total: (a == null ? void 0 : a.total) ?? 0
+        })
+      },
+      t
+    );
+    const M = !!u && u.length > 0, z = !!(a != null && a.detail) && a.detail.length > 0, _ = E ? "settled" : "to-invoice", f = n == null ? void 0 : n.priceCents, x = n == null ? void 0 : n.discountedPriceCents, I = x !== void 0 && f !== void 0 && x < f, y = x ?? f, $ = (d) => new Intl.NumberFormat(m, {
+      style: "currency",
+      currency: N
+    }).format(d / 100);
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: F,
+        role: "region",
+        "aria-label": w,
+        "aria-labelledby": w ? void 0 : D,
+        "data-component": "care-plan-entry-card",
+        "data-component-id": t,
+        "data-done": g ? "true" : "false",
+        id: t,
+        className: te({ surface: A, className: U }),
+        ...B,
+        children: /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ s("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ s("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-baseline ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ e(
+                  "h3",
+                  {
+                    id: D,
+                    className: "type-title-item ds:m-0 ds:text-[color:var(--foreground)]",
+                    children: o
+                  }
+                ),
+                l ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: l }) : null
+              ] }),
+              h ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: h }) : null
+            ] }),
+            /* @__PURE__ */ s("div", { className: "ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-2xs)]", children: [
+              g ? /* @__PURE__ */ e(c, { variant: "success", size: "sm", withDot: !0, children: r("carePlanEntryCard.flag.done", "Done") }) : null,
+              k ? /* @__PURE__ */ e(c, { variant: "warning", size: "sm", withDot: !0, children: r(
+                "carePlanEntryCard.flag.outsideOfEstimate",
+                "Outside estimate"
+              ) }) : null,
+              E ? /* @__PURE__ */ e(c, { variant: "neutral", size: "sm", children: r("carePlanEntryCard.flag.billed", "Billed") }) : null,
+              typeof p == "number" && p > 0 ? /* @__PURE__ */ e(
+                c,
+                {
+                  variant: "neutral",
+                  size: "sm",
+                  "aria-label": r("carePlanEntryCard.notesLabel", {
+                    count: p,
+                    defaultValue: "{{count}} notes"
+                  }),
+                  children: p
+                }
+              ) : null
+            ] })
+          ] }),
+          M ? S === "scheme" ? /* @__PURE__ */ e(
+            J,
+            {
+              mode: "display",
+              conditions: ne(u),
+              ariaLabel: r("carePlanEntryCard.toothSchemeLabel", {
+                count: u.length,
+                defaultValue: "Teeth involved: {{count}}"
+              })
+            }
+          ) : /* @__PURE__ */ e(
+            "div",
+            {
+              role: "list",
+              "aria-label": r(
+                "carePlanEntryCard.elementsLabel",
+                "Teeth involved"
+              ),
+              className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]",
+              children: u.map((d) => /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(q, { label: d, variant: "info", size: "sm" }) }, d))
+            }
+          ) : null,
+          g && C ? /* @__PURE__ */ s("p", { className: "type-body-sm ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+            /* @__PURE__ */ e("span", { children: r("carePlanEntryCard.executedOn", "Executed on") }),
+            /* @__PURE__ */ e(
+              b,
+              {
+                value: C,
+                format: "absolute",
+                locale: m
+              }
+            ),
+            i ? /* @__PURE__ */ e("span", { children: r("carePlanEntryCard.byOperator", {
+              operator: i.name,
+              defaultValue: "by {{operator}}"
+            }) }) : null
+          ] }) : P ? /* @__PURE__ */ s("p", { className: "type-body-sm ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+            /* @__PURE__ */ e("span", { children: r("carePlanEntryCard.plannedFor", "Planned for") }),
+            /* @__PURE__ */ e(
+              b,
+              {
+                value: P.dateIso,
+                format: "absolute",
+                locale: m
+              }
+            ),
+            i ? /* @__PURE__ */ e("span", { children: r("carePlanEntryCard.byOperator", {
+              operator: i.name,
+              defaultValue: "by {{operator}}"
+            }) }) : null
+          ] }) : i ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: r("carePlanEntryCard.assignedTo", {
+            operator: i.name,
+            defaultValue: "Assigned to {{operator}}"
+          }) }) : null,
+          a && a.total > 0 ? /* @__PURE__ */ e(
+            O,
+            {
+              value: a.executed,
+              max: a.total,
+              size: "sm",
+              "aria-label": r("carePlanEntryCard.phasesLabel", {
+                executed: a.executed,
+                total: a.total,
+                defaultValue: "Phases: {{executed}} of {{total}} executed"
+              }),
+              children: /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ e(O.Label, { id: K, children: r("carePlanEntryCard.phasesHeading", "Phases") }),
+                /* @__PURE__ */ e("span", { className: "type-body-sm ds:tabular-nums ds:text-[color:var(--muted-foreground)]", children: r("carePlanEntryCard.phasesCount", {
+                  executed: a.executed,
+                  total: a.total,
+                  defaultValue: "{{executed}} / {{total}}"
+                }) })
+              ] })
+            }
+          ) : null,
+          y !== void 0 || z ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            y !== void 0 ? /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ e(
+                G,
+                {
+                  state: _,
+                  amount: y / 100,
+                  currency: N,
+                  locale: m,
+                  size: "md"
+                }
+              ),
+              I && f !== void 0 ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:line-through ds:tabular-nums", children: $(f) }) : null,
+              I && (n == null ? void 0 : n.discountPercentage) !== void 0 ? /* @__PURE__ */ e(c, { variant: "success", size: "sm", children: r("carePlanEntryCard.discountLabel", {
+                percentage: n.discountPercentage,
+                defaultValue: "-{{percentage}}%"
+              }) }) : null
+            ] }) : null,
+            z ? /* @__PURE__ */ s(
+              Q,
+              {
+                variant: "default",
+                className: "ds:ms-auto ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+                children: [
+                  /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      id: T,
+                      "aria-controls": V,
+                      className: "ds:group ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:border-0 ds:bg-transparent type-body-sm ds:text-[color:var(--foreground)] ds:cursor-pointer ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+                      children: [
+                        /* @__PURE__ */ e("span", { children: r(
+                          "carePlanEntryCard.phaseDetail.toggle",
+                          "Phase detail"
+                        ) }),
+                        /* @__PURE__ */ e(
+                          ae,
+                          {
+                            "aria-hidden": "true",
+                            className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180"
+                          }
+                        )
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(
+                    Z,
+                    {
+                      id: V,
+                      "aria-labelledby": T,
+                      children: /* @__PURE__ */ e("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-0", children: (L = a == null ? void 0 : a.detail) == null ? void 0 : L.map((d, W) => /* @__PURE__ */ e(
+                        de,
+                        {
+                          phase: d,
+                          locale: m
+                        },
+                        `${d.label}-${W}`
+                      )) })
+                    }
+                  )
+                ]
+              }
+            ) : null
+          ] }) : null
+        ] })
+      }
+    );
+  }
+);
+le.displayName = "CarePlanEntryCard";
+function de({
+  phase: t,
+  locale: o
+}) {
+  const { t: l } = R();
+  return /* @__PURE__ */ s("li", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+    /* @__PURE__ */ e(c, { variant: t.executed ? "success" : "neutral", size: "sm", withDot: !0, children: t.executed ? l("carePlanEntryCard.phaseDetail.executed", "Executed") : l("carePlanEntryCard.phaseDetail.pending", "Pending") }),
+    /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--foreground)]", children: t.label }),
+    t.executed && t.executionDateIso ? /* @__PURE__ */ e(
+      b,
+      {
+        value: t.executionDateIso,
+        format: "absolute",
+        locale: o
+      }
+    ) : null,
+    t.operator ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: l("carePlanEntryCard.byOperator", {
+      operator: t.operator,
+      defaultValue: "by {{operator}}"
+    }) }) : null,
+    t.udi ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: l("carePlanEntryCard.phaseDetail.udi", {
+      udi: t.udi,
+      defaultValue: "UDI {{udi}}"
+    }) }) : null
+  ] });
+}
+export {
+  le as C,
+  re as c
+};
+//# sourceMappingURL=care-plan-entry-card-Cnra7vUc.js.map

package/dist/_chunks/care-plan-entry-card-Cnra7vUc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"care-plan-entry-card-Cnra7vUc.js","sources":["../../src/components/care-plan-entry-card/care-plan-entry-card.agent.ts","../../src/components/care-plan-entry-card/care-plan-entry-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CarePlanEntryCard.                                     */\n/*                                                                        */\n/* Read-only surface: expose the execution flag and phase-progress        */\n/* counts so an agent can introspect a treatment line's status. Counts +  */\n/* booleans only — never the treatment name, operator, or any patient     */\n/* identity.                                                              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CarePlanEntryCardHandle } from './care-plan-entry-card';\n\nexport const carePlanEntryCardAgent: AgentAdapter<CarePlanEntryCardHandle> = {\n  id: 'care-plan-entry-card',\n  capabilities: ['view_change'],\n  state: {\n    done: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.carePlanEntryCard.state.done',\n      description: 'Whether the treatment line is marked executed.',\n      read: (handle) => handle.isDone(),\n    },\n    phaseProgress: {\n      type: '{ executed: number; total: number }',\n      descriptionKey: 'ui.agent.carePlanEntryCard.state.phaseProgress',\n      description:\n        'Phase progress as executed / total counts. Counts only — never phase labels or operator identity.',\n      read: (handle) => handle.getPhaseProgress(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'care-plan-entry-card',\n      description: 'Marks the CarePlanEntryCard root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop. Addresses a specific line.',\n    },\n  },\n};\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { Badge } from '../badge/badge';\nimport { Progress } from '../progress/progress';\nimport { Tag } from '../tag/tag';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport { ToothScheme } from '../tooth-scheme/tooth-scheme';\nimport type { FdiId, ToothCondition } from '../tooth-scheme/tooth-data';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../collapsible/collapsible';\nimport { entitySurfaceVariants } from '../_shared/entity-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { carePlanEntryCardAgent } from './care-plan-entry-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* CarePlanEntryCard                                                      */\n/*                                                                        */\n/* A single granular treatment line within a care plan / estimate        */\n/* (\"voce di preventivo\"). Replaces the hand-rolled platform treatment    */\n/* row that interleaves the treatment label, FDI tooth codes, an          */\n/* execution badge, a phase-progress bar, a price chip, and an            */\n/* expandable per-phase breakdown.                                        */\n/*                                                                        */\n/* Composes: entitySurfaceVariants (shared card surface) + Tag / ToothScheme*/\n/* (elements) + Badge (lifecycle flags) + Timestamp (execution / planned) */\n/* + Progress (phases) + TransactionChip (price) + Collapsible (per-phase */\n/* detail).                                                               */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the        */\n/* `carePlanEntryCard.*` namespace. Identifiers + structural state only   */\n/* reach the agent layer — never patient identity.                       */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\n/** A planned (not-yet-executed) appointment the line is scheduled into. */\nexport interface CarePlanEntryPlannedAppointment {\n  /** ISO-8601 date / datetime string. */\n  dateIso: string;\n  /** Stable appointment id (identifier only — never PHI). */\n  appointmentId: string;\n  /** Optional deep link to the appointment. */\n  url?: string;\n}\n\n/** Price breakdown for the line, all amounts in integer cents. */\nexport interface CarePlanEntryPrice {\n  /** List price in cents (non-negative). */\n  priceCents?: number;\n  /** Discounted price in cents (non-negative), when a discount applies. */\n  discountedPriceCents?: number;\n  /** Discount percentage (0–100), for the discount label. */\n  discountPercentage?: number;\n}\n\n/** One row of the per-phase execution breakdown. */\nexport interface CarePlanEntryPhaseDetail {\n  /** Short localised phase label (consumer-localised). */\n  label: string;\n  /** Whether this phase has been executed. */\n  executed: boolean;\n  /** ISO-8601 execution date, when executed. */\n  executionDateIso?: string;\n  /** Operator display name for the phase. */\n  operator?: string;\n  /** Unique Device Identifier / lot string for traceable materials. */\n  udi?: string;\n}\n\n/** Phase progress summary + optional drill-down detail. */\nexport interface CarePlanEntryPhases {\n  /** Number of executed phases. */\n  executed: number;\n  /** Total number of phases. */\n  total: number;\n  /** Optional per-phase breakdown rendered inside the Collapsible. */\n  detail?: CarePlanEntryPhaseDetail[];\n}\n\n/** Operator the line is assigned to. */\nexport interface CarePlanEntryOperator {\n  /** Operator display name (consumer-localised). */\n  name: string;\n}\n\n/** Curated read-only handle exposed to the agent registry. */\nexport interface CarePlanEntryCardHandle {\n  /** Whether the line is marked executed. */\n  isDone: () => boolean;\n  /** Phase progress as `{ executed, total }` — counts only, no PHI. */\n  getPhaseProgress: () => { executed: number; total: number };\n}\n\nexport interface CarePlanEntryCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-label' | 'title' | 'children'\n> {\n  /**\n   * Stable instance id — surfaced as `data-component-id` for the agent\n   * registry and used to wire up the heading ↔ region relationship.\n   */\n  id?: string;\n  /** Treatment / service name. Rendered as the line heading. */\n  careName: string;\n  /** Optional treatment code (e.g. tariff code) shown beside the name. */\n  code?: string;\n  /** Optional secondary label (e.g. category) under the name. */\n  label?: string;\n  /** FDI tooth codes the line applies to (e.g. `['16', '36']`). */\n  elements?: string[];\n  /** Whether the line has been executed / completed. */\n  done?: boolean;\n  /** ISO-8601 execution date — rendered next to the \"done\" badge. */\n  executionDateIso?: string;\n  /** A planned appointment the line is scheduled into, when not yet done. */\n  plannedAppointment?: CarePlanEntryPlannedAppointment;\n  /** Operator the line is assigned to. */\n  operator?: CarePlanEntryOperator;\n  /** Price breakdown (list / discounted). */\n  price?: CarePlanEntryPrice;\n  /** Phase progress + optional drill-down detail. */\n  phases?: CarePlanEntryPhases;\n  /** Whether the line has been billed / invoiced. */\n  billed?: boolean;\n  /** Whether the line falls outside the accepted estimate. */\n  outsideOfEstimate?: boolean;\n  /** Count of attached notes — rendered as a neutral count badge when > 0. */\n  notesCount?: number;\n  /**\n   * How to render `elements`: `'chips'` (default) lists each FDI code as a\n   * Tag; `'scheme'` renders a read-only `ToothScheme` highlighting them.\n   */\n  toothDisplay?: 'scheme' | 'chips';\n  /** BCP 47 locale override for dates / currency. Defaults to i18n.language. */\n  locale?: string;\n  /** ISO 4217 currency code for the price chip. Defaults to `EUR`. */\n  currency?: string;\n  /**\n   * `elevated` (default) paints the kit card chrome; `flat` drops it for use\n   * inside an existing Card / Sheet.\n   */\n  surface?: 'flat' | 'elevated';\n  /** Accessible label override for the line region. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\nconst DEFAULT_CURRENCY = 'EUR';\n\n/**\n * Map the FDI element codes to a `ToothScheme` conditions shortcut. Codes\n * outside the FDI vocabulary are dropped (the scheme ignores unknown ids).\n * Every applied tooth is flagged `filled` so the display-mode chart marks\n * them with both colour and pattern — colour-not-alone.\n */\nfunction elementsToConditions(\n  elements: string[],\n): Partial<Record<FdiId, ToothCondition[]>> {\n  const conditions: Partial<Record<FdiId, ToothCondition[]>> = {};\n  for (const code of elements) {\n    conditions[code as FdiId] = ['filled'];\n  }\n  return conditions;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const CarePlanEntryCard = forwardRef<\n  HTMLDivElement,\n  CarePlanEntryCardProps\n>(\n  (\n    {\n      id,\n      careName,\n      code,\n      label,\n      elements,\n      done = false,\n      executionDateIso,\n      plannedAppointment,\n      operator,\n      price,\n      phases,\n      billed = false,\n      outsideOfEstimate = false,\n      notesCount,\n      toothDisplay = 'chips',\n      locale,\n      currency = DEFAULT_CURRENCY,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const phasesLabelId = useId();\n    const detailTriggerId = useId();\n    const detailContentId = useId();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    useAgentRegistration(\n      carePlanEntryCardAgent,\n      {\n        isDone: () => done,\n        getPhaseProgress: () => ({\n          executed: phases?.executed ?? 0,\n          total: phases?.total ?? 0,\n        }),\n      },\n      id,\n    );\n\n    const hasElements = !!elements && elements.length > 0;\n    const hasPhaseDetail = !!phases?.detail && phases.detail.length > 0;\n\n    // Price: prefer the discounted amount when present; show the list price\n    // struck through beside it. Both are \"to-invoice\" until billed, then\n    // settled.\n    const priceState = billed ? 'settled' : 'to-invoice';\n    const listCents = price?.priceCents;\n    const discountedCents = price?.discountedPriceCents;\n    const hasDiscount =\n      discountedCents !== undefined &&\n      listCents !== undefined &&\n      discountedCents < listCents;\n    const payableCents = discountedCents ?? listCents;\n\n    const formatMoney = (cents: number): string =>\n      new Intl.NumberFormat(activeLocale, {\n        style: 'currency',\n        currency,\n      }).format(cents / 100);\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        data-component=\"care-plan-entry-card\"\n        data-component-id={id}\n        data-done={done ? 'true' : 'false'}\n        id={id}\n        className={entitySurfaceVariants({ surface, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          {/* Heading row: name + code + trailing status flags */}\n          <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n              <div className=\"ds:flex ds:flex-wrap ds:items-baseline ds:gap-[var(--spacing-xs)]\">\n                <h3\n                  id={headingId}\n                  className=\"type-title-item ds:m-0 ds:text-[color:var(--foreground)]\"\n                >\n                  {careName}\n                </h3>\n                {code ? (\n                  <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums\">\n                    {code}\n                  </span>\n                ) : null}\n              </div>\n              {label ? (\n                <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {label}\n                </span>\n              ) : null}\n            </div>\n\n            <div className=\"ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-2xs)]\">\n              {done ? (\n                <Badge variant=\"success\" size=\"sm\" withDot>\n                  {t('carePlanEntryCard.flag.done', 'Done')}\n                </Badge>\n              ) : null}\n              {outsideOfEstimate ? (\n                <Badge variant=\"warning\" size=\"sm\" withDot>\n                  {t(\n                    'carePlanEntryCard.flag.outsideOfEstimate',\n                    'Outside estimate',\n                  )}\n                </Badge>\n              ) : null}\n              {billed ? (\n                <Badge variant=\"neutral\" size=\"sm\">\n                  {t('carePlanEntryCard.flag.billed', 'Billed')}\n                </Badge>\n              ) : null}\n              {typeof notesCount === 'number' && notesCount > 0 ? (\n                <Badge\n                  variant=\"neutral\"\n                  size=\"sm\"\n                  aria-label={t('carePlanEntryCard.notesLabel', {\n                    count: notesCount,\n                    defaultValue: '{{count}} notes',\n                  })}\n                >\n                  {notesCount}\n                </Badge>\n              ) : null}\n            </div>\n          </div>\n\n          {/* Elements: tooth scheme (display mode) or FDI tag chips */}\n          {hasElements ? (\n            toothDisplay === 'scheme' ? (\n              <ToothScheme\n                mode=\"display\"\n                conditions={elementsToConditions(elements)}\n                ariaLabel={t('carePlanEntryCard.toothSchemeLabel', {\n                  count: elements.length,\n                  defaultValue: 'Teeth involved: {{count}}',\n                })}\n              />\n            ) : (\n              <div\n                role=\"list\"\n                aria-label={t(\n                  'carePlanEntryCard.elementsLabel',\n                  'Teeth involved',\n                )}\n                className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\"\n              >\n                {elements.map((element) => (\n                  <div role=\"listitem\" key={element}>\n                    <Tag label={element} variant=\"info\" size=\"sm\" />\n                  </div>\n                ))}\n              </div>\n            )\n          ) : null}\n\n          {/* Schedule / execution line */}\n          {done && executionDateIso ? (\n            <p className=\"type-body-sm ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\">\n              <span>{t('carePlanEntryCard.executedOn', 'Executed on')}</span>\n              <Timestamp\n                value={executionDateIso}\n                format=\"absolute\"\n                locale={activeLocale}\n              />\n              {operator ? (\n                <span>\n                  {t('carePlanEntryCard.byOperator', {\n                    operator: operator.name,\n                    defaultValue: 'by {{operator}}',\n                  })}\n                </span>\n              ) : null}\n            </p>\n          ) : plannedAppointment ? (\n            <p className=\"type-body-sm ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\">\n              <span>{t('carePlanEntryCard.plannedFor', 'Planned for')}</span>\n              <Timestamp\n                value={plannedAppointment.dateIso}\n                format=\"absolute\"\n                locale={activeLocale}\n              />\n              {operator ? (\n                <span>\n                  {t('carePlanEntryCard.byOperator', {\n                    operator: operator.name,\n                    defaultValue: 'by {{operator}}',\n                  })}\n                </span>\n              ) : null}\n            </p>\n          ) : operator ? (\n            <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n              {t('carePlanEntryCard.assignedTo', {\n                operator: operator.name,\n                defaultValue: 'Assigned to {{operator}}',\n              })}\n            </p>\n          ) : null}\n\n          {/* Phase progress */}\n          {phases && phases.total > 0 ? (\n            <Progress\n              value={phases.executed}\n              max={phases.total}\n              size=\"sm\"\n              aria-label={t('carePlanEntryCard.phasesLabel', {\n                executed: phases.executed,\n                total: phases.total,\n                defaultValue: 'Phases: {{executed}} of {{total}} executed',\n              })}\n            >\n              <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                <Progress.Label id={phasesLabelId}>\n                  {t('carePlanEntryCard.phasesHeading', 'Phases')}\n                </Progress.Label>\n                <span className=\"type-body-sm ds:tabular-nums ds:text-[color:var(--muted-foreground)]\">\n                  {t('carePlanEntryCard.phasesCount', {\n                    executed: phases.executed,\n                    total: phases.total,\n                    defaultValue: '{{executed}} / {{total}}',\n                  })}\n                </span>\n              </div>\n            </Progress>\n          ) : null}\n\n          {/* Footer: price + (optional) phase-detail disclosure */}\n          {payableCents !== undefined || hasPhaseDetail ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {payableCents !== undefined ? (\n                <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                  <TransactionChip\n                    state={priceState}\n                    amount={payableCents / 100}\n                    currency={currency}\n                    locale={activeLocale}\n                    size=\"md\"\n                  />\n                  {hasDiscount && listCents !== undefined ? (\n                    <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:line-through ds:tabular-nums\">\n                      {formatMoney(listCents)}\n                    </span>\n                  ) : null}\n                  {hasDiscount && price?.discountPercentage !== undefined ? (\n                    <Badge variant=\"success\" size=\"sm\">\n                      {t('carePlanEntryCard.discountLabel', {\n                        percentage: price.discountPercentage,\n                        defaultValue: '-{{percentage}}%',\n                      })}\n                    </Badge>\n                  ) : null}\n                </div>\n              ) : null}\n\n              {hasPhaseDetail ? (\n                <Collapsible\n                  variant=\"default\"\n                  className=\"ds:ms-auto ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n                >\n                  <CollapsibleTrigger asChild>\n                    <button\n                      type=\"button\"\n                      id={detailTriggerId}\n                      aria-controls={detailContentId}\n                      className=\"ds:group ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:border-0 ds:bg-transparent type-body-sm ds:text-[color:var(--foreground)] ds:cursor-pointer ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n                    >\n                      <span>\n                        {t(\n                          'carePlanEntryCard.phaseDetail.toggle',\n                          'Phase detail',\n                        )}\n                      </span>\n                      <ChevronDown\n                        aria-hidden=\"true\"\n                        className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180\"\n                      />\n                    </button>\n                  </CollapsibleTrigger>\n                  <CollapsibleContent\n                    id={detailContentId}\n                    aria-labelledby={detailTriggerId}\n                  >\n                    <ul className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-0\">\n                      {phases?.detail?.map((phase, index) => (\n                        <PhaseDetailRow\n                          key={`${phase.label}-${index}`}\n                          phase={phase}\n                          locale={activeLocale}\n                        />\n                      ))}\n                    </ul>\n                  </CollapsibleContent>\n                </Collapsible>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\n\nCarePlanEntryCard.displayName = 'CarePlanEntryCard';\n\n/* -------------------------------------------------------------------- */\n/* PhaseDetailRow — one row inside the per-phase Collapsible              */\n/* -------------------------------------------------------------------- */\n\nfunction PhaseDetailRow({\n  phase,\n  locale,\n}: {\n  phase: CarePlanEntryPhaseDetail;\n  locale: string;\n}): ReactNode {\n  const { t } = useTranslation();\n  return (\n    <li className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n      <Badge variant={phase.executed ? 'success' : 'neutral'} size=\"sm\" withDot>\n        {phase.executed\n          ? t('carePlanEntryCard.phaseDetail.executed', 'Executed')\n          : t('carePlanEntryCard.phaseDetail.pending', 'Pending')}\n      </Badge>\n      <span className=\"type-body-sm ds:text-[color:var(--foreground)]\">\n        {phase.label}\n      </span>\n      {phase.executed && phase.executionDateIso ? (\n        <Timestamp\n          value={phase.executionDateIso}\n          format=\"absolute\"\n          locale={locale}\n        />\n      ) : null}\n      {phase.operator ? (\n        <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n          {t('carePlanEntryCard.byOperator', {\n            operator: phase.operator,\n            defaultValue: 'by {{operator}}',\n          })}\n        </span>\n      ) : null}\n      {phase.udi ? (\n        <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums\">\n          {t('carePlanEntryCard.phaseDetail.udi', {\n            udi: phase.udi,\n            defaultValue: 'UDI {{udi}}',\n          })}\n        </span>\n      ) : null}\n    </li>\n  );\n}\n\nexport type CarePlanEntryCardSurface = NonNullable<\n  VariantProps<typeof entitySurfaceVariants>['surface']\n>;\n"],"names":["carePlanEntryCardAgent","handle","DEFAULT_CURRENCY","elementsToConditions","elements","conditions","code","CarePlanEntryCard","forwardRef","id","careName","label","done","executionDateIso","plannedAppointment","operator","price","phases","billed","outsideOfEstimate","notesCount","toothDisplay","locale","currency","surface","ariaLabel","className","rest","ref","t","i18n","useTranslation","headingId","useId","phasesLabelId","detailTriggerId","detailContentId","activeLocale","useAgentRegistration","hasElements","hasPhaseDetail","priceState","listCents","discountedCents","hasDiscount","payableCents","formatMoney","cents","jsx","entitySurfaceVariants","jsxs","Badge","ToothScheme","element","Tag","Timestamp","Progress","TransactionChip","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","phase","index","PhaseDetailRow"],"mappings":"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"}

package/dist/_chunks/{chat-message-B5JpFj0F.js → chat-message-Dm8U2RY1.js}

@@ -1,17 +1,17 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { forwardRef as j, useMemo as T, Fragment as l } from "react";
+import { forwardRef as T, useMemo as z, Fragment as l } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
-import { useTranslation as z } from "react-i18next";
+import { useTranslation as B } from "react-i18next";
 import { B as F } from "./button-DD_0Xdmr.js";
 import { A as I } from "./avatar-BNQNhoyL.js";
 import { T as A } from "./timestamp-BV2lC-wV.js";
-import { s as B, C as M } from "./code-block-HoddNOKJ.js";
-import { s as S } from "./safe-image-src-DstKgCo7.js";
-import { R as V } from "./rotate-ccw-BWANpitO.js";
-import { C as D } from "./clock-21AGPWJ5.js";
-import { C as E } from "./check-DPdL_Sm7.js";
-import { C as L } from "./circle-alert-ChA9opNA.js";
-const R = h(
+import { s as M, C as S } from "./code-block-HoddNOKJ.js";
+import { s as V } from "./safe-image-src-DstKgCo7.js";
+import { R as D } from "./rotate-ccw-BWANpitO.js";
+import { C as E } from "./clock-21AGPWJ5.js";
+import { C as L } from "./check-DPdL_Sm7.js";
+import { C as R } from "./circle-alert-ChA9opNA.js";
+const _ = h(
   "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -23,7 +23,7 @@ const R = h(
     },
     defaultVariants: { role: "assistant" }
   }
-), _ = h(
+), $ = h(
   [
     // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
@@ -45,8 +45,8 @@ const R = h(
     },
     defaultVariants: { role: "assistant" }
   }
-), $ = /^(https?:|mailto:)/i;
-function k(n) {
+), k = /^(https?:|mailto:)/i;
+function H(n) {
   const e = [];
   let s = n;
   const t = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
@@ -60,8 +60,8 @@ function k(n) {
   }
   return e;
 }
-function H(n) {
-  return k(n).map((e, s) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ a(
+function q(n) {
+  return H(n).map((e, s) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
@@ -69,7 +69,7 @@ function H(n) {
       children: e.value
     },
     s
-  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, s) : e.type === "link" ? $.test(e.href) ? /* @__PURE__ */ a(
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, s) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
@@ -81,10 +81,10 @@ function H(n) {
     s
   ) : /* @__PURE__ */ a(l, { children: e.label }, s) : /* @__PURE__ */ a(l, { children: e.value }, s));
 }
-function q(n) {
-  return B(n).map((e, s) => e.type === "code" ? /* @__PURE__ */ a(M, { code: e.value, language: e.lang }, s) : /* @__PURE__ */ a(l, { children: H(e.value) }, s));
+function G(n) {
+  return M(n).map((e, s) => e.type === "code" ? /* @__PURE__ */ a(S, { code: e.value, language: e.lang }, s) : /* @__PURE__ */ a(l, { children: q(e.value) }, s));
 }
-const G = j(
+const J = T(
   ({
     role: n,
     content: e,
@@ -94,18 +94,19 @@ const G = j(
     renderMarkdown: x = !1,
     onRetry: m,
     actions: c,
-    className: b,
-    ...y
-  }, N) => {
-    const { t: i, i18n: u } = z(), o = T(() => {
+    body: b,
+    className: y,
+    ...N
+  }, w) => {
+    const { t: i, i18n: u } = B(), o = z(() => {
       if (!t) return null;
       const v = t instanceof Date ? t : new Date(t);
       return Number.isNaN(v.getTime()) ? null : new Intl.DateTimeFormat(u.language, {
         hour: "2-digit",
         minute: "2-digit"
       }).format(v);
-    }, [t, u.language]), f = i(`chat.message.role.${n}`), w = o ? i("chat.message.label", { role: f, time: o }) : i("chat.message.labelNoTime", { role: f }), C = x ? q(e) : e, p = !r || r === "edited" ? null : r === "sending" ? /* @__PURE__ */ a(D, { "aria-hidden": "true", className: "ds:size-3.5" }) : r === "sent" ? /* @__PURE__ */ a(E, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
-      L,
+    }, [t, u.language]), f = i(`chat.message.role.${n}`), C = o ? i("chat.message.label", { role: f, time: o }) : i("chat.message.labelNoTime", { role: f }), j = b ?? (x ? G(e) : e), p = !r || r === "edited" ? null : r === "sending" ? /* @__PURE__ */ a(E, { "aria-hidden": "true", className: "ds:size-3.5" }) : r === "sent" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
+      R,
       {
         "aria-hidden": "true",
         className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
@@ -114,18 +115,18 @@ const G = j(
     return /* @__PURE__ */ d(
       "article",
       {
-        ref: N,
-        "aria-label": w,
+        ref: w,
+        "aria-label": C,
         "data-component": "chat-message",
         className: [
-          R({ role: n, className: b }),
+          _({ role: n, className: y }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
           // under `prefers-reduced-motion` and `.theme-accessible`, so both
           // collapse the animation to an instant state change automatically.
           "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2",
           "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
         ].join(" "),
-        ...y,
+        ...N,
         children: [
           n !== "system" && s ? s.slot ? (
             // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).
@@ -138,7 +139,7 @@ const G = j(
               I,
               {
                 name: s.name,
-                src: S(s.src),
+                src: V(s.src),
                 size: "sm"
               }
             )
@@ -160,14 +161,14 @@ const G = j(
                   {
                     dir: "auto",
                     className: [
-                      _({ role: n }),
+                      $({ role: n }),
                       // `break-words` (from bubbleVariants) handles soft hyphens;
                       // `overflow-wrap: anywhere` is the last-resort break for
                       // URLs, hashes, or CJK runs that would otherwise push the
                       // bubble wider than its parent in narrow docks like Alia.
                       "ds:[overflow-wrap:anywhere]"
                     ].join(" "),
-                    children: C
+                    children: j
                   }
                 ),
                 (o || g) && n !== "system" ? /* @__PURE__ */ d(
@@ -213,7 +214,7 @@ const G = j(
                           intent: "ghost",
                           size: "sm",
                           onClick: m,
-                          startIcon: /* @__PURE__ */ a(V, {}),
+                          startIcon: /* @__PURE__ */ a(D, {}),
                           children: i("chat.message.retry")
                         }
                       ) : null
@@ -229,8 +230,8 @@ const G = j(
     );
   }
 );
-G.displayName = "ChatMessage";
+J.displayName = "ChatMessage";
 export {
-  G as C
+  J as C
 };
-//# sourceMappingURL=chat-message-B5JpFj0F.js.map
+//# sourceMappingURL=chat-message-Dm8U2RY1.js.map

package/dist/_chunks/chat-message-Dm8U2RY1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-Dm8U2RY1.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 { AlertCircle, 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 Sparkles 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();\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        <AlertCircle\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        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 Sparkles 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","AlertCircle","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":"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"}