@alfadocs/ui-kit-debug 0.47.0 → 0.49.0

package/dist/_chunks/agenda-tray-DQayYmQ0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agenda-tray-DQayYmQ0.js","sources":["../../src/components/agenda-tray/agenda-tray.agent.ts","../../src/components/agenda-tray/agenda-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AgendaTray.                                            */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle status (never    */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AgendaTray is in-page (no open/close).                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AgendaTrayHandle } from './agenda-tray';\n\nexport const agendaTrayAgent: AgentAdapter<AgendaTrayHandle> = {\n  id: 'agenda-tray',\n  capabilities: ['select_single'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.agendaTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + status only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.agendaTray.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: 'agenda-tray',\n      description: 'Marks the AgendaTray 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 AgendaCard 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 { AgendaCard, type AgendaItem } from '../agenda-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { agendaTrayAgent } from './agenda-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaTrayVariants = 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 AgendaTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `agenda-tray.agent.ts`.\n */\nexport interface AgendaTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AgendaTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof agendaTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  items: AgendaItem[];\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  size?: 'sm' | 'md';\n  onOpenAppointment?: (item: AgendaItem) => 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 AgendaTray = forwardRef<HTMLElement, AgendaTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\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('agendaTray.title', \"Today's appointments\");\n    const resolvedAddLabel = addLabel ?? t('agendaTray.add', 'Add appointment');\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=\"2.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('agendaTray.empty.title', 'No appointments')}\n            description={\n              emptyDescription ??\n              t(\n                'agendaTray.empty.description',\n                'New appointments will appear here.',\n              )\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"ds:flex ds:list-none ds:flex-col\">\n          {items.map((item) => (\n            <AgendaCard\n              key={item.id}\n              item={item}\n              size={size}\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     * agenda-tray.agent.ts. */\n    const itemsRef = useRef<AgendaItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AgendaTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'confirmed',\n          })),\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(agendaTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"agenda-tray\"\n        data-component-id={id}\n        className={agendaTrayVariants({ 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\nAgendaTray.displayName = 'AgendaTray';\n"],"names":["agendaTrayAgent","handle","args","agendaTrayVariants","cva","AgendaTray","forwardRef","id","items","title","caption","size","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AgendaCard","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","jsxs","CalendarDays","IconButton","Plus"],"mappings":";;;;;;;;;;;AAWO,MAAMA,IAAkD;AAAA,EAC7D,IAAI;AAAA,EACJ,cAAc,CAAC,eAAe;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAAyB;AACxC,QAAAD,EAAO,WAAWC,EAAK,EAAE;AAAA,MAC3B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aACE;AAAA,IAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GC9BMC,IAAqBC;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GA4CaC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAUd,KAASY,EAAE,oBAAoB,sBAAsB,GAC/DG,IAAmBV,KAAYO,EAAE,kBAAkB,iBAAiB,GACpEI,IAAU,CAACV,KAAWP,EAAM,WAAW;AAE7C,QAAIkB;AACJ,IAAIX,IACFW,IACE,gBAAAC,EAAC,SAAI,WAAU,2EACZ,WAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAACC,MACd,gBAAAD,EAACE,KAAiB,SAAQ,eAAc,QAAO,SAAA,GAAhCD,CAAyC,CACzD,GACH,IAEOH,IACTC,IACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAOd,KAAcK,EAAE,0BAA0B,iBAAiB;AAAA,QAClE,aACEJ,KACAI;AAAA,UACE;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAGN,IAGFK,sBACG,MAAA,EAAG,WAAU,oCACX,UAAAlB,EAAM,IAAI,CAACuB,MACV,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,MAAAD;AAAA,QACA,MAAApB;AAAA,QACA,YAAYC;AAAA,QACZ,uBAAqBmB,EAAK;AAAA,MAAA;AAAA,MAJrBA,EAAK;AAAA,IAAA,CAMb,GACH;AAMJ,UAAME,IAAWC,EAAqB1B,CAAK;AAC3C,IAAAyB,EAAS,UAAUzB;AAEnB,UAAM2B,IAAWD,EAAoB,IAAI;AACzC,IAAAE,EAAoBhB,GAAK,MAAMe,EAAS,SAAwB,CAAA,CAAE;AAElE,UAAMlC,IAASoC;AAAA,MACb,OAAO;AAAA,QACL,UAAU,MACRJ,EAAS,QAAQ,IAAI,CAACL,OAAO;AAAA,UAC3B,IAAIA,EAAE;AAAA,UACN,QAAQA,EAAE,UAAU;AAAA,QAAA,EACpB;AAAA,QACJ,YAAY,CAACU,MAAqB;AAChC,gBAAMC,IAAQN,EAAS,QAAQ,KAAK,CAACL,MAAMA,EAAE,OAAOU,CAAQ;AAC5D,UAAIC,qBAA2BA;AAAA,QACjC;AAAA,MAAA;AAAA,MAEF,CAAC3B,CAAiB;AAAA,IAAA;AAGpB,WAAA4B,EAAqBxC,GAAiBC,GAAQM,CAAE,GAG9C,gBAAAkC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKN;AAAA,QACL,cAAYZ;AAAA,QACZ,kBAAe;AAAA,QACf,qBAAmBhB;AAAA,QACnB,WAAWJ,EAAmB,EAAE,MAAAQ,GAAM,WAAAO,GAAW;AAAA,QAChD,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAsB,EAAC,UAAA,EAAO,WAAU,kGAChB,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,8DACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,oFACZ,UAAA;AAAA,gBAAA,gBAAAd,EAACe,GAAA,EAAa,eAAY,QAAO,WAAU,aAAY;AAAA,gBACtDnB;AAAA,cAAA,GACH;AAAA,cACCb,IACC,gBAAAiB,EAAC,QAAA,EAAK,WAAU,wDACb,aACH,IACE;AAAA,YAAA,GACN;AAAA,YACCd,IACC,gBAAAc;AAAA,cAACgB;AAAA,cAAA;AAAA,gBACC,wBAAOC,GAAA,EAAK;AAAA,gBACZ,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,cAAYpB;AAAA,gBACZ,SAASX;AAAA,cAAA;AAAA,YAAA,IAET;AAAA,UAAA,GACN;AAAA,UACCa;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEArB,EAAW,cAAc;"}

package/dist/_chunks/ai-consent-banner-F2md5JD3.js

@@ -0,0 +1,169 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { forwardRef as N, useState as k, useRef as q, useMemo as I } from "react";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as R } from "react-i18next";
+import { A as d } from "./alert-CUTxnym2.js";
+import { B as w } from "./badge-zsf5i5bH.js";
+import { B as T } from "./button-DD_0Xdmr.js";
+import { C as V } from "./checkbox-DRcOdmXv.js";
+import { S as j } from "./spinner-OjQNn8oN.js";
+import { T as z } from "./timestamp-BV2lC-wV.js";
+import { u as G } from "./registry-nPAVE19X.js";
+const K = {
+  id: "ai-consent-banner",
+  capabilities: [],
+  state: {
+    consentState: {
+      type: "'granted' | 'required' | 'pending'",
+      descriptionKey: "ui.agent.aiConsentBanner.state.consentState",
+      description: "Current consent state. Structural only — never the grantee identity.",
+      read: (a) => a.getState()
+    },
+    armed: {
+      type: "boolean",
+      descriptionKey: "ui.agent.aiConsentBanner.state.armed",
+      description: "Whether the consent confirmation checkbox is ticked (required state only).",
+      read: (a) => a.isArmed()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-consent-banner",
+      description: "Marks the AiConsentBanner root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific banner from the agent."
+    }
+  }
+}, M = L("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    state: {
+      granted: "",
+      required: "",
+      pending: ""
+    }
+  },
+  defaultVariants: {
+    state: "required"
+  }
+});
+function u(a, s) {
+  return s ? "pending" : a ? "granted" : "required";
+}
+const P = N(
+  ({
+    id: a,
+    granted: s,
+    grantedAt: l,
+    grantedBy: m,
+    canGrant: f = !0,
+    pending: c = !1,
+    onGrantConsent: g,
+    "aria-label": h,
+    className: v,
+    ...b
+  }, C) => {
+    const { t: e } = R(), t = u(s, c), [o, B] = k(!1), p = q(o);
+    p.current = o;
+    const y = I(
+      () => ({
+        getState: () => u(s, c),
+        isArmed: () => p.current
+      }),
+      [s, c]
+    );
+    G(K, y, a);
+    const A = h ?? e("aiConsentBanner.regionLabel", "AI assistance consent"), x = t === "granted" ? "success" : "info";
+    let i;
+    return t === "granted" ? i = /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ n(w, { variant: "success", children: e("aiConsentBanner.badge.granted", "Consent granted") }),
+        l !== void 0 ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+          e("aiConsentBanner.grantedAtPrefix", "Granted"),
+          " ",
+          /* @__PURE__ */ n(z, { value: l, format: "relative", shape: "inline" })
+        ] }) : null
+      ] }),
+      m ? /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: e("aiConsentBanner.grantedBy", {
+        name: m,
+        defaultValue: "By {{name}}"
+      }) }) : null
+    ] }) : t === "pending" ? i = /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        j,
+        {
+          size: "sm",
+          label: e("aiConsentBanner.pendingLabel", "Saving consent…")
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: e("aiConsentBanner.pendingLabel", "Saving consent…") })
+    ] }) : i = f ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        V,
+        {
+          checked: o,
+          onCheckedChange: (S) => B(S === !0),
+          label: e(
+            "aiConsentBanner.confirmLabel",
+            "I confirm consent has been obtained for AI assistance."
+          )
+        }
+      ),
+      /* @__PURE__ */ n(d.Action, { children: /* @__PURE__ */ n(
+        T,
+        {
+          intent: "primary",
+          size: "sm",
+          disabled: !o,
+          onClick: g,
+          children: e("aiConsentBanner.grantButton", "Grant consent")
+        }
+      ) })
+    ] }) : /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: e(
+      "aiConsentBanner.notAllowed",
+      "You do not have permission to grant AI assistance consent."
+    ) }), /* @__PURE__ */ n(
+      "div",
+      {
+        ref: C,
+        role: "region",
+        "aria-label": A,
+        "aria-busy": t === "pending" ? !0 : void 0,
+        "data-component": "ai-consent-banner",
+        "data-component-id": a,
+        "data-state": t,
+        id: a,
+        className: M({ state: t, className: v }),
+        ...b,
+        children: /* @__PURE__ */ r(
+          d,
+          {
+            variant: x,
+            icon: t === "pending" ? null : void 0,
+            children: [
+              /* @__PURE__ */ n(d.Title, { children: e("aiConsentBanner.title", "AI assistance consent") }),
+              /* @__PURE__ */ n(d.Description, { children: t === "granted" ? e(
+                "aiConsentBanner.description.granted",
+                "AI assistance is enabled for this record."
+              ) : e(
+                "aiConsentBanner.description.required",
+                "AI assistance requires recorded consent before it can run."
+              ) }),
+              i
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+P.displayName = "AiConsentBanner";
+export {
+  P as A,
+  K as a
+};
+//# sourceMappingURL=ai-consent-banner-F2md5JD3.js.map

package/dist/_chunks/ai-consent-banner-F2md5JD3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-consent-banner-F2md5JD3.js","sources":["../../src/components/ai-consent-banner/ai-consent-banner.agent.ts","../../src/components/ai-consent-banner/ai-consent-banner.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiConsentBanner.                                       */\n/*                                                                        */\n/* Read-only structural surface: the current consent state and whether   */\n/* the grant affordance is armed. Identifiers / structural state ONLY —   */\n/* never the grantee's name or any PHI. The real consent gate lives       */\n/* server-side; this adapter does not expose a grant action so an agent   */\n/* cannot consent on a user's behalf.                                     */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AiConsentBannerHandle } from './ai-consent-banner';\n\nexport const aiConsentBannerAgent: AgentAdapter<AiConsentBannerHandle> = {\n  id: 'ai-consent-banner',\n  capabilities: [],\n  state: {\n    consentState: {\n      type: \"'granted' | 'required' | 'pending'\",\n      descriptionKey: 'ui.agent.aiConsentBanner.state.consentState',\n      description:\n        'Current consent state. Structural only — never the grantee identity.',\n      read: (handle) => handle.getState(),\n    },\n    armed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.aiConsentBanner.state.armed',\n      description:\n        'Whether the consent confirmation checkbox is ticked (required state only).',\n      read: (handle) => handle.isArmed(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-consent-banner',\n      description: 'Marks the AiConsentBanner root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific banner from the agent.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Alert } from '../alert/alert';\nimport { Badge } from '../badge/badge';\nimport { Button } from '../button/button';\nimport { Checkbox } from '../checkbox/checkbox';\nimport { Spinner } from '../spinner/spinner';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { aiConsentBannerAgent } from './ai-consent-banner.agent';\n\n/* -------------------------------------------------------------------- */\n/* AiConsentBanner                                                        */\n/*                                                                        */\n/* Presentational AI-consent gate surfaced above an AI-assisted surface  */\n/* (e.g. Alfascribe consultation transcription). The SERVER owns the     */\n/* real gate — this component only reflects the consent record and lets  */\n/* the operator initiate a grant; it never enforces access itself.       */\n/*                                                                        */\n/* Three states drive the Alert variant + body:                          */\n/*   - granted  → success Alert with a Badge + when/who it was granted.  */\n/*   - required → info Alert with a Checkbox-gated Grant Button.         */\n/*   - pending  → info Alert in a disabled, Spinner-busy state while the */\n/*                server persists the grant.                             */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `aiConsentBanner.*` namespace.                                        */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    state: {\n      granted: '',\n      required: '',\n      pending: '',\n    },\n  },\n  defaultVariants: {\n    state: 'required',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* State derivation                                                      */\n/* -------------------------------------------------------------------- */\n\nexport type AiConsentState = NonNullable<\n  VariantProps<typeof rootVariants>['state']\n>;\n\n/** Pending wins over granted/required so the busy state is never masked. */\nfunction deriveState(granted: boolean, pending: boolean): AiConsentState {\n  if (pending) return 'pending';\n  return granted ? 'granted' : 'required';\n}\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/** Agent-readiness curated handle. Exposes the structural consent state only. */\nexport interface AiConsentBannerHandle {\n  /** Current derived state: 'granted' | 'required' | 'pending'. */\n  getState: () => AiConsentState;\n  /** Whether the Grant affordance is currently armed (checkbox ticked). */\n  isArmed: () => boolean;\n}\n\nexport interface AiConsentBannerProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'role'\n> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific banner. Mirrored to the\n   * real DOM `id`.\n   */\n  id?: string;\n  /** Whether consent has already been granted. Server-sourced. */\n  granted: boolean;\n  /**\n   * When consent was granted — ISO-8601 string, ms-epoch, or Date. Rendered\n   * via `Timestamp` in the granted state.\n   */\n  grantedAt?: string | number | Date;\n  /** Who granted consent (operator display name / role). Granted state only. */\n  grantedBy?: string;\n  /**\n   * Whether the current user is allowed to grant consent. When `false`, the\n   * required-state Grant affordance is hidden and a not-allowed note shows.\n   * Default `true`.\n   */\n  canGrant?: boolean;\n  /** The grant is being persisted server-side — shows the busy Spinner state. */\n  pending?: boolean;\n  /** Fired when the operator confirms the consent grant. */\n  onGrantConsent?: () => void;\n  /** Override the region's accessible name. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AiConsentBanner = forwardRef<HTMLDivElement, AiConsentBannerProps>(\n  (\n    {\n      id,\n      granted,\n      grantedAt,\n      grantedBy,\n      canGrant = true,\n      pending = false,\n      onGrantConsent,\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const state = deriveState(granted, pending);\n\n    // Local arm switch — the required state gates the Grant Button behind an\n    // explicit \"I understand\" checkbox so consent is never one mis-click away.\n    const [armed, setArmed] = useState(false);\n\n    const armedRef = useRef(armed);\n    armedRef.current = armed;\n\n    const handle = useMemo<AiConsentBannerHandle>(\n      () => ({\n        getState: () => deriveState(granted, pending),\n        isArmed: () => armedRef.current,\n      }),\n      [granted, pending],\n    );\n    useAgentRegistration(aiConsentBannerAgent, handle, id);\n\n    const resolvedAriaLabel =\n      ariaLabel ?? t('aiConsentBanner.regionLabel', 'AI assistance consent');\n\n    // Alert variant per state: granted → success, required/pending → info.\n    const alertVariant = state === 'granted' ? 'success' : 'info';\n\n    let body: React.ReactNode;\n    if (state === 'granted') {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <Badge variant=\"success\">\n              {t('aiConsentBanner.badge.granted', 'Consent granted')}\n            </Badge>\n            {grantedAt !== undefined ? (\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiConsentBanner.grantedAtPrefix', 'Granted')}{' '}\n                <Timestamp value={grantedAt} format=\"relative\" shape=\"inline\" />\n              </span>\n            ) : null}\n          </div>\n          {grantedBy ? (\n            <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n              {t('aiConsentBanner.grantedBy', {\n                name: grantedBy,\n                defaultValue: 'By {{name}}',\n              })}\n            </p>\n          ) : null}\n        </div>\n      );\n    } else if (state === 'pending') {\n      body = (\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <Spinner\n            size=\"sm\"\n            label={t('aiConsentBanner.pendingLabel', 'Saving consent…')}\n          />\n          <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n            {t('aiConsentBanner.pendingLabel', 'Saving consent…')}\n          </span>\n        </div>\n      );\n    } else {\n      // required\n      body = canGrant ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <Checkbox\n            checked={armed}\n            onCheckedChange={(next) => setArmed(next === true)}\n            label={t(\n              'aiConsentBanner.confirmLabel',\n              'I confirm consent has been obtained for AI assistance.',\n            )}\n          />\n          <Alert.Action>\n            <Button\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={!armed}\n              onClick={onGrantConsent}\n            >\n              {t('aiConsentBanner.grantButton', 'Grant consent')}\n            </Button>\n          </Alert.Action>\n        </div>\n      ) : (\n        <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n          {t(\n            'aiConsentBanner.notAllowed',\n            'You do not have permission to grant AI assistance consent.',\n          )}\n        </p>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-busy={state === 'pending' ? true : undefined}\n        data-component=\"ai-consent-banner\"\n        data-component-id={id}\n        data-state={state}\n        id={id}\n        className={rootVariants({ state, className })}\n        {...rest}\n      >\n        <Alert\n          variant={alertVariant}\n          icon={state === 'pending' ? null : undefined}\n        >\n          <Alert.Title>\n            {t('aiConsentBanner.title', 'AI assistance consent')}\n          </Alert.Title>\n          <Alert.Description>\n            {state === 'granted'\n              ? t(\n                  'aiConsentBanner.description.granted',\n                  'AI assistance is enabled for this record.',\n                )\n              : t(\n                  'aiConsentBanner.description.required',\n                  'AI assistance requires recorded consent before it can run.',\n                )}\n          </Alert.Description>\n          {body}\n        </Alert>\n      </div>\n    );\n  },\n);\n\nAiConsentBanner.displayName = 'AiConsentBanner';\n"],"names":["aiConsentBannerAgent","handle","rootVariants","cva","deriveState","granted","pending","AiConsentBanner","forwardRef","id","grantedAt","grantedBy","canGrant","onGrantConsent","ariaLabel","className","rest","ref","t","useTranslation","state","armed","setArmed","useState","armedRef","useRef","useMemo","useAgentRegistration","resolvedAriaLabel","alertVariant","body","jsxs","jsx","Badge","Timestamp","Spinner","Checkbox","next","Alert","Button"],"mappings":"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"}

package/dist/_chunks/ai-tools-rail-CYLWrRmm.js

@@ -0,0 +1,280 @@
+import { jsxs as j, jsx as f } from "react/jsx-runtime";
+import { forwardRef as M, useRef as v, useState as O, useMemo as k, useCallback as D, useEffect as G, useImperativeHandle as J } from "react";
+import { c as b } from "./index-D2ZczOXr.js";
+import { useTranslation as Q } from "react-i18next";
+import { I as X } from "./icon-button-CKEOrN37.js";
+import { S as Y } from "./scroll-area-BWqCkEGz.js";
+import { a as Z } from "./tooltip-DvmfrNvB.js";
+import { u as $ } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ee } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as ae } from "./registry-nPAVE19X.js";
+const te = {
+  id: "ai-tools-rail",
+  capabilities: ["open", "close", "select_single"],
+  state: {
+    activeToolId: {
+      type: "string | null",
+      descriptionKey: "ui.aiToolsRail.agent.state.activeToolId",
+      description: "Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.",
+      read: (n) => n.getActiveToolId()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.aiToolsRail.agent.actions.open",
+      description: "Open the given tool's panel.",
+      invoke: (n, a) => {
+        n.open(a.id);
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.aiToolsRail.agent.actions.close",
+      description: "Collapse the rail to its strip (no active tool).",
+      invoke: (n) => {
+        n.close();
+      }
+    },
+    select_tool: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      descriptionKey: "ui.aiToolsRail.agent.actions.selectTool",
+      description: "Set the active tool by id (opens its panel), or pass null to collapse.",
+      invoke: (n, a) => {
+        n.setActiveTool(a.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-tools-rail",
+      description: "Marks the AiToolsRail wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific rail from the agent."
+    },
+    item: {
+      attr: "data-tool-id",
+      description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
+    }
+  }
+}, se = "ds:[inline-size:3rem]", ne = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", ie = b(
+  ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
+  {
+    variants: {
+      side: {
+        // Strip docks inline-end; the panel mounts inline-start of it
+        // (flex-row, panel rendered first). Shadow faces the main area.
+        end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)]",
+        // Strip docks inline-start; the panel mounts inline-end of it.
+        start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]"
+      }
+    },
+    defaultVariants: { side: "end" }
+  }
+), oe = b(
+  [
+    "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+    "ds:gap-[var(--spacing-xs)]",
+    se
+  ].join(" ")
+), re = b(
+  [
+    "ds:flex ds:min-h-0 ds:flex-col ds:h-full",
+    "ds:bg-[var(--background)]",
+    ne
+  ].join(" ")
+), le = b(
+  [
+    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+    "ds:rounded-[var(--radius-full)]",
+    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+    "ds:pointer-events-none ds:select-none",
+    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+  ].join(" ")
+);
+function de(n, a) {
+  return n > 99 ? a : String(n);
+}
+const ce = M(
+  ({
+    id: n,
+    tools: a,
+    activeToolId: S,
+    defaultActiveToolId: L = null,
+    onActiveToolChange: B,
+    side: R = "end",
+    railLabel: z,
+    className: H
+  }, _) => {
+    var E;
+    const { t: m } = Q(), [F, l] = $({
+      value: S,
+      defaultValue: L,
+      onChange: B
+    }), d = F ?? null, h = v([]), I = v(null), [y, x] = O(0), u = v(!1), T = v(!1), c = k(
+      () => a.findIndex((e) => e.id === d),
+      [a, d]
+    ), p = c >= 0 ? a[c] : null, P = k(
+      () => a.findIndex((e) => !e.disabled),
+      [a]
+    ), g = c >= 0 ? c : y >= 0 && !((E = a[y]) != null && E.disabled) ? y : P, U = D(
+      (e, t) => {
+        const s = a.find((r) => r.id === e);
+        !s || s.disabled || (u.current = t, l(d === e ? null : e));
+      },
+      [a, d, l]
+    ), W = D(
+      (e) => {
+        var K, N, V;
+        const t = a.length;
+        if (t === 0) return;
+        let s = null;
+        if (e.key === "ArrowDown" ? s = (g + 1) % t : e.key === "ArrowUp" ? s = (g - 1 + t) % t : e.key === "Home" ? s = 0 : e.key === "End" && (s = t - 1), s === null) return;
+        const r = e.key === "ArrowUp" || e.key === "End";
+        let i = s, o = 0;
+        for (; o < t && ((K = a[i]) != null && K.disabled); )
+          i = r ? (i - 1 + t) % t : (i + 1) % t, o += 1;
+        (N = a[i]) != null && N.disabled || (e.preventDefault(), x(i), (V = h.current[i]) == null || V.focus());
+      },
+      [a, g]
+    ), A = v(null);
+    G(() => {
+      const e = A.current;
+      if (!e) return;
+      const t = (s) => {
+        if (s.key !== "Escape" || c < 0) return;
+        s.preventDefault();
+        const r = c;
+        l(null), x(r), requestAnimationFrame(() => {
+          var i;
+          (i = h.current[r]) == null || i.focus();
+        });
+      };
+      return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
+    }, [c, l]), ee(() => {
+      var e;
+      p && u.current && ((e = I.current) == null || e.focus()), u.current = !1;
+    }, [p]);
+    const C = v(d);
+    C.current = d;
+    const w = k(
+      () => ({
+        getActiveToolId: () => C.current,
+        setActiveTool: (e) => {
+          u.current = !1, l(e);
+        },
+        open: (e) => {
+          const t = a.find((s) => s.id === e);
+          !t || t.disabled || (u.current = !1, l(e));
+        },
+        close: () => {
+          u.current = !1, l(null);
+        }
+      }),
+      [a, l]
+    );
+    J(_, () => w, [w]), ae(te, w, n);
+    const q = m("aiToolsRail.badgeCountOverflow", {
+      defaultValue: "99+"
+    });
+    return /* @__PURE__ */ j(
+      "div",
+      {
+        ref: A,
+        "data-component": "ai-tools-rail",
+        "data-component-id": n,
+        "data-side": R,
+        className: [ie({ side: R }), H].filter(Boolean).join(" "),
+        children: [
+          p ? /* @__PURE__ */ f(
+            "aside",
+            {
+              ref: I,
+              tabIndex: -1,
+              "aria-label": m("aiToolsRail.panelLabel", {
+                tool: p.label,
+                defaultValue: "{{tool}} panel"
+              }),
+              "data-ai-tools-rail-state": "expanded",
+              "data-active-tool": p.id,
+              className: [re(), "ds:focus-visible:outline-none"].join(
+                " "
+              ),
+              children: /* @__PURE__ */ f(Y, { orientation: "vertical", className: "ds:flex-1 ds:min-h-0", children: p.panel })
+            }
+          ) : null,
+          /* @__PURE__ */ f(Z, { children: /* @__PURE__ */ f(
+            "div",
+            {
+              role: "toolbar",
+              "aria-orientation": "vertical",
+              "aria-label": z ?? m("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
+              className: oe(),
+              onKeyDown: W,
+              children: a.map((e, t) => {
+                const s = e.id === d, r = typeof e.badgeCount == "number" && e.badgeCount > 0, i = r ? m("aiToolsRail.toolWithCount", {
+                  tool: e.label,
+                  count: e.badgeCount,
+                  defaultValue: "{{tool}}, {{count}} updates"
+                }) : e.label;
+                return /* @__PURE__ */ j("div", { className: "ds:relative", children: [
+                  /* @__PURE__ */ f(
+                    X,
+                    {
+                      ref: (o) => {
+                        h.current[t] = o;
+                      },
+                      icon: e.icon,
+                      tooltip: e.label,
+                      "aria-label": i,
+                      intent: "ghost",
+                      size: "sm",
+                      disabled: e.disabled,
+                      "aria-pressed": s,
+                      "aria-expanded": s,
+                      "data-active": s ? e.id : void 0,
+                      "data-tool-id": e.id,
+                      tabIndex: t === g ? 0 : -1,
+                      onFocus: () => {
+                        e.disabled || x(t);
+                      },
+                      onClick: () => U(e.id, T.current),
+                      onKeyDown: (o) => {
+                        (o.key === "Enter" || o.key === " ") && (T.current = !0);
+                      },
+                      onKeyUp: (o) => {
+                        (o.key === "Enter" || o.key === " ") && (T.current = !1);
+                      }
+                    }
+                  ),
+                  r ? /* @__PURE__ */ f("span", { "aria-hidden": "true", className: le(), children: de(
+                    e.badgeCount,
+                    q
+                  ) }) : null
+                ] }, e.id);
+              })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+ce.displayName = "AiToolsRail";
+export {
+  ce as A,
+  te as a
+};
+//# sourceMappingURL=ai-tools-rail-CYLWrRmm.js.map

package/dist/_chunks/ai-tools-rail-CYLWrRmm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-tools-rail-CYLWrRmm.js","sources":["../../src/components/ai-tools-rail/ai-tools-rail.agent.ts","../../src/components/ai-tools-rail/ai-tools-rail.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiToolsRail.                                           */\n/*                                                                        */\n/* Rail-level surface: open / close a tool's panel and read which tool    */\n/* is active. State is strictly the active tool id — never any tool's     */\n/* panel CONTENT (which may carry PHI). Tool ids + badge counts are       */\n/* supplied by the host via props, not derived from panel bodies.        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AiToolsRailHandle } from './ai-tools-rail';\n\nexport const aiToolsRailAgent: AgentAdapter<AiToolsRailHandle> = {\n  id: 'ai-tools-rail',\n  capabilities: ['open', 'close', 'select_single'],\n  state: {\n    activeToolId: {\n      type: 'string | null',\n      descriptionKey: 'ui.aiToolsRail.agent.state.activeToolId',\n      description:\n        'Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.',\n      read: (handle) => handle.getActiveToolId(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.open',\n      description: \"Open the given tool's panel.\",\n      invoke: (handle, args: { id: string }) => {\n        handle.open(args.id);\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.close',\n      description: 'Collapse the rail to its strip (no active tool).',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_tool: {\n      safety: 'read',\n      argsType: '{ id: string | null }',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.selectTool',\n      description:\n        'Set the active tool by id (opens its panel), or pass null to collapse.',\n      invoke: (handle, args: { id: string | null }) => {\n        handle.setActiveTool(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-tools-rail',\n      description: 'Marks the AiToolsRail wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific rail from the agent.',\n    },\n    item: {\n      attr: 'data-tool-id',\n      description:\n        'Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { IconButton } from '../button/icon-button';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { TooltipProvider } from '../tooltip/tooltip';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { aiToolsRailAgent } from './ai-tools-rail.agent';\n\n/* ------------------------------------------------------------------ */\n/* Tokenised widths                                                    */\n/*                                                                    */\n/* Fixed + tokenised so the rail stays constraint-compliant — no       */\n/* prop-driven inline styles. Bare `[inline-size:…]` is NOT a          */\n/* recognised utility under the `ds:` prefix; it must carry the        */\n/* prefix or Tailwind emits no rule. Consumers needing a different     */\n/* size wrap the rail and override via CSS.                            */\n/* ------------------------------------------------------------------ */\nconst RAIL_WIDTH = 'ds:[inline-size:3rem]';\n// Panel width rides a consumer-overridable custom property (set\n// `--ai-tools-rail-panel-inline-size` on the rail or a wrapper) so\n// content-heavy tools (e.g. an inbox feed) can widen their panel\n// without inline styles. Defaults to the 22rem tray-family width.\nconst PANEL_WIDTH =\n  'ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface AiToolsRailTool {\n  /** Stable tool id — used in `data-active`, the imperative handle, and\n   *  to label the open panel region. */\n  id: string;\n  /** Accessible name for the strip icon + tooltip, and the open panel's\n   *  region label. Never rendered as visible body text. */\n  label: string;\n  /** lucide-react glyph (rendered `aria-hidden` inside the IconButton). */\n  icon: ReactNode;\n  /** Panel body for this tool. Rendered inline-start of the strip when\n   *  `side='end'` (mirrored for `'start'`). The consumer composes it. */\n  panel: ReactNode;\n  /** Optional unseen / notification count shown on the strip icon. */\n  badgeCount?: number;\n  /** When true the icon is non-interactive and skipped by roving focus. */\n  disabled?: boolean;\n}\n\n/**\n * Curated imperative handle for AiToolsRail. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the rail without\n * touching the DOM. See `ai-tools-rail.agent.ts`.\n *\n * State surfaced here is strictly identifiers + counts — never any\n * tool's panel content (which may carry PHI).\n */\nexport interface AiToolsRailHandle {\n  /** Currently-active tool id, or null when collapsed to strip-only. */\n  getActiveToolId: () => string | null;\n  /** Activate a tool by id (opens its panel), or null to collapse. */\n  setActiveTool: (id: string | null) => void;\n  /** Activate a tool by id (opens its panel). */\n  open: (id: string) => void;\n  /** Collapse to strip-only (no active tool). */\n  close: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — `side` drives the dock edge + which shadow faces main content */\n/* ------------------------------------------------------------------ */\n\nconst railVariants = cva(\n  ['ds:flex ds:shrink-0 ds:h-full', 'ds:bg-[var(--background)]'].join(' '),\n  {\n    variants: {\n      side: {\n        // Strip docks inline-end; the panel mounts inline-start of it\n        // (flex-row, panel rendered first). Shadow faces the main area.\n        end: 'ds:flex-row ds:shadow-[var(--shadow-chrome-start)]',\n        // Strip docks inline-start; the panel mounts inline-end of it.\n        start: 'ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]',\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nconst stripVariants = cva(\n  [\n    'ds:flex ds:shrink-0 ds:flex-col ds:items-center',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:gap-[var(--spacing-xs)]',\n    RAIL_WIDTH,\n  ].join(' '),\n);\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:min-h-0 ds:flex-col ds:h-full',\n    'ds:bg-[var(--background)]',\n    PANEL_WIDTH,\n  ].join(' '),\n);\n\n// Hand-rolled overlay count chip — mirrors the AliaSidebar / MessageTray\n// badge markup. A <Badge> would re-introduce its own landmark/role; the\n// strip icon already carries the count in its accessible name, so this\n// span is purely decorative (`aria-hidden`).\nconst badgeVariants = cva(\n  [\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface AiToolsRailProps extends VariantProps<typeof railVariants> {\n  /** Stable instance id, surfaced on the root as `data-component-id`. */\n  id?: string;\n  /** The tools shown as icons on the strip. */\n  tools: AiToolsRailTool[];\n  /** Controlled active tool id (null = collapsed / strip-only). */\n  activeToolId?: string | null;\n  /** Uncontrolled initial active tool id (default null). */\n  defaultActiveToolId?: string | null;\n  /** Fires whenever the active tool changes (incl. → null on collapse). */\n  onActiveToolChange?: (id: string | null) => void;\n  /** Which edge the rail docks to. Default `'end'` (inline-end). */\n  side?: 'start' | 'end';\n  /** Accessible label for the toolbar strip. */\n  railLabel?: string;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const AiToolsRail = forwardRef<AiToolsRailHandle, AiToolsRailProps>(\n  (\n    {\n      id,\n      tools,\n      activeToolId,\n      defaultActiveToolId = null,\n      onActiveToolChange,\n      side = 'end',\n      railLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Controlled / uncontrolled bridge — the same hook MessageTray uses.\n    const [activeRaw, setActiveRaw] = useControllableState<string | null>({\n      value: activeToolId,\n      defaultValue: defaultActiveToolId,\n      onChange: onActiveToolChange,\n    });\n    const activeId = activeRaw ?? null;\n\n    // Roving-tabindex bookkeeping for the vertical toolbar strip.\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const panelRef = useRef<HTMLElement | null>(null);\n    const [focusIndex, setFocusIndex] = useState(0);\n    // Distinguishes keyboard activation (auto-focus into the panel) from\n    // pointer activation (focus stays on the icon — less jarring).\n    const activatedByKeyboardRef = useRef(false);\n    // Set on Enter/Space keydown, read by the click handler that follows,\n    // cleared on keyup — so a subsequent mouse click never inherits it.\n    const keyboardActivateRef = useRef(false);\n\n    const activeIndex = useMemo(\n      () => tools.findIndex((tl) => tl.id === activeId),\n      [tools, activeId],\n    );\n    const activeTool = activeIndex >= 0 ? tools[activeIndex] : null;\n\n    // First non-disabled index — the resting roving stop when none active.\n    const firstEnabledIndex = useMemo(\n      () => tools.findIndex((tl) => !tl.disabled),\n      [tools],\n    );\n\n    // The roving tab stop: the active icon when a tool is open, else the\n    // index the user last focused, else the first enabled icon.\n    const rovingIndex =\n      activeIndex >= 0\n        ? activeIndex\n        : focusIndex >= 0 && !tools[focusIndex]?.disabled\n          ? focusIndex\n          : firstEnabledIndex;\n\n    const selectTool = useCallback(\n      (toolId: string, fromKeyboard: boolean) => {\n        const tool = tools.find((tl) => tl.id === toolId);\n        if (!tool || tool.disabled) return;\n        activatedByKeyboardRef.current = fromKeyboard;\n        // Clicking / activating the active tool collapses to strip-only.\n        setActiveRaw(activeId === toolId ? null : toolId);\n      },\n      [tools, activeId, setActiveRaw],\n    );\n\n    /* ---- Roving arrow-key navigation (vertical toolbar) ----------- */\n    const handleStripKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        const count = tools.length;\n        if (count === 0) return;\n\n        let next: number | null = null;\n        if (event.key === 'ArrowDown') next = (rovingIndex + 1) % count;\n        else if (event.key === 'ArrowUp')\n          next = (rovingIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n        if (next === null) return;\n\n        // Skip disabled icons in the travel direction.\n        const goingBack = event.key === 'ArrowUp' || event.key === 'End';\n        let candidate = next;\n        let attempts = 0;\n        while (attempts < count && tools[candidate]?.disabled) {\n          candidate = goingBack\n            ? (candidate - 1 + count) % count\n            : (candidate + 1) % count;\n          attempts += 1;\n        }\n        if (tools[candidate]?.disabled) return;\n\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n      },\n      [tools, rovingIndex],\n    );\n\n    /* ---- Esc collapses + returns focus to the active tool's icon -- */\n    // Attached imperatively via the root ref (not a JSX onKeyDown on the\n    // static container) so the Escape shortcut works from anywhere inside the\n    // open panel without an interaction handler on a non-interactive element.\n    const rootRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      const node = rootRef.current;\n      if (!node) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape') return;\n        if (activeIndex < 0) return;\n        event.preventDefault();\n        const returnIndex = activeIndex;\n        setActiveRaw(null);\n        setFocusIndex(returnIndex);\n        // Defer until after the panel unmounts so focus lands cleanly.\n        requestAnimationFrame(() => {\n          buttonsRef.current[returnIndex]?.focus();\n        });\n      };\n      node.addEventListener('keydown', onKeyDown);\n      return () => node.removeEventListener('keydown', onKeyDown);\n    }, [activeIndex, setActiveRaw]);\n\n    /* ---- Move focus into the panel when opened by keyboard -------- */\n    useIsomorphicLayoutEffect(() => {\n      if (activeTool && activatedByKeyboardRef.current) {\n        panelRef.current?.focus();\n      }\n      activatedByKeyboardRef.current = false;\n    }, [activeTool]);\n\n    /* ---- Curated imperative handle for agent integration ---------- */\n    const activeIdRef = useRef<string | null>(activeId);\n    activeIdRef.current = activeId;\n\n    const handle = useMemo<AiToolsRailHandle>(\n      () => ({\n        getActiveToolId: () => activeIdRef.current,\n        setActiveTool: (toolId) => {\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        open: (toolId) => {\n          const tool = tools.find((tl) => tl.id === toolId);\n          if (!tool || tool.disabled) return;\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        close: () => {\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(null);\n        },\n      }),\n      [tools, setActiveRaw],\n    );\n\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(aiToolsRailAgent, handle, id);\n\n    const overflowLabel = t('aiToolsRail.badgeCountOverflow', {\n      defaultValue: '99+',\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"ai-tools-rail\"\n        data-component-id={id}\n        data-side={side}\n        className={[railVariants({ side }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {/* The OPEN panel is the single complementary landmark, named by\n            the active tool. Rendered only while a tool is active so two\n            unnamed regions never coexist. */}\n        {activeTool ? (\n          <aside\n            ref={panelRef}\n            tabIndex={-1}\n            aria-label={t('aiToolsRail.panelLabel', {\n              tool: activeTool.label,\n              defaultValue: '{{tool}} panel',\n            })}\n            data-ai-tools-rail-state=\"expanded\"\n            data-active-tool={activeTool.id}\n            className={[panelVariants(), 'ds:focus-visible:outline-none'].join(\n              ' ',\n            )}\n          >\n            <ScrollArea orientation=\"vertical\" className=\"ds:flex-1 ds:min-h-0\">\n              {activeTool.panel}\n            </ScrollArea>\n          </aside>\n        ) : null}\n\n        {/* The 3rem icon strip — a vertical toolbar with roving tabindex.\n            Self-contained TooltipProvider so consumers needn't mount one;\n            Radix providers compose, so a host-level provider still works. */}\n        <TooltipProvider>\n          <div\n            role=\"toolbar\"\n            aria-orientation=\"vertical\"\n            aria-label={\n              railLabel ??\n              t('aiToolsRail.railLabel', { defaultValue: 'AI tools' })\n            }\n            className={stripVariants()}\n            onKeyDown={handleStripKeyDown}\n          >\n            {tools.map((tool, index) => {\n              const isActive = tool.id === activeId;\n              const showBadge =\n                typeof tool.badgeCount === 'number' && tool.badgeCount > 0;\n              // Fold the count into the accessible name so SR users hear it\n              // without relying on the decorative chip.\n              const accessibleName = showBadge\n                ? t('aiToolsRail.toolWithCount', {\n                    tool: tool.label,\n                    count: tool.badgeCount,\n                    defaultValue: '{{tool}}, {{count}} updates',\n                  })\n                : tool.label;\n              return (\n                <div key={tool.id} className=\"ds:relative\">\n                  <IconButton\n                    ref={(el) => {\n                      buttonsRef.current[index] = el;\n                    }}\n                    icon={tool.icon}\n                    tooltip={tool.label}\n                    aria-label={accessibleName}\n                    intent=\"ghost\"\n                    size=\"sm\"\n                    disabled={tool.disabled}\n                    aria-pressed={isActive}\n                    aria-expanded={isActive}\n                    data-active={isActive ? tool.id : undefined}\n                    data-tool-id={tool.id}\n                    tabIndex={index === rovingIndex ? 0 : -1}\n                    onFocus={() => {\n                      if (!tool.disabled) setFocusIndex(index);\n                    }}\n                    onClick={() =>\n                      selectTool(tool.id, keyboardActivateRef.current)\n                    }\n                    onKeyDown={(event) => {\n                      // Enter/Space activate via the native button's click,\n                      // which fires AFTER this keydown. Flag the upcoming\n                      // click as keyboard-driven so focus moves into the\n                      // panel; reset on keyup so a later mouse click doesn't\n                      // inherit the flag.\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        keyboardActivateRef.current = true;\n                      }\n                    }}\n                    onKeyUp={(event) => {\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        keyboardActivateRef.current = false;\n                      }\n                    }}\n                  />\n                  {showBadge ? (\n                    <span aria-hidden=\"true\" className={badgeVariants()}>\n                      {formatBadgeCount(\n                        tool.badgeCount as number,\n                        overflowLabel,\n                      )}\n                    </span>\n                  ) : null}\n                </div>\n              );\n            })}\n          </div>\n        </TooltipProvider>\n      </div>\n    );\n  },\n);\n\nAiToolsRail.displayName = 'AiToolsRail';\n"],"names":["aiToolsRailAgent","handle","args","RAIL_WIDTH","PANEL_WIDTH","railVariants","cva","stripVariants","panelVariants","badgeVariants","formatBadgeCount","count","overflowLabel","AiToolsRail","forwardRef","id","tools","activeToolId","defaultActiveToolId","onActiveToolChange","side","railLabel","className","ref","t","useTranslation","activeRaw","setActiveRaw","useControllableState","activeId","buttonsRef","useRef","panelRef","focusIndex","setFocusIndex","useState","activatedByKeyboardRef","keyboardActivateRef","activeIndex","useMemo","tl","activeTool","firstEnabledIndex","rovingIndex","_a","selectTool","useCallback","toolId","fromKeyboard","tool","handleStripKeyDown","event","next","goingBack","candidate","attempts","_b","_c","rootRef","useEffect","node","onKeyDown","returnIndex","useIsomorphicLayoutEffect","activeIdRef","useImperativeHandle","useAgentRegistration","jsxs","jsx","ScrollArea","TooltipProvider","index","isActive","showBadge","accessibleName","IconButton","el"],"mappings":"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"}