@alfadocs/ui-kit-debug 0.68.0 → 0.69.0

package/dist/_chunks/{appointment-tray-BMl89NPW.js → appointment-tray-CZtvtaH-.js}

@@ -1,11 +1,11 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as $, useRef as K, useImperativeHandle as Y, useMemo as J } from "react";
+import { forwardRef as $, useRef as U, useImperativeHandle as Y, useMemo as J } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
-import { useTranslation as G } from "react-i18next";
+import { useTranslation as q } from "react-i18next";
 import { I as Q } from "./icon-button-LqoiKcUN.js";
 import { S as X } from "./skeleton-CZbwyJAA.js";
 import { E as Z } from "./empty-state-BLy7tigq.js";
-import { A as U } from "./avatar-BNQNhoyL.js";
+import { A as _ } from "./avatar-BNQNhoyL.js";
 import { B as P } from "./badge-CqGsX32l.js";
 import { T as ee } from "./tag-BQXwuJq1.js";
 import { T as ae } from "./timestamp-BV2lC-wV.js";
@@ -13,11 +13,11 @@ import { T as se } from "./transaction-chip-DK84XCBU.js";
 import { i as re } from "./is-safe-url-DkETxeHz.js";
 import { V as te } from "./video-BAeICxCT.js";
 import { M as ne } from "./map-pin-B8STOPMJ.js";
-import { c as q, a as oe } from "./entity-card-COhmqHly.js";
+import { c as G, a as oe } from "./entity-card-COhmqHly.js";
 import { S as ie } from "./star-vav0SJ9e.js";
 import { G as de } from "./globe-BkEFMNSg.js";
 import { C as le } from "./chevron-right-BrpYejk0.js";
-import { u as ce } from "./registry-nPAVE19X.js";
+import { u as ce } from "./registry-DvAUVLHh.js";
 import { C as pe } from "./calendar-days-C4BmpCZg.js";
 import { P as me } from "./plus-CYKNmfuA.js";
 const ue = {
@@ -34,7 +34,7 @@ const ue = {
   "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
 };
 function fe(e) {
-  return ue[q(e)] ?? "ds:bg-[var(--color-grey-700)]";
+  return ue[G(e)] ?? "ds:bg-[var(--color-grey-700)]";
 }
 const ge = H(
   [
@@ -84,8 +84,8 @@ const ge = H(
     className: I,
     ...R
   }, l) => {
-    var h, w, t, y, z, V, E, j, L, A, M, _, D;
-    const { t: r } = G(), m = !!o, N = !!e.url && re(e.url), v = ((h = e.patient) == null ? void 0 : h.name) ?? r("appointmentCard.noPatient"), c = (w = e.operator) == null ? void 0 : w.name, C = r(`appointmentCard.state.${e.state}`), k = i === "md" ? "md" : "sm", S = ve[e.type], p = r("appointmentCard.itemLabel", {
+    var h, w, t, y, z, V, j, E, L, A, M, D, K;
+    const { t: r } = q(), m = !!o, N = !!e.url && re(e.url), v = ((h = e.patient) == null ? void 0 : h.name) ?? r("appointmentCard.noPatient"), c = (w = e.operator) == null ? void 0 : w.name, C = r(`appointmentCard.state.${e.state}`), k = i === "md" ? "md" : "sm", S = ve[e.type], p = r("appointmentCard.itemLabel", {
       patient: v,
       state: C
     }), u = /* @__PURE__ */ a("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: v });
@@ -160,10 +160,10 @@ const ge = H(
           ] }),
           c ? /* @__PURE__ */ s("span", { className: "ds:relative ds:shrink-0", children: [
             /* @__PURE__ */ a(
-              U,
+              _,
               {
                 name: c,
-                color: q((y = e.operator) == null ? void 0 : y.colorId),
+                color: G((y = e.operator) == null ? void 0 : y.colorId),
                 size: k,
                 "aria-hidden": "true",
                 role: "presentation",
@@ -182,7 +182,7 @@ const ge = H(
             /* @__PURE__ */ s("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ s("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                 (V = e.patient) != null && V.avatarUrl ? /* @__PURE__ */ a(
-                  U,
+                  _,
                   {
                     name: v,
                     src: e.patient.avatarUrl,
@@ -206,10 +206,10 @@ const ge = H(
                 }
               )
             ] }),
-            c || e.chair || (E = e.bookingReason) != null && E.specialty || e.firstVisit === "yes" ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
+            c || e.chair || (j = e.bookingReason) != null && j.specialty || e.firstVisit === "yes" ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
               c ? /* @__PURE__ */ a("span", { children: c }) : null,
               e.chair ? /* @__PURE__ */ a("span", { children: r("appointmentCard.chair", { chair: e.chair }) }) : null,
-              (j = e.bookingReason) != null && j.specialty ? /* @__PURE__ */ a("span", { children: e.bookingReason.specialty }) : null,
+              (E = e.bookingReason) != null && E.specialty ? /* @__PURE__ */ a("span", { children: e.bookingReason.specialty }) : null,
               e.firstVisit === "yes" ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
                 /* @__PURE__ */ a(ie, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
                 r("appointmentCard.firstVisit")
@@ -218,8 +218,8 @@ const ge = H(
             (L = e.bookingReason) != null && L.description ? /* @__PURE__ */ a("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: e.bookingReason.description }) : null,
             T.length > 0 ? /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: T }) : null,
             (A = e.flags) != null && A.bookedOnline || (M = e.flags) != null && M.highlightedAnamnesis || g ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              (_ = e.flags) != null && _.bookedOnline ? /* @__PURE__ */ a(P, { variant: "info", size: "sm", leading: /* @__PURE__ */ a(de, {}), children: r("appointmentCard.flag.bookedOnline") }) : null,
-              (D = e.flags) != null && D.highlightedAnamnesis ? /* @__PURE__ */ a(P, { variant: "warning", size: "sm", withDot: !0, children: r("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              (D = e.flags) != null && D.bookedOnline ? /* @__PURE__ */ a(P, { variant: "info", size: "sm", leading: /* @__PURE__ */ a(de, {}), children: r("appointmentCard.flag.bookedOnline") }) : null,
+              (K = e.flags) != null && K.highlightedAnamnesis ? /* @__PURE__ */ a(P, { variant: "warning", size: "sm", withDot: !0, children: r("appointmentCard.flag.highlightedAnamnesis") }) : null,
               g ? /* @__PURE__ */ a(
                 se,
                 {
@@ -248,6 +248,9 @@ const ge = H(
 F.displayName = "AppointmentCard";
 const $e = {
   id: "appointment-card",
+  // 'pick' (non-persisting activation) is host-delegated: the card exposes no
+  // handle of its own — its enclosing AppointmentTray performs the pick via
+  // `appointment-tray.select_item`, addressing this card by its data-component-id.
   capabilities: ["pick"],
   state: {},
   actions: {},
@@ -265,7 +268,10 @@ const $e = {
   }
 }, he = {
   id: "appointment-tray",
-  capabilities: ["select_single"],
+  // 'pick' (non-persisting activation): select_item routes an activation
+  // through onActivate — it does not persist a "selected appointment" value,
+  // so this is a focus/pick, not a select_single.
+  capabilities: ["pick"],
   state: {
     items: {
       type: "Array<{ id: string; state: string }>",
@@ -278,6 +284,12 @@ const $e = {
     select_item: {
       safety: "read",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.appointmentTray.actions.selectItem",
       description: "Activate the appointment with the given id.",
       invoke: (e, i) => {
@@ -338,7 +350,7 @@ const $e = {
     className: C,
     ...k
   }, S) => {
-    const { t: p } = G(), u = b ?? p("appointmentTray.title"), f = m ?? p("appointmentTray.add"), T = !N && i.length === 0;
+    const { t: p } = q(), u = b ?? p("appointmentTray.title"), f = m ?? p("appointmentTray.add"), T = !N && i.length === 0;
     let d;
     N ? d = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ a(X, { variant: "rectangular", height: "3.5rem" }, t)) }) : T ? d = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
       Z,
@@ -360,9 +372,9 @@ const $e = {
       },
       t.id
     )) });
-    const g = K(i);
+    const g = U(i);
     g.current = i;
-    const h = K(null);
+    const h = U(null);
     Y(S, () => h.current, []);
     const w = J(
       () => ({
@@ -416,4 +428,4 @@ export {
   $e as b,
   he as c
 };
-//# sourceMappingURL=appointment-tray-BMl89NPW.js.map
+//# sourceMappingURL=appointment-tray-CZtvtaH-.js.map

package/dist/_chunks/appointment-tray-CZtvtaH-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-tray-CZtvtaH-.js","sources":["../../src/components/appointment-card/appointment-card.tsx","../../src/components/appointment-card/appointment-card.agent.ts","../../src/components/appointment-card/appointment-tray.agent.ts","../../src/components/appointment-card/appointment-tray.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight, Globe, MapPin, Star, Video } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Tag } from '../tag/tag';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport {\n  appointmentStateBadge,\n  colorIdToToken,\n  isSafeEntityUrl,\n} from '../_shared/entity-card';\nimport type { AppointmentState } from '../_shared/entity-card';\n\n/*\n * Closed colour-dot class map. `colorIdToToken` resolves the operator's\n * numeric colour id to one of a fixed set of palette tokens; the operator\n * dot needs a *static* Tailwind class for each so the compiler can emit it\n * (dynamic `ds:bg-[…]` strings are not seen by the JIT). The keys mirror the\n * exact token strings the shared helper returns.\n */\nconst OPERATOR_DOT_CLASS: Record<string, string> = {\n  'var(--color-violet-500)': 'ds:bg-[var(--color-violet-500)]',\n  'var(--color-purple-500)': 'ds:bg-[var(--color-purple-500)]',\n  'var(--color-magenta-500)': 'ds:bg-[var(--color-magenta-500)]',\n  'var(--color-blue-500)': 'ds:bg-[var(--color-blue-500)]',\n  'var(--color-green-500)': 'ds:bg-[var(--color-green-500)]',\n  'var(--color-red-500)': 'ds:bg-[var(--color-red-500)]',\n  'var(--color-yellow-500)': 'ds:bg-[var(--color-yellow-500)]',\n  'var(--color-indigo-500)': 'ds:bg-[var(--color-indigo-500)]',\n  'var(--color-orange-500)': 'ds:bg-[var(--color-orange-500)]',\n  'var(--color-fuchsia-500)': 'ds:bg-[var(--color-fuchsia-500)]',\n  'var(--color-grey-700)': 'ds:bg-[var(--color-grey-700)]',\n};\n\nfunction operatorDotClass(colorId: number | string | undefined): string {\n  return (\n    OPERATOR_DOT_CLASS[colorIdToToken(colorId)] ??\n    'ds:bg-[var(--color-grey-700)]'\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* AppointmentCard                                                       */\n/*                                                                       */\n/* Single-row appointment surface — sibling of AgendaCard, but richer:   */\n/* leading timestamp, operator + patient avatars with the operator       */\n/* colour dot, a lifecycle-state Badge (announced by label, never colour */\n/* alone), treatment / tooth Tags, and an optional advance-deposit       */\n/* TransactionChip. State→Badge-variant + colour-id→token + URL-safety    */\n/* come from the shared `_shared/entity-card` helpers.                   */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentCard.*` namespace (plus shared `financial.*` for money).  */\n/* -------------------------------------------------------------------- */\n\n// Back-compat / one-stop import — the URL guard lives in the shared helper.\nexport { isSafeEntityUrl as isSafeAppointmentUrl } from '../_shared/is-safe-url';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/** Appointment delivery channel. */\nexport type AppointmentType = 'inPractice' | 'telehealth';\n\n/** First-visit tri-state flag. */\nexport type AppointmentFirstVisit = 'yes' | 'no' | 'unknown';\n\n/** Operator (clinician) summary — name + optional palette colour id. */\nexport interface AppointmentOperator {\n  /** Operator display name — drives the avatar initials + accessible name. */\n  name: string;\n  /** Numeric palette colour id, resolved to a kit token for the colour dot. */\n  colorId?: number | string;\n}\n\n/** Patient summary — identity only, drives the avatar. */\nexport interface AppointmentPatient {\n  /** Patient display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** One treatment line within the appointment. */\nexport interface AppointmentTreatment {\n  /** Localised care / treatment name. */\n  careName: string;\n  /** Optional tooth elements (e.g. FDI ids) the treatment targets. */\n  elements?: string[];\n}\n\n/** Booking-reason metadata captured at online-booking time. */\nexport interface AppointmentBookingReason {\n  /** Localised booking-reason description. */\n  description: string;\n  /** Expected duration in minutes. */\n  durationMin?: number;\n  /** Advance / deposit amount in cents (non-negative). */\n  advanceAmountCents?: number;\n  /** Localised specialty label. */\n  specialty?: string;\n}\n\n/** Boolean appointment flags surfaced as chips / indicators. */\nexport interface AppointmentFlags {\n  bookedOnline?: boolean;\n  noPatientAssigned?: boolean;\n  highlightedAnamnesis?: boolean;\n  billable?: boolean;\n}\n\nexport interface AppointmentItem {\n  /** Stable appointment identifier. */\n  id: string;\n  /** ISO-8601 start instant. */\n  startIso: string;\n  /** Duration in minutes. */\n  durationMin: number;\n  /** Lifecycle state — drives the Badge variant + label. */\n  state: AppointmentState;\n  /** Delivery channel — drives the leading type glyph. */\n  type: AppointmentType;\n  /** First-visit flag. */\n  firstVisit?: AppointmentFirstVisit;\n  /** Assigned operator. */\n  operator?: AppointmentOperator;\n  /** Chair / room label. */\n  chair?: string;\n  /** Patient identity. */\n  patient?: AppointmentPatient;\n  /** Treatment lines. */\n  treatments?: AppointmentTreatment[];\n  /** Online booking-reason metadata. */\n  bookingReason?: AppointmentBookingReason;\n  /** Boolean flags. */\n  flags?: AppointmentFlags;\n  /** Optional deep link — when present (and safe) the row renders as an anchor. */\n  url?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — row                                                             */\n/* -------------------------------------------------------------------- */\n\nconst appointmentCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-start ds:group',\n    'ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst TYPE_ICON: Record<AppointmentType, typeof MapPin> = {\n  inPractice: MapPin,\n  telehealth: Video,\n};\n\n/* -------------------------------------------------------------------- */\n/* Props                                                                 */\n/* -------------------------------------------------------------------- */\n\nexport interface AppointmentCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof appointmentCardVariants> {\n  /** The appointment to render. */\n  item: AppointmentItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** BCP-47 locale override for the timestamp + currency. */\n  locale?: string;\n  /** ISO-4217 currency code for the advance-deposit chip. Defaults to `EUR`. */\n  currency?: string;\n  /** Fires when the row is activated. */\n  onActivate?: (item: AppointmentItem) => void;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentCard = forwardRef<HTMLDivElement, AppointmentCardProps>(\n  (\n    {\n      item,\n      size = 'sm',\n      locale,\n      currency = 'EUR',\n      onActivate,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n\n    const patientName = item.patient?.name ?? t('appointmentCard.noPatient');\n    const operatorName = item.operator?.name;\n    const stateLabel = t(`appointmentCard.state.${item.state}`);\n\n    const avatarSize = size === 'md' ? 'md' : 'sm';\n    const TypeIcon = TYPE_ICON[item.type];\n\n    const ariaLabel = t('appointmentCard.itemLabel', {\n      patient: patientName,\n      state: stateLabel,\n    });\n\n    const titleNode = (\n      <span className=\"ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]\">\n        {patientName}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    // Treatment / tooth-element Tags. Each treatment becomes one Tag; the\n    // tooth elements (when present) are appended to the visible label.\n    const treatmentTags = (item.treatments ?? []).map((tx, index) => {\n      const label =\n        tx.elements && tx.elements.length > 0\n          ? t('appointmentCard.treatmentWithElements', {\n              care: tx.careName,\n              elements: tx.elements.join(', '),\n            })\n          : tx.careName;\n      return (\n        <Tag\n          key={`${tx.careName}-${index}`}\n          label={label}\n          variant=\"neutral\"\n          fill=\"outline\"\n          size=\"sm\"\n          maxInlineSize=\"12rem\"\n        />\n      );\n    });\n\n    const advanceCents = item.bookingReason?.advanceAmountCents;\n    const hasAdvance = typeof advanceCents === 'number' && advanceCents > 0;\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"appointment-card\"\n        data-component-id={item.id}\n        data-state={item.state}\n        data-type={item.type}\n        className={appointmentCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        {/* Leading rail: type glyph + start time + duration */}\n        <span className=\"ds:flex ds:w-16 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n          <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\">\n            <TypeIcon aria-hidden=\"true\" className=\"ds:size-3.5 ds:shrink-0\" />\n            <span className=\"ds:sr-only\">\n              {t(`appointmentCard.type.${item.type}`)}\n            </span>\n            <Timestamp\n              value={item.startIso}\n              format=\"absolute\"\n              shape=\"bare\"\n              locale={locale}\n              absoluteFormat={{ hour: 'numeric', minute: '2-digit' }}\n              className=\"type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n            />\n          </span>\n          <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n            {t('appointmentCard.duration', { count: item.durationMin })}\n          </span>\n        </span>\n\n        {/* Operator avatar with colour dot */}\n        {operatorName ? (\n          <span className=\"ds:relative ds:shrink-0\">\n            <Avatar\n              name={operatorName}\n              color={colorIdToToken(item.operator?.colorId)}\n              size={avatarSize}\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n            <span\n              aria-hidden=\"true\"\n              className={\n                'ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] ' +\n                operatorDotClass(item.operator?.colorId)\n              }\n            />\n          </span>\n        ) : null}\n\n        {/* Main content column */}\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {item.patient?.avatarUrl ? (\n                <Avatar\n                  name={patientName}\n                  src={item.patient.avatarUrl}\n                  size={avatarSize}\n                  className=\"ds:shrink-0\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  aria-label={undefined}\n                />\n              ) : null}\n              {activator}\n            </div>\n            <Badge\n              variant={appointmentStateBadge(item.state)}\n              size=\"sm\"\n              withDot\n              className=\"ds:shrink-0\"\n            >\n              {stateLabel}\n            </Badge>\n          </div>\n\n          {/* Meta line: operator name · chair · specialty · first visit */}\n          {operatorName ||\n          item.chair ||\n          item.bookingReason?.specialty ||\n          item.firstVisit === 'yes' ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {operatorName ? <span>{operatorName}</span> : null}\n              {item.chair ? (\n                <span>{t('appointmentCard.chair', { chair: item.chair })}</span>\n              ) : null}\n              {item.bookingReason?.specialty ? (\n                <span>{item.bookingReason.specialty}</span>\n              ) : null}\n              {item.firstVisit === 'yes' ? (\n                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <Star aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  {t('appointmentCard.firstVisit')}\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n\n          {/* Booking reason */}\n          {item.bookingReason?.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--foreground)] ds:truncate\">\n              {item.bookingReason.description}\n            </span>\n          ) : null}\n\n          {/* Treatment / tooth Tags */}\n          {treatmentTags.length > 0 ? (\n            <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n              {treatmentTags}\n            </div>\n          ) : null}\n\n          {/* Flag chips + advance-deposit chip */}\n          {item.flags?.bookedOnline ||\n          item.flags?.highlightedAnamnesis ||\n          hasAdvance ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {item.flags?.bookedOnline ? (\n                <Badge variant=\"info\" size=\"sm\" leading={<Globe />}>\n                  {t('appointmentCard.flag.bookedOnline')}\n                </Badge>\n              ) : null}\n              {item.flags?.highlightedAnamnesis ? (\n                <Badge variant=\"warning\" size=\"sm\" withDot>\n                  {t('appointmentCard.flag.highlightedAnamnesis')}\n                </Badge>\n              ) : null}\n              {hasAdvance ? (\n                <TransactionChip\n                  state=\"to-invoice\"\n                  amount={(advanceCents as number) / 100}\n                  currency={currency}\n                  locale={locale}\n                  size=\"sm\"\n                  showLabel\n                />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:self-center ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAppointmentCard.displayName = 'AppointmentCard';\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentCard.                                       */\n/*                                                                        */\n/* Single-appointment surface. Activation is owned by the consumer /     */\n/* host tray; the card emits a DOM hook so a future MCP UI bridge can    */\n/* address one rendered card by its appointment id. Read-only — the card */\n/* exposes no imperative handle of its own (the tray owns activation).   */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const appointmentCardAgent: AgentAdapter = {\n  id: 'appointment-card',\n  // 'pick' (non-persisting activation) is host-delegated: the card exposes no\n  // handle of its own — its enclosing AppointmentTray performs the pick via\n  // `appointment-tray.select_item`, addressing this card by its data-component-id.\n  capabilities: ['pick'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-card',\n      description:\n        'Marks the element as a kit AppointmentCard. The root also emits data-component-id sourced from item.id, data-state with the appointment lifecycle, and data-type with the delivery channel.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'item.id',\n      description: 'Sourced from item.id — the stable appointment identifier.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentTray.                                       */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle state (never     */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AppointmentTray is in-page (no open/close).           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AppointmentTrayHandle } from './appointment-tray';\n\nexport const appointmentTrayAgent: AgentAdapter<AppointmentTrayHandle> = {\n  id: 'appointment-tray',\n  // 'pick' (non-persisting activation): select_item routes an activation\n  // through onActivate — it does not persist a \"selected appointment\" value,\n  // so this is a focus/pick, not a select_single.\n  capabilities: ['pick'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; state: string }>',\n      descriptionKey: 'ui.agent.appointmentTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + lifecycle state only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.appointmentTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-tray',\n      description: 'Marks the AppointmentTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AppointmentCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AppointmentCard, type AppointmentItem } from './appointment-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { appointmentTrayAgent } from './appointment-tray.agent';\n\n/* -------------------------------------------------------------------- */\n/* AppointmentTray                                                       */\n/*                                                                       */\n/* Bordered panel that hosts a list of AppointmentCards — header with a  */\n/* title + optional caption + an \"Add\" affordance, a body that branches  */\n/* on loading (Skeleton) / empty (EmptyState) / list. Mirrors AgendaTray */\n/* but composes the richer AppointmentCard row.                          */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentTray.*` namespace.                                        */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — panel surface                                                   */\n/* -------------------------------------------------------------------- */\n\nconst appointmentTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/**\n * Curated imperative handle for AppointmentTray — the forwardRef target so a\n * future agent / MCP UI bridge can drive the tray without touching the DOM.\n * Reads identifiers + lifecycle state only, never patient identity. See\n * `appointment-tray.agent.ts`.\n */\nexport interface AppointmentTrayHandle {\n  getItems: () => Array<{ id: string; state: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AppointmentTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof appointmentTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** The appointments to render. */\n  items: AppointmentItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  /** Visual density passed through to each AppointmentCard. */\n  size?: 'sm' | 'md';\n  /** BCP-47 locale override passed to each AppointmentCard. */\n  locale?: string;\n  /** ISO-4217 currency code passed to each AppointmentCard. */\n  currency?: string;\n  onOpenAppointment?: (item: AppointmentItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentTray = forwardRef<HTMLElement, AppointmentTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      locale,\n      currency,\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const heading = title ?? t('appointmentTray.title');\n    const resolvedAddLabel = addLabel ?? t('appointmentTray.add');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"3.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('appointmentTray.empty.title')}\n            description={\n              emptyDescription ?? t('appointmentTray.empty.description')\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-[var(--spacing-2xs)]\">\n          {items.map((item) => (\n            <AppointmentCard\n              key={item.id}\n              item={item}\n              size={size}\n              locale={locale}\n              currency={currency}\n              onActivate={onOpenAppointment}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * appointment-tray.agent.ts. */\n    const itemsRef = useRef<AppointmentItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AppointmentTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, state: i.state })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(appointmentTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"appointment-tray\"\n        data-component-id={id}\n        className={appointmentTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n      </section>\n    );\n  },\n);\n\nAppointmentTray.displayName = 'AppointmentTray';\n"],"names":["OPERATOR_DOT_CLASS","operatorDotClass","colorId","colorIdToToken","appointmentCardVariants","cva","stretchedLinkClass","TYPE_ICON","MapPin","Video","AppointmentCard","forwardRef","item","size","locale","currency","onActivate","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","patientName","_a","operatorName","_b","stateLabel","avatarSize","TypeIcon","ariaLabel","titleNode","jsx","activator","e","treatmentTags","tx","index","label","Tag","advanceCents","_c","hasAdvance","jsxs","Timestamp","Avatar","_d","_e","_f","Badge","appointmentStateBadge","_g","_h","Star","_i","_j","_k","_l","Globe","_m","TransactionChip","ChevronRight","appointmentCardAgent","appointmentTrayAgent","handle","args","appointmentTrayVariants","AppointmentTray","id","items","title","caption","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","heading","resolvedAddLabel","isEmpty","body","i","Skeleton","EmptyState","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","CalendarDays","IconButton","Plus"],"mappings":"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"}

package/dist/_chunks/{audio-recorder-DjXLP4aF.js → audio-recorder-DYXXnGug.js}

@@ -1,13 +1,13 @@
 import { jsxs as R, jsx as s, Fragment as se } from "react/jsx-runtime";
-import { forwardRef as ae, useReducer as ne, useState as x, useRef as l, useEffect as D, useCallback as h, useMemo as de, useImperativeHandle as ce } from "react";
+import { forwardRef as ne, useReducer as ae, useState as x, useRef as l, useEffect as N, useCallback as h, useMemo as de, useImperativeHandle as ce } from "react";
 import { c as oe } from "./index-D2ZczOXr.js";
 import { useTranslation as ue } from "react-i18next";
 import { B as G } from "./button-DD_0Xdmr.js";
-import { I as N } from "./icon-button-LqoiKcUN.js";
-import { S as pe } from "./select-CEtRcon5.js";
+import { I as D } from "./icon-button-LqoiKcUN.js";
+import { S as pe } from "./select-DMLG44F5.js";
 import { A as le } from "./audio-visualiser-l6zPd0AG.js";
 import { A as F } from "./alert-_mUKLmwA.js";
-import { u as me } from "./registry-nPAVE19X.js";
+import { u as me } from "./registry-DvAUVLHh.js";
 import { M as fe } from "./mic-B4Gog3Gi.js";
 import { c as J } from "./createLucideIcon-CrFbzy84.js";
 import { S as ge } from "./square-CZoGU14v.js";
@@ -38,7 +38,7 @@ const ke = [
   ]
 ], be = J("play", ke), Re = {
   id: "audio-recorder",
-  capabilities: ["submit"],
+  capabilities: ["capture", "submit"],
   state: {
     isRecording: {
       type: "boolean",
@@ -62,8 +62,10 @@ const ke = [
   actions: {
     start_recording: {
       safety: "write",
+      returns: "void",
       descriptionKey: "ui.agent.audioRecorder.actions.startRecording",
       description: "Request microphone permission and begin recording.",
+      errors: ["Microphone permission denied", "No audio input device"],
       invoke: (r) => r.startRecording()
     },
     stop_recording: {
@@ -76,6 +78,7 @@ const ke = [
     },
     discard: {
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.audioRecorder.actions.discard",
       description: "Cancel the recording. Irreversible — the captured audio is dropped.",
       invoke: (r) => {
@@ -135,7 +138,7 @@ function we(r, u) {
       return r;
   }
 }
-const Ae = oe(
+const Me = oe(
   [
     "ds:inline-flex ds:flex-col ds:items-stretch ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
@@ -152,7 +155,7 @@ const Ae = oe(
     },
     defaultVariants: { size: "md" }
   }
-), Me = [
+), Ae = [
   "audio/webm;codecs=opus",
   "audio/webm",
   "audio/mp4",
@@ -160,15 +163,15 @@ const Ae = oe(
 ];
 function xe() {
   if (!(typeof MediaRecorder > "u")) {
-    for (const r of Me)
+    for (const r of Ae)
       if (MediaRecorder.isTypeSupported(r)) return r;
   }
 }
-function De(r, u) {
+function Ne(r, u) {
   const m = Math.max(0, Math.floor(r / 1e3)), i = Math.floor(m / 60), f = m % 60, v = (S) => new Intl.NumberFormat(u, { minimumIntegerDigits: 2 }).format(S);
   return `${v(i)}:${v(f)}`;
 }
-const Ne = ae(
+const De = ne(
   ({
     size: r = "md",
     onRecordingComplete: u,
@@ -179,23 +182,23 @@ const Ne = ae(
     className: S,
     ...I
   }, Q) => {
-    const { t: d, i18n: W } = ue(), [t, p] = ne(we, { kind: "idle" }), [z, T] = x(null), [Y, Z] = x(Date.now()), [E, ee] = x([]), [w, te] = x(""), c = l(null), y = l([]), _ = l(0), V = l(0), g = l(null), B = l(!1), k = l(!1), H = l(0), b = typeof MediaRecorder < "u";
-    D(() => {
+    const { t: d, i18n: W } = ue(), [t, p] = ae(we, { kind: "idle" }), [z, T] = x(null), [Y, Z] = x(Date.now()), [E, ee] = x([]), [w, te] = x(""), c = l(null), y = l([]), _ = l(0), V = l(0), g = l(null), B = l(!1), k = l(!1), H = l(0), b = typeof MediaRecorder < "u";
+    N(() => {
       var e;
-      !b || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((a) => {
-        const o = a.filter((n) => n.kind === "audioinput");
+      !b || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((n) => {
+        const o = n.filter((a) => a.kind === "audioinput");
         ee(o);
       }).catch(() => {
       });
-    }, [b]), D(() => {
+    }, [b]), N(() => {
       if (t.kind !== "recording") return;
       const e = window.setInterval(() => Z(Date.now()), 250);
       return () => window.clearInterval(e);
     }, [t.kind]);
     const $ = h(() => {
       const e = g.current ?? z;
-      e == null || e.getTracks().forEach((a) => a.stop()), g.current = null, T(null);
-    }, [z]), A = h(async () => {
+      e == null || e.getTracks().forEach((n) => n.stop()), g.current = null, T(null);
+    }, [z]), M = h(async () => {
       if (!b) {
         p({ type: "error", kind: "unsupported" }), i == null || i("unsupported");
         return;
@@ -206,17 +209,17 @@ const Ne = ae(
           audio: w ? { deviceId: { exact: w } } : !0
         });
         if (B.current || k.current) {
-          e.getTracks().forEach((n) => n.stop());
+          e.getTracks().forEach((a) => a.stop());
           return;
         }
         g.current = e, T(e);
-        const a = xe(), o = new MediaRecorder(
+        const n = xe(), o = new MediaRecorder(
           e,
-          a ? { mimeType: a } : void 0
+          n ? { mimeType: n } : void 0
         );
-        c.current = o, y.current = [], _.current = 0, o.ondataavailable = (n) => {
+        c.current = o, y.current = [], _.current = 0, o.ondataavailable = (a) => {
           var X;
-          if (n.data && n.data.size > 0 && (y.current.push(n.data), _.current += n.data.size, typeof v == "number" && _.current >= v && ((X = c.current) == null ? void 0 : X.state) === "recording")) {
+          if (a.data && a.data.size > 0 && (y.current.push(a.data), _.current += a.data.size, typeof v == "number" && _.current >= v && ((X = c.current) == null ? void 0 : X.state) === "recording")) {
             i == null || i("max-size");
             try {
               c.current.stop();
@@ -225,16 +228,16 @@ const Ne = ae(
           }
         }, o.onstop = () => {
           if (!k.current) {
-            const n = new Blob(y.current, {
-              type: a ?? "audio/webm"
+            const a = new Blob(y.current, {
+              type: n ?? "audio/webm"
             });
-            u == null || u(n, V.current);
+            u == null || u(a, V.current);
           }
-          y.current = [], c.current = null, e.getTracks().forEach((n) => n.stop()), g.current = null, T(null), k.current = !1;
+          y.current = [], c.current = null, e.getTracks().forEach((a) => a.stop()), g.current = null, T(null), k.current = !1;
         }, H.current = performance.now(), o.start(1e3), p({ type: "start" });
       } catch (e) {
-        const a = e instanceof Error ? e.name : "";
-        a === "NotAllowedError" || a === "SecurityError" ? (p({ type: "error", kind: "permission-denied" }), i == null || i("permission-denied")) : a === "NotFoundError" || a === "OverconstrainedError" ? (p({ type: "error", kind: "no-device" }), i == null || i("no-device")) : (p({ type: "error", kind: "capture-failed" }), i == null || i("capture-failed"));
+        const n = e instanceof Error ? e.name : "";
+        n === "NotAllowedError" || n === "SecurityError" ? (p({ type: "error", kind: "permission-denied" }), i == null || i("permission-denied")) : n === "NotFoundError" || n === "OverconstrainedError" ? (p({ type: "error", kind: "no-device" }), i == null || i("no-device")) : (p({ type: "error", kind: "capture-failed" }), i == null || i("capture-failed"));
       }
     }, [i, u, w, b]), re = h(() => {
       var e;
@@ -245,8 +248,8 @@ const Ne = ae(
     }, []), q = h(() => {
       var e;
       if (t.kind === "recording" || t.kind === "paused") {
-        const a = t.startedAt, o = t.pausedMs, n = Date.now() - a - o;
-        V.current = Math.max(0, n), p({ type: "stop", duration: n });
+        const n = t.startedAt, o = t.pausedMs, a = Date.now() - n - o;
+        V.current = Math.max(0, a), p({ type: "stop", duration: a });
       }
       try {
         (e = c.current) == null || e.stop();
@@ -261,38 +264,38 @@ const Ne = ae(
       }
       y.current = [], c.current = null, $(), p({ type: "cancel" }), m == null || m();
     }, [$, m]);
-    D(() => {
+    N(() => {
       if (t.kind !== "recording" || typeof f != "number" || f <= 0) return;
-      const e = performance.now() - H.current - t.pausedMs, a = Math.max(0, f - e), o = window.setTimeout(() => {
-        var n;
-        if (((n = c.current) == null ? void 0 : n.state) === "recording") {
+      const e = performance.now() - H.current - t.pausedMs, n = Math.max(0, f - e), o = window.setTimeout(() => {
+        var a;
+        if (((a = c.current) == null ? void 0 : a.state) === "recording") {
           i == null || i("max-duration");
           try {
             c.current.stop();
           } catch {
           }
         }
-      }, a);
+      }, n);
       return () => window.clearTimeout(o);
-    }, [t, f, i]), D(() => () => {
-      var e, a;
+    }, [t, f, i]), N(() => () => {
+      var e, n;
       B.current = !0;
       try {
         (e = c.current) == null || e.stop();
       } catch {
       }
-      (a = g.current) == null || a.getTracks().forEach((o) => o.stop()), g.current = null;
+      (n = g.current) == null || n.getTracks().forEach((o) => o.stop()), g.current = null;
     }, []);
     const j = t.kind === "recording" ? Y - t.startedAt - t.pausedMs : t.kind === "paused" ? t.pausedAt - t.startedAt - t.pausedMs : t.kind === "stopped" ? t.duration : 0, P = de(
       () => ({
         isRecording: () => t.kind === "recording",
         getDuration: () => j,
         hasRecording: () => t.kind === "stopped",
-        startRecording: () => A(),
+        startRecording: () => M(),
         stopRecording: () => q(),
         discard: () => K()
       }),
-      [t, j, A, q, K]
+      [t, j, M, q, K]
     );
     ce(Q, () => P, [P]), me(Re, P, I.id);
     const C = E.map((e) => ({
@@ -313,13 +316,13 @@ const Ne = ae(
         case "error":
           return t.type === "permission-denied" ? d("chat.audio.permissionDenied") : t.type === "unsupported" ? d("chat.audio.unsupported") : d("chat.audio.idle");
       }
-    })(), M = t.kind === "recording", L = t.kind === "paused", U = t.kind === "error";
+    })(), A = t.kind === "recording", L = t.kind === "paused", U = t.kind === "error";
     return /* @__PURE__ */ R(
       "div",
       {
         "data-component": "audio-recorder",
         "data-component-id": I.id,
-        className: Ae({ size: r, className: S }),
+        className: Me({ size: r, className: S }),
         ...I,
         children: [
           /* @__PURE__ */ R("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
@@ -329,9 +332,9 @@ const Ne = ae(
                 "aria-hidden": "true",
                 className: [
                   "ds:relative ds:inline-flex ds:size-3 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)]",
-                  M ? "ds:bg-[color:var(--destructive)]" : "ds:bg-[color:var(--muted)]"
+                  A ? "ds:bg-[color:var(--destructive)]" : "ds:bg-[color:var(--muted)]"
                 ].join(" "),
-                children: M ? /* @__PURE__ */ s(
+                children: A ? /* @__PURE__ */ s(
                   "span",
                   {
                     className: [
@@ -359,7 +362,7 @@ const Ne = ae(
                 dir: "ltr",
                 "aria-hidden": "true",
                 className: "ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]",
-                children: De(j, W.language)
+                children: Ne(j, W.language)
               }
             )
           ] }),
@@ -371,13 +374,13 @@ const Ne = ae(
                 intent: "primary",
                 size: "sm",
                 startIcon: /* @__PURE__ */ s(fe, {}),
-                onClick: A,
+                onClick: M,
                 disabled: !b,
                 children: d("chat.audio.record")
               }
             ) : null,
-            M ? /* @__PURE__ */ s(
-              N,
+            A ? /* @__PURE__ */ s(
+              D,
               {
                 icon: /* @__PURE__ */ s(ye, {}),
                 "aria-label": d("chat.audio.pause"),
@@ -387,7 +390,7 @@ const Ne = ae(
               }
             ) : null,
             L ? /* @__PURE__ */ s(
-              N,
+              D,
               {
                 icon: /* @__PURE__ */ s(be, {}),
                 "aria-label": d("chat.audio.resume"),
@@ -396,9 +399,9 @@ const Ne = ae(
                 onClick: ie
               }
             ) : null,
-            M || L ? /* @__PURE__ */ R(se, { children: [
+            A || L ? /* @__PURE__ */ R(se, { children: [
               /* @__PURE__ */ s(
-                N,
+                D,
                 {
                   icon: /* @__PURE__ */ s(ge, {}),
                   "aria-label": d("chat.audio.stop"),
@@ -408,7 +411,7 @@ const Ne = ae(
                 }
               ),
               /* @__PURE__ */ s(
-                N,
+                D,
                 {
                   icon: /* @__PURE__ */ s(he, {}),
                   "aria-label": d("chat.audio.cancel"),
@@ -432,16 +435,16 @@ const Ne = ae(
           ] }),
           U && t.kind === "error" ? /* @__PURE__ */ R(F, { variant: "error", live: "polite", children: [
             /* @__PURE__ */ s(F.Description, { children: O }),
-            t.type === "permission-denied" ? /* @__PURE__ */ s(F.Action, { children: /* @__PURE__ */ s(G, { intent: "ghost", size: "sm", onClick: A, children: d("chat.audio.retry") }) }) : null
+            t.type === "permission-denied" ? /* @__PURE__ */ s(F.Action, { children: /* @__PURE__ */ s(G, { intent: "ghost", size: "sm", onClick: M, children: d("chat.audio.retry") }) }) : null
           ] }) : null
         ]
       }
     );
   }
 );
-Ne.displayName = "AudioRecorder";
+De.displayName = "AudioRecorder";
 export {
-  Ne as A,
+  De as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-DjXLP4aF.js.map
+//# sourceMappingURL=audio-recorder-DYXXnGug.js.map