@alfadocs/ui-kit-debug 0.38.0 → 0.40.0

package/dist/_chunks/{task-tray-DRK0b0Qb.js → task-tray-B8jFv5FV.js}

@@ -1,11 +1,11 @@
 import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as q, useRef as k, useMemo as z, useImperativeHandle as M } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
+import { forwardRef as j, useRef as v, useMemo as q, useImperativeHandle as z } from "react";
+import { c as M } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
 import { I as C } from "./icon-button-CKEOrN37.js";
 import { S as K } from "./skeleton-CZbwyJAA.js";
 import { E } from "./empty-state-BLy7tigq.js";
-import { T as L } from "./task-card-BUVMh6HN.js";
+import { T as L } from "./task-card-CPyQ5AXC.js";
 import { u as P } from "./registry-nPAVE19X.js";
 import { c as H } from "./createLucideIcon-CrFbzy84.js";
 import { P as V } from "./plus-CYKNmfuA.js";
@@ -77,10 +77,11 @@ const B = [
       description: "Stable task id emitted on each rendered TaskCard inside the tray."
     }
   }
-}, J = S(
+}, J = M(
   [
     "ds:flex ds:flex-col",
     "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
     "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
     "ds:overflow-hidden"
   ].join(" "),
@@ -95,80 +96,80 @@ const B = [
       size: "sm"
     }
   }
-), Q = q(
+), Q = j(
   ({
     id: e,
     items: s,
-    title: v,
+    title: k,
     size: f = "sm",
-    onOpenTask: r,
+    onOpenTask: i,
     onToggleDone: n,
     onDismissTask: c,
     onAddTask: y,
     addLabel: x,
-    loading: u = !1,
-    emptyTitle: w,
-    emptyDescription: I,
-    className: N,
-    ...T
-  }, b) => {
-    const { t: l } = _(), h = v ?? l("taskTray.title", "Tasks"), R = x ?? l("taskTray.add", "Add task"), A = !u && s.length === 0;
+    loading: h = !1,
+    emptyTitle: b,
+    emptyDescription: w,
+    className: I,
+    ...N
+  }, T) => {
+    const { t: l } = S(), u = k ?? l("taskTray.title", "Tasks"), R = x ?? l("taskTray.add", "Add task"), A = !h && s.length === 0;
     let m;
-    u ? m = /* @__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(K, { variant: "rectangular", height: "2.5rem" }, t)) }) : A ? m = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+    h ? m = /* @__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(K, { variant: "rectangular", height: "2.5rem" }, t)) }) : A ? m = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
       E,
       {
         variant: "first-use",
         size: "sm",
-        title: w ?? l("taskTray.empty.title", "No tasks yet"),
-        description: I ?? l("taskTray.empty.description", "New tasks will appear here.")
+        title: b ?? l("taskTray.empty.title", "No tasks yet"),
+        description: w ?? l("taskTray.empty.description", "New tasks will appear here.")
       }
     ) }) : m = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: s.map((t) => /* @__PURE__ */ a(
       L,
       {
         item: t,
         size: f,
-        onActivate: r,
+        onActivate: i,
         "data-task-id": t.id
       },
       t.id
     )) });
-    const d = k(s);
+    const d = v(s);
     d.current = s;
-    const j = z(
+    const _ = q(
       () => ({
         getItems: () => d.current.map((t) => ({
           id: t.id,
           status: t.status ?? "open"
         })),
         selectItem: (t) => {
-          const i = d.current.find((o) => o.id === t);
-          i && (r == null || r(i));
+          const r = d.current.find((o) => o.id === t);
+          r && (i == null || i(r));
         },
         toggleDone: (t) => {
-          const i = d.current.find((o) => o.id === t);
-          i && (n == null || n(i));
+          const r = d.current.find((o) => o.id === t);
+          r && (n == null || n(r));
         },
         dismiss: (t) => {
-          const i = d.current.find((o) => o.id === t);
-          i && (c == null || c(i));
+          const r = d.current.find((o) => o.id === t);
+          r && (c == null || c(r));
         }
       }),
-      [r, n, c]
-    ), g = k(null);
-    return M(b, () => g.current, []), P(G, j, e), /* @__PURE__ */ p(
+      [i, n, c]
+    ), g = v(null);
+    return z(T, () => g.current, []), P(G, _, e), /* @__PURE__ */ p(
       "section",
       {
         ref: g,
-        "aria-label": h,
+        "aria-label": u,
         "data-component": "task-tray",
         "data-component-id": e,
-        className: J({ size: f, className: N }),
-        ...T,
+        className: J({ size: f, className: I }),
+        ...N,
         children: [
           /* @__PURE__ */ p("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ p("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
               /* @__PURE__ */ a(F, { "aria-hidden": "true", className: "ds:size-4" }),
-              h
+              u
             ] }),
             y ? /* @__PURE__ */ a(
               C,
@@ -192,4 +193,4 @@ export {
   Q as T,
   G as t
 };
-//# sourceMappingURL=task-tray-DRK0b0Qb.js.map
+//# sourceMappingURL=task-tray-B8jFv5FV.js.map

package/dist/_chunks/task-tray-B8jFv5FV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-tray-B8jFv5FV.js","sources":["../../node_modules/lucide-react/dist/esm/icons/list-todo.js","../../src/components/task-tray/task-tray.agent.ts","../../src/components/task-tray/task-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M13 5h8\", key: \"a7qcls\" }],\n  [\"path\", { d: \"M13 12h8\", key: \"h98zly\" }],\n  [\"path\", { d: \"M13 19h8\", key: \"c3s6r1\" }],\n  [\"path\", { d: \"m3 17 2 2 4-4\", key: \"1jhpwq\" }],\n  [\"rect\", { x: \"3\", y: \"4\", width: \"6\", height: \"6\", rx: \"1\", key: \"cif1o7\" }]\n];\nconst ListTodo = createLucideIcon(\"list-todo\", __iconNode);\n\nexport { __iconNode, ListTodo as default };\n//# sourceMappingURL=list-todo.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — TaskTray.                                              */\n/*                                                                        */\n/* Tray-level surface: read the current task ids + status, route a       */\n/* `select_item` activation, and `toggle_done` / `dismiss` per task      */\n/* through the curated handle. TaskTray is in-page (no open/close),       */\n/* so it declares neither `open` nor `close`.                            */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TaskTrayHandle } from './task-tray';\n\nexport const taskTrayAgent: AgentAdapter<TaskTrayHandle> = {\n  id: 'task-tray',\n  capabilities: ['select_single', 'dismiss'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.taskTray.state.items',\n      description:\n        'Currently-displayed tasks. Ids + status only — never task title / patient.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.taskTray.actions.selectItem',\n      description: 'Activate the task with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    toggle_done: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.taskTray.actions.toggleDone',\n      description: 'Request the host to toggle the done state of a task.',\n      invoke: (handle, args: { id: string }) => {\n        handle.toggleDone(args.id);\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.taskTray.actions.dismiss',\n      description:\n        'Request the host to dismiss / remove the task with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'task-tray',\n      description: 'Marks the TaskTray 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-task-id',\n      description:\n        'Stable task id emitted on each rendered TaskCard 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 { ListTodo, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { TaskCard, type TaskItem } from '../task-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { taskTrayAgent } from './task-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskTrayVariants = 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 TaskTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `task-tray.agent.ts`.\n */\nexport interface TaskTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n  toggleDone: (id: string) => void;\n  dismiss: (id: string) => void;\n}\n\nexport interface TaskTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof taskTrayVariants> {\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  /** Tasks rendered inside the panel. */\n  items: TaskItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Visual density forwarded to each TaskCard. */\n  size?: 'sm' | 'md';\n  /** Fires when the user activates a task (click / Enter / Space). */\n  onOpenTask?: (item: TaskItem) => void;\n  /** Fires when the host should toggle the done state of a task. Used by agent integration. */\n  onToggleDone?: (item: TaskItem) => void;\n  /** Fires when the host should dismiss / remove a task. Used by agent integration. */\n  onDismissTask?: (item: TaskItem) => void;\n  /** Fires when the user activates the header \"Add\" affordance. */\n  onAddTask?: () => void;\n  /** Localised label for the \"Add\" affordance. Defaults to `ui.taskTray.add`. */\n  addLabel?: string;\n  /** When true the panel renders skeleton placeholders. */\n  loading?: boolean;\n  /** Render an empty state when `items` is empty and `loading` is false. */\n  emptyTitle?: string;\n  emptyDescription?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskTray = forwardRef<HTMLElement, TaskTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      size = 'sm',\n      onOpenTask,\n      onToggleDone,\n      onDismissTask,\n      onAddTask,\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('taskTray.title', 'Tasks');\n    const resolvedAddLabel = addLabel ?? t('taskTray.add', 'Add task');\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('taskTray.empty.title', 'No tasks yet')}\n            description={\n              emptyDescription ??\n              t('taskTray.empty.description', 'New tasks will appear here.')\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            <TaskCard\n              key={item.id}\n              item={item}\n              size={size}\n              onActivate={onOpenTask}\n              data-task-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * task-tray.agent.ts. */\n    const itemsRef = useRef<TaskItem[]>(items);\n    itemsRef.current = items;\n\n    const handle = useMemo<TaskTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'open',\n          })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenTask?.(found);\n        },\n        toggleDone: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onToggleDone?.(found);\n        },\n        dismiss: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onDismissTask?.(found);\n        },\n      }),\n      [onOpenTask, onToggleDone, onDismissTask],\n    );\n\n    const rootRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n    useAgentRegistration(taskTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={rootRef}\n        aria-label={heading}\n        data-component=\"task-tray\"\n        data-component-id={id}\n        className={taskTrayVariants({ 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          <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n            <ListTodo aria-hidden=\"true\" className=\"ds:size-4\" />\n            {heading}\n          </h3>\n          {onAddTask ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddTask}\n            />\n          ) : null}\n        </header>\n        {body}\n      </section>\n    );\n  },\n);\n\nTaskTray.displayName = 'TaskTray';\n"],"names":["__iconNode","ListTodo","createLucideIcon","taskTrayAgent","handle","args","taskTrayVariants","cva","TaskTray","forwardRef","id","items","title","size","onOpenTask","onToggleDone","onDismissTask","onAddTask","addLabel","loading","emptyTitle","emptyDescription","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","TaskCard","itemsRef","useRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","jsxs","IconButton","Plus"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,KAAK,OAAO,KAAK,QAAQ,KAAK,IAAI,KAAK,KAAK,SAAQ,CAAE;AAC9E,GACMC,IAAWC,EAAiB,aAAaF,CAAU,GCJ5CG,IAA8C;AAAA,EACzD,IAAI;AAAA,EACJ,cAAc,CAAC,iBAAiB,SAAS;AAAA,EACzC,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,IAEF,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,GAAQC,MAAyB;AACxC,QAAAD,EAAO,WAAWC,EAAK,EAAE;AAAA,MAC3B;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACD,GAAQC,MAAyB;AACxC,QAAAD,EAAO,QAAQC,EAAK,EAAE;AAAA,MACxB;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,GClDMC,IAAmBC;AAAA,EACvB;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,GAsDaC,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;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,IAAUf,KAASa,EAAE,kBAAkB,OAAO,GAC9CG,IAAmBV,KAAYO,EAAE,gBAAgB,UAAU,GAC3DI,IAAU,CAACV,KAAWR,EAAM,WAAW;AAE7C,QAAImB;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,wBAAwB,cAAc;AAAA,QAC7D,aACEJ,KACAI,EAAE,8BAA8B,6BAA6B;AAAA,MAAA;AAAA,IAAA,GAGnE,IAGFK,sBACG,MAAA,EAAG,WAAU,oCACX,UAAAnB,EAAM,IAAI,CAACwB,MACV,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,MAAAD;AAAA,QACA,MAAAtB;AAAA,QACA,YAAYC;AAAA,QACZ,gBAAcqB,EAAK;AAAA,MAAA;AAAA,MAJdA,EAAK;AAAA,IAAA,CAMb,GACH;AAMJ,UAAME,IAAWC,EAAmB3B,CAAK;AACzC,IAAA0B,EAAS,UAAU1B;AAEnB,UAAMP,IAASmC;AAAA,MACb,OAAO;AAAA,QACL,UAAU,MACRF,EAAS,QAAQ,IAAI,CAACL,OAAO;AAAA,UAC3B,IAAIA,EAAE;AAAA,UACN,QAAQA,EAAE,UAAU;AAAA,QAAA,EACpB;AAAA,QACJ,YAAY,CAACQ,MAAqB;AAChC,gBAAMC,IAAQJ,EAAS,QAAQ,KAAK,CAACL,MAAMA,EAAE,OAAOQ,CAAQ;AAC5D,UAAIC,qBAAoBA;AAAA,QAC1B;AAAA,QACA,YAAY,CAACD,MAAqB;AAChC,gBAAMC,IAAQJ,EAAS,QAAQ,KAAK,CAACL,MAAMA,EAAE,OAAOQ,CAAQ;AAC5D,UAAIC,qBAAsBA;AAAA,QAC5B;AAAA,QACA,SAAS,CAACD,MAAqB;AAC7B,gBAAMC,IAAQJ,EAAS,QAAQ,KAAK,CAACL,MAAMA,EAAE,OAAOQ,CAAQ;AAC5D,UAAIC,qBAAuBA;AAAA,QAC7B;AAAA,MAAA;AAAA,MAEF,CAAC3B,GAAYC,GAAcC,CAAa;AAAA,IAAA,GAGpC0B,IAAUJ,EAAoB,IAAI;AACxC,WAAAK,EAAoBnB,GAAK,MAAMkB,EAAQ,SAAwB,CAAA,CAAE,GACjEE,EAAqBzC,GAAeC,GAAQM,CAAE,GAG5C,gBAAAmC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKH;AAAA,QACL,cAAYf;AAAA,QACZ,kBAAe;AAAA,QACf,qBAAmBjB;AAAA,QACnB,WAAWJ,EAAiB,EAAE,MAAAO,GAAM,WAAAS,GAAW;AAAA,QAC9C,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAsB,EAAC,UAAA,EAAO,WAAU,kGAChB,UAAA;AAAA,YAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,oFACZ,UAAA;AAAA,cAAA,gBAAAd,EAAC9B,GAAA,EAAS,eAAY,QAAO,WAAU,aAAY;AAAA,cAClD0B;AAAA,YAAA,GACH;AAAA,YACCV,IACC,gBAAAc;AAAA,cAACe;AAAA,cAAA;AAAA,gBACC,wBAAOC,GAAA,EAAK;AAAA,gBACZ,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,cAAYnB;AAAA,gBACZ,SAASX;AAAA,cAAA;AAAA,YAAA,IAET;AAAA,UAAA,GACN;AAAA,UACCa;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAtB,EAAS,cAAc;","x_google_ignoreList":[0]}

package/dist/_chunks/{transcript-panel-DyhTpAP7.js → transcript-panel-CR7VY1uw.js}

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { forwardRef as K, useState as A, useRef as x, useId as _, useMemo as w, useCallback as R, useImperativeHandle as j, Fragment as O } from "react";
+import { forwardRef as K, useState as A, useRef as w, useId as _, useMemo as x, useCallback as R, useImperativeHandle as j, Fragment as O } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
 import { u as F } from "./registry-nPAVE19X.js";
@@ -54,7 +54,8 @@ const U = {
 }, G = V(
   [
     "ds:flex ds:flex-col ds:w-full ds:min-h-0",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)]",
+    "ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2",
     "ds:bg-background",
     "ds:focus-within:border-[color:var(--primary)]"
   ].join(" "),
@@ -120,14 +121,14 @@ const te = K(
     className: p,
     ...g
   }, L) => {
-    const { t: d, i18n: b } = D(), [m, M] = A(""), h = x(null), T = x(null), P = _(), c = w(() => {
+    const { t: d, i18n: b } = D(), [m, M] = A(""), h = w(null), T = w(null), P = _(), c = x(() => {
       if (!Number.isFinite(n)) return -1;
       for (let e = 0; e < t.length; e += 1) {
         const r = t[e];
         if (r.start <= n && n < r.end) return e;
       }
       return -1;
-    }, [t, n]), k = w(() => {
+    }, [t, n]), k = x(() => {
       if (!m) return 0;
       let e = 0;
       const r = m.toLocaleLowerCase();
@@ -245,9 +246,9 @@ const te = K(
         );
       },
       [c, b.language, a, m, d]
-    ), S = x(null);
+    ), S = w(null);
     j(L, () => S.current, []);
-    const E = w(
+    const E = x(
       () => ({
         getSelectedTurn: () => c >= 0 ? String(c) : null,
         focusTurn: (e) => {
@@ -344,4 +345,4 @@ export {
   te as T,
   U as t
 };
-//# sourceMappingURL=transcript-panel-DyhTpAP7.js.map
+//# sourceMappingURL=transcript-panel-CR7VY1uw.js.map

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

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

package/dist/_chunks/{warning-stack-bDicCvxs.js → warning-stack-DNR3-IbP.js}

@@ -11,6 +11,7 @@ const L = W(
     "ds:rounded-[var(--radius-lg)]",
     "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
     "ds:shadow-[var(--shadow-card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
     "ds:p-[var(--spacing-md)]"
   ].join(" "),
   {
@@ -55,9 +56,9 @@ const L = W(
     ariaLabel: A,
     emptyState: m,
     className: w,
-    ...x
-  }, k) => {
-    const { t: e } = q(), i = N(), b = N(), c = t !== void 0 && r.length > t, [o, B] = O(z), g = y(null), S = y(r.length);
+    ...b
+  }, x) => {
+    const { t: e } = q(), c = N(), k = N(), i = t !== void 0 && r.length > t, [o, B] = O(z), g = y(null), S = y(r.length);
     V(() => {
       if (!g.current) return;
       const n = S.current, s = r.length;
@@ -66,7 +67,7 @@ const L = W(
         defaultValue: "{{count}} warnings to review"
       })), S.current = s;
     }, [r.length, e]);
-    const R = _(() => !c || !o ? r : r.slice(0, t), [r, c, o, t]), E = c ? r.length - (t ?? 0) : 0, I = j(
+    const R = _(() => !i || !o ? r : r.slice(0, t), [r, i, o, t]), E = i ? r.length - (t ?? 0) : 0, I = j(
       (n) => (s) => {
         s || d == null || d(n);
       },
@@ -75,21 +76,21 @@ const L = W(
       /* @__PURE__ */ a(
         "h2",
         {
-          id: i,
+          id: c,
           className: "ds:text-start type-title-section ds:text-[var(--foreground)]",
           children: h
         }
       ),
       p ? /* @__PURE__ */ a("p", { className: "ds:text-start type-body-sm ds:text-[var(--muted-foreground)]", children: p }) : null
-    ] }) : /* @__PURE__ */ a("h2", { id: i, className: "ds:sr-only", children: G });
+    ] }) : /* @__PURE__ */ a("h2", { id: c, className: "ds:sr-only", children: G });
     return r.length === 0 ? m ? /* @__PURE__ */ l(
       "section",
       {
-        ref: k,
-        "aria-labelledby": i,
+        ref: x,
+        "aria-labelledby": c,
         "data-component": "warning-stack",
         className: [L({ size: f, stretch: v }), w].filter(Boolean).join(" "),
-        ...x,
+        ...b,
         children: [
           C,
           m
@@ -98,11 +99,11 @@ const L = W(
     ) : null : /* @__PURE__ */ l(
       "section",
       {
-        ref: k,
-        "aria-labelledby": i,
+        ref: x,
+        "aria-labelledby": c,
         "data-component": "warning-stack",
         className: [L({ size: f, stretch: v }), w].filter(Boolean).join(" "),
-        ...x,
+        ...b,
         children: [
           C,
           /* @__PURE__ */ a(
@@ -117,7 +118,7 @@ const L = W(
           /* @__PURE__ */ a(
             "ul",
             {
-              id: b,
+              id: k,
               className: J({ size: f }),
               "aria-label": e("warningStack.listLabel", "Warning list"),
               children: R.map((n) => {
@@ -139,14 +140,14 @@ const L = W(
               })
             }
           ),
-          c ? /* @__PURE__ */ l(
+          i ? /* @__PURE__ */ l(
             F,
             {
               type: "button",
               intent: "link",
               size: "sm",
               "aria-expanded": !o,
-              "aria-controls": b,
+              "aria-controls": k,
               onClick: T,
               className: K,
               children: [
@@ -176,4 +177,4 @@ P.displayName = "WarningStack";
 export {
   P as W
 };
-//# sourceMappingURL=warning-stack-bDicCvxs.js.map
+//# sourceMappingURL=warning-stack-DNR3-IbP.js.map

package/dist/_chunks/warning-stack-DNR3-IbP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-stack-DNR3-IbP.js","sources":["../../src/components/warning-stack/warning-stack.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface WarningStackItem {\n  id: string;\n  variant?: AlertProps['variant'];\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  dismissible?: boolean;\n}\n\nconst stackVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-[var(--spacing-sm)]',\n        md: 'ds:gap-[var(--spacing-md)]',\n      },\n      // `stretch: true` fills the parent layout cell — mirrors the `stretch`\n      // prop on `Card` so a WarningStack rendered next to a Card in a grid\n      // row ends up at matching height.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      stretch: false,\n    },\n  },\n);\n\nconst listVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    size: {\n      sm: 'ds:gap-[var(--spacing-sm)]',\n      md: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst TOGGLE_CLASSES = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start',\n].join(' ');\n\nexport interface WarningStackProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'title'>,\n    VariantProps<typeof stackVariants> {\n  /** Items rendered inside the stack. */\n  items: WarningStackItem[];\n  /** Fill the parent layout cell — use in a dashboard grid row so the\n   *  stack ends up with matching height to sibling Cards. */\n  stretch?: boolean;\n  /** Visible title rendered as an `<h2>` above the stack. Also labels the\n   *  region for assistive tech. When omitted, the region is labelled via a\n   *  visually hidden heading using `ariaLabel` (or the default \"Warnings\"). */\n  title?: ReactNode;\n  /** Optional short description rendered under the title. */\n  description?: ReactNode;\n  /** Cap on visible items before a \"Show N more\" toggle appears. */\n  maxVisible?: number;\n  /** Whether the stack starts collapsed when items exceed `maxVisible`. */\n  defaultCollapsed?: boolean;\n  /** Fires when a dismissible item's close control is activated. */\n  onDismiss?: (item: WarningStackItem) => void;\n  /** Accessible label for the region when `title` is not set. */\n  ariaLabel?: string;\n  /** Optional node rendered when the stack has zero items. */\n  emptyState?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const WarningStack = forwardRef<HTMLDivElement, WarningStackProps>(\n  (\n    {\n      items,\n      title,\n      description,\n      maxVisible,\n      defaultCollapsed = true,\n      onDismiss,\n      size = 'md',\n      stretch = false,\n      ariaLabel,\n      emptyState,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelId = useId();\n    const listId = useId();\n\n    const overflow = maxVisible !== undefined && items.length > maxVisible;\n    const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n    // Live-region announces the count when items change.\n    const liveRef = useRef<HTMLDivElement>(null);\n    const lastCountRef = useRef<number>(items.length);\n\n    useEffect(() => {\n      if (!liveRef.current) return;\n      const prev = lastCountRef.current;\n      const next = items.length;\n      if (prev !== next) {\n        liveRef.current.textContent = t('warningStack.countChanged', {\n          count: next,\n          defaultValue: '{{count}} warnings to review',\n        });\n      }\n      lastCountRef.current = next;\n    }, [items.length, t]);\n\n    const visible = useMemo(() => {\n      if (!overflow || !collapsed) return items;\n      return items.slice(0, maxVisible);\n    }, [items, overflow, collapsed, maxVisible]);\n\n    const hiddenCount = overflow ? items.length - (maxVisible ?? 0) : 0;\n\n    const handleDismiss = useCallback(\n      (item: WarningStackItem) => (open: boolean) => {\n        if (!open) onDismiss?.(item);\n      },\n      [onDismiss],\n    );\n\n    const toggle = useCallback(() => setCollapsed((c) => !c), []);\n\n    const regionLabel = ariaLabel ?? t('warningStack.regionLabel', 'Warnings');\n\n    // Title block: a visible header when `title` is provided; otherwise a\n    // visually hidden heading so the region still has a programmatic name.\n    // A `<div>` rather than `<header>` wrapper keeps the `<header>` element's\n    // implicit banner role from leaking out of the region.\n    const header = title ? (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-3xs)]\">\n        <h2\n          id={labelId}\n          className=\"ds:text-start type-title-section ds:text-[var(--foreground)]\"\n        >\n          {title}\n        </h2>\n        {description ? (\n          <p className=\"ds:text-start type-body-sm ds:text-[var(--muted-foreground)]\">\n            {description}\n          </p>\n        ) : null}\n      </div>\n    ) : (\n      <h2 id={labelId} className=\"ds:sr-only\">\n        {regionLabel}\n      </h2>\n    );\n\n    if (items.length === 0) {\n      if (!emptyState) return null;\n      return (\n        <section\n          ref={ref}\n          aria-labelledby={labelId}\n          data-component=\"warning-stack\"\n          className={[stackVariants({ size, stretch }), className]\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          {header}\n          {emptyState}\n        </section>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={labelId}\n        data-component=\"warning-stack\"\n        className={[stackVariants({ size, stretch }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {header}\n        <div\n          ref={liveRef}\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        />\n        <ul\n          id={listId}\n          className={listVariants({ size })}\n          aria-label={t('warningStack.listLabel', 'Warning list')}\n        >\n          {visible.map((item) => {\n            const variant = item.variant ?? 'warning';\n            return (\n              <li key={item.id}>\n                <Alert\n                  variant={variant}\n                  dismissible={item.dismissible}\n                  icon={item.icon}\n                  onOpenChange={handleDismiss(item)}\n                >\n                  {/* `as=\"h3\"` keeps a clean heading ladder — the stack's\n                      h2 labels the region, then each item's h3 rises from it. */}\n                  <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                  {item.description ? (\n                    <Alert.Description>{item.description}</Alert.Description>\n                  ) : null}\n                  {item.actions ? (\n                    <Alert.Action>{item.actions}</Alert.Action>\n                  ) : null}\n                </Alert>\n              </li>\n            );\n          })}\n        </ul>\n\n        {overflow ? (\n          <Button\n            type=\"button\"\n            intent=\"link\"\n            size=\"sm\"\n            aria-expanded={!collapsed}\n            aria-controls={listId}\n            onClick={toggle}\n            className={TOGGLE_CLASSES}\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                collapsed ? '' : 'ds:rotate-180',\n              ].join(' ')}\n            />\n            {collapsed\n              ? t('warningStack.showMore', {\n                  count: hiddenCount,\n                  defaultValue: 'Show {{count}} more warnings',\n                })\n              : t('warningStack.showLess', 'Show less')}\n          </Button>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","listVariants","TOGGLE_CLASSES","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","size","stretch","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","overflow","collapsed","setCollapsed","useState","liveRef","useRef","lastCountRef","useEffect","prev","next","visible","useMemo","hiddenCount","handleDismiss","useCallback","item","open","toggle","c","regionLabel","header","jsxs","jsx","variant","Alert","Button","ChevronDown"],"mappings":"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"}

package/dist/_chunks/{workflow-map-uSiHbOWQ.js → workflow-map-C3gB0FvB.js}

@@ -1077,7 +1077,8 @@ const lt = {
     "ds:relative ds:flex ds:items-center",
     "ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
-    "ds:border ds:border-[color:var(--border)]",
+    // Flat-hairline: 1px card-border, no shadow; accessible theme bumps to 2px.
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
     "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
     // Motion honours the accessible theme (--animation-duration → 0ms).
     "ds:transition-[box-shadow,transform,opacity] ds:duration-[var(--animation-duration)]",
@@ -1398,4 +1399,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-uSiHbOWQ.js.map
+//# sourceMappingURL=workflow-map-C3gB0FvB.js.map