@aginies/ui 0.2.0 → 0.3.1

package/dist/index.cjs

@@ -32,6 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Accordion: () => Accordion,
+  ActivityBar: () => ActivityBar,
   ActivityTimeline: () => ActivityTimeline,
   ActivityWidget: () => ActivityWidget,
   AgendaWidget: () => AgendaWidget,
@@ -2229,22 +2230,170 @@ function DockedFormFooter({ onSave, onCancel, changes, saving, disabled, message
 }
 
 // src/data/DataTable.jsx
+var import_react37 = __toESM(require("react"), 1);
+
+// src/layout/responsive.js
 var import_react36 = __toESM(require("react"), 1);
+var BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280, "2xl": 1536 };
+var BREAKPOINT_ORDER = ["base", "sm", "md", "lg", "xl", "2xl"];
+function breakpointFor(width) {
+  let name = "base";
+  for (const k of BREAKPOINT_ORDER.slice(1)) if (width >= BREAKPOINTS[k]) name = k;
+  return name;
+}
+function toPx(bp) {
+  return typeof bp === "number" ? bp : BREAKPOINTS[bp] != null ? BREAKPOINTS[bp] : 0;
+}
+function atLeast(a, b) {
+  return BREAKPOINT_ORDER.indexOf(a) >= BREAKPOINT_ORDER.indexOf(b);
+}
+var useIsoLayoutEffect = typeof window !== "undefined" ? import_react36.default.useLayoutEffect : import_react36.default.useEffect;
+function useElementWidth(ref) {
+  const [w, setW] = import_react36.default.useState(null);
+  useIsoLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return void 0;
+    const read2 = () => {
+      const n = el.offsetWidth;
+      setW((p) => p === n ? p : n);
+    };
+    read2();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const ro = new ResizeObserver(read2);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [ref]);
+  return w;
+}
+function useBreakpoint(ref) {
+  const w = useElementWidth(ref);
+  return w == null ? null : breakpointFor(w);
+}
+var FOCUSABLE = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidden"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"]),[contenteditable="true"]';
+function useOverlayFocus(ref, open, onClose) {
+  const closeRef = import_react36.default.useRef(onClose);
+  closeRef.current = onClose;
+  import_react36.default.useEffect(() => {
+    if (!open) return void 0;
+    const el = ref.current;
+    if (!el) return void 0;
+    const prev = typeof document !== "undefined" ? document.activeElement : null;
+    if (!el.contains(document.activeElement)) el.focus({ preventScroll: true });
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        if (closeRef.current) {
+          e.stopPropagation();
+          closeRef.current();
+        }
+        return;
+      }
+      if (e.key !== "Tab" || !el.contains(document.activeElement)) return;
+      const f = Array.from(el.querySelectorAll(FOCUSABLE)).filter((n) => n.offsetParent !== null || n === document.activeElement);
+      if (!f.length) {
+        e.preventDefault();
+        el.focus({ preventScroll: true });
+        return;
+      }
+      const first = f[0], last = f[f.length - 1];
+      if (e.shiftKey && (document.activeElement === first || document.activeElement === el)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    el.addEventListener("keydown", onKey);
+    return () => {
+      el.removeEventListener("keydown", onKey);
+      const a = document.activeElement;
+      if (prev && prev.focus && document.contains(prev) && (!a || a === document.body || el.contains(a))) prev.focus({ preventScroll: true });
+    };
+  }, [open, ref]);
+}
+
+// src/data/DataTable.jsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var DEFAULT_LABELS20 = { empty: "Nothing here yet", emptyHint: "", loading: "Loading\u2026", error: "Could not load the data", errorHint: "Check your connection and try again.", retry: "Try again", selectAll: "Select all rows", selectRow: "Select row", actions: "Actions", sortedAsc: "sorted ascending", sortedDesc: "sorted descending", edit: "Edit" };
+var DEFAULT_LABELS20 = { empty: "Nothing here yet", emptyHint: "", loading: "Loading\u2026", error: "Could not load the data", errorHint: "Check your connection and try again.", retry: "Try again", selectAll: "Select all rows", selectRow: "Select row", actions: "Actions", sortedAsc: "sorted ascending", sortedDesc: "sorted descending", edit: "Edit", expandRow: "Show hidden columns", collapseRow: "Hide hidden columns" };
+var DEFAULT_MIN = 120;
+var EXPANDER = 24;
+var NO_REF = { current: null };
+var pxOf = (v) => typeof v === "number" ? v : typeof v === "string" && /^\s*\d+(\.\d+)?(px)?\s*$/.test(v) ? parseFloat(v) : null;
+var colMin = (c) => {
+  const m = pxOf(c.minWidth);
+  if (m != null) return m;
+  const w = pxOf(c.width);
+  return w != null ? w : DEFAULT_MIN;
+};
+function columnsToHide(columns, avail) {
+  let sum = columns.reduce((a, c) => a + colMin(c), 0);
+  const order = columns.map((c, i) => ({ c, i, p: c.priority == null ? 1 : c.priority })).filter((x) => x.p > 1).sort((a, b) => b.p - a.p || b.i - a.i);
+  const hidden = [];
+  for (const x of order) {
+    if (sum + (hidden.length ? EXPANDER : 0) <= avail) break;
+    hidden.push(x.c.key);
+    sum -= colMin(x.c);
+  }
+  return hidden;
+}
 var cmp = (a, b) => a == null ? 1 : b == null ? -1 : typeof a === "number" && typeof b === "number" ? a - b : String(a).localeCompare(String(b), void 0, { numeric: true, sensitivity: "base" });
-function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selected, defaultSelected = [], onSelectChange, sort, defaultSort = null, onSortChange, onRowClick, rowActions, stickyHeader = true, maxHeight, state, labels, onRetry, pagination, footer, caption, striped, bare, onCellEdit, skeletonRows = 5, rowClassName, activeKey, className, style, ...rest }) {
+function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selected, defaultSelected = [], onSelectChange, sort, defaultSort = null, onSortChange, onRowClick, rowActions, stickyHeader = true, maxHeight, state, labels, onRetry, pagination, footer, caption, striped, bare, onCellEdit, skeletonRows = 5, rowClassName, activeKey, stickyFirst, onHiddenColumnsChange, className, style, ...rest }) {
   const l = { ...DEFAULT_LABELS20, ...labels };
-  const [localSort, setLocalSort] = (0, import_react36.useState)(defaultSort);
+  const [localSort, setLocalSort] = (0, import_react37.useState)(defaultSort);
   const s = sort !== void 0 ? sort : localSort;
-  const [localSel, setLocalSel] = (0, import_react36.useState)(defaultSelected);
+  const [localSel, setLocalSel] = (0, import_react37.useState)(defaultSelected);
   const sel = selected !== void 0 ? selected : localSel;
-  const [editing, setEditing] = (0, import_react36.useState)(null);
-  const [focusIdx, setFocusIdx] = (0, import_react36.useState)(-1);
-  const bodyRef = (0, import_react36.useRef)(null);
-  const id = (0, import_react36.useMemo)(() => uid("agn-table"), []);
+  const [editing, setEditing] = (0, import_react37.useState)(null);
+  const [focusIdx, setFocusIdx] = (0, import_react37.useState)(-1);
+  const bodyRef = (0, import_react37.useRef)(null);
+  const rootRef = (0, import_react37.useRef)(null);
+  const scrollRef = (0, import_react37.useRef)(null);
+  const id = (0, import_react37.useMemo)(() => uid("agn-table"), []);
+  const prioritized = columns.some((c) => c.priority != null);
+  const width = useElementWidth(prioritized ? rootRef : NO_REF);
+  const [reserved, setReserved] = (0, import_react37.useState)(0);
+  (0, import_react37.useLayoutEffect)(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    const chk = el.querySelector(".agn-table__th--check");
+    if (chk) el.style.setProperty("--agn-table-check-w", chk.offsetWidth + "px");
+    if (!prioritized) return;
+    const act = el.querySelector(".agn-table__th--actions");
+    const n = (chk ? chk.offsetWidth : 0) + (act ? act.offsetWidth : 0);
+    setReserved((p) => p === n ? p : n);
+  });
+  const hiddenKeys = (0, import_react37.useMemo)(() => prioritized && width != null ? columnsToHide(columns, width - 2 - reserved) : [], [prioritized, width, reserved, columns]);
+  const visibleColumns = hiddenKeys.length ? columns.filter((c) => !hiddenKeys.includes(c.key)) : columns;
+  const hiddenColumns = hiddenKeys.length ? columns.filter((c) => hiddenKeys.includes(c.key)) : [];
+  const hiddenSig = hiddenKeys.join("\0");
+  const lastSig = (0, import_react37.useRef)("");
+  const hiddenCb = (0, import_react37.useRef)(onHiddenColumnsChange);
+  hiddenCb.current = onHiddenColumnsChange;
+  (0, import_react37.useEffect)(() => {
+    if (hiddenSig === lastSig.current) return;
+    lastSig.current = hiddenSig;
+    if (hiddenCb.current) hiddenCb.current(hiddenSig ? hiddenSig.split("\0") : []);
+  }, [hiddenSig]);
+  const [expanded, setExpanded] = (0, import_react37.useState)([]);
+  const toggleExpanded = (k, open) => setExpanded((p) => {
+    const has = p.includes(k);
+    const want = open == null ? !has : open;
+    return want === has ? p : want ? [...p, k] : p.filter((x) => x !== k);
+  });
+  (0, import_react37.useEffect)(() => {
+    const el = scrollRef.current;
+    if (!stickyFirst || !el) return void 0;
+    const on = () => el.classList.toggle("agn-table__scroll--scrolled", el.scrollLeft > 0);
+    on();
+    el.addEventListener("scroll", on, { passive: true });
+    return () => {
+      el.removeEventListener("scroll", on);
+      el.classList.remove("agn-table__scroll--scrolled");
+    };
+  }, [stickyFirst]);
+  const stickyKey = stickyFirst && visibleColumns.length ? visibleColumns[0].key : null;
   const keyOf = (r, i) => typeof rowKey === "function" ? rowKey(r, i) : r[rowKey] != null ? r[rowKey] : i;
-  const sorted = (0, import_react36.useMemo)(() => {
+  const sorted = (0, import_react37.useMemo)(() => {
     if (!s || !s.key) return rows;
     const col = columns.find((c) => c.key === s.key);
     const get = (r) => col && col.sortValue ? col.sortValue(r) : r[s.key];
@@ -2265,12 +2414,12 @@ function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selecte
   const someSel = !allSel && allKeys.some((k) => sel.includes(k));
   const toggleAll = () => setSel(allSel ? sel.filter((k) => !allKeys.includes(k)) : Array.from(/* @__PURE__ */ new Set([...sel, ...allKeys])));
   const toggleOne = (k) => setSel(sel.includes(k) ? sel.filter((x) => x !== k) : [...sel, k]);
-  const headRef = (0, import_react36.useRef)(null);
-  (0, import_react36.useEffect)(() => {
+  const headRef = (0, import_react37.useRef)(null);
+  (0, import_react37.useEffect)(() => {
     if (headRef.current) headRef.current.indeterminate = someSel;
   }, [someSel]);
   const st = state || (rows.length === 0 ? "empty" : "ready");
-  const colCount = columns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0);
+  const colCount = visibleColumns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0);
   const focusRow = (i) => {
     const n = Math.max(0, Math.min(sorted.length - 1, i));
     setFocusIdx(n);
@@ -2309,8 +2458,20 @@ function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selecte
           onRowClick(r, i);
         }
         break;
+      case "ArrowRight":
+        if (hiddenColumns.length) {
+          e.preventDefault();
+          toggleExpanded(keyOf(r, i), true);
+        }
+        break;
+      case "ArrowLeft":
+        if (hiddenColumns.length) {
+          e.preventDefault();
+          toggleExpanded(keyOf(r, i), false);
+        }
+        break;
       case "F2": {
-        const c = columns.find((x) => x.editable);
+        const c = visibleColumns.find((x) => x.editable);
         if (c && onCellEdit) {
           e.preventDefault();
           setEditing({ key: keyOf(r, i), col: c.key });
@@ -2327,22 +2488,28 @@ function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selecte
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: c.label }),
       c.sortable && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: active ? s.dir === "asc" ? "arrow-up" : "arrow-down" : "arrow-up-down", size: 12, className: cx("agn-table__sort", active && "agn-table__sort--active") })
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { scope: "col", className: cx("agn-table__th", c.align && "agn-table__th--" + c.align, c.sortable && "agn-table__th--sortable", active && "agn-table__th--sorted"), style: { width: c.width, minWidth: c.minWidth }, "aria-sort": active ? s.dir === "asc" ? "ascending" : "descending" : c.sortable ? "none" : void 0, children: c.sortable ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { type: "button", className: "agn-table__sort-btn agn-focus-inset", onClick: () => setSort(c), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { scope: "col", className: cx("agn-table__th", c.key === stickyKey && "agn-table__th--sticky", c.align && "agn-table__th--" + c.align, c.sortable && "agn-table__th--sortable", active && "agn-table__th--sorted"), style: { width: c.width, minWidth: c.minWidth }, "aria-sort": active ? s.dir === "asc" ? "ascending" : "descending" : c.sortable ? "none" : void 0, children: c.sortable ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { type: "button", className: "agn-table__sort-btn agn-focus-inset", onClick: () => setSort(c), children: [
       inner,
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-sr", children: active ? ", " + (s.dir === "asc" ? l.sortedAsc : l.sortedDesc) : "" })
     ] }) : inner });
   };
-  const renderCell = (c, r, ri) => {
+  const cellContent = (c, r, ri) => {
+    const value = r[c.key];
+    return c.render ? c.render(value, r, ri) : value == null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-table__null", children: "\u2014" }) : String(value);
+  };
+  const renderCell = (c, r, ri, ci) => {
     const k = keyOf(r, ri);
     const isEditing = editing && editing.key === k && editing.col === c.key;
     const value = r[c.key];
-    const content = c.render ? c.render(value, r, ri) : value == null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-table__null", children: "\u2014" }) : String(value);
+    const content = cellContent(c, r, ri);
+    const lead = ci === 0 && hiddenColumns.length > 0;
+    const open = lead && expanded.includes(k);
     const canEdit = c.editable && onCellEdit;
     const commit = (v) => {
       if (v !== String(value == null ? "" : value)) onCellEdit(r, c.key, v);
       setEditing(null);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: cx("agn-table__td", c.align && "agn-table__td--" + c.align, c.mono && "agn-table__td--mono", c.ellipsis && "agn-table__td--ellipsis", canEdit && "agn-table__td--editable", isEditing && "agn-table__td--editing", c.className), style: { width: c.width }, onDoubleClick: canEdit ? () => setEditing({ key: k, col: c.key }) : void 0, title: c.ellipsis && typeof content === "string" ? content : void 0, children: isEditing ? (
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: cx("agn-table__td", c.key === stickyKey && "agn-table__td--sticky", c.align && "agn-table__td--" + c.align, c.mono && "agn-table__td--mono", c.ellipsis && "agn-table__td--ellipsis", canEdit && "agn-table__td--editable", isEditing && "agn-table__td--editing", c.className), style: { width: c.width }, onDoubleClick: canEdit ? () => setEditing({ key: k, col: c.key }) : void 0, title: c.ellipsis && typeof content === "string" ? content : void 0, children: isEditing ? (
       // biome-ignore lint/a11y/noAutofocus: the editor mounts only on the user's double-click or Edit press; moving focus into it is the expected response, not a page-load surprise
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("input", { className: "agn-table__input", autoFocus: true, defaultValue: value == null ? "" : value, "aria-label": typeof c.label === "string" ? c.label : void 0, onBlur: (e) => commit(e.target.value), onKeyDown: (e) => {
         if (e.key === "Enter") {
@@ -2356,13 +2523,16 @@ function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selecte
         e.stopPropagation();
       } })
     ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-      content,
+      lead ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "agn-table__lead", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { type: "button", className: "agn-table__expand agn-focus-inset", "aria-expanded": open, "aria-controls": open ? id + "-detail-" + ri : void 0, "aria-label": open ? l.collapseRow : l.expandRow, onClick: () => toggleExpanded(k), children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: "chevron-right", size: 14, className: "agn-table__expand-icon" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-table__lead-content", children: content })
+      ] }) : content,
       canEdit && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { type: "button", className: "agn-table__edit agn-focus-inset", "aria-label": l.edit, onClick: () => setEditing({ key: k, col: c.key }), children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: "pencil", size: 12 }) })
     ] }) });
   };
   const header = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("thead", { className: cx("agn-table__head", stickyHeader && "agn-table__head--sticky"), children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { children: [
     selectable && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { scope: "col", className: "agn-table__th agn-table__th--check", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("input", { ref: headRef, type: "checkbox", className: "agn-table__check", checked: allSel, onChange: toggleAll, "aria-label": l.selectAll, disabled: st !== "ready" }) }),
-    columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react36.default.Fragment, { children: renderTh(c) }, c.key)),
+    visibleColumns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react37.default.Fragment, { children: renderTh(c) }, c.key)),
     rowActions && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { scope: "col", className: "agn-table__th agn-table__th--actions", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-sr", children: l.actions }) })
   ] }) });
   let body;
@@ -2376,7 +2546,7 @@ function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selecte
     /* biome-ignore lint/a11y/noAriaHiddenOnFocusable: skeleton rows have no tabIndex and no focusable content; the rule treats every tr as focusable */
     /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { className: "agn-table__row agn-table__row--skeleton", "aria-hidden": "true", children: [
       selectable && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "agn-table__td agn-table__td--check", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-table__skeleton agn-table__skeleton--box" }) }),
-      columns.map((c, ci) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "agn-table__td", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-table__skeleton", style: { width: (ci % 3 === 0 ? 70 : ci % 3 === 1 ? 45 : 55) + "%" } }) }, c.key)),
+      visibleColumns.map((c, ci) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: cx("agn-table__td", c.key === stickyKey && "agn-table__td--sticky"), children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "agn-table__skeleton", style: { width: (ci % 3 === 0 ? 70 : ci % 3 === 1 ? 45 : 55) + "%" } }) }, c.key)),
       rowActions && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "agn-table__td" })
     ] }, i)
   ));
@@ -2389,20 +2559,29 @@ function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selecte
     const k = keyOf(r, ri);
     const isSel = selectable && sel.includes(k);
     const isActive = activeKey != null && k === activeKey;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { "data-row-index": ri, tabIndex: ri === (focusIdx < 0 ? 0 : focusIdx) ? 0 : -1, className: cx("agn-table__row", "agn-focus-inset", isSel && "agn-table__row--selected", isActive && "agn-table__row--active", onRowClick && "agn-table__row--clickable", rowClassName && rowClassName(r, ri)), "aria-selected": selectable ? isSel : void 0, "aria-current": isActive ? "true" : void 0, onKeyDown: (e) => onRowKey(e, r, ri), onFocus: () => setFocusIdx(ri), onClick: onRowClick ? (e) => {
+    const open = hiddenColumns.length > 0 && expanded.includes(k);
+    const row = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { "data-row-index": ri, tabIndex: ri === (focusIdx < 0 ? 0 : focusIdx) ? 0 : -1, className: cx("agn-table__row", "agn-focus-inset", isSel && "agn-table__row--selected", isActive && "agn-table__row--active", onRowClick && "agn-table__row--clickable", rowClassName && rowClassName(r, ri)), "aria-selected": selectable ? isSel : void 0, "aria-current": isActive ? "true" : void 0, onKeyDown: (e) => onRowKey(e, r, ri), onFocus: () => setFocusIdx(ri), onClick: onRowClick ? (e) => {
       if (!/^(INPUT|BUTTON|A|SELECT|TEXTAREA)$/.test(e.target.tagName) && !e.target.closest("button,a,input,select,textarea")) onRowClick(r, ri);
     } : void 0, children: [
       selectable && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "agn-table__td agn-table__td--check", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("input", { type: "checkbox", className: "agn-table__check", checked: isSel, onChange: () => toggleOne(k), "aria-label": l.selectRow }) }),
-      columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react36.default.Fragment, { children: renderCell(c, r, ri) }, c.key)),
+      visibleColumns.map((c, ci) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react37.default.Fragment, { children: renderCell(c, r, ri, ci) }, c.key)),
       rowActions && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "agn-table__td agn-table__td--actions", children: rowActions(r, ri) })
     ] }, k);
+    if (!open) return row;
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react37.default.Fragment, { children: [
+      row,
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { id: id + "-detail-" + ri, className: "agn-table__detail", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { colSpan: colCount, className: "agn-table__detail-cell", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("dl", { className: "agn-table__detail-list", style: { maxWidth: width ? Math.max(0, width - 26) : void 0 }, children: hiddenColumns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "agn-table__detail-item", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("dt", { className: "agn-table__detail-label", children: c.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("dd", { className: cx("agn-table__detail-value", c.mono && "agn-table__td--mono"), children: cellContent(c, r, ri) })
+      ] }, c.key)) }) }) })
+    ] }, k);
   });
   if (st === "loading" && !skeletonRows) body = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("td", { colSpan: colCount, className: "agn-table__state", children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: "loader-circle", size: 20, className: "agn-table__spin" }),
     l.loading
   ] }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cx("agn-table", bare && "agn-table--bare", striped && "agn-table--striped", st !== "ready" && "agn-table--" + st, className), style, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "agn-table__scroll", style: { maxHeight }, "aria-busy": st === "loading" || void 0, "aria-live": st === "loading" ? "polite" : void 0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { ref: rootRef, className: cx("agn-table", bare && "agn-table--bare", striped && "agn-table--striped", stickyFirst && "agn-table--sticky-first", st !== "ready" && "agn-table--" + st, className), style, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { ref: scrollRef, className: "agn-table__scroll", style: { maxHeight }, "aria-busy": st === "loading" || void 0, "aria-live": st === "loading" ? "polite" : void 0, children: [
       /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("table", { className: "agn-table__table", id, children: [
         caption && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("caption", { className: "agn-sr", children: caption }),
         header,
@@ -2418,7 +2597,7 @@ function DataTable({ columns = [], rows = [], rowKey = "id", selectable, selecte
 }
 
 // src/data/TreeGrid.jsx
-var import_react37 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"), 1);
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var DEFAULT_LABELS21 = { expand: "Expand", collapse: "Collapse", empty: "Nothing here yet" };
 function flatten(rows, expanded, depth = 0, out = []) {
@@ -2432,7 +2611,7 @@ function flatten(rows, expanded, depth = 0, out = []) {
 }
 function TreeGrid({ columns = [], rows = [], defaultExpanded, expanded, onExpandChange, onRowClick, selected, stickyHeader = true, maxHeight, labels, indent = 20, bare, className, style, ...rest }) {
   const l = { ...DEFAULT_LABELS21, ...labels };
-  const [local, setLocal] = (0, import_react37.useState)(() => new Set(defaultExpanded || rows.filter((r) => r.expanded).map((r) => r.id)));
+  const [local, setLocal] = (0, import_react38.useState)(() => new Set(defaultExpanded || rows.filter((r) => r.expanded).map((r) => r.id)));
   const exp = expanded ? new Set(expanded) : local;
   const setExp = (next) => {
     if (!expanded) setLocal(next);
@@ -2444,8 +2623,8 @@ function TreeGrid({ columns = [], rows = [], defaultExpanded, expanded, onExpand
     setExp(n);
   };
   const flat = flatten(rows, exp);
-  const [focus, setFocus] = (0, import_react37.useState)(0);
-  const ref = import_react37.default.useRef(null);
+  const [focus, setFocus] = (0, import_react38.useState)(0);
+  const ref = import_react38.default.useRef(null);
   const focusRow = (i) => {
     const n = Math.max(0, Math.min(flat.length - 1, i));
     setFocus(n);
@@ -2532,10 +2711,10 @@ function TreeGrid({ columns = [], rows = [], defaultExpanded, expanded, onExpand
 }
 
 // src/data/Tree.jsx
-var import_react39 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 
 // src/data/Badge.jsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function Badge({ tone = "neutral", count, max = 99, solid, outline, icon, size = "md", children, className, ...rest }) {
   const hasCount = typeof count === "number";
@@ -2568,7 +2747,7 @@ function Tree({ items = [], selected, onSelect, defaultExpanded, expanded, onExp
     });
     return out;
   };
-  const [local, setLocal] = (0, import_react39.useState)(() => new Set(defaultExpanded || collect2(items)));
+  const [local, setLocal] = (0, import_react40.useState)(() => new Set(defaultExpanded || collect2(items)));
   const exp = expanded ? new Set(expanded) : local;
   const setExp = (next) => {
     if (!expanded) setLocal(next);
@@ -2580,8 +2759,8 @@ function Tree({ items = [], selected, onSelect, defaultExpanded, expanded, onExp
     setExp(n);
   };
   const flat = flatten2(items, exp);
-  const ref = (0, import_react39.useRef)(null);
-  const [focus, setFocus] = (0, import_react39.useState)(() => Math.max(0, flat.findIndex((f) => f.node.id === selected)));
+  const ref = (0, import_react40.useRef)(null);
+  const [focus, setFocus] = (0, import_react40.useState)(() => Math.max(0, flat.findIndex((f) => f.node.id === selected)));
   const focusAt = (i) => {
     const n = Math.max(0, Math.min(flat.length - 1, i));
     setFocus(n);
@@ -2670,7 +2849,7 @@ function Tree({ items = [], selected, onSelect, defaultExpanded, expanded, onExp
 }
 
 // src/data/Tile.jsx
-var import_react40 = __toESM(require("react"), 1);
+var import_react41 = __toESM(require("react"), 1);
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function Tile({ icon, media: media2, title, href, onClick, meta, actions, boxed, selected, as, className, children, ...rest }) {
   const Comp = as || "div";
@@ -2688,7 +2867,7 @@ function Tile({ icon, media: media2, title, href, onClick, meta, actions, boxed,
 }
 
 // src/data/SummaryDetail.jsx
-var import_react41 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function SummaryDetail({ fields = [], max, dense, className, ...rest }) {
   const list = max ? fields.slice(0, max) : fields;
@@ -2699,7 +2878,7 @@ function SummaryDetail({ fields = [], max, dense, className, ...rest }) {
 }
 
 // src/data/Avatar.jsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var SIZES = { xs: 20, sm: 24, md: 32, lg: 40, xl: 56 };
 var initialsOf = (name) => String(name || "").trim().split(/\s+/).slice(0, 2).map((w) => w.charAt(0)).join("").toLocaleUpperCase("tr-TR");
@@ -2741,7 +2920,7 @@ function AvatarGroup({ items = [], max = 4, size = "sm", kind = "person", classN
 }
 
 // src/data/Tag.jsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function Tag({ tone = "neutral", dot, icon, as: Comp = "span", children, className, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Comp, { className: cx("agn-tag", "agn-tag--" + tone, dot && "agn-tag--dot", className), ...rest, children: [
@@ -2752,7 +2931,7 @@ function Tag({ tone = "neutral", dot, icon, as: Comp = "span", children, classNa
 }
 
 // src/data/BlockIcon.jsx
-var import_react44 = __toESM(require("react"), 1);
+var import_react45 = __toESM(require("react"), 1);
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function BlockIcon({ icon = "box", product, tone = "signal", color, size = "md", title, children, className, style, ...rest }) {
   const px2 = size === "sm" ? 20 : size === "lg" ? 32 : size === "xl" ? 40 : 24;
@@ -2764,7 +2943,7 @@ function BlockIcon({ icon = "box", product, tone = "signal", color, size = "md",
 }
 
 // src/data/FileCard.jsx
-var import_react45 = __toESM(require("react"), 1);
+var import_react46 = __toESM(require("react"), 1);
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var TYPE_ICON = { pdf: "file-text", doc: "file-text", docx: "file-text", txt: "file-text", md: "file-text", xls: "file-spreadsheet", xlsx: "file-spreadsheet", csv: "file-spreadsheet", json: "file-json", js: "file-code", ts: "file-code", py: "file-code", png: "image", jpg: "image", jpeg: "image", gif: "image", svg: "image", webp: "image", mp3: "file-audio", wav: "file-audio", ogg: "file-audio", mp4: "file-video", zip: "file-archive", folder: "folder" };
 function FileCard({ name, type, size, modified, preview, variant = "card", selected, onOpen, href, actions, meta, className, ...rest }) {
@@ -2786,7 +2965,7 @@ function FileCard({ name, type, size, modified, preview, variant = "card", selec
 }
 
 // src/data/Feed.jsx
-var import_react46 = __toESM(require("react"), 1);
+var import_react47 = __toESM(require("react"), 1);
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var DEFAULT_LABELS23 = { reply: "Reply", like: "Like", liked: "Liked", replies: "replies" };
 function Feed({ children, className, ...rest }) {
@@ -2836,13 +3015,13 @@ function FeedPost({ author, avatar, kind = "person", action, target, time, child
 }
 
 // src/data/ActivityTimeline.jsx
-var import_react47 = __toESM(require("react"), 1);
+var import_react48 = __toESM(require("react"), 1);
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var KIND = { run: "play", step: "circle-dot", approval: "user-check", call: "phone", message: "message-square", note: "sticky-note", agent: "bot", deploy: "rocket", edit: "pencil", error: "circle-alert", success: "circle-check", warn: "triangle-alert", handoff: "arrow-right-left", email: "mail", event: "circle" };
 var DEFAULT_LABELS24 = { show: "Show details", hide: "Hide details" };
 function ActivityTimeline({ items = [], compact, labels, className, ...rest }) {
   const l = { ...DEFAULT_LABELS24, ...labels };
-  const [open, setOpen] = (0, import_react47.useState)(() => new Set(items.filter((i) => i.open).map((i, idx) => i.id || idx)));
+  const [open, setOpen] = (0, import_react48.useState)(() => new Set(items.filter((i) => i.open).map((i, idx) => i.id || idx)));
   let lastGroup = null;
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ol", { className: cx("agn-timeline", compact && "agn-timeline--compact", className), ...rest, children: items.map((it, i) => {
     const key = it.id || i;
@@ -2850,7 +3029,7 @@ function ActivityTimeline({ items = [], compact, labels, className, ...rest }) {
     const head = it.group && it.group !== lastGroup ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("li", { className: "agn-timeline__group", "aria-hidden": "true", children: it.group }, "g" + key) : null;
     lastGroup = it.group || lastGroup;
     const isOpen = open.has(key);
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react47.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react48.default.Fragment, { children: [
       head,
       /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("li", { className: cx("agn-timeline__item", "agn-timeline__item--" + tone, it.current && "agn-timeline__item--current", it.done === false && "agn-timeline__item--pending"), children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "agn-timeline__marker", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: it.icon || KIND[it.kind] || "circle", size: compact ? 12 : 14 }) }),
@@ -2878,7 +3057,7 @@ function ActivityTimeline({ items = [], compact, labels, className, ...rest }) {
 }
 
 // src/data/Illustration.jsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var SCENES = {
   empty: { icon: "inbox", cards: [[10, 58, 58, 32], [96, 14, 54, 30]], dots: [[1, 16, 22], [2, 84, 70], [3, 74, 12]] },
@@ -2914,7 +3093,7 @@ function Illustration({ scene = "empty", icon, product, title, message, action,
 }
 
 // src/data/Stat.jsx
-var import_react49 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function Stat({ value, label, delta, invert, sub, icon, size = "md", chart, locale, as: Comp = "div", className, ...rest }) {
   let d = null;
@@ -2947,7 +3126,7 @@ function Stat({ value, label, delta, invert, sub, icon, size = "md", chart, loca
 }
 
 // src/data/MiniChart.jsx
-var import_react50 = __toESM(require("react"), 1);
+var import_react51 = __toESM(require("react"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var COLORS = ["var(--data-1)", "var(--data-2)", "var(--data-3)", "var(--data-4)", "var(--data-5)", "var(--data-6)"];
 var PAD = { t: 6, r: 6, b: 18, l: 6 };
@@ -2963,8 +3142,8 @@ function path(vals, x, y, close, h) {
   return close ? d + " L" + pts[pts.length - 1][0].toFixed(1) + " " + h + " L" + pts[0][0].toFixed(1) + " " + h + " Z" : d;
 }
 function useWidth(ref, fallback) {
-  const [w, setW] = import_react50.default.useState(null);
-  import_react50.default.useEffect(() => {
+  const [w, setW] = import_react51.default.useState(null);
+  import_react51.default.useEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return void 0;
     const ro = new ResizeObserver((es) => {
@@ -2984,11 +3163,11 @@ function MiniChart({ type = "line", data, series, labels = [], height = 120, wid
   const ref = reference == null ? null : typeof reference === "number" ? { value: reference } : reference;
   const extra = [ref && ref.value, band && band.from, band && band.to].filter((v) => typeof v === "number");
   const { hi, lo } = scale((stack ? cum.map((values) => ({ values })) : ser).concat(extra.length ? [{ values: extra }] : []), max, min);
-  const figRef = import_react50.default.useRef(null);
+  const figRef = import_react51.default.useRef(null);
   const W = useWidth(figRef, width), H = height, iw = Math.max(W - PAD.l - PAD.r, 1), ih = H - PAD.t - PAD.b;
   const y = (v) => PAD.t + ih - (v - lo) / (hi - lo) * ih;
   const x = (i) => PAD.l + (n === 1 ? iw / 2 : i / (n - 1) * iw);
-  const id = import_react50.default.useMemo(() => uid("agn-chart"), []);
+  const id = import_react51.default.useMemo(() => uid("agn-chart"), []);
   const ticks2 = [lo, (lo + hi) / 2, hi];
   const desc = ser.map((s) => (s.name ? s.name + ": " : "") + s.values.map(format).join(", ")).join("; ");
   let marks;
@@ -3068,13 +3247,13 @@ function Sparkline({ data = [], width = 96, height = 24, area, color = 1, tone,
 }
 
 // src/data/Kanban.jsx
-var import_react51 = __toESM(require("react"), 1);
+var import_react52 = __toESM(require("react"), 1);
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var DEFAULT_LABELS25 = { add: "Add", limit: "limit", empty: "No cards", moveTo: "Move to" };
 function Kanban({ columns = [], cards = [], onMove, onCardClick, onAdd, renderCard, labels, className, style, ...rest }) {
   const l = { ...DEFAULT_LABELS25, ...labels };
-  const [drag, setDrag] = (0, import_react51.useState)(null);
-  const [over, setOver] = (0, import_react51.useState)(null);
+  const [drag, setDrag] = (0, import_react52.useState)(null);
+  const [over, setOver] = (0, import_react52.useState)(null);
   const byCol = (id) => cards.filter((c) => c.column === id);
   const move = (card, dir) => {
     const i = columns.findIndex((c) => c.id === card.column);
@@ -3194,7 +3373,7 @@ function Kanban({ columns = [], cards = [], onMove, onCardClick, onAdd, renderCa
 }
 
 // src/data/CalendarView.jsx
-var import_react52 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var DEFAULT_LABELS26 = { more: "more", today: "Today", prev: "Previous month", next: "Next month" };
 var toDate = (d) => d instanceof Date ? d : new Date(d);
@@ -3274,7 +3453,7 @@ function CalendarView({ month, events = [], locale = "en", weekStartsOn = 1, tod
 }
 
 // src/data/Gantt.jsx
-var import_react53 = __toESM(require("react"), 1);
+var import_react54 = __toESM(require("react"), 1);
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var DAY = 864e5;
 var toDate2 = (d) => d instanceof Date ? d : new Date(d);
@@ -3340,7 +3519,7 @@ function Gantt({ tasks = [], start, end, unit = "day", colWidth, today = /* @__P
 }
 
 // src/data/DescriptionList.jsx
-var import_react54 = __toESM(require("react"), 1);
+var import_react55 = __toESM(require("react"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function DescriptionList({ items = [], columns = 1, horizontal, labelWidth, className, style, ...rest }) {
   const list = items.map((it) => Array.isArray(it) ? { label: it[0], value: it[1] } : it);
@@ -3351,7 +3530,7 @@ function DescriptionList({ items = [], columns = 1, horizontal, labelWidth, clas
 }
 
 // src/data/Amount.jsx
-var import_react55 = __toESM(require("react"), 1);
+var import_react56 = __toESM(require("react"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function formatAmount(value, { currency = "TRY", locale = "tr-TR", decimals = 2, style } = {}) {
   const n = Number(value);
@@ -3385,7 +3564,7 @@ function Amount({ value, currency = "TRY", locale = "tr-TR", decimals = 2, signe
 }
 
 // src/data/CodeBlock.jsx
-var import_react56 = __toESM(require("react"), 1);
+var import_react57 = __toESM(require("react"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var DEFAULT_LABELS27 = { copy: "Copy", copied: "Copied", wrap: "Wrap lines", unwrap: "Unwrap lines" };
 var KW = { js: /^(const|let|var|function|return|if|else|for|while|import|export|from|default|new|await|async|class|extends|try|catch|throw|typeof|null|undefined|true|false|this)$/, bash: /^(if|then|else|fi|for|do|done|in|case|esac|function|export|echo|cd|ls|cat|grep|curl|docker|git|npm|pnpm|npx|node|python3?|sudo|set|while|return|exit)$/, json: /^(true|false|null)$/ };
@@ -3455,8 +3634,8 @@ function tokenize(line, lang) {
 }
 function CodeBlock({ code = "", language = "text", title, lineNumbers = true, copy = true, wrap: wrapProp, wrapToggle = true, maxHeight, highlight = [], startLine = 1, labels, className, ...rest }) {
   const l = { ...DEFAULT_LABELS27, ...labels };
-  const [wrap, setWrap] = (0, import_react56.useState)(!!wrapProp);
-  const [copied, setCopied] = (0, import_react56.useState)(false);
+  const [wrap, setWrap] = (0, import_react57.useState)(!!wrapProp);
+  const [copied, setCopied] = (0, import_react57.useState)(false);
   const lines = String(code).replace(/\n$/, "").split("\n");
   const lang = ["json", "bash", "js", "sh", "javascript", "typescript", "ts"].includes(language) ? { sh: "bash", javascript: "js", typescript: "js", ts: "js" }[language] || language : null;
   const doCopy = () => {
@@ -3491,7 +3670,7 @@ function CodeBlock({ code = "", language = "text", title, lineNumbers = true, co
 }
 
 // src/data/JsonTree.jsx
-var import_react57 = __toESM(require("react"), 1);
+var import_react58 = __toESM(require("react"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var DEFAULT_LABELS28 = { items: "items", keys: "keys", expand: "Expand", collapse: "Collapse", copy: "Copy", copied: "Copied" };
 var isObj = (v) => v !== null && typeof v === "object";
@@ -3541,8 +3720,8 @@ function collect(value, depth, maxDepth, path2, out) {
 }
 function JsonTree({ data, defaultDepth = 2, title, copy = true, maxHeight, labels, className, ...rest }) {
   const l = { ...DEFAULT_LABELS28, ...labels };
-  const [open, setOpen] = (0, import_react57.useState)(() => collect(data, 1, defaultDepth, "$", /* @__PURE__ */ new Set()));
-  const [copied, setCopied] = (0, import_react57.useState)(false);
+  const [open, setOpen] = (0, import_react58.useState)(() => collect(data, 1, defaultDepth, "$", /* @__PURE__ */ new Set()));
+  const [copied, setCopied] = (0, import_react58.useState)(false);
   const toggle = (p) => {
     const n = new Set(open);
     n.has(p) ? n.delete(p) : n.add(p);
@@ -3570,7 +3749,7 @@ function JsonTree({ data, defaultDepth = 2, title, copy = true, maxHeight, label
 }
 
 // src/data/DiffView.jsx
-var import_react58 = __toESM(require("react"), 1);
+var import_react59 = __toESM(require("react"), 1);
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var DEFAULT_LABELS29 = { added: "added", removed: "removed", before: "Before", after: "After", unchanged: "unchanged lines" };
 function diffLines(before = "", after = "") {
@@ -3792,7 +3971,7 @@ function DiffView({ before, after, lines, mode = "unified", title, context = 3,
 }
 
 // src/data/Heatmap.jsx
-var import_react59 = __toESM(require("react"), 1);
+var import_react60 = __toESM(require("react"), 1);
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var STEPS = {
   ok: ["var(--ok-100)", "var(--ok-200)", "var(--ok-400)", "var(--ok-600)"],
@@ -3899,7 +4078,7 @@ function Heatmap({ rows = [], columns = [], values = [], thresholds, scale: scal
 }
 
 // src/layout/Card.jsx
-var import_react60 = __toESM(require("react"), 1);
+var import_react61 = __toESM(require("react"), 1);
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var DEFAULT_LABELS30 = { viewAll: "View all" };
 function Card({ title, icon, count, actions, footer, viewAll, viewAllHref, padding = "md", sunken, interactive, selected, labels, as: Comp = "section", children, className, ...rest }) {
@@ -3919,7 +4098,7 @@ function Card({ title, icon, count, actions, footer, viewAll, viewAllHref, paddi
 }
 
 // src/layout/Toolbar.jsx
-var import_react61 = __toESM(require("react"), 1);
+var import_react62 = __toESM(require("react"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var DEFAULT_LABELS31 = { search: "Search", clear: "Clear search" };
 function Toolbar({ title, count, search, left, right, sticky, bare, labels, children, className, ...rest }) {
@@ -3951,88 +4130,6 @@ var import_react64 = __toESM(require("react"), 1);
 
 // src/feedback/SidePanel.jsx
 var import_react63 = __toESM(require("react"), 1);
-
-// src/layout/responsive.js
-var import_react62 = __toESM(require("react"), 1);
-var BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280, "2xl": 1536 };
-var BREAKPOINT_ORDER = ["base", "sm", "md", "lg", "xl", "2xl"];
-function breakpointFor(width) {
-  let name = "base";
-  for (const k of BREAKPOINT_ORDER.slice(1)) if (width >= BREAKPOINTS[k]) name = k;
-  return name;
-}
-function toPx(bp) {
-  return typeof bp === "number" ? bp : BREAKPOINTS[bp] != null ? BREAKPOINTS[bp] : 0;
-}
-function atLeast(a, b) {
-  return BREAKPOINT_ORDER.indexOf(a) >= BREAKPOINT_ORDER.indexOf(b);
-}
-var useIsoLayoutEffect = typeof window !== "undefined" ? import_react62.default.useLayoutEffect : import_react62.default.useEffect;
-function useElementWidth(ref) {
-  const [w, setW] = import_react62.default.useState(null);
-  useIsoLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return void 0;
-    const read2 = () => {
-      const n = el.offsetWidth;
-      setW((p) => p === n ? p : n);
-    };
-    read2();
-    if (typeof ResizeObserver === "undefined") return void 0;
-    const ro = new ResizeObserver(read2);
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, [ref]);
-  return w;
-}
-function useBreakpoint(ref) {
-  const w = useElementWidth(ref);
-  return w == null ? null : breakpointFor(w);
-}
-var FOCUSABLE = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidden"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"]),[contenteditable="true"]';
-function useOverlayFocus(ref, open, onClose) {
-  const closeRef = import_react62.default.useRef(onClose);
-  closeRef.current = onClose;
-  import_react62.default.useEffect(() => {
-    if (!open) return void 0;
-    const el = ref.current;
-    if (!el) return void 0;
-    const prev = typeof document !== "undefined" ? document.activeElement : null;
-    if (!el.contains(document.activeElement)) el.focus({ preventScroll: true });
-    const onKey = (e) => {
-      if (e.key === "Escape") {
-        if (closeRef.current) {
-          e.stopPropagation();
-          closeRef.current();
-        }
-        return;
-      }
-      if (e.key !== "Tab" || !el.contains(document.activeElement)) return;
-      const f = Array.from(el.querySelectorAll(FOCUSABLE)).filter((n) => n.offsetParent !== null || n === document.activeElement);
-      if (!f.length) {
-        e.preventDefault();
-        el.focus({ preventScroll: true });
-        return;
-      }
-      const first = f[0], last = f[f.length - 1];
-      if (e.shiftKey && (document.activeElement === first || document.activeElement === el)) {
-        e.preventDefault();
-        last.focus();
-      } else if (!e.shiftKey && document.activeElement === last) {
-        e.preventDefault();
-        first.focus();
-      }
-    };
-    el.addEventListener("keydown", onKey);
-    return () => {
-      el.removeEventListener("keydown", onKey);
-      const a = document.activeElement;
-      if (prev && prev.focus && document.contains(prev) && (!a || a === document.body || el.contains(a))) prev.focus({ preventScroll: true });
-    };
-  }, [open, ref]);
-}
-
-// src/feedback/SidePanel.jsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function SidePanel({ open = true, onClose, title, eyebrow, subtitle, tabs, actions, footer, size = "md", width, mode = "overlay", scrim = true, children, labels, className, style, ...rest }) {
   const L = { close: "Close", ...labels };
@@ -5221,131 +5318,235 @@ function Stepper({ steps = [], current = 0, vertical, size = "md", errorSteps =
   }) });
 }
 
-// src/feedback/AginiesLoader.jsx
-var import_react86 = __toESM(require("react"), 1);
-var import_jsx_runtime84 = (
-  // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
-  require("react/jsx-runtime")
-);
-var SIZE = { page: 96, region: 40, inline: 16 };
-function AginiesLoader({ tier = "region", variant = "orbit", label, showLabel, labels, className, ...rest }) {
-  const L = { loading: "Loading", ...labels };
-  const text = label || L.loading;
-  const Tag2 = tier === "inline" ? "span" : "div";
-  const visible = showLabel != null ? showLabel : tier === "page";
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Tag2, { className: cx("agn-loader", "agn-loader--" + tier, "agn-loader--" + variant, className), role: "status", "aria-busy": "true", "aria-live": "polite", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "agn-loader__mark", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AginiesMark, { size: SIZE[tier] || SIZE.region, decorative: true }) }),
-    tier === "page" && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "agn-loader__word", children: "Aginies" }),
-    visible ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "agn-loader__label", children: text }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "agn-sr", children: text })
-  ] });
-}
-
-// src/feedback/Skeleton.jsx
+// src/navigation/ActivityBar.jsx
 var import_react87 = __toESM(require("react"), 1);
-var import_jsx_runtime85 = require("react/jsx-runtime");
-var WIDTHS2 = ["72%", "48%", "60%", "36%", "82%", "54%"];
-function Skeleton({ shape = "text", lines = 3, width, height, className, style, ...rest }) {
-  if (shape === "text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cx("agn-skeleton-text", className), style: { width, ...style }, "aria-hidden": "true", ...rest, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "agn-skeleton agn-skeleton--line", style: lines > 1 && i === lines - 1 ? { width: "62%" } : void 0 }, i)) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: cx("agn-skeleton", "agn-skeleton--" + shape, className), style: { width, height, ...style }, "aria-hidden": "true", ...rest });
-}
-function PageSkeleton({ header = true, rows = 6, columns = 4, labels, className, ...rest }) {
-  const L = { loading: "Loading page", ...labels };
-  const cols = Array.from({ length: columns }, (_, i) => i);
-  const grid = { gridTemplateColumns: cols.map((i) => i === 0 ? "2fr" : "1fr").join(" ") };
-  return (
-    // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: cx("agn-page-skeleton", className), role: "status", "aria-busy": "true", ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "agn-sr", children: L.loading }),
-      header && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "agn-page-skeleton__header", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Skeleton, { shape: "line", width: 88, height: 8 }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Skeleton, { shape: "rect", width: 236, height: 22, style: { marginTop: 10 } })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Skeleton, { shape: "rect", width: 108, height: "var(--control-h)" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "agn-page-skeleton__table", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "agn-page-skeleton__row agn-page-skeleton__row--head", style: grid, children: cols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Skeleton, { shape: "line", width: "46%", height: 8 }, c)) }),
-        Array.from({ length: rows }, (_, r) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "agn-page-skeleton__row", style: grid, children: cols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Skeleton, { shape: "line", width: WIDTHS2[(r + c) % WIDTHS2.length] }, c)) }, r))
+
+// src/feedback/Tooltip.jsx
+var import_react86 = __toESM(require("react"), 1);
+var import_jsx_runtime84 = require("react/jsx-runtime");
+function Tooltip({ content, kbd, placement = "top", delay = 400, open: openProp, children, className, ...rest }) {
+  const [own, setOwn] = import_react86.default.useState(false);
+  const open = openProp != null ? openProp : own;
+  const timer = import_react86.default.useRef(null);
+  const id = import_react86.default.useMemo(() => uid("tip"), []);
+  const show2 = () => {
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => setOwn(true), delay);
+  };
+  const hide = () => {
+    clearTimeout(timer.current);
+    setOwn(false);
+  };
+  import_react86.default.useEffect(() => () => clearTimeout(timer.current), []);
+  import_react86.default.useEffect(() => {
+    if (!open) return;
+    const k = (e) => e.key === "Escape" && hide();
+    document.addEventListener("keydown", k);
+    return () => document.removeEventListener("keydown", k);
+  }, [open]);
+  const child = import_react86.default.Children.only(children);
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: the wrapper only listens: hover and focus bubble up from the focusable trigger it wraps; it is not itself operable
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: cx("agn-tip-wrap", className), onMouseEnter: show2, onMouseLeave: hide, onFocus: show2, onBlur: hide, ...rest, children: [
+      import_react86.default.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] }),
+      open && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { role: "tooltip", id, className: cx("agn-tip", "agn-tip--" + placement), children: [
+        content,
+        kbd && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("kbd", { className: "agn-tip__kbd", children: kbd })
       ] })
     ] })
   );
 }
 
-// src/feedback/Alert.jsx
+// src/navigation/ActivityBar.jsx
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var DEFAULT_LABELS50 = { navigation: "Views" };
+function ActivityBar({ items = [], footerItems = [], active, onSelect, side = "left", labels, className, ...rest }) {
+  const l = { ...DEFAULT_LABELS50, ...labels };
+  const all = [...items, ...footerItems];
+  const enabled = all.filter((it) => !it.disabled);
+  const activeEnabled = enabled.some((it) => it.id === active);
+  const [focusId, setFocusId] = import_react87.default.useState(null);
+  const stop = focusId != null && enabled.some((it) => it.id === focusId) ? focusId : activeEnabled ? active : enabled[0] && enabled[0].id;
+  const refs = import_react87.default.useRef({});
+  const move = (id) => {
+    setFocusId(id);
+    const el = refs.current[id];
+    if (el) el.focus();
+  };
+  const onKey = (e, id) => {
+    const i = enabled.findIndex((it) => it.id === id);
+    if (i < 0) return;
+    let next = null;
+    if (e.key === "ArrowDown") next = enabled[(i + 1) % enabled.length];
+    else if (e.key === "ArrowUp") next = enabled[(i - 1 + enabled.length) % enabled.length];
+    else if (e.key === "Home") next = enabled[0];
+    else if (e.key === "End") next = enabled[enabled.length - 1];
+    if (next) {
+      e.preventDefault();
+      move(next.id);
+    }
+  };
+  const renderItem = (it) => {
+    const sel = it.id === active;
+    const glyph = typeof it.icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Icon, { name: it.icon, size: 20, strokeWidth: sel ? 2 : 1.75 }) : it.icon;
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Tooltip, { content: it.label, placement: side === "right" ? "left" : "right", className: "agn-activitybar__tip", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      "button",
+      {
+        ref: (el) => {
+          refs.current[it.id] = el;
+        },
+        type: "button",
+        role: "tab",
+        id: it.tabId,
+        className: cx("agn-activitybar__item", "agn-focus-inset", sel && "agn-activitybar__item--active"),
+        "aria-selected": sel,
+        "aria-controls": it.controls,
+        "aria-label": it.badge != null && it.badge !== "" ? it.label + " (" + it.badge + ")" : it.label,
+        disabled: it.disabled,
+        tabIndex: it.id === stop ? 0 : -1,
+        onFocus: () => setFocusId(it.id),
+        onKeyDown: (e) => onKey(e, it.id),
+        onClick: () => {
+          if (!it.disabled && onSelect) onSelect(it.id, it);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "agn-activitybar__glyph", children: [
+          glyph,
+          it.badge != null && it.badge !== "" && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Badge, { tone: "signal", solid: true, size: "sm", count: typeof it.badge === "number" ? it.badge : void 0, className: "agn-activitybar__badge", "aria-hidden": "true", children: typeof it.badge === "number" ? void 0 : it.badge })
+        ] })
+      }
+    ) }, it.id);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { role: "tablist", "aria-orientation": "vertical", "aria-label": l.navigation, className: cx("agn-activitybar", side === "right" && "agn-activitybar--right", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { role: "presentation", className: "agn-activitybar__group", children: items.map(renderItem) }),
+    footerItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { role: "presentation", className: "agn-activitybar__group agn-activitybar__group--footer", children: footerItems.map(renderItem) })
+  ] });
+}
+
+// src/feedback/AginiesLoader.jsx
 var import_react88 = __toESM(require("react"), 1);
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime86 = (
+  // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
+  require("react/jsx-runtime")
+);
+var SIZE = { page: 96, region: 40, inline: 16 };
+function AginiesLoader({ tier = "region", variant = "orbit", label, showLabel, labels, className, ...rest }) {
+  const L = { loading: "Loading", ...labels };
+  const text = label || L.loading;
+  const Tag2 = tier === "inline" ? "span" : "div";
+  const visible = showLabel != null ? showLabel : tier === "page";
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Tag2, { className: cx("agn-loader", "agn-loader--" + tier, "agn-loader--" + variant, className), role: "status", "aria-busy": "true", "aria-live": "polite", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "agn-loader__mark", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AginiesMark, { size: SIZE[tier] || SIZE.region, decorative: true }) }),
+    tier === "page" && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "agn-loader__word", children: "Aginies" }),
+    visible ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "agn-loader__label", children: text }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "agn-sr", children: text })
+  ] });
+}
+
+// src/feedback/Skeleton.jsx
+var import_react89 = __toESM(require("react"), 1);
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var WIDTHS2 = ["72%", "48%", "60%", "36%", "82%", "54%"];
+function Skeleton({ shape = "text", lines = 3, width, height, className, style, ...rest }) {
+  if (shape === "text") {
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: cx("agn-skeleton-text", className), style: { width, ...style }, "aria-hidden": "true", ...rest, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "agn-skeleton agn-skeleton--line", style: lines > 1 && i === lines - 1 ? { width: "62%" } : void 0 }, i)) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: cx("agn-skeleton", "agn-skeleton--" + shape, className), style: { width, height, ...style }, "aria-hidden": "true", ...rest });
+}
+function PageSkeleton({ header = true, rows = 6, columns = 4, labels, className, ...rest }) {
+  const L = { loading: "Loading page", ...labels };
+  const cols = Array.from({ length: columns }, (_, i) => i);
+  const grid = { gridTemplateColumns: cols.map((i) => i === 0 ? "2fr" : "1fr").join(" ") };
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cx("agn-page-skeleton", className), role: "status", "aria-busy": "true", ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "agn-sr", children: L.loading }),
+      header && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "agn-page-skeleton__header", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Skeleton, { shape: "line", width: 88, height: 8 }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Skeleton, { shape: "rect", width: 236, height: 22, style: { marginTop: 10 } })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Skeleton, { shape: "rect", width: 108, height: "var(--control-h)" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "agn-page-skeleton__table", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "agn-page-skeleton__row agn-page-skeleton__row--head", style: grid, children: cols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Skeleton, { shape: "line", width: "46%", height: 8 }, c)) }),
+        Array.from({ length: rows }, (_, r) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "agn-page-skeleton__row", style: grid, children: cols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Skeleton, { shape: "line", width: WIDTHS2[(r + c) % WIDTHS2.length] }, c)) }, r))
+      ] })
+    ] })
+  );
+}
+
+// src/feedback/Alert.jsx
+var import_react90 = __toESM(require("react"), 1);
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var TONE_ICON = { info: "info", ok: "circle-check", warn: "triangle-alert", bad: "circle-alert", neutral: "info", signal: "info" };
 function Alert({ tone = "info", icon, title, children, actions, onDismiss, labels, className, ...rest }) {
   const L = { dismiss: "Dismiss", ...labels };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: cx("agn-alert", "agn-alert--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon, { name: icon || TONE_ICON[tone] || "info", size: 16, className: "agn-alert__icon" }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "agn-alert__body", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "agn-alert__title", children: title }),
-      children != null && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "agn-alert__text", children }),
-      actions && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "agn-alert__actions", children: actions })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cx("agn-alert", "agn-alert--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { name: icon || TONE_ICON[tone] || "info", size: 16, className: "agn-alert__icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "agn-alert__body", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "agn-alert__title", children: title }),
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "agn-alert__text", children }),
+      actions && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "agn-alert__actions", children: actions })
     ] }),
-    onDismiss && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ButtonIcon, { icon: "x", label: L.dismiss, size: "xs", onClick: onDismiss, className: "agn-alert__close" })
+    onDismiss && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ButtonIcon, { icon: "x", label: L.dismiss, size: "xs", onClick: onDismiss, className: "agn-alert__close" })
   ] });
 }
 
 // src/feedback/Toast.jsx
-var import_react89 = __toESM(require("react"), 1);
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_react91 = __toESM(require("react"), 1);
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function Toast({ tone = "ok", title, children, action, onDismiss, duration, labels, className, ...rest }) {
   const L = { dismiss: "Dismiss", ...labels };
-  import_react89.default.useEffect(() => {
+  import_react91.default.useEffect(() => {
     if (!duration || !onDismiss) return;
     const t = setTimeout(onDismiss, duration);
     return () => clearTimeout(t);
   }, [duration, onDismiss]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cx("agn-toast", "agn-toast--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon, { name: TONE_ICON[tone] || "info", size: 16, className: "agn-toast__icon" }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "agn-toast__body", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "agn-toast__title", children: title }),
-      children != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "agn-toast__text", children }),
-      action && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "agn-toast__action", children: action })
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: cx("agn-toast", "agn-toast--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { name: TONE_ICON[tone] || "info", size: 16, className: "agn-toast__icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "agn-toast__body", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "agn-toast__title", children: title }),
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "agn-toast__text", children }),
+      action && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "agn-toast__action", children: action })
     ] }),
-    onDismiss && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ButtonIcon, { icon: "x", label: L.dismiss, size: "xs", onClick: onDismiss, className: "agn-toast__close" })
+    onDismiss && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ButtonIcon, { icon: "x", label: L.dismiss, size: "xs", onClick: onDismiss, className: "agn-toast__close" })
   ] });
 }
 function ToastContainer({ position = "bottom-right", static: isStatic, contained, children, className, ...rest }) {
   const st = isStatic || position === "static";
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: cx("agn-toasts", !st && "agn-toasts--" + position, st && "agn-toasts--static", contained && !st && "agn-toasts--contained", className), "aria-live": "polite", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: cx("agn-toasts", !st && "agn-toasts--" + position, st && "agn-toasts--static", contained && !st && "agn-toasts--contained", className), "aria-live": "polite", ...rest, children });
 }
 function useToasts({ duration = 5e3, max = 3 } = {}) {
-  const [live, setLive] = import_react89.default.useState([]);
-  const [tick, setTick] = import_react89.default.useState(0);
-  const queue = import_react89.default.useRef([]);
-  const timers = import_react89.default.useRef({});
-  const dismiss = import_react89.default.useCallback((id) => {
+  const [live, setLive] = import_react91.default.useState([]);
+  const [tick, setTick] = import_react91.default.useState(0);
+  const queue = import_react91.default.useRef([]);
+  const timers = import_react91.default.useRef({});
+  const dismiss = import_react91.default.useCallback((id) => {
     clearTimeout(timers.current[id]);
     delete timers.current[id];
     setLive((l) => l.filter((t) => t.id !== id));
   }, []);
-  import_react89.default.useEffect(() => {
+  import_react91.default.useEffect(() => {
     const room = max - live.length;
     if (room > 0 && queue.current.length) {
       const take = queue.current.splice(0, room);
       setLive((l) => l.concat(take));
     }
   }, [live, max, tick]);
-  import_react89.default.useEffect(() => {
+  import_react91.default.useEffect(() => {
     live.forEach((t) => {
       const ms = t.duration == null ? duration : t.duration;
       if (timers.current[t.id] || !ms) return;
       timers.current[t.id] = setTimeout(() => dismiss(t.id), ms);
     });
   }, [live, duration, dismiss]);
-  import_react89.default.useEffect(() => () => Object.values(timers.current).forEach(clearTimeout), []);
-  const push = import_react89.default.useCallback((toast) => {
+  import_react91.default.useEffect(() => () => Object.values(timers.current).forEach(clearTimeout), []);
+  const push = import_react91.default.useCallback((toast) => {
     const t = { id: uid("toast"), tone: "ok", ...toast };
     queue.current.push(t);
     setTick((n) => n + 1);
     return t.id;
   }, []);
-  const clear = import_react89.default.useCallback(() => {
+  const clear = import_react91.default.useCallback(() => {
     queue.current = [];
     Object.values(timers.current).forEach(clearTimeout);
     timers.current = {};
@@ -5355,39 +5556,39 @@ function useToasts({ duration = 5e3, max = 3 } = {}) {
 }
 
 // src/feedback/ScopedNotification.jsx
-var import_react90 = __toESM(require("react"), 1);
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react92 = __toESM(require("react"), 1);
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function ScopedNotification({ tone = "neutral", icon, children, action, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cx("agn-scoped", "agn-scoped--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { name: icon || TONE_ICON[tone] || "info", size: 14, className: "agn-scoped__icon" }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "agn-scoped__text", children }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "agn-scoped__action", children: action })
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: cx("agn-scoped", "agn-scoped--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Icon, { name: icon || TONE_ICON[tone] || "info", size: 14, className: "agn-scoped__icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "agn-scoped__text", children }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "agn-scoped__action", children: action })
   ] });
 }
 
 // src/feedback/Notification.jsx
-var import_react91 = __toESM(require("react"), 1);
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react93 = __toESM(require("react"), 1);
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var initials2 = (name = "") => String(name).trim().split(/\s+/).slice(0, 2).map((w) => w.charAt(0).toLocaleUpperCase("tr-TR")).join("");
 function Notification({ title, message, time, unread, avatar, icon, object, onClick, as, labels, className, ...rest }) {
   const NL = { unread: "unread", ...labels };
   const Tag2 = as || (onClick ? "button" : "div");
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Tag2, { type: Tag2 === "button" ? "button" : void 0, className: cx("agn-notif", unread && "agn-notif--unread", onClick && "agn-notif--clickable agn-focus-inset", className), onClick, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "agn-notif__dot", "aria-hidden": "true" }),
-    avatar ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "agn-notif__avatar", "aria-hidden": "true", children: initials2(avatar) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "agn-notif__tile", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { name: icon || "bell", size: 16 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "agn-notif__body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "agn-notif__title", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Tag2, { type: Tag2 === "button" ? "button" : void 0, className: cx("agn-notif", unread && "agn-notif--unread", onClick && "agn-notif--clickable agn-focus-inset", className), onClick, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-notif__dot", "aria-hidden": "true" }),
+    avatar ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-notif__avatar", "aria-hidden": "true", children: initials2(avatar) }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-notif__tile", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: icon || "bell", size: 16 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "agn-notif__body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "agn-notif__title", children: [
         title,
-        unread && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "agn-sr", children: [
+        unread && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "agn-sr", children: [
           " (",
           NL.unread,
           ")"
         ] })
       ] }),
-      message && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "agn-notif__msg", children: message }),
-      object && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "agn-notif__object", children: object })
+      message && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-notif__msg", children: message }),
+      object && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-notif__object", children: object })
     ] }),
-    time && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "agn-notif__time", children: time })
+    time && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-notif__time", children: time })
   ] });
 }
 function dayLabel(date, L, locale) {
@@ -5413,36 +5614,36 @@ function NotificationList({ title, items = [], children, onMarkAll, locale = "tr
     g.items.push(it);
   });
   const unread = items.filter((i) => i.unread).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: cx("agn-notif-list", bare && "agn-notif-list--bare", className), "aria-label": title || L.title, ...rest, children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("header", { className: "agn-notif-list__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("h3", { className: "agn-notif-list__title", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("section", { className: cx("agn-notif-list", bare && "agn-notif-list--bare", className), "aria-label": title || L.title, ...rest, children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("header", { className: "agn-notif-list__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("h3", { className: "agn-notif-list__title", children: [
         title || L.title,
-        unread > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "agn-notif-list__count", children: unread })
+        unread > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-notif-list__count", children: unread })
       ] }),
-      onMarkAll && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { variant: "link", size: "sm", onClick: onMarkAll, children: L.markAll })
+      onMarkAll && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { variant: "link", size: "sm", onClick: onMarkAll, children: L.markAll })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "agn-notif-list__body", children: [
-      groups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "agn-notif-list__group", children: [
-        g.key && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet agn-notif-list__day", children: g.key }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "agn-notif-list__body", children: [
+      groups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "agn-notif-list__group", children: [
+        g.key && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet agn-notif-list__day", children: g.key }),
         g.items.map((it, i) => {
           const { id, day: _day, date: _date, ...p } = it;
-          return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Notification, { labels: { unread: L.unread }, ...p }, id || i);
+          return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Notification, { labels: { unread: L.unread }, ...p }, id || i);
         })
       ] }, g.key || "all")),
       children,
-      !items.length && !children && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "agn-notif-list__empty", children: L.empty })
+      !items.length && !children && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "agn-notif-list__empty", children: L.empty })
     ] })
   ] });
 }
 
 // src/feedback/Modal.jsx
-var import_react92 = __toESM(require("react"), 1);
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_react94 = __toESM(require("react"), 1);
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var FOCUSABLE2 = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
 function useDialog(open, onClose, ref, { lockScroll = true, autoFocus = true } = {}) {
-  const closeRef = import_react92.default.useRef(onClose);
+  const closeRef = import_react94.default.useRef(onClose);
   closeRef.current = onClose;
-  import_react92.default.useEffect(() => {
+  import_react94.default.useEffect(() => {
     if (!open) return;
     const previous = document.activeElement;
     const onKey = (e) => {
@@ -5486,99 +5687,99 @@ function useDialog(open, onClose, ref, { lockScroll = true, autoFocus = true } =
 }
 function Modal({ open, onClose, title, description, size = "md", footer, children, hideClose, scrimClose = true, labels, className, bodyClassName, ...rest }) {
   const L = { close: "Close", ...labels };
-  const ref = import_react92.default.useRef(null);
-  const ids = import_react92.default.useMemo(() => ({ t: uid("modal-title"), d: uid("modal-desc") }), []);
+  const ref = import_react94.default.useRef(null);
+  const ids = import_react94.default.useMemo(() => ({ t: uid("modal-title"), d: uid("modal-desc") }), []);
   useDialog(open, onClose, ref);
   if (!open) return null;
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: pointer-only convenience; Esc closes the dialog from the keyboard
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "agn-scrim", onMouseDown: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "agn-scrim", onMouseDown: (e) => {
       if (scrimClose && e.target === e.currentTarget && onClose) onClose();
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { ref, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? ids.t : void 0, "aria-describedby": description ? ids.d : void 0, tabIndex: -1, className: cx("agn-modal", "agn-modal--" + size, className), ...rest, children: [
-      (title || !hideClose) && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("header", { className: "agn-modal__head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "agn-modal__heading", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { id: ids.t, className: "agn-modal__title", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { id: ids.d, className: "agn-modal__desc", children: description })
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ref, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? ids.t : void 0, "aria-describedby": description ? ids.d : void 0, tabIndex: -1, className: cx("agn-modal", "agn-modal--" + size, className), ...rest, children: [
+      (title || !hideClose) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("header", { className: "agn-modal__head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "agn-modal__heading", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h2", { id: ids.t, className: "agn-modal__title", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { id: ids.d, className: "agn-modal__desc", children: description })
         ] }),
-        !hideClose && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "", className: "agn-modal__close" })
+        !hideClose && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "", className: "agn-modal__close" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: cx("agn-modal__body", bodyClassName), children }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("footer", { className: "agn-modal__foot", children: footer })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: cx("agn-modal__body", bodyClassName), children }),
+      footer && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("footer", { className: "agn-modal__foot", children: footer })
     ] }) })
   );
 }
 var PROMPT_ICON = { bad: "trash-2", warn: "triangle-alert", info: "info", ok: "circle-check" };
 function Prompt({ open, onClose, onConfirm, title, children, consequence, tone = "warn", icon, confirmLabel, cancelLabel, loading: loading2, labels, className, ...rest }) {
   const L = { confirm: "Confirm", cancel: "Cancel", ...labels };
-  const ref = import_react92.default.useRef(null);
-  const ids = import_react92.default.useMemo(() => ({ t: uid("prompt-title"), d: uid("prompt-desc") }), []);
+  const ref = import_react94.default.useRef(null);
+  const ids = import_react94.default.useMemo(() => ({ t: uid("prompt-title"), d: uid("prompt-desc") }), []);
   useDialog(open, onClose, ref);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "agn-scrim", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { ref, role: "alertdialog", "aria-modal": "true", "aria-labelledby": ids.t, "aria-describedby": ids.d, tabIndex: -1, className: cx("agn-modal agn-modal--sm agn-prompt", "agn-prompt--" + tone, className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "agn-prompt__body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "agn-prompt__icon", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Icon, { name: icon || PROMPT_ICON[tone] || "info", size: 20 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { id: ids.t, className: "agn-modal__title", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { id: ids.d, className: "agn-prompt__text", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "agn-scrim", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ref, role: "alertdialog", "aria-modal": "true", "aria-labelledby": ids.t, "aria-describedby": ids.d, tabIndex: -1, className: cx("agn-modal agn-modal--sm agn-prompt", "agn-prompt--" + tone, className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "agn-prompt__body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agn-prompt__icon", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon, { name: icon || PROMPT_ICON[tone] || "info", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h2", { id: ids.t, className: "agn-modal__title", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { id: ids.d, className: "agn-prompt__text", children: [
           children,
-          consequence && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "agn-prompt__consequence", children: consequence })
+          consequence && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agn-prompt__consequence", children: consequence })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("footer", { className: "agn-modal__foot", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { onClick: onClose, disabled: loading2, children: cancelLabel || L.cancel }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { variant: tone === "bad" ? "destructive" : "primary", onClick: onConfirm, loading: loading2, "data-autofocus": "", children: confirmLabel || L.confirm })
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("footer", { className: "agn-modal__foot", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { onClick: onClose, disabled: loading2, children: cancelLabel || L.cancel }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { variant: tone === "bad" ? "destructive" : "primary", onClick: onConfirm, loading: loading2, "data-autofocus": "", children: confirmLabel || L.confirm })
     ] })
   ] }) });
 }
 
 // src/feedback/Sheet.jsx
-var import_react93 = __toESM(require("react"), 1);
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react95 = __toESM(require("react"), 1);
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function Sheet({ open, onClose, title, description, footer, children, hideClose, scrimClose = true, contained, maxHeight, labels, className, style, ...rest }) {
   const L = { close: "Close", ...labels };
-  const ref = import_react93.default.useRef(null);
-  const ids = import_react93.default.useMemo(() => ({ t: uid("sheet-title"), d: uid("sheet-desc") }), []);
+  const ref = import_react95.default.useRef(null);
+  const ids = import_react95.default.useMemo(() => ({ t: uid("sheet-title"), d: uid("sheet-desc") }), []);
   useDialog(open, onClose, ref, { lockScroll: !contained });
   if (!open) return null;
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: pointer-only convenience; Esc closes the dialog from the keyboard
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: cx("agn-sheet-scrim", contained && "agn-sheet-scrim--contained"), onMouseDown: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: cx("agn-sheet-scrim", contained && "agn-sheet-scrim--contained"), onMouseDown: (e) => {
       if (scrimClose && e.target === e.currentTarget && onClose) onClose();
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { ref, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? ids.t : void 0, "aria-describedby": description ? ids.d : void 0, tabIndex: -1, className: cx("agn-sheet", className), style: maxHeight != null ? { maxHeight: typeof maxHeight === "number" ? maxHeight + "px" : maxHeight, ...style } : style, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agn-sheet__handle", "aria-hidden": "true" }),
-      (title || !hideClose) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("header", { className: "agn-sheet__head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "agn-sheet__heading", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { id: ids.t, className: "agn-sheet__title", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { id: ids.d, className: "agn-sheet__desc", children: description })
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { ref, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? ids.t : void 0, "aria-describedby": description ? ids.d : void 0, tabIndex: -1, className: cx("agn-sheet", className), style: maxHeight != null ? { maxHeight: typeof maxHeight === "number" ? maxHeight + "px" : maxHeight, ...style } : style, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "agn-sheet__handle", "aria-hidden": "true" }),
+      (title || !hideClose) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("header", { className: "agn-sheet__head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "agn-sheet__heading", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h2", { id: ids.t, className: "agn-sheet__title", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { id: ids.d, className: "agn-sheet__desc", children: description })
         ] }),
-        !hideClose && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "" })
+        !hideClose && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "agn-sheet__body", children }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("footer", { className: "agn-sheet__foot", children: footer })
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "agn-sheet__body", children }),
+      footer && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("footer", { className: "agn-sheet__foot", children: footer })
     ] }) })
   );
 }
 
 // src/feedback/Popover.jsx
-var import_react94 = __toESM(require("react"), 1);
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react96 = __toESM(require("react"), 1);
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function Popover({ trigger, open: openProp, defaultOpen = false, onOpenChange, placement = "bottom-start", arrow = false, title, footer, children, width = 288, hideClose, static: isStatic, labels, className, ...rest }) {
   const L = { close: "Close", ...labels };
-  const [own, setOwn] = import_react94.default.useState(defaultOpen);
+  const [own, setOwn] = import_react96.default.useState(defaultOpen);
   const controlled = openProp != null;
   const open = controlled ? openProp : own;
-  const wrap = import_react94.default.useRef(null);
-  const pop = import_react94.default.useRef(null);
-  const byUser = import_react94.default.useRef(false);
-  const id = import_react94.default.useMemo(() => uid("pop"), []);
+  const wrap = import_react96.default.useRef(null);
+  const pop = import_react96.default.useRef(null);
+  const byUser = import_react96.default.useRef(false);
+  const id = import_react96.default.useMemo(() => uid("pop"), []);
   const set = (v) => {
     if (!controlled) setOwn(v);
     onOpenChange && onOpenChange(v);
   };
-  const setRef = import_react94.default.useRef(set);
+  const setRef = import_react96.default.useRef(set);
   setRef.current = set;
-  import_react94.default.useEffect(() => {
+  import_react96.default.useEffect(() => {
     if (!open || isStatic) return;
     const down = (e) => {
       if (wrap.current && !wrap.current.contains(e.target)) setRef.current(false);
@@ -5601,18 +5802,18 @@ function Popover({ trigger, open: openProp, defaultOpen = false, onOpenChange, p
       document.removeEventListener("keydown", key);
     };
   }, [open]);
-  const layer = /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ref: pop, id, role: "dialog", "aria-label": typeof title === "string" ? title : void 0, tabIndex: -1, className: cx("agn-pop", isStatic ? "agn-pop--static" : "agn-pop--" + placement, arrow && "agn-pop--arrow", className), style: { width }, ...rest, children: [
-    arrow && !isStatic && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agn-pop__arrow", "aria-hidden": "true" }),
-    (title || !hideClose) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "agn-pop__head", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "agn-pop__title", children: title }),
-      !hideClose && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: () => set(false), className: "agn-pop__close" })
+  const layer = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: pop, id, role: "dialog", "aria-label": typeof title === "string" ? title : void 0, tabIndex: -1, className: cx("agn-pop", isStatic ? "agn-pop--static" : "agn-pop--" + placement, arrow && "agn-pop--arrow", className), style: { width }, ...rest, children: [
+    arrow && !isStatic && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "agn-pop__arrow", "aria-hidden": "true" }),
+    (title || !hideClose) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "agn-pop__head", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "agn-pop__title", children: title }),
+      !hideClose && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: () => set(false), className: "agn-pop__close" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "agn-pop__body", children }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "agn-pop__foot", children: footer })
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "agn-pop__body", children }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "agn-pop__foot", children: footer })
   ] });
   if (isStatic) return layer;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "agn-pop-wrap", ref: wrap, children: [
-    trigger && import_react94.default.cloneElement(trigger, { onClick: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "agn-pop-wrap", ref: wrap, children: [
+    trigger && import_react96.default.cloneElement(trigger, { onClick: (e) => {
       trigger.props.onClick && trigger.props.onClick(e);
       byUser.current = !open;
       set(!open);
@@ -5621,147 +5822,111 @@ function Popover({ trigger, open: openProp, defaultOpen = false, onOpenChange, p
   ] });
 }
 
-// src/feedback/Tooltip.jsx
-var import_react95 = __toESM(require("react"), 1);
-var import_jsx_runtime93 = require("react/jsx-runtime");
-function Tooltip({ content, kbd, placement = "top", delay = 400, open: openProp, children, className, ...rest }) {
-  const [own, setOwn] = import_react95.default.useState(false);
-  const open = openProp != null ? openProp : own;
-  const timer = import_react95.default.useRef(null);
-  const id = import_react95.default.useMemo(() => uid("tip"), []);
-  const show2 = () => {
-    clearTimeout(timer.current);
-    timer.current = setTimeout(() => setOwn(true), delay);
-  };
-  const hide = () => {
-    clearTimeout(timer.current);
-    setOwn(false);
-  };
-  import_react95.default.useEffect(() => () => clearTimeout(timer.current), []);
-  import_react95.default.useEffect(() => {
-    if (!open) return;
-    const k = (e) => e.key === "Escape" && hide();
-    document.addEventListener("keydown", k);
-    return () => document.removeEventListener("keydown", k);
-  }, [open]);
-  const child = import_react95.default.Children.only(children);
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: the wrapper only listens: hover and focus bubble up from the focusable trigger it wraps; it is not itself operable
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: cx("agn-tip-wrap", className), onMouseEnter: show2, onMouseLeave: hide, onFocus: show2, onBlur: hide, ...rest, children: [
-      import_react95.default.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] }),
-      open && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { role: "tooltip", id, className: cx("agn-tip", "agn-tip--" + placement), children: [
-        content,
-        kbd && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("kbd", { className: "agn-tip__kbd", children: kbd })
-      ] })
-    ] })
-  );
-}
-
 // src/feedback/Spinner.jsx
-var import_react96 = __toESM(require("react"), 1);
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react97 = __toESM(require("react"), 1);
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var PX = { xs: 12, sm: 16, md: 20, lg: 32 };
 function Spinner({ size = "md", tone = "signal", label, cover, labels, className, ...rest }) {
   const L = { loading: "Loading", ...labels };
   const px2 = PX[size] || PX.md;
-  const svg = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("svg", { className: "agn-spinner__svg", width: px2, height: px2, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { className: "agn-spinner__track", cx: "12", cy: "12", r: "9.5", strokeWidth: "2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { className: "agn-spinner__arc", cx: "12", cy: "12", r: "9.5", strokeWidth: "2.5", strokeLinecap: "round", strokeDasharray: "18 42" })
+  const svg = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("svg", { className: "agn-spinner__svg", width: px2, height: px2, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("circle", { className: "agn-spinner__track", cx: "12", cy: "12", r: "9.5", strokeWidth: "2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("circle", { className: "agn-spinner__arc", cx: "12", cy: "12", r: "9.5", strokeWidth: "2.5", strokeLinecap: "round", strokeDasharray: "18 42" })
   ] });
   return (
     // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: cx("agn-spinner", "agn-spinner--" + size, "agn-spinner--" + tone, cover && "agn-spinner--cover", className), role: "status", "aria-busy": "true", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: cx("agn-spinner", "agn-spinner--" + size, "agn-spinner--" + tone, cover && "agn-spinner--cover", className), role: "status", "aria-busy": "true", ...rest, children: [
       svg,
-      label ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "agn-spinner__label", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "agn-sr", children: L.loading })
+      label ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "agn-spinner__label", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "agn-sr", children: L.loading })
     ] })
   );
 }
 
 // src/feedback/ProgressBar.jsx
-var import_react97 = __toESM(require("react"), 1);
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_react98 = __toESM(require("react"), 1);
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function ProgressBar({ value = 0, max = 100, indeterminate, tone = "signal", size = "md", label, showValue, valueText, labels, className, ...rest }) {
   const L = { working: "Working", ...labels };
-  const id = import_react97.default.useMemo(() => uid("progress"), []);
+  const id = import_react98.default.useMemo(() => uid("progress"), []);
   const pct2 = Math.max(0, Math.min(100, value / (max || 1) * 100));
   const text = valueText != null ? valueText : Math.round(pct2) + "%";
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: cx("agn-progress", "agn-progress--" + size, "agn-progress--" + tone, indeterminate && "agn-progress--indeterminate", className), ...rest, children: [
-    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "agn-progress__row", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { id, className: "agn-progress__label", children: label }),
-      showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "agn-progress__value agn-num", children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: cx("agn-progress", "agn-progress--" + size, "agn-progress--" + tone, indeterminate && "agn-progress--indeterminate", className), ...rest, children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "agn-progress__row", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { id, className: "agn-progress__label", children: label }),
+      showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "agn-progress__value agn-num", children: text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "agn-progress__track", role: "progressbar", "aria-labelledby": label ? id : void 0, "aria-label": !label ? L.working : void 0, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": indeterminate ? void 0 : value, "aria-valuetext": indeterminate ? L.working : text, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "agn-progress__fill", style: indeterminate ? void 0 : { width: pct2 + "%" } }) })
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "agn-progress__track", role: "progressbar", "aria-labelledby": label ? id : void 0, "aria-label": !label ? L.working : void 0, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": indeterminate ? void 0 : value, "aria-valuetext": indeterminate ? L.working : text, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "agn-progress__fill", style: indeterminate ? void 0 : { width: pct2 + "%" } }) })
   ] });
 }
 
 // src/feedback/ProgressRing.jsx
-var import_react98 = __toESM(require("react"), 1);
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react99 = __toESM(require("react"), 1);
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function ProgressRing({ value = 0, max = 100, size = 64, strokeWidth = 6, tone = "signal", showValue = true, valueText, label, children, className, ...rest }) {
   const pct2 = Math.max(0, Math.min(100, value / (max || 1) * 100));
   const r = (size - strokeWidth) / 2, c = 2 * Math.PI * r;
   const text = valueText != null ? valueText : Math.round(pct2) + "%";
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: cx("agn-ring", "agn-ring--" + tone, className), style: { width: size }, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "agn-ring__box", style: { width: size, height: size }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, "aria-valuetext": text, "aria-label": typeof label === "string" ? label : void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("circle", { className: "agn-ring__track", cx: size / 2, cy: size / 2, r, strokeWidth, fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("circle", { className: "agn-ring__arc", cx: size / 2, cy: size / 2, r, strokeWidth, fill: "none", strokeLinecap: pct2 > 0 && pct2 < 100 ? "round" : "butt", strokeDasharray: c, strokeDashoffset: c * (1 - pct2 / 100), transform: `rotate(-90 ${size / 2} ${size / 2})` })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: cx("agn-ring", "agn-ring--" + tone, className), style: { width: size }, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "agn-ring__box", style: { width: size, height: size }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, "aria-valuetext": text, "aria-label": typeof label === "string" ? label : void 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { className: "agn-ring__track", cx: size / 2, cy: size / 2, r, strokeWidth, fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { className: "agn-ring__arc", cx: size / 2, cy: size / 2, r, strokeWidth, fill: "none", strokeLinecap: pct2 > 0 && pct2 < 100 ? "round" : "butt", strokeDasharray: c, strokeDashoffset: c * (1 - pct2 / 100), transform: `rotate(-90 ${size / 2} ${size / 2})` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "agn-ring__center", style: { fontSize: Math.max(11, Math.round(size * 0.24)) }, children: children != null ? children : showValue ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "agn-ring__value agn-num", children: text }) : null })
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "agn-ring__center", style: { fontSize: Math.max(11, Math.round(size * 0.24)) }, children: children != null ? children : showValue ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "agn-ring__value agn-num", children: text }) : null })
     ] }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "agn-ring__label", children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "agn-ring__label", children: label })
   ] });
 }
 
 // src/feedback/DockedComposer.jsx
-var import_react99 = __toESM(require("react"), 1);
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_react100 = __toESM(require("react"), 1);
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function DockedComposer({ title, icon = "pen-line", minimized: minProp, defaultMinimized = false, onMinimize, onClose, toolbar, footer, children, side = "right", static: isStatic, labels, className, ...rest }) {
   const L = { minimize: "Minimise", restore: "Restore", close: "Close", ...labels };
-  const [own, setOwn] = import_react99.default.useState(defaultMinimized);
+  const [own, setOwn] = import_react100.default.useState(defaultMinimized);
   const min = minProp != null ? minProp : own;
   const toggle = () => {
     const v = !min;
     if (minProp == null) setOwn(v);
     onMinimize && onMinimize(v);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("section", { className: cx("agn-composer", "agn-composer--" + side, min && "agn-composer--min", isStatic && "agn-composer--static", className), "aria-label": typeof title === "string" ? title : void 0, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("header", { className: "agn-composer__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Icon, { name: icon, size: 16, className: "agn-composer__icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("h3", { className: "agn-composer__title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "agn-composer__ctl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ButtonIcon, { icon: min ? "chevron-up" : "minus", label: min ? L.restore : L.minimize, size: "xs", onClick: toggle, "aria-expanded": !min }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: onClose })
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("section", { className: cx("agn-composer", "agn-composer--" + side, min && "agn-composer--min", isStatic && "agn-composer--static", className), "aria-label": typeof title === "string" ? title : void 0, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("header", { className: "agn-composer__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { name: icon, size: 16, className: "agn-composer__icon" }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h3", { className: "agn-composer__title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "agn-composer__ctl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ButtonIcon, { icon: min ? "chevron-up" : "minus", label: min ? L.restore : L.minimize, size: "xs", onClick: toggle, "aria-expanded": !min }),
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: onClose })
       ] })
     ] }),
-    !min && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "agn-composer__body", children }),
-      (toolbar || footer) && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("footer", { className: "agn-composer__foot", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "agn-composer__tools", children: toolbar }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "agn-composer__actions", children: footer })
+    !min && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "agn-composer__body", children }),
+      (toolbar || footer) && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("footer", { className: "agn-composer__foot", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "agn-composer__tools", children: toolbar }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "agn-composer__actions", children: footer })
       ] })
     ] })
   ] });
 }
 function DockedUtilityBar({ items = [], active, onChange, panel, static: isStatic, labels, className, ...rest }) {
   const L = { utilities: "Utilities", ...labels };
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: cx("agn-utility", isStatic && "agn-utility--static", className), ...rest, children: [
-    active && panel && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("section", { className: "agn-utility__panel", "aria-label": (items.find((i) => i.id === active) || {}).label, children: panel }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "agn-utility__bar", role: "toolbar", "aria-label": L.utilities, children: items.map((it) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("button", { type: "button", className: cx("agn-utility__item", it.id === active && "agn-utility__item--active"), "aria-pressed": it.id === active, onClick: () => onChange && onChange(it.id === active ? null : it.id), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Icon, { name: it.icon || "panel-bottom", size: 14 }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: it.label }),
-      it.badge != null && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "agn-utility__badge agn-num", children: it.badge })
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cx("agn-utility", isStatic && "agn-utility--static", className), ...rest, children: [
+    active && panel && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("section", { className: "agn-utility__panel", "aria-label": (items.find((i) => i.id === active) || {}).label, children: panel }),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "agn-utility__bar", role: "toolbar", "aria-label": L.utilities, children: items.map((it) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("button", { type: "button", className: cx("agn-utility__item", it.id === active && "agn-utility__item--active"), "aria-pressed": it.id === active, onClick: () => onChange && onChange(it.id === active ? null : it.id), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { name: it.icon || "panel-bottom", size: 14 }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: it.label }),
+      it.badge != null && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "agn-utility__badge agn-num", children: it.badge })
     ] }, it.id)) })
   ] });
 }
 
 // src/feedback/Publisher.jsx
-var import_react100 = __toESM(require("react"), 1);
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_react101 = __toESM(require("react"), 1);
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function Publisher({ user, placeholder, value, defaultValue = "", onChange, onSubmit, onAttach, onMention, submitLabel, expanded: expProp, labels, className, ...rest }) {
   const L = { placeholder: "Write a note\u2026", submit: "Post", attach: "Attach file", mention: "Mention someone", ...labels };
-  const [own, setOwn] = import_react100.default.useState(defaultValue);
-  const [focus, setFocus] = import_react100.default.useState(false);
+  const [own, setOwn] = import_react101.default.useState(defaultValue);
+  const [focus, setFocus] = import_react101.default.useState(false);
   const val = value != null ? value : own;
   const expanded = expProp != null ? expProp : focus || val.length > 0;
   const name = typeof user === "string" ? user : user && user.name;
@@ -5770,10 +5935,10 @@ function Publisher({ user, placeholder, value, defaultValue = "", onChange, onSu
     onSubmit && onSubmit(val);
     if (value == null) setOwn("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cx("agn-publisher", expanded && "agn-publisher--open", className), ...rest, children: [
-    name && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "agn-publisher__avatar", "aria-hidden": "true", children: initials2(name) }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "agn-publisher__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cx("agn-publisher", expanded && "agn-publisher--open", className), ...rest, children: [
+    name && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "agn-publisher__avatar", "aria-hidden": "true", children: initials2(name) }),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "agn-publisher__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "textarea",
         {
           className: "agn-publisher__input",
@@ -5795,29 +5960,29 @@ function Publisher({ user, placeholder, value, defaultValue = "", onChange, onSu
           }
         }
       ),
-      expanded && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "agn-publisher__bar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "agn-publisher__tools", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ButtonIcon, { icon: "paperclip", label: L.attach, size: "sm", onClick: onAttach }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ButtonIcon, { icon: "at-sign", label: L.mention, size: "sm", onClick: onMention })
+      expanded && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "agn-publisher__bar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "agn-publisher__tools", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ButtonIcon, { icon: "paperclip", label: L.attach, size: "sm", onClick: onAttach }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ButtonIcon, { icon: "at-sign", label: L.mention, size: "sm", onClick: onMention })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "primary", size: "sm", disabled: !val.trim(), onClick: submit, children: submitLabel || L.submit })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { variant: "primary", size: "sm", disabled: !val.trim(), onClick: submit, children: submitLabel || L.submit })
       ] })
     ] })
   ] });
 }
 
 // src/feedback/EmptyState.jsx
-var import_react101 = __toESM(require("react"), 1);
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_react102 = __toESM(require("react"), 1);
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function EmptyState({ illustration, icon, product, title, children, action, secondary, compact, className, ...rest }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cx("agn-empty", compact && "agn-empty--compact", className), role: "status", ...rest, children: [
-      illustration ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "agn-empty__art", children: illustration }) : (icon || product) && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "agn-empty__icon", children: product ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ProductIcon, { product, size: compact ? 20 : 24 }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { name: icon, size: compact ? 18 : 22 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "agn-empty__body", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h4", { className: "agn-empty__title", children: title }),
-        children != null && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agn-empty__text", children }),
-        (action || secondary) && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "agn-empty__actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: cx("agn-empty", compact && "agn-empty--compact", className), role: "status", ...rest, children: [
+      illustration ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "agn-empty__art", children: illustration }) : (icon || product) && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "agn-empty__icon", children: product ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ProductIcon, { product, size: compact ? 20 : 24 }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Icon, { name: icon, size: compact ? 18 : 22 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "agn-empty__body", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h4", { className: "agn-empty__title", children: title }),
+        children != null && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agn-empty__text", children }),
+        (action || secondary) && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "agn-empty__actions", children: [
           action,
           secondary
         ] })
@@ -5827,27 +5992,27 @@ function EmptyState({ illustration, icon, product, title, children, action, seco
 }
 
 // src/chat/ChatThread.jsx
-var import_react102 = __toESM(require("react"), 1);
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_react103 = __toESM(require("react"), 1);
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function ChatThread({ children, stickToBottom = true, userSide = "start", maxHeight, labels, className, style, ...rest }) {
   const L = { thread: "Conversation", ...labels };
-  const ref = import_react102.default.useRef(null);
-  import_react102.default.useEffect(() => {
+  const ref = import_react103.default.useRef(null);
+  import_react103.default.useEffect(() => {
     if (stickToBottom && ref.current) ref.current.scrollTop = ref.current.scrollHeight;
   }, [children, stickToBottom]);
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { ref, className: cx("agn-chat", "agn-chat--user-" + userSide, className), role: "log", "aria-live": "polite", "aria-label": L.thread, style: { maxHeight, ...style }, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { ref, className: cx("agn-chat", "agn-chat--user-" + userSide, className), role: "log", "aria-live": "polite", "aria-label": L.thread, style: { maxHeight, ...style }, ...rest, children });
 }
 function ChatDivider({ variant = "day", children, labels, className, ...rest }) {
   const L = { newMessages: "New messages", ...labels };
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: cx("agn-chat__divider", "agn-chat__divider--" + variant, className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: children != null ? children : variant === "new" ? L.newMessages : null }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: cx("agn-chat__divider", "agn-chat__divider--" + variant, className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: children != null ? children : variant === "new" ? L.newMessages : null }) });
 }
 
 // src/chat/ChatMessage.jsx
-var import_react106 = __toESM(require("react"), 1);
+var import_react107 = __toESM(require("react"), 1);
 
 // src/chat/ChatMarkdown.jsx
-var import_react103 = __toESM(require("react"), 1);
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_react104 = __toESM(require("react"), 1);
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var INLINE = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*)|(__[^_\n]+__)|(\*[^*\n]+\*)|(\b_[^_\n]+_\b)|(\[[^\]\n]+\]\([^)\s]+\))|(https?:\/\/[^\s<>()]+)/g;
 var safeHref = (u) => /^(https?:|mailto:|tel:|\/|#)/i.test(u) ? u : "#";
 function renderInline(text, depth = 0) {
@@ -5857,13 +6022,13 @@ function renderInline(text, depth = 0) {
   while (m = re.exec(text)) {
     if (m.index > last) out.push(text.slice(last, m.index));
     const s = m[0];
-    if (m[1]) out.push(/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("code", { className: "agn-md__code", children: s.slice(1, -1) }, k++));
-    else if (m[2] || m[3]) out.push(/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("strong", { children: depth < 2 ? renderInline(s.slice(2, -2), depth + 1) : s.slice(2, -2) }, k++));
-    else if (m[4] || m[5]) out.push(/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("em", { children: depth < 2 ? renderInline(s.slice(1, -1), depth + 1) : s.slice(1, -1) }, k++));
+    if (m[1]) out.push(/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("code", { className: "agn-md__code", children: s.slice(1, -1) }, k++));
+    else if (m[2] || m[3]) out.push(/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("strong", { children: depth < 2 ? renderInline(s.slice(2, -2), depth + 1) : s.slice(2, -2) }, k++));
+    else if (m[4] || m[5]) out.push(/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("em", { children: depth < 2 ? renderInline(s.slice(1, -1), depth + 1) : s.slice(1, -1) }, k++));
     else if (m[6]) {
       const mm = /^\[([^\]]+)\]\(([^)\s]+)\)/.exec(s);
-      out.push(/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("a", { href: safeHref(mm[2]), target: "_blank", rel: "noopener noreferrer", children: mm[1] }, k++));
-    } else if (m[7]) out.push(/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("a", { href: safeHref(s), target: "_blank", rel: "noopener noreferrer", children: s }, k++));
+      out.push(/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("a", { href: safeHref(mm[2]), target: "_blank", rel: "noopener noreferrer", children: mm[1] }, k++));
+    } else if (m[7]) out.push(/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("a", { href: safeHref(s), target: "_blank", rel: "noopener noreferrer", children: s }, k++));
     last = m.index + s.length;
   }
   if (last < text.length) out.push(text.slice(last));
@@ -5933,160 +6098,160 @@ function parseBlocks(src) {
   return blocks;
 }
 function withBreaks(text) {
-  return text.split("\n").flatMap((l, i) => i ? [/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("br", {}, "b" + i), ...renderInline(l)] : renderInline(l));
+  return text.split("\n").flatMap((l, i) => i ? [/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("br", {}, "b" + i), ...renderInline(l)] : renderInline(l));
 }
 function renderBlock(b, i) {
   switch (b.type) {
     case "code":
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("pre", { className: "agn-md__pre", "data-lang": b.lang || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("code", { children: b.text }) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("pre", { className: "agn-md__pre", "data-lang": b.lang || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("code", { children: b.text }) }, i);
     case "h": {
       const Tag2 = "h" + Math.min(6, b.level + 2);
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Tag2, { className: "agn-md__h agn-md__h--" + b.level, children: renderInline(b.text) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tag2, { className: "agn-md__h agn-md__h--" + b.level, children: renderInline(b.text) }, i);
     }
     case "hr":
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("hr", { className: "agn-md__hr" }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("hr", { className: "agn-md__hr" }, i);
     case "quote":
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("blockquote", { className: "agn-md__quote", children: b.blocks.map(renderBlock) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("blockquote", { className: "agn-md__quote", children: b.blocks.map(renderBlock) }, i);
     case "table":
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "agn-md__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "agn-md__table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { children: b.head.map((c, j) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { style: { textAlign: b.aligns[j] }, children: renderInline(c) }, j)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tbody", { children: b.rows.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { children: b.head.map((_, j) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { style: { textAlign: b.aligns[j] }, children: renderInline(r[j] || "") }, j)) }, ri)) })
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "agn-md__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("table", { className: "agn-md__table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("tr", { children: b.head.map((c, j) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("th", { style: { textAlign: b.aligns[j] }, children: renderInline(c) }, j)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("tbody", { children: b.rows.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("tr", { children: b.head.map((_, j) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("td", { style: { textAlign: b.aligns[j] }, children: renderInline(r[j] || "") }, j)) }, ri)) })
       ] }) }, i);
     case "list": {
       const Tag2 = b.ordered ? "ol" : "ul";
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Tag2, { className: "agn-md__list", children: b.items.map((t, j) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("li", { children: withBreaks(t) }, j)) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tag2, { className: "agn-md__list", children: b.items.map((t, j) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("li", { children: withBreaks(t) }, j)) }, i);
     }
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agn-md__p", children: withBreaks(b.text) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agn-md__p", children: withBreaks(b.text) }, i);
   }
 }
 function ChatMarkdown({ source, className, ...rest }) {
-  const blocks = import_react103.default.useMemo(() => parseBlocks(source), [source]);
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: cx("agn-md", className), ...rest, children: blocks.map(renderBlock) });
+  const blocks = import_react104.default.useMemo(() => parseBlocks(source), [source]);
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: cx("agn-md", className), ...rest, children: blocks.map(renderBlock) });
 }
 
 // src/chat/ToolCallCard.jsx
-var import_react104 = __toESM(require("react"), 1);
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_react105 = __toESM(require("react"), 1);
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var STATUS = { running: { icon: "loader-circle", tone: "info", label: "Running" }, ok: { icon: "check", tone: "ok", label: "Done" }, bad: { icon: "circle-x", tone: "bad", label: "Failed" }, pending: { icon: "clock", tone: "neutral", label: "Pending" } };
 var show = (v) => v == null ? "" : typeof v === "string" ? v : JSON.stringify(v, null, 2);
 var formatDuration = (ms, locale = "tr-TR") => ms == null ? "" : ms < 1e3 ? Math.round(ms) + " ms" : ms < 6e4 ? (ms / 1e3).toLocaleString(locale, { maximumFractionDigits: 1 }) + " s" : Math.floor(ms / 6e4) + ":" + String(Math.round(ms % 6e4 / 1e3)).padStart(2, "0");
 function ToolCallCard({ name, status = "ok", duration, input, output, summary, open, defaultOpen = false, onToggle, locale = "tr-TR", labels, className, ...rest }) {
   const L = { input: "Input", output: "Output", running: "Running", ok: "Done", bad: "Failed", pending: "Pending", ...labels };
   const s = STATUS[status] || STATUS.ok;
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("details", { className: cx("agn-tool", "agn-tool--" + status, className), open: open != null ? open : defaultOpen || void 0, onToggle: (e) => onToggle && onToggle(e.currentTarget.open), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("summary", { className: "agn-tool__head agn-focus", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { name: "chevron-right", size: 14, className: "agn-tool__caret" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { name: "wrench", size: 14, className: "agn-tool__icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "agn-tool__name", children: name }),
-      summary && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "agn-tool__summary", children: summary }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: cx("agn-tool__status", "agn-tool__status--" + s.tone), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { name: s.icon, size: 11, className: status === "running" ? "agn-tool__spin" : void 0 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("details", { className: cx("agn-tool", "agn-tool--" + status, className), open: open != null ? open : defaultOpen || void 0, onToggle: (e) => onToggle && onToggle(e.currentTarget.open), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("summary", { className: "agn-tool__head agn-focus", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { name: "chevron-right", size: 14, className: "agn-tool__caret" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { name: "wrench", size: 14, className: "agn-tool__icon" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "agn-tool__name", children: name }),
+      summary && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "agn-tool__summary", children: summary }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: cx("agn-tool__status", "agn-tool__status--" + s.tone), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { name: s.icon, size: 11, className: status === "running" ? "agn-tool__spin" : void 0 }),
         L[status] || s.label
       ] }),
-      duration != null && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "agn-tool__duration agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
+      duration != null && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "agn-tool__duration agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "agn-tool__body", children: [
-      input != null && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "agn-tool__section", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.input }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("code", { children: show(input) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "agn-tool__body", children: [
+      input != null && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "agn-tool__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.input }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("code", { children: show(input) }) })
       ] }),
-      output != null && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "agn-tool__section", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.output }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("code", { children: show(output) }) })
+      output != null && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "agn-tool__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.output }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("code", { children: show(output) }) })
       ] })
     ] })
   ] });
 }
 
 // src/chat/StreamingIndicator.jsx
-var import_react105 = __toESM(require("react"), 1);
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_react106 = __toESM(require("react"), 1);
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function StreamingIndicator({ label, dots = true, inline, labels, className, ...rest }) {
   const L = { thinking: "Thinking\u2026", ...labels };
   const Tag2 = inline ? "span" : "div";
   return (
     // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Tag2, { className: cx("agn-streaming", inline && "agn-streaming--inline", className), role: "status", "aria-live": "polite", ...rest, children: [
-      dots && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "agn-streaming__dots", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("i", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("i", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("i", {})
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Tag2, { className: cx("agn-streaming", inline && "agn-streaming--inline", className), role: "status", "aria-live": "polite", ...rest, children: [
+      dots && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: "agn-streaming__dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("i", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "agn-streaming__text", children: label || L.thinking })
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-streaming__text", children: label || L.thinking })
     ] })
   );
 }
 
 // src/chat/ChatMessage.jsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var TICK = { sending: "clock", sent: "check", delivered: "check-check", read: "check-check", failed: "circle-alert" };
 var initials3 = (name = "") => String(name).trim().split(/\s+/).slice(0, 2).map((w) => w.charAt(0).toLocaleUpperCase("tr-TR")).join("");
 function Structured({ data, onAction }) {
   const act = (a) => onAction && onAction(a.value != null ? a.value : a.label, a);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agn-msg__structured", children: [
-    data.image && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("figure", { className: "agn-msg__figure", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { className: "agn-msg__image", src: data.image.src, alt: data.image.alt || "" }),
-      data.image.caption && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("figcaption", { children: data.image.caption })
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "agn-msg__structured", children: [
+    data.image && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("figure", { className: "agn-msg__figure", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("img", { className: "agn-msg__image", src: data.image.src, alt: data.image.alt || "" }),
+      data.image.caption && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("figcaption", { children: data.image.caption })
     ] }),
-    data.cards && data.cards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__cards", children: data.cards.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agn-msg__card", children: [
-      c.image && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { className: "agn-msg__card-image", src: c.image, alt: c.imageAlt || "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agn-msg__card-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__card-title", children: c.title }),
-        c.text && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__card-text", children: c.text }),
-        c.actions && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__card-actions", children: c.actions.map((a, j) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "xs", variant: a.variant || "neutral", onClick: () => act(a), children: a.label }, j)) })
+    data.cards && data.cards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__cards", children: data.cards.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "agn-msg__card", children: [
+      c.image && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("img", { className: "agn-msg__card-image", src: c.image, alt: c.imageAlt || "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "agn-msg__card-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__card-title", children: c.title }),
+        c.text && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__card-text", children: c.text }),
+        c.actions && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__card-actions", children: c.actions.map((a, j) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { size: "xs", variant: a.variant || "neutral", onClick: () => act(a), children: a.label }, j)) })
       ] })
     ] }, i)) }),
-    data.table && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "agn-msg__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { children: data.table.columns.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { children: c }, i)) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tbody", { children: data.table.rows.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { children: r.map((v, j) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("td", { children: v }, j)) }, i)) })
+    data.table && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("table", { className: "agn-msg__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("tr", { children: data.table.columns.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("th", { children: c }, i)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("tbody", { children: data.table.rows.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("tr", { children: r.map((v, j) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("td", { children: v }, j)) }, i)) })
     ] }) }),
-    data.buttons && data.buttons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__buttons", children: data.buttons.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "sm", variant: b.variant || "neutral", icon: b.icon, onClick: () => act(b), children: b.label }, i)) })
+    data.buttons && data.buttons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__buttons", children: data.buttons.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { size: "sm", variant: b.variant || "neutral", icon: b.icon, onClick: () => act(b), children: b.label }, i)) })
   ] });
 }
 function ChatMessage({ role = "agent", name, time, status, avatar, children, markdown = true, structured, sources, tools, streaming, onAction, labels, className, ...rest }) {
   const L = { sending: "Sending", sent: "Sent", delivered: "Delivered", read: "Read", failed: "Not delivered", sources: "Sources", tools: "tool calls", tool: "tool call", agent: "Agent", you: "You", ...labels };
-  if (role === "system") return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cx("agn-msg agn-msg--system", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-msg__system", children }),
-    time && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-msg__time", children: time })
+  if (role === "system") return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: cx("agn-msg agn-msg--system", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-msg__system", children }),
+    time && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-msg__time", children: time })
   ] });
-  const body = typeof children === "string" && markdown ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ChatMarkdown, { source: children }) : children;
-  const side = role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-msg__tile", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: "bot", size: 14 }) }) : role === "human-agent" || avatar ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-msg__avatar", "aria-hidden": "true", children: typeof avatar === "string" ? initials3(avatar) : avatar || initials3(name) }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cx("agn-msg", "agn-msg--" + role, streaming && "agn-msg--streaming", className), ...rest, children: [
-    side && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__side", children: side }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agn-msg__col", children: [
-      (name || role === "agent") && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__name", children: name || L.agent }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agn-msg__bubble", children: [
+  const body = typeof children === "string" && markdown ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ChatMarkdown, { source: children }) : children;
+  const side = role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-msg__tile", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: "bot", size: 14 }) }) : role === "human-agent" || avatar ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-msg__avatar", "aria-hidden": "true", children: typeof avatar === "string" ? initials3(avatar) : avatar || initials3(name) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: cx("agn-msg", "agn-msg--" + role, streaming && "agn-msg--streaming", className), ...rest, children: [
+    side && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__side", children: side }),
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "agn-msg__col", children: [
+      (name || role === "agent") && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__name", children: name || L.agent }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "agn-msg__bubble", children: [
         body,
-        streaming && (children == null || children === "" ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(StreamingIndicator, { inline: true }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-msg__cursor", "aria-hidden": "true" }))
+        streaming && (children == null || children === "" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(StreamingIndicator, { inline: true }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-msg__cursor", "aria-hidden": "true" }))
       ] }),
-      structured && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Structured, { data: structured, onAction }),
-      tools && tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("details", { className: "agn-msg__tools", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("summary", { className: "agn-msg__tools-head agn-focus", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: "chevron-right", size: 12, className: "agn-msg__tools-caret" }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: "wrench", size: 12 }),
+      structured && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Structured, { data: structured, onAction }),
+      tools && tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("details", { className: "agn-msg__tools", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("summary", { className: "agn-msg__tools-head agn-focus", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: "chevron-right", size: 12, className: "agn-msg__tools-caret" }),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: "wrench", size: 12 }),
           tools.length,
           " ",
           tools.length === 1 ? L.tool : L.tools
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "agn-msg__tools-body", children: tools.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ToolCallCard, { ...t }, t.id || i)) })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "agn-msg__tools-body", children: tools.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ToolCallCard, { ...t }, t.id || i)) })
       ] }),
-      sources && sources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agn-msg__sources", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.sources }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("ul", { className: "agn-msg__source-list", children: sources.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("li", { children: s.href ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("a", { className: "agn-msg__source", href: s.href, target: "_blank", rel: "noopener noreferrer", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: s.icon || "file-text", size: 11 }),
+      sources && sources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "agn-msg__sources", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.sources }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("ul", { className: "agn-msg__source-list", children: sources.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("li", { children: s.href ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("a", { className: "agn-msg__source", href: s.href, target: "_blank", rel: "noopener noreferrer", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: s.icon || "file-text", size: 11 }),
           s.label
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: "agn-msg__source", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: s.icon || "file-text", size: 11 }),
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { className: "agn-msg__source", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: s.icon || "file-text", size: 11 }),
           s.label
         ] }) }, i)) })
       ] }),
-      (time || status) && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agn-msg__meta", children: [
-        time && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-msg__time", children: time }),
-        status && TICK[status] && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: cx("agn-msg__tick", "agn-msg__tick--" + status), title: L[status], children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: TICK[status], size: 12 }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-sr", children: L[status] }),
-          status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agn-msg__tick-text", children: L.failed })
+      (time || status) && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "agn-msg__meta", children: [
+        time && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-msg__time", children: time }),
+        status && TICK[status] && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { className: cx("agn-msg__tick", "agn-msg__tick--" + status), title: L[status], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: TICK[status], size: 12 }),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-sr", children: L[status] }),
+          status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-msg__tick-text", children: L.failed })
         ] })
       ] })
     ] })
@@ -6094,8 +6259,8 @@ function ChatMessage({ role = "agent", name, time, status, avatar, children, mar
 }
 
 // src/chat/ChatEvent.jsx
-var import_react107 = __toESM(require("react"), 1);
-var import_jsx_runtime105 = (
+var import_react108 = __toESM(require("react"), 1);
+var import_jsx_runtime106 = (
   // biome-ignore lint/a11y/useSemanticElements: a live status message, not the result of a calculation; <output> is a form-associated element and changes nothing for AT here
   require("react/jsx-runtime")
 );
@@ -6110,24 +6275,24 @@ var EVENT_KINDS = {
 };
 function ChatEvent({ kind = "info", tone, icon, time, children, className, ...rest }) {
   const k = EVENT_KINDS[kind] || EVENT_KINDS.info;
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: cx("agn-chat-event", "agn-chat-event--" + (tone || k.tone), className), role: "status", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: icon || k.icon, size: 12 }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-chat-event__text", children: children != null ? children : k.label }),
-    time && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agn-chat-event__time", children: time })
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: cx("agn-chat-event", "agn-chat-event--" + (tone || k.tone), className), role: "status", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: icon || k.icon, size: 12 }),
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "agn-chat-event__text", children: children != null ? children : k.label }),
+    time && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "agn-chat-event__time", children: time })
   ] });
 }
 
 // src/chat/ChatSuggestions.jsx
-var import_react108 = __toESM(require("react"), 1);
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_react109 = __toESM(require("react"), 1);
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function ChatSuggestions({ items = [], onPick, row, labels, className, ...rest }) {
   const L = { suggestions: "Suggestions", ...labels };
   return (
     // biome-ignore lint/a11y/useSemanticElements: a labelled role=group is the intended semantics for this cluster; <fieldset> brings form semantics, a legend and UA chrome it does not want
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: cx("agn-chat-suggest", row && "agn-chat-suggest--row", className), role: "group", "aria-label": L.suggestions, ...rest, children: items.map((s, i) => {
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: cx("agn-chat-suggest", row && "agn-chat-suggest--row", className), role: "group", "aria-label": L.suggestions, ...rest, children: items.map((s, i) => {
       const item = typeof s === "string" ? { label: s } : s;
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("button", { type: "button", className: "agn-chat-suggest__chip agn-focus", onClick: () => onPick && onPick(item.value != null ? item.value : item.label, item), children: [
-        item.icon && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: item.icon, size: 12 }),
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("button", { type: "button", className: "agn-chat-suggest__chip agn-focus", onClick: () => onPick && onPick(item.value != null ? item.value : item.label, item), children: [
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: item.icon, size: 12 }),
         item.label
       ] }, i);
     }) })
@@ -6135,17 +6300,17 @@ function ChatSuggestions({ items = [], onPick, row, labels, className, ...rest }
 }
 
 // src/chat/ChatComposer.jsx
-var import_react109 = __toESM(require("react"), 1);
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_react110 = __toESM(require("react"), 1);
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var fmtSize2 = (b) => b >= 1048576 ? (b / 1048576).toFixed(1) + " MB" : b >= 1024 ? Math.round(b / 1024) + " KB" : b + " B";
 function ChatComposer({ value, defaultValue = "", onChange, onSend, onStop, streaming, disabled, placeholder, attach = true, maxFiles = 5, maxFileSize = 10 * 1048576, files = [], onAttach, onRemoveFile, voice = "off", onDictate, onHandsFree, footnote, toolbar, header, maxRows = 8, labels, className, ...rest }) {
   const L = { placeholder: "Message the agent\u2026", send: "Send", stop: "Stop", attach: "Attach files", attachHint: "Up to 5 files, 10 MB each", dictate: "Dictate", handsFree: "Hands-free voice", listening: "Listening\u2026", speaking: "Speaking\u2026", remove: "Remove", tooMany: "You can attach up to 5 files.", tooLarge: "Each file must be under 10 MB.", ...labels };
-  const [own, setOwn] = import_react109.default.useState(defaultValue);
-  const [err, setErr] = import_react109.default.useState(null);
+  const [own, setOwn] = import_react110.default.useState(defaultValue);
+  const [err, setErr] = import_react110.default.useState(null);
   const val = value != null ? value : own;
-  const ta = import_react109.default.useRef(null);
-  const file = import_react109.default.useRef(null);
-  const id = import_react109.default.useMemo(() => uid("chatbox"), []);
+  const ta = import_react110.default.useRef(null);
+  const file = import_react110.default.useRef(null);
+  const id = import_react110.default.useMemo(() => uid("chatbox"), []);
   const grow = () => {
     const el = ta.current;
     if (!el) return;
@@ -6153,7 +6318,7 @@ function ChatComposer({ value, defaultValue = "", onChange, onSend, onStop, stre
     const line = parseFloat(getComputedStyle(el).lineHeight) || 20;
     el.style.height = Math.min(el.scrollHeight, line * maxRows + 16) + "px";
   };
-  import_react109.default.useEffect(grow, [val, maxRows]);
+  import_react110.default.useEffect(grow, [val, maxRows]);
   const set = (v) => {
     if (value == null) setOwn(v);
     onChange && onChange(v);
@@ -6182,16 +6347,16 @@ function ChatComposer({ value, defaultValue = "", onChange, onSend, onStop, stre
     onAttach && onAttach(list);
   };
   const canSend = streaming || !disabled && (val.trim().length > 0 || files.length > 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: cx("agn-chatbox", disabled && "agn-chatbox--disabled", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "agn-chatbox__box", children: [
-      header && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "agn-chatbox__header", children: header }),
-      files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("ul", { className: "agn-chatbox__files", children: files.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("li", { className: "agn-chatbox__file", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: "paperclip", size: 11 }),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "agn-chatbox__file-name", children: f.name }),
-        f.size != null && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "agn-chatbox__file-size", children: fmtSize2(f.size) }),
-        onRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("button", { type: "button", className: "agn-chatbox__file-x", "aria-label": L.remove + " " + f.name, onClick: () => onRemoveFile(f, i), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: "x", size: 11 }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: cx("agn-chatbox", disabled && "agn-chatbox--disabled", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agn-chatbox__box", children: [
+      header && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "agn-chatbox__header", children: header }),
+      files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("ul", { className: "agn-chatbox__files", children: files.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("li", { className: "agn-chatbox__file", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { name: "paperclip", size: 11 }),
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-chatbox__file-name", children: f.name }),
+        f.size != null && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-chatbox__file-size", children: fmtSize2(f.size) }),
+        onRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("button", { type: "button", className: "agn-chatbox__file-x", "aria-label": L.remove + " " + f.name, onClick: () => onRemoveFile(f, i), children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { name: "x", size: 11 }) })
       ] }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
         "textarea",
         {
           ref: ta,
@@ -6211,182 +6376,182 @@ function ChatComposer({ value, defaultValue = "", onChange, onSend, onStop, stre
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "agn-chatbox__bar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "agn-chatbox__tools", children: [
-          attach && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("input", { ref: file, type: "file", multiple: true, className: "agn-sr", tabIndex: -1, "aria-hidden": "true", onChange: pick }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ButtonIcon, { icon: "paperclip", label: L.attach + " \xB7 " + L.attachHint, size: "sm", disabled, onClick: () => file.current && file.current.click() })
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agn-chatbox__bar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agn-chatbox__tools", children: [
+          attach && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("input", { ref: file, type: "file", multiple: true, className: "agn-sr", tabIndex: -1, "aria-hidden": "true", onChange: pick }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ButtonIcon, { icon: "paperclip", label: L.attach + " \xB7 " + L.attachHint, size: "sm", disabled, onClick: () => file.current && file.current.click() })
           ] }),
-          voice !== "off" && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ButtonIcon, { icon: "mic", label: L.dictate, size: "sm", disabled, className: cx("agn-chatbox__voice", voice === "listening" && "agn-chatbox__voice--on"), "aria-pressed": voice === "listening", onClick: onDictate }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ButtonIcon, { icon: "audio-lines", label: L.handsFree, size: "sm", disabled, className: cx("agn-chatbox__voice", voice === "speaking" && "agn-chatbox__voice--on"), "aria-pressed": voice === "speaking", onClick: onHandsFree }),
-            (voice === "listening" || voice === "speaking") && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: "agn-chatbox__voice-state", role: "status", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "agn-chatbox__voice-dot", "aria-hidden": "true" }),
+          voice !== "off" && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ButtonIcon, { icon: "mic", label: L.dictate, size: "sm", disabled, className: cx("agn-chatbox__voice", voice === "listening" && "agn-chatbox__voice--on"), "aria-pressed": voice === "listening", onClick: onDictate }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ButtonIcon, { icon: "audio-lines", label: L.handsFree, size: "sm", disabled, className: cx("agn-chatbox__voice", voice === "speaking" && "agn-chatbox__voice--on"), "aria-pressed": voice === "speaking", onClick: onHandsFree }),
+            (voice === "listening" || voice === "speaking") && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "agn-chatbox__voice-state", role: "status", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-chatbox__voice-dot", "aria-hidden": "true" }),
               voice === "listening" ? L.listening : L.speaking
             ] })
           ] }),
-          toolbar && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "agn-chatbox__toolbar", children: toolbar }),
-          err && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "agn-chatbox__error", role: "alert", children: err })
+          toolbar && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "agn-chatbox__toolbar", children: toolbar }),
+          err && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-chatbox__error", role: "alert", children: err })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ButtonIcon, { icon: streaming ? "square" : "arrow-up", label: streaming ? L.stop : L.send, variant: streaming ? "destructive-text" : "primary", size: "sm", disabled: !canSend, onClick: send, className: "agn-chatbox__send" })
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ButtonIcon, { icon: streaming ? "square" : "arrow-up", label: streaming ? L.stop : L.send, variant: streaming ? "destructive-text" : "primary", size: "sm", disabled: !canSend, onClick: send, className: "agn-chatbox__send" })
       ] })
     ] }),
-    footnote && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "agn-chatbox__footnote", children: footnote })
+    footnote && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "agn-chatbox__footnote", children: footnote })
   ] });
 }
 
 // src/chat/TranscriptPanel.jsx
-var import_react110 = __toESM(require("react"), 1);
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_react111 = __toESM(require("react"), 1);
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var VERDICT_ICON = { ok: "circle-check", bad: "circle-x", warn: "triangle-alert", neutral: "info", info: "info" };
 function TranscriptPanel({ title, meta, turns = [], verdict, selected, onSelect, maxHeight = 420, locale = "tr-TR", labels, className, ...rest }) {
   const L = { agent: "Agent", customer: "Customer", system: "System", judge: "Judge", latency: "latency", flagged: "Flagged", empty: "No turns", ...labels };
   const Row = onSelect ? "button" : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("section", { className: cx("agn-transcript", className), "aria-label": typeof title === "string" ? title : void 0, ...rest, children: [
-    (title || meta) && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("header", { className: "agn-transcript__head", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("h3", { className: "agn-transcript__title", children: title }),
-      meta && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "agn-transcript__meta", children: meta })
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("section", { className: cx("agn-transcript", className), "aria-label": typeof title === "string" ? title : void 0, ...rest, children: [
+    (title || meta) && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("header", { className: "agn-transcript__head", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h3", { className: "agn-transcript__title", children: title }),
+      meta && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-transcript__meta", children: meta })
     ] }),
-    verdict && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: cx("agn-transcript__verdict", "agn-transcript__verdict--" + (verdict.tone || "neutral")), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { name: VERDICT_ICON[verdict.tone] || "info", size: 14 }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "agn-transcript__verdict-label", children: [
+    verdict && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: cx("agn-transcript__verdict", "agn-transcript__verdict--" + (verdict.tone || "neutral")), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: VERDICT_ICON[verdict.tone] || "info", size: 14 }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "agn-transcript__verdict-label", children: [
         L.judge,
         " \xB7 ",
         verdict.label
       ] }),
-      verdict.score != null && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-transcript__verdict-score agn-num", children: verdict.score }),
-      verdict.summary && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-transcript__verdict-text", children: verdict.summary }),
-      verdict.dimensions && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("ul", { className: "agn-transcript__dims", children: verdict.dimensions.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("li", { className: cx("agn-transcript__dim", d.pass ? "agn-transcript__dim--ok" : "agn-transcript__dim--bad"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { name: d.pass ? "check" : "x", size: 10 }),
+      verdict.score != null && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agn-transcript__verdict-score agn-num", children: verdict.score }),
+      verdict.summary && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agn-transcript__verdict-text", children: verdict.summary }),
+      verdict.dimensions && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("ul", { className: "agn-transcript__dims", children: verdict.dimensions.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("li", { className: cx("agn-transcript__dim", d.pass ? "agn-transcript__dim--ok" : "agn-transcript__dim--bad"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: d.pass ? "check" : "x", size: 10 }),
         d.name
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("ol", { className: "agn-transcript__turns", style: { maxHeight }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("ol", { className: "agn-transcript__turns", style: { maxHeight }, children: [
       turns.map((t, i) => {
         const n = t.n != null ? t.n : i + 1;
         const sel = selected != null && selected === (t.id != null ? t.id : n);
-        return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("li", { className: cx("agn-transcript__turn", "agn-transcript__turn--" + (t.speaker || "agent"), t.flagged && "agn-transcript__turn--flagged", sel && "agn-transcript__turn--selected"), children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Row, { type: onSelect ? "button" : void 0, className: "agn-transcript__row agn-focus-inset", "aria-pressed": onSelect ? sel : void 0, onClick: onSelect ? () => onSelect(t.id != null ? t.id : n, t) : void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-transcript__n agn-num", children: String(n).padStart(2, "0") }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-transcript__speaker", children: t.name || L[t.speaker] || t.speaker }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "agn-transcript__text", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("li", { className: cx("agn-transcript__turn", "agn-transcript__turn--" + (t.speaker || "agent"), t.flagged && "agn-transcript__turn--flagged", sel && "agn-transcript__turn--selected"), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Row, { type: onSelect ? "button" : void 0, className: "agn-transcript__row agn-focus-inset", "aria-pressed": onSelect ? sel : void 0, onClick: onSelect ? () => onSelect(t.id != null ? t.id : n, t) : void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agn-transcript__n agn-num", children: String(n).padStart(2, "0") }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agn-transcript__speaker", children: t.name || L[t.speaker] || t.speaker }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "agn-transcript__text", children: [
             t.text,
-            t.note && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-transcript__note", children: t.note })
+            t.note && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agn-transcript__note", children: t.note })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "agn-transcript__right", children: [
-            t.flagged && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "agn-transcript__flag", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { name: "flag", size: 11 }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "agn-transcript__right", children: [
+            t.flagged && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "agn-transcript__flag", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: "flag", size: 11 }),
               L.flagged
             ] }),
-            t.latencyMs != null && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-transcript__latency agn-num", title: L.latency, children: formatDuration(t.latencyMs, locale) }),
-            t.time && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "agn-transcript__time agn-num", children: t.time })
+            t.latencyMs != null && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agn-transcript__latency agn-num", title: L.latency, children: formatDuration(t.latencyMs, locale) }),
+            t.time && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agn-transcript__time agn-num", children: t.time })
           ] })
         ] }) }, t.id != null ? t.id : n);
       }),
-      !turns.length && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("li", { className: "agn-transcript__empty", children: L.empty })
+      !turns.length && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("li", { className: "agn-transcript__empty", children: L.empty })
     ] })
   ] });
 }
 
 // src/widgets/ApprovalCard.jsx
-var import_react111 = __toESM(require("react"), 1);
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_react112 = __toESM(require("react"), 1);
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var STATUS2 = { pending: { tone: "warn", icon: "pause", label: "Paused \xB7 approval" }, approved: { tone: "ok", icon: "circle-check", label: "Approved" }, rejected: { tone: "bad", icon: "circle-x", label: "Rejected" }, queued: { tone: "neutral", icon: "clock", label: "Queued" } };
 function Field({ f, value, onChange, disabled, id }) {
   const set = (v) => onChange && onChange(f.key, v);
   const common = { id, disabled, "aria-describedby": f.help ? id + "-help" : void 0, required: f.required };
   switch (f.type) {
     case "boolean":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("label", { className: "agn-approval__check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("input", { type: "checkbox", checked: !!value, onChange: (e) => set(e.target.checked), ...common }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: f.label })
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("label", { className: "agn-approval__check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("input", { type: "checkbox", checked: !!value, onChange: (e) => set(e.target.checked), ...common }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: f.label })
       ] });
     case "number":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("input", { className: "agn-approval__input agn-num", type: "number", value: value == null ? "" : value, min: f.min, max: f.max, step: f.step, placeholder: f.placeholder, onChange: (e) => set(e.target.value === "" ? null : Number(e.target.value)), ...common });
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("input", { className: "agn-approval__input agn-num", type: "number", value: value == null ? "" : value, min: f.min, max: f.max, step: f.step, placeholder: f.placeholder, onChange: (e) => set(e.target.value === "" ? null : Number(e.target.value)), ...common });
     case "json":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("textarea", { className: "agn-approval__input agn-approval__input--json", rows: 4, value: typeof value === "string" ? value : value == null ? "" : JSON.stringify(value, null, 2), spellCheck: false, onChange: (e) => set(e.target.value), ...common });
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("textarea", { className: "agn-approval__input agn-approval__input--json", rows: 4, value: typeof value === "string" ? value : value == null ? "" : JSON.stringify(value, null, 2), spellCheck: false, onChange: (e) => set(e.target.value), ...common });
     case "select":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("select", { className: "agn-approval__input", value: value == null ? "" : value, onChange: (e) => set(e.target.value), ...common, children: [
-        f.placeholder && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("option", { value: "", children: f.placeholder }),
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("select", { className: "agn-approval__input", value: value == null ? "" : value, onChange: (e) => set(e.target.value), ...common, children: [
+        f.placeholder && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("option", { value: "", children: f.placeholder }),
         (f.options || []).map((o) => {
           const opt = typeof o === "string" ? { value: o, label: o } : o;
-          return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("option", { value: opt.value, children: opt.label }, opt.value);
+          return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("option", { value: opt.value, children: opt.label }, opt.value);
         })
       ] });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("input", { className: "agn-approval__input", type: "text", value: value == null ? "" : value, placeholder: f.placeholder, onChange: (e) => set(e.target.value), ...common });
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("input", { className: "agn-approval__input", type: "text", value: value == null ? "" : value, placeholder: f.placeholder, onChange: (e) => set(e.target.value), ...common });
   }
 }
 function ApprovalCard({ agent, runId, tenant, requestedAt, requester, reason, proposal = [], fields = [], values: valProp, onChange, status = "pending", queuePosition, decidedBy, decidedAt, onApprove, onReject, onAsk, onAlways, actions, variant = "approval", loading: loading2, compact, labels, className, ...rest }) {
   const perm = variant === "permission";
   const L = { eyebrow: perm ? "Permission request" : "Human approval", allowOnce: "Allow once", always: "Always allow", deny: "Deny", reason: "Why the agent stopped", proposes: "Agent proposes", decision: "Your decision", approve: "Approve", reject: "Reject", ask: "Ask the agent", queued: "Queued", ahead: "ahead", by: "by", pending: "Paused \xB7 approval", approved: "Approved", rejected: "Rejected", ...labels };
-  const [own, setOwn] = import_react111.default.useState(() => Object.fromEntries(fields.map((f) => [f.key, f.value])));
+  const [own, setOwn] = import_react112.default.useState(() => Object.fromEntries(fields.map((f) => [f.key, f.value])));
   const values = valProp || own;
   const change = (k, v) => {
     if (!valProp) setOwn((o) => ({ ...o, [k]: v }));
     onChange && onChange(k, v, { ...values, [k]: v });
   };
-  const id = import_react111.default.useMemo(() => uid("approval"), []);
+  const id = import_react112.default.useMemo(() => uid("approval"), []);
   const s = STATUS2[status] || STATUS2.pending;
   const open = status === "pending";
   const decide = (fn) => () => fn && fn(values);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("section", { className: cx("agn-approval", "agn-approval--" + status, perm && "agn-approval--permission", compact && "agn-approval--compact", className), "aria-labelledby": id + "-t", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("header", { className: "agn-approval__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agn-approval__heading", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-eyebrow", children: L.eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h3", { id: id + "-t", className: "agn-approval__title", children: agent }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-approval__meta", children: [runId, tenant, requestedAt].filter(Boolean).map((x, i) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: x }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("section", { className: cx("agn-approval", "agn-approval--" + status, perm && "agn-approval--permission", compact && "agn-approval--compact", className), "aria-labelledby": id + "-t", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("header", { className: "agn-approval__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agn-approval__heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agn-eyebrow", children: L.eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { id: id + "-t", className: "agn-approval__title", children: agent }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agn-approval__meta", children: [runId, tenant, requestedAt].filter(Boolean).map((x, i) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: x }, i)) })
       ] }),
-      !perm && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: cx("agn-approval__status", "agn-approval__status--" + s.tone), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: s.icon, size: 12 }),
+      !perm && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: cx("agn-approval__status", "agn-approval__status--" + s.tone), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: s.icon, size: 12 }),
         status === "queued" && queuePosition != null ? `${L.queued} (${queuePosition} ${L.ahead})` : L[status] || s.label
       ] })
     ] }),
-    reason && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agn-approval__reason", role: "note", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: "triangle-alert", size: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-approval__reason-label", children: L.reason }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-approval__reason-text", children: reason })
+    reason && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agn-approval__reason", role: "note", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: "triangle-alert", size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agn-approval__reason-label", children: L.reason }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agn-approval__reason-text", children: reason })
       ] })
     ] }),
-    proposal.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agn-approval__section", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.proposes }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("dl", { className: "agn-approval__kv", children: proposal.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agn-approval__kv-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("dt", { children: p.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("dd", { className: p.mono ? "agn-mono" : void 0, children: p.value })
+    proposal.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agn-approval__section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.proposes }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("dl", { className: "agn-approval__kv", children: proposal.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agn-approval__kv-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("dt", { children: p.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("dd", { className: p.mono ? "agn-mono" : void 0, children: p.value })
       ] }, i)) })
     ] }),
-    fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agn-approval__section", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.decision }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agn-approval__form", children: fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: cx("agn-approval__field", f.type === "boolean" && "agn-approval__field--check"), children: [
-        f.type !== "boolean" && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("label", { className: "agn-approval__label", htmlFor: id + "-" + f.key, children: [
+    fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agn-approval__section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.decision }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agn-approval__form", children: fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cx("agn-approval__field", f.type === "boolean" && "agn-approval__field--check"), children: [
+        f.type !== "boolean" && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("label", { className: "agn-approval__label", htmlFor: id + "-" + f.key, children: [
           f.label,
-          f.required && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { "aria-hidden": "true", children: " *" })
+          f.required && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { "aria-hidden": "true", children: " *" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Field, { f, id: id + "-" + f.key, value: values[f.key], onChange: change, disabled: !open || loading2 }),
-        f.help && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { id: id + "-" + f.key + "-help", className: "agn-approval__help", children: f.help })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Field, { f, id: id + "-" + f.key, value: values[f.key], onChange: change, disabled: !open || loading2 }),
+        f.help && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { id: id + "-" + f.key + "-help", className: "agn-approval__help", children: f.help })
       ] }, f.key)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("footer", { className: "agn-approval__foot", children: [
-      open && actions && actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { variant: a.variant || "neutral", icon: a.icon, loading: a.loading, disabled: loading2 || a.disabled, onClick: () => a.onClick && a.onClick(values), children: a.label }, a.id || i)),
-      open && !actions && perm && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { variant: "primary", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.allowOnce }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { variant: "neutral", icon: "check-check", disabled: loading2, onClick: decide(onAlways), children: L.always }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.deny })
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("footer", { className: "agn-approval__foot", children: [
+      open && actions && actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: a.variant || "neutral", icon: a.icon, loading: a.loading, disabled: loading2 || a.disabled, onClick: () => a.onClick && a.onClick(values), children: a.label }, a.id || i)),
+      open && !actions && perm && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "primary", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.allowOnce }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "neutral", icon: "check-check", disabled: loading2, onClick: decide(onAlways), children: L.always }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.deny })
       ] }),
-      open && !actions && !perm && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { variant: "success", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.approve }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.reject }),
-        onAsk && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { variant: "neutral", icon: "message-square", disabled: loading2, onClick: decide(onAsk), children: L.ask })
+      open && !actions && !perm && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "success", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.approve }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.reject }),
+        onAsk && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "neutral", icon: "message-square", disabled: loading2, onClick: decide(onAsk), children: L.ask })
       ] }),
-      status === "queued" && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "agn-approval__note", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: "clock", size: 14 }),
+      status === "queued" && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "agn-approval__note", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: "clock", size: 14 }),
         queuePosition != null ? `${L.queued} (${queuePosition} ${L.ahead})` : L.queued
       ] }),
-      (status === "approved" || status === "rejected") && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: cx("agn-approval__note", "agn-approval__note--" + s.tone), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: s.icon, size: 14 }),
+      (status === "approved" || status === "rejected") && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: cx("agn-approval__note", "agn-approval__note--" + s.tone), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: s.icon, size: 14 }),
         L[status],
         decidedBy && ` ${L.by} ${decidedBy}`,
-        decidedAt && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "agn-approval__note-time agn-num", children: [
+        decidedAt && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "agn-approval__note-time agn-num", children: [
           " \xB7 ",
           decidedAt
         ] })
@@ -6396,11 +6561,11 @@ function ApprovalCard({ agent, runId, tenant, requestedAt, requester, reason, pr
 }
 
 // src/widgets/RunTimeline.jsx
-var import_react113 = __toESM(require("react"), 1);
+var import_react114 = __toESM(require("react"), 1);
 
 // src/widgets/RunStatus.jsx
-var import_react112 = __toESM(require("react"), 1);
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_react113 = __toESM(require("react"), 1);
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var RUN_STATUS = {
   queued: { tone: "neutral", icon: "clock", label: "Queued" },
   running: { tone: "info", icon: "loader-circle", label: "Running", spin: true },
@@ -6416,16 +6581,16 @@ var RUN_STATUS = {
 function RunStatus({ status = "queued", detail, since, size = "md", labels, className, ...rest }) {
   const L = { since: "since", ...Object.fromEntries(Object.entries(RUN_STATUS).map(([k, v]) => [k, v.label])), ...labels };
   const s = RUN_STATUS[status] || RUN_STATUS.queued;
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: cx("agn-run-status", "agn-run-status--" + s.tone, size !== "md" && "agn-run-status--" + size, className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "agn-run-status__tag", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: s.icon, size: size === "sm" ? 11 : 12, className: s.spin ? "agn-run-status__spin" : void 0 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: cx("agn-run-status", "agn-run-status--" + s.tone, size !== "md" && "agn-run-status--" + size, className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "agn-run-status__tag", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Icon, { name: s.icon, size: size === "sm" ? 11 : 12, className: s.spin ? "agn-run-status__spin" : void 0 }),
       L[status] || s.label,
-      detail && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "agn-run-status__detail", children: [
+      detail && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "agn-run-status__detail", children: [
         " \xB7 ",
         detail
       ] })
     ] }),
-    since && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "agn-run-status__since agn-num", children: [
+    since && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "agn-run-status__since agn-num", children: [
       L.since,
       " ",
       since
@@ -6451,14 +6616,14 @@ var fmtClock = (s) => {
 var initials4 = (name = "") => String(name).trim().split(/\s+/).slice(0, 2).map((w) => w.charAt(0).toLocaleUpperCase("tr-TR")).join("");
 
 // src/widgets/RunTimeline.jsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 function ticks(total, n = 4) {
   const step = total / n;
   return Array.from({ length: n + 1 }, (_, i) => i * step);
 }
 function useTickCount(ref) {
-  const [n, setN] = import_react113.default.useState(4);
-  import_react113.default.useEffect(() => {
+  const [n, setN] = import_react114.default.useState(4);
+  import_react114.default.useEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return void 0;
     const ro = new ResizeObserver((es) => {
@@ -6476,47 +6641,47 @@ function RunTimeline({ steps = [], total: totalProp, selected, onSelect, showCos
   const total = totalProp || Math.max(1, ...steps.map((s) => (s.start || 0) + (s.duration || 0)));
   const Row = onSelect ? "button" : "div";
   const sumCost = steps.reduce((a, s) => a + (s.cost || 0), 0), sumTok = steps.reduce((a, s) => a + (s.tokens || 0), 0);
-  const scaleRef = import_react113.default.useRef(null);
+  const scaleRef = import_react114.default.useRef(null);
   const tickN = useTickCount(scaleRef);
   const cols = cx("agn-rt__grid", !showTokens && "agn-rt__grid--no-tokens", !showCost && "agn-rt__grid--no-cost");
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cx("agn-rt", className), role: "table", "aria-label": L.step + "s", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cx("agn-rt__head", cols), role: "row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "columnheader", children: L.step }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "columnheader", className: "agn-rt__scale", ref: scaleRef, children: ticks(total, tickN).map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agn-rt__tick agn-num", style: { left: t / total * 100 + "%" }, children: formatDuration(t, locale) }, i)) }),
-      showTokens && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "columnheader", className: "agn-rt__num", children: L.tokens }),
-      showCost && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "columnheader", className: "agn-rt__num", children: L.cost })
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: cx("agn-rt", className), role: "table", "aria-label": L.step + "s", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: cx("agn-rt__head", cols), role: "row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "columnheader", children: L.step }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "columnheader", className: "agn-rt__scale", ref: scaleRef, children: ticks(total, tickN).map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-rt__tick agn-num", style: { left: t / total * 100 + "%" }, children: formatDuration(t, locale) }, i)) }),
+      showTokens && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "columnheader", className: "agn-rt__num", children: L.tokens }),
+      showCost && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "columnheader", className: "agn-rt__num", children: L.cost })
     ] }),
     steps.map((s, i) => {
       const st = RUN_STATUS[s.status] || RUN_STATUS.completed;
       const id = s.id != null ? s.id : i;
       const sel = selected != null && selected === id;
       const left = (s.start || 0) / total * 100, width = Math.max(0.6, (s.duration || 0) / total * 100);
-      return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Row, { type: onSelect ? "button" : void 0, role: "row", className: cx("agn-rt__row", cols, "agn-rt__row--" + st.tone, sel && "agn-rt__row--selected", "agn-focus-inset"), "aria-pressed": onSelect ? sel : void 0, onClick: onSelect ? () => onSelect(id, s) : void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { role: "cell", className: "agn-rt__name", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agn-rt__n agn-num", children: String(i + 1).padStart(2, "0") }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "agn-rt__label", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agn-rt__title", children: s.name }),
-            s.kind && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agn-rt__kind", children: s.kind })
+      return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Row, { type: onSelect ? "button" : void 0, role: "row", className: cx("agn-rt__row", cols, "agn-rt__row--" + st.tone, sel && "agn-rt__row--selected", "agn-focus-inset"), "aria-pressed": onSelect ? sel : void 0, onClick: onSelect ? () => onSelect(id, s) : void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("span", { role: "cell", className: "agn-rt__name", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-rt__n agn-num", children: String(i + 1).padStart(2, "0") }),
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("span", { className: "agn-rt__label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-rt__title", children: s.name }),
+            s.kind && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-rt__kind", children: s.kind })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Icon, { name: st.icon, size: 12, className: cx("agn-rt__icon", st.spin && "agn-rt__spin"), title: st.label })
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Icon, { name: st.icon, size: 12, className: cx("agn-rt__icon", st.spin && "agn-rt__spin"), title: st.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "cell", className: "agn-rt__track", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agn-rt__bar", style: { left: left + "%", width: width + "%" }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agn-rt__dur agn-num", children: formatDuration(s.duration || 0, locale) }) }) }),
-        showTokens && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "cell", className: "agn-rt__num", children: s.tokens != null ? fmtInt(s.tokens, locale) : "\u2013" }),
-        showCost && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "cell", className: "agn-rt__num", children: s.cost != null ? fmtMoney(s.cost, locale, currency) : "\u2013" })
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "cell", className: "agn-rt__track", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-rt__bar", style: { left: left + "%", width: width + "%" }, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-rt__dur agn-num", children: formatDuration(s.duration || 0, locale) }) }) }),
+        showTokens && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "cell", className: "agn-rt__num", children: s.tokens != null ? fmtInt(s.tokens, locale) : "\u2013" }),
+        showCost && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "cell", className: "agn-rt__num", children: s.cost != null ? fmtMoney(s.cost, locale, currency) : "\u2013" })
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cx("agn-rt__foot", cols), role: "row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "cell", children: L.total }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "cell", className: "agn-rt__total agn-num", children: formatDuration(total, locale) }),
-      showTokens && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "cell", className: "agn-rt__num", children: fmtInt(sumTok, locale) }),
-      showCost && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { role: "cell", className: "agn-rt__num", children: fmtMoney(sumCost, locale, currency) })
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: cx("agn-rt__foot", cols), role: "row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "cell", children: L.total }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "cell", className: "agn-rt__total agn-num", children: formatDuration(total, locale) }),
+      showTokens && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "cell", className: "agn-rt__num", children: fmtInt(sumTok, locale) }),
+      showCost && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { role: "cell", className: "agn-rt__num", children: fmtMoney(sumCost, locale, currency) })
     ] })
   ] });
 }
 
 // src/widgets/TraceSpans.jsx
-var import_react114 = __toESM(require("react"), 1);
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_react115 = __toESM(require("react"), 1);
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var SPAN_KINDS = ["llm", "tool", "http", "workflow", "db", "other"];
 function flatten3(spans, depth = 0, out = [], collapsed) {
   spans.forEach((s, i) => {
@@ -6528,9 +6693,9 @@ function flatten3(spans, depth = 0, out = [], collapsed) {
 }
 function TraceSpans({ spans = [], total: totalProp, selected, onSelect, locale = "tr-TR", labels, className, ...rest }) {
   const L = { spans: "Spans", collapse: "Collapse", expand: "Expand", error: "error", ...labels };
-  const [collapsed, setCollapsed] = import_react114.default.useState(() => /* @__PURE__ */ new Set());
-  const rows = import_react114.default.useMemo(() => flatten3(spans, 0, [], collapsed), [spans, collapsed]);
-  const all = import_react114.default.useMemo(() => flatten3(spans, 0, [], /* @__PURE__ */ new Set()), [spans]);
+  const [collapsed, setCollapsed] = import_react115.default.useState(() => /* @__PURE__ */ new Set());
+  const rows = import_react115.default.useMemo(() => flatten3(spans, 0, [], collapsed), [spans, collapsed]);
+  const all = import_react115.default.useMemo(() => flatten3(spans, 0, [], /* @__PURE__ */ new Set()), [spans]);
   const total = totalProp || Math.max(1, ...all.map((s) => (s.start || 0) + (s.duration || 0)));
   const toggle = (id) => setCollapsed((c) => {
     const n = new Set(c);
@@ -6538,8 +6703,8 @@ function TraceSpans({ spans = [], total: totalProp, selected, onSelect, locale =
     return n;
   });
   const Row = onSelect ? "button" : "div";
-  const treeRef = import_react114.default.useRef(null);
-  const [focusId, setFocusId] = import_react114.default.useState(null);
+  const treeRef = import_react115.default.useRef(null);
+  const [focusId, setFocusId] = import_react115.default.useState(null);
   const focusIdx = Math.max(0, rows.findIndex((r) => r.id === (focusId != null ? focusId : selected)));
   const focusAt = (i) => {
     const n = Math.max(0, Math.min(rows.length - 1, i));
@@ -6588,88 +6753,88 @@ function TraceSpans({ spans = [], total: totalProp, selected, onSelect, locale =
       default:
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { ref: treeRef, className: cx("agn-spans", className), role: "tree", "aria-label": L.spans, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "agn-spans__scale", "aria-hidden": "true", children: [0, 0.25, 0.5, 0.75, 1].map((f) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-spans__tick agn-num", style: { left: f * 100 + "%" }, children: formatDuration(total * f, locale) }, f)) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { ref: treeRef, className: cx("agn-spans", className), role: "tree", "aria-label": L.spans, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agn-spans__scale", "aria-hidden": "true", children: [0, 0.25, 0.5, 0.75, 1].map((f) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-spans__tick agn-num", style: { left: f * 100 + "%" }, children: formatDuration(total * f, locale) }, f)) }),
     rows.map((s, i) => {
       const sel = selected != null && selected === s.id;
       const kind = SPAN_KINDS.includes(s.kind) ? s.kind : "other";
       const left = (s.start || 0) / total * 100, width = Math.max(0.5, (s.duration || 0) / total * 100);
-      return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { role: "treeitem", "aria-level": s.depth + 1, "aria-expanded": s.hasChildren ? !collapsed.has(s.id) : void 0, "aria-selected": onSelect ? sel : void 0, "data-index": i, tabIndex: i === focusIdx ? 0 : -1, onKeyDown: (e) => onKey(e, s, i), onFocus: () => setFocusId(s.id), className: cx("agn-spans__row", "agn-focus-inset", "agn-spans__row--" + kind, s.status === "bad" && "agn-spans__row--bad", sel && "agn-spans__row--selected"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("span", { className: "agn-spans__name", style: { paddingLeft: s.depth * 16 }, children: [
-          s.hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("button", { type: "button", className: "agn-spans__caret", tabIndex: -1, "aria-label": collapsed.has(s.id) ? L.expand : L.collapse, onClick: () => toggle(s.id), children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Icon, { name: "chevron-right", size: 12, className: cx(!collapsed.has(s.id) && "agn-spans__caret--open") }) }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-spans__caret agn-spans__caret--leaf" }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Row, { type: onSelect ? "button" : void 0, tabIndex: onSelect ? -1 : void 0, className: "agn-spans__label", onClick: onSelect ? () => onSelect(s.id, s) : void 0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-spans__title", children: s.name }),
-            s.service && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-spans__service", children: s.service }),
-            s.status === "bad" && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("span", { className: "agn-spans__err", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Icon, { name: "circle-x", size: 11 }),
+      return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { role: "treeitem", "aria-level": s.depth + 1, "aria-expanded": s.hasChildren ? !collapsed.has(s.id) : void 0, "aria-selected": onSelect ? sel : void 0, "data-index": i, tabIndex: i === focusIdx ? 0 : -1, onKeyDown: (e) => onKey(e, s, i), onFocus: () => setFocusId(s.id), className: cx("agn-spans__row", "agn-focus-inset", "agn-spans__row--" + kind, s.status === "bad" && "agn-spans__row--bad", sel && "agn-spans__row--selected"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("span", { className: "agn-spans__name", style: { paddingLeft: s.depth * 16 }, children: [
+          s.hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("button", { type: "button", className: "agn-spans__caret", tabIndex: -1, "aria-label": collapsed.has(s.id) ? L.expand : L.collapse, onClick: () => toggle(s.id), children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Icon, { name: "chevron-right", size: 12, className: cx(!collapsed.has(s.id) && "agn-spans__caret--open") }) }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-spans__caret agn-spans__caret--leaf" }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Row, { type: onSelect ? "button" : void 0, tabIndex: onSelect ? -1 : void 0, className: "agn-spans__label", onClick: onSelect ? () => onSelect(s.id, s) : void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-spans__title", children: s.name }),
+            s.service && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-spans__service", children: s.service }),
+            s.status === "bad" && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("span", { className: "agn-spans__err", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Icon, { name: "circle-x", size: 11 }),
               L.error
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-spans__track", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-spans__bar", style: { left: left + "%", width: width + "%" } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "agn-spans__dur agn-num", children: formatDuration(s.duration || 0, locale) })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-spans__track", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-spans__bar", style: { left: left + "%", width: width + "%" } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-spans__dur agn-num", children: formatDuration(s.duration || 0, locale) })
       ] }, s.id);
     })
   ] });
 }
 
 // src/widgets/AgentRunCard.jsx
-var import_react115 = __toESM(require("react"), 1);
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_react116 = __toESM(require("react"), 1);
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var TRIGGER = { manual: { icon: "play", label: "Manual" }, webhook: { icon: "webhook", label: "Webhook" }, schedule: { icon: "calendar-clock", label: "Schedule" }, call: { icon: "phone", label: "Phone call" }, chat: { icon: "message-square", label: "Chat" }, api: { icon: "code", label: "API" } };
 var BAR_TONE = { running: "signal", completed: "ok", failed: "bad", paused: "warn", cancelled: "neutral", queued: "neutral" };
 function AgentRunCard({ agent, product = "platform", runId, tenant, trigger = "manual", status = "queued", since, started, duration, steps, cost, tokens, selected, onStop, onRetry, onOpen, locale = "tr-TR", currency = "TRY", labels, className, ...rest }) {
   const L = { stop: "Stop", retry: "Retry", open: "Open", duration: "Duration", steps: "Steps", cost: "Cost", tokens: "Tokens", started: "Started", ...Object.fromEntries(Object.entries(TRIGGER).map(([k, v]) => [k, v.label])), ...labels };
   const t = TRIGGER[trigger] || TRIGGER.manual;
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("article", { className: cx("agn-run-card", "agn-run-card--" + status, selected && "agn-run-card--selected", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("header", { className: "agn-run-card__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-run-card__icon", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ProductIcon, { product, size: 16 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agn-run-card__heading", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("h3", { className: "agn-run-card__title", children: agent }),
-        runId && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agn-run-card__id", children: runId })
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("article", { className: cx("agn-run-card", "agn-run-card--" + status, selected && "agn-run-card--selected", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("header", { className: "agn-run-card__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "agn-run-card__icon", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ProductIcon, { product, size: 16 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "agn-run-card__heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("h3", { className: "agn-run-card__title", children: agent }),
+        runId && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "agn-run-card__id", children: runId })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(RunStatus, { status, since, size: "sm" })
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(RunStatus, { status, since, size: "sm" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agn-run-card__meta", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Icon, { name: t.icon, size: 12 }),
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "agn-run-card__meta", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Icon, { name: t.icon, size: 12 }),
         L[trigger] || t.label
       ] }),
-      started && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Icon, { name: "clock", size: 12 }),
+      started && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Icon, { name: "clock", size: 12 }),
         started
       ] }),
-      tenant && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Icon, { name: "building-2", size: 12 }),
+      tenant && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Icon, { name: "building-2", size: 12 }),
         tenant
       ] })
     ] }),
-    steps && steps.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ProgressBar, { size: "sm", tone: BAR_TONE[status] || "neutral", value: steps.done || 0, max: steps.total, label: L.steps, showValue: true, valueText: `${steps.done || 0} / ${steps.total}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("dl", { className: "agn-run-card__stats", children: [
-      duration != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("dt", { children: L.duration }),
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("dd", { className: "agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
+    steps && steps.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ProgressBar, { size: "sm", tone: BAR_TONE[status] || "neutral", value: steps.done || 0, max: steps.total, label: L.steps, showValue: true, valueText: `${steps.done || 0} / ${steps.total}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("dl", { className: "agn-run-card__stats", children: [
+      duration != null && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("dt", { children: L.duration }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("dd", { className: "agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
       ] }),
-      cost != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("dt", { children: L.cost }),
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("dd", { className: "agn-num", children: fmtMoney(cost, locale, currency) })
+      cost != null && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("dt", { children: L.cost }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("dd", { className: "agn-num", children: fmtMoney(cost, locale, currency) })
       ] }),
-      tokens != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("dt", { children: L.tokens }),
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("dd", { className: "agn-num", children: fmtInt(tokens, locale) })
+      tokens != null && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("dt", { children: L.tokens }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("dd", { className: "agn-num", children: fmtInt(tokens, locale) })
       ] })
     ] }),
-    (onStop || onRetry || onOpen) && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("footer", { className: "agn-run-card__foot", children: [
-      onStop && (status === "running" || status === "paused" || status === "queued") && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Button, { size: "sm", variant: "destructive-text", icon: "square", onClick: onStop, children: L.stop }),
-      onRetry && (status === "failed" || status === "cancelled") && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Button, { size: "sm", icon: "rotate-ccw", onClick: onRetry, children: L.retry }),
-      onOpen && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Button, { size: "sm", variant: "ghost", iconRight: "arrow-right", onClick: onOpen, className: "agn-run-card__open", children: L.open })
+    (onStop || onRetry || onOpen) && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("footer", { className: "agn-run-card__foot", children: [
+      onStop && (status === "running" || status === "paused" || status === "queued") && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { size: "sm", variant: "destructive-text", icon: "square", onClick: onStop, children: L.stop }),
+      onRetry && (status === "failed" || status === "cancelled") && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { size: "sm", icon: "rotate-ccw", onClick: onRetry, children: L.retry }),
+      onOpen && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { size: "sm", variant: "ghost", iconRight: "arrow-right", onClick: onOpen, className: "agn-run-card__open", children: L.open })
     ] })
   ] });
 }
 
 // src/widgets/CostBars.jsx
-var import_react116 = __toESM(require("react"), 1);
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_react117 = __toESM(require("react"), 1);
+var import_jsx_runtime115 = require("react/jsx-runtime");
 function CostBars({ items = [], unit = "currency", currency = "TRY", locale = "tr-TR", max: maxProp, showValues = true, showTokens = false, colorBy = "index", sort, labels, className, ...rest }) {
   const L = { costs: "Costs", tokens: "tokens", ...labels };
   const list = sort === "desc" ? [...items].sort((a, b) => (b.value || 0) - (a.value || 0)) : items;
@@ -6678,15 +6843,15 @@ function CostBars({ items = [], unit = "currency", currency = "TRY", locale = "t
   return (
     // biome-ignore lint/a11y/noRedundantRoles: explicit role=list keeps list semantics in Safari/VoiceOver, which drops them for list-style: none
     // biome-ignore lint/a11y/useSemanticElements: explicit role=list keeps list semantics in Safari/VoiceOver, which drops them for list-style: none
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("ul", { className: cx("agn-costbars", className), role: "list", "aria-label": L.costs, ...rest, children: list.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("li", { className: cx("agn-costbars__row", it.tone && "agn-costbars__row--" + it.tone), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { className: "agn-costbars__label", title: typeof it.label === "string" ? it.label : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("ul", { className: cx("agn-costbars", className), role: "list", "aria-label": L.costs, ...rest, children: list.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("li", { className: cx("agn-costbars__row", it.tone && "agn-costbars__row--" + it.tone), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-costbars__label", title: typeof it.label === "string" ? it.label : void 0, children: [
         it.label,
-        it.sub && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "agn-costbars__sub", children: it.sub })
+        it.sub && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-costbars__sub", children: it.sub })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "agn-costbars__track", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: cx("agn-costbars__fill", colorBy === "index" && "agn-costbars__fill--" + (i % 6 + 1)), style: { width: Math.min(100, (it.value || 0) / max * 100) + "%" } }) }),
-      showValues && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { className: "agn-costbars__value agn-num", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-costbars__track", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: cx("agn-costbars__fill", colorBy === "index" && "agn-costbars__fill--" + (i % 6 + 1)), style: { width: Math.min(100, (it.value || 0) / max * 100) + "%" } }) }),
+      showValues && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-costbars__value agn-num", children: [
         fmt(it.value || 0),
-        showTokens && it.tokens != null && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { className: "agn-costbars__tokens", children: [
+        showTokens && it.tokens != null && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-costbars__tokens", children: [
           fmtInt(it.tokens, locale),
           " ",
           L.tokens
@@ -6697,8 +6862,8 @@ function CostBars({ items = [], unit = "currency", currency = "TRY", locale = "t
 }
 
 // src/widgets/CanvasBlock.jsx
-var import_react117 = __toESM(require("react"), 1);
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_react118 = __toESM(require("react"), 1);
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var SIDES = ["top", "right", "bottom", "left"];
 var portSide = (v, dflt) => v === true ? dflt : SIDES.includes(v) ? v : null;
 var STATE_ICON = { running: ["loader-circle", true], error: ["circle-alert"], done: ["circle-check"], waiting: ["circle-dashed"], disabled: ["eye-off"] };
@@ -6707,33 +6872,33 @@ function CanvasBlock({ name, kind, icon = "box", product, rows = [], state = "de
   const Tag2 = onSelect ? "button" : "div";
   const inSide = ports && portSide(ports.in, "left"), outSide = ports && portSide(ports.out, "right");
   const si = STATE_ICON[state];
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Tag2, { type: onSelect ? "button" : void 0, className: cx("agn-block", "agn-block--" + state, className), style: { width: 250, ...style }, "aria-pressed": onSelect ? state === "selected" : void 0, onClick: onSelect, ...rest, children: [
-    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-block__bar", role: "toolbar", children: actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ButtonIcon, { icon: a.icon, label: a.label, size: "xs", variant: a.variant || "ghost", onClick: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Tag2, { type: onSelect ? "button" : void 0, className: cx("agn-block", "agn-block--" + state, className), style: { width: 250, ...style }, "aria-pressed": onSelect ? state === "selected" : void 0, onClick: onSelect, ...rest, children: [
+    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-block__bar", role: "toolbar", children: actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ButtonIcon, { icon: a.icon, label: a.label, size: "xs", variant: a.variant || "ghost", onClick: (e) => {
       e.stopPropagation();
       a.onClick && a.onClick(e);
     } }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-block__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-block__icon", children: product ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ProductIcon, { product, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Icon, { name: icon, size: 16 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-block__heading", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-block__name", title: typeof name === "string" ? name : void 0, children: name }),
-        kind && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-block__kind", children: kind })
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "agn-block__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-block__icon", children: product ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ProductIcon, { product, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: icon, size: 16 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "agn-block__heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-block__name", title: typeof name === "string" ? name : void 0, children: name }),
+        kind && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-block__kind", children: kind })
       ] }),
-      si && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-block__state", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Icon, { name: si[0], size: 14, className: si[1] ? "agn-block__spin" : void 0, title: L[state] }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-sr", children: L[state] })
+      si && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "agn-block__state", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: si[0], size: 14, className: si[1] ? "agn-block__spin" : void 0, title: L[state] }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-sr", children: L[state] })
       ] })
     ] }),
-    rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-block__rows", children: rows.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-block__row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-block__k", children: r.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: cx("agn-block__v", r.mono !== false && "agn-mono"), children: r.value })
+    rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-block__rows", children: rows.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "agn-block__row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-block__k", children: r.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: cx("agn-block__v", r.mono !== false && "agn-mono"), children: r.value })
     ] }, i)) }),
-    next && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "agn-block__next", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Icon, { name: "corner-down-right", size: 12 }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agn-block__next-label", children: L.next }),
+    next && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "agn-block__next", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: "corner-down-right", size: 12 }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agn-block__next-label", children: L.next }),
       next
     ] }),
-    inSide && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: cx("agn-block__port", "agn-block__port--in", "agn-block__port--" + inSide), "aria-hidden": "true" }),
-    outSide && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: cx("agn-block__port", "agn-block__port--out", "agn-block__port--" + outSide), "aria-hidden": "true" })
+    inSide && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: cx("agn-block__port", "agn-block__port--in", "agn-block__port--" + inSide), "aria-hidden": "true" }),
+    outSide && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: cx("agn-block__port", "agn-block__port--out", "agn-block__port--" + outSide), "aria-hidden": "true" })
   ] });
 }
 var horiz = (s) => s === "left" || s === "right";
@@ -6763,31 +6928,31 @@ function CanvasEdge({ from, to, fromSide = "right", toSide = "left", state = "de
   const ah = `M${to.x - ux * 6 - uy * 4},${to.y - uy * 6 - ux * 4} L${to.x},${to.y} L${to.x - ux * 6 + uy * 4},${to.y - uy * 6 + ux * 4}`;
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: role=button, tabIndex and the Enter/Space handler are all set whenever onClick is; the rule cannot see the conditional role
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("g", { className: cx("agn-edge", "agn-edge--" + state, onClick && "agn-edge--clickable", className), role: onClick ? "button" : void 0, tabIndex: onClick ? 0 : void 0, "aria-label": onClick && label != null ? String(label) : void 0, onClick, onKeyDown: onClick ? (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("g", { className: cx("agn-edge", "agn-edge--" + state, onClick && "agn-edge--clickable", className), role: onClick ? "button" : void 0, tabIndex: onClick ? 0 : void 0, "aria-label": onClick && label != null ? String(label) : void 0, onClick, onKeyDown: onClick ? (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         onClick(e);
       }
     } : void 0, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { className: "agn-edge__hit", d }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { className: "agn-edge__path", d }),
-      arrow && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { className: "agn-edge__arrow", d: ah }),
-      label && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("g", { className: "agn-edge__label", transform: `translate(${mx},${my})`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("rect", { x: -String(label).length * 3.4 - 6, y: -9, width: String(label).length * 6.8 + 12, height: 18, rx: 4 }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("text", { textAnchor: "middle", dominantBaseline: "central", children: label })
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { className: "agn-edge__hit", d }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { className: "agn-edge__path", d }),
+      arrow && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { className: "agn-edge__arrow", d: ah }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("g", { className: "agn-edge__label", transform: `translate(${mx},${my})`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("rect", { x: -String(label).length * 3.4 - 6, y: -9, width: String(label).length * 6.8 + 12, height: 18, rx: 4 }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("text", { textAnchor: "middle", dominantBaseline: "central", children: label })
       ] })
     ] })
   );
 }
 
 // src/widgets/Canvas.jsx
-var import_react118 = __toESM(require("react"), 1);
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_react119 = __toESM(require("react"), 1);
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var clamp = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
 function Canvas({ children, edges, zoom: zoomProp, defaultZoom = 1, onZoomChange, pan: panProp, defaultPan = { x: 0, y: 0 }, onPanChange, minZoom = 0.25, maxZoom = 2, grid = true, controls = true, interactive = true, overlay, labels, className, style, ...rest }) {
   const L = { canvas: "Agent canvas", zoomIn: "Zoom in", zoomOut: "Zoom out", reset: "Reset view", ...labels };
-  const [zLocal, setZLocal] = import_react118.default.useState(defaultZoom);
-  const [pLocal, setPLocal] = import_react118.default.useState(defaultPan);
+  const [zLocal, setZLocal] = import_react119.default.useState(defaultZoom);
+  const [pLocal, setPLocal] = import_react119.default.useState(defaultPan);
   const z = zoomProp != null ? zoomProp : zLocal;
   const p = panProp || pLocal;
   const setZ = (v) => {
@@ -6799,7 +6964,7 @@ function Canvas({ children, edges, zoom: zoomProp, defaultZoom = 1, onZoomChange
     if (!panProp) setPLocal(v);
     onPanChange && onPanChange(v);
   };
-  const drag = import_react118.default.useRef(null);
+  const drag = import_react119.default.useRef(null);
   const onPointerDown = (e) => {
     if (!interactive || e.button !== 0) return;
     if (e.target.closest(".agn-block, button, a, input, textarea, select, .agn-edge--clickable, .agn-canvas__controls")) return;
@@ -6841,41 +7006,41 @@ function Canvas({ children, edges, zoom: zoomProp, defaultZoom = 1, onZoomChange
   };
   const gs = 20 * z;
   const bg = grid ? { backgroundSize: gs + "px " + gs + "px", backgroundPosition: p.x + "px " + p.y + "px" } : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: cx("agn-canvas", grid && "agn-canvas--grid", interactive && "agn-canvas--interactive", className), style: { ...bg, ...style }, role: "application", "aria-roledescription": "canvas", "aria-label": L.canvas, tabIndex: interactive ? 0 : void 0, onPointerDown, onPointerMove, onPointerUp, onPointerCancel: onPointerUp, onWheel, onKeyDown, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "agn-canvas__layer", style: { transform: `translate(${p.x}px, ${p.y}px) scale(${z})` }, children: [
-      edges && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("svg", { className: "agn-canvas__edges", "aria-hidden": "true", children: edges }),
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: cx("agn-canvas", grid && "agn-canvas--grid", interactive && "agn-canvas--interactive", className), style: { ...bg, ...style }, role: "application", "aria-roledescription": "canvas", "aria-label": L.canvas, tabIndex: interactive ? 0 : void 0, onPointerDown, onPointerMove, onPointerUp, onPointerCancel: onPointerUp, onWheel, onKeyDown, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agn-canvas__layer", style: { transform: `translate(${p.x}px, ${p.y}px) scale(${z})` }, children: [
+      edges && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("svg", { className: "agn-canvas__edges", "aria-hidden": "true", children: edges }),
       children
     ] }),
     overlay,
-    controls && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "agn-canvas__controls", role: "toolbar", "aria-label": L.canvas, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ButtonIcon, { icon: "minus", label: L.zoomOut, size: "sm", variant: "ghost", onClick: () => setZ(z / 1.2), disabled: z <= minZoom }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("button", { type: "button", className: "agn-canvas__zoom agn-num agn-focus", onClick: () => {
+    controls && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agn-canvas__controls", role: "toolbar", "aria-label": L.canvas, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ButtonIcon, { icon: "minus", label: L.zoomOut, size: "sm", variant: "ghost", onClick: () => setZ(z / 1.2), disabled: z <= minZoom }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("button", { type: "button", className: "agn-canvas__zoom agn-num agn-focus", onClick: () => {
         setZ(1);
         setP({ x: 0, y: 0 });
       }, title: L.reset, "aria-label": L.reset + " (" + Math.round(z * 100) + "%)", children: [
         Math.round(z * 100),
         "%"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ButtonIcon, { icon: "plus", label: L.zoomIn, size: "sm", variant: "ghost", onClick: () => setZ(z * 1.2), disabled: z >= maxZoom })
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ButtonIcon, { icon: "plus", label: L.zoomIn, size: "sm", variant: "ghost", onClick: () => setZ(z * 1.2), disabled: z >= maxZoom })
     ] })
   ] });
 }
 
 // src/widgets/CanvasNote.jsx
-var import_react119 = __toESM(require("react"), 1);
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_react120 = __toESM(require("react"), 1);
+var import_jsx_runtime118 = require("react/jsx-runtime");
 function CanvasNote({ title, children, author, time, tone = "warn", width = 220, onEdit, onDelete, labels, className, style, ...rest }) {
   const L = { edit: "Edit note", delete: "Delete note", ...labels };
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: cx("agn-note", "agn-note--" + tone, className), style: { width, ...style }, ...rest, children: [
-    (title || onEdit || onDelete) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agn-note__head", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "agn-note__title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("span", { className: "agn-note__ctl", children: [
-        onEdit && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ButtonIcon, { icon: "pencil", label: L.edit, size: "xs", onClick: onEdit }),
-        onDelete && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ButtonIcon, { icon: "x", label: L.delete, size: "xs", onClick: onDelete })
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: cx("agn-note", "agn-note--" + tone, className), style: { width, ...style }, ...rest, children: [
+    (title || onEdit || onDelete) && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "agn-note__head", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-note__title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "agn-note__ctl", children: [
+        onEdit && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ButtonIcon, { icon: "pencil", label: L.edit, size: "xs", onClick: onEdit }),
+        onDelete && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ButtonIcon, { icon: "x", label: L.delete, size: "xs", onClick: onDelete })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "agn-note__body", children }),
-    (author || time) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agn-note__foot", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "agn-note__body", children }),
+    (author || time) && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "agn-note__foot", children: [
       author,
       author && time && " \xB7 ",
       time
@@ -6884,8 +7049,8 @@ function CanvasNote({ title, children, author, time, tone = "warn", width = 220,
 }
 
 // src/widgets/QueueCard.jsx
-var import_react120 = __toESM(require("react"), 1);
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_react121 = __toESM(require("react"), 1);
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var CHANNEL = { whatsapp: { icon: "message-circle", label: "WhatsApp" }, voice: { icon: "phone", label: "Voice" }, web: { icon: "globe", label: "Web chat" }, email: { icon: "mail", label: "E-mail" } };
 var OWNER = { bot: { icon: "bot", label: "Bot" }, agent: { icon: null, label: "Agent" }, queue: { icon: "users", label: "Queue" } };
 function QueueCard({ channel = "whatsapp", customer, phone, preview, waiting, sla, owner = { kind: "queue" }, unread, selected, onClick, tenant, labels, className, ...rest }) {
@@ -6893,28 +7058,28 @@ function QueueCard({ channel = "whatsapp", customer, phone, preview, waiting, sl
   const ch = CHANNEL[channel] || CHANNEL.web;
   const ow = OWNER[owner.kind] || OWNER.queue;
   const Tag2 = onClick ? "button" : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Tag2, { type: onClick ? "button" : void 0, className: cx("agn-queue", "agn-queue--" + channel, unread && "agn-queue--unread", selected && "agn-queue--selected", onClick && "agn-queue--clickable agn-focus-inset", className), "aria-pressed": onClick ? !!selected : void 0, onClick, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-queue__channel", title: L[channel] || ch.label, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { name: ch.icon, size: 16 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "agn-queue__body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "agn-queue__top", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-queue__name", children: customer }),
-        unread > 0 && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "agn-queue__unread agn-num", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { "aria-hidden": "true", children: unread }),
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-sr", children: unread + " " + L.unread })
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(Tag2, { type: onClick ? "button" : void 0, className: cx("agn-queue", "agn-queue--" + channel, unread && "agn-queue--unread", selected && "agn-queue--selected", onClick && "agn-queue--clickable agn-focus-inset", className), "aria-pressed": onClick ? !!selected : void 0, onClick, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-queue__channel", title: L[channel] || ch.label, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: ch.icon, size: 16 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: "agn-queue__body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: "agn-queue__top", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-queue__name", children: customer }),
+        unread > 0 && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: "agn-queue__unread agn-num", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { "aria-hidden": "true", children: unread }),
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-sr", children: unread + " " + L.unread })
         ] }),
-        tenant && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-queue__tenant", children: tenant })
+        tenant && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-queue__tenant", children: tenant })
       ] }),
-      phone && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-queue__phone agn-num", children: phone }),
-      preview && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-queue__preview", children: preview })
+      phone && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-queue__phone agn-num", children: phone }),
+      preview && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-queue__preview", children: preview })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "agn-queue__side", children: [
-      waiting && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "agn-queue__wait agn-num", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { name: "timer", size: 11 }),
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: "agn-queue__side", children: [
+      waiting && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: "agn-queue__wait agn-num", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "timer", size: 11 }),
         waiting
       ] }),
-      sla && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: cx("agn-queue__sla", "agn-queue__sla--" + (sla.tone || "neutral")), children: sla.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: cx("agn-queue__owner", "agn-queue__owner--" + owner.kind), children: [
-        owner.kind === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agn-queue__owner-avatar", children: initials4(owner.name || "") }) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { name: ow.icon, size: 11 }),
+      sla && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: cx("agn-queue__sla", "agn-queue__sla--" + (sla.tone || "neutral")), children: sla.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: cx("agn-queue__owner", "agn-queue__owner--" + owner.kind), children: [
+        owner.kind === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-queue__owner-avatar", children: initials4(owner.name || "") }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: ow.icon, size: 11 }),
         owner.name || L[owner.kind] || ow.label
       ] })
     ] })
@@ -6922,97 +7087,97 @@ function QueueCard({ channel = "whatsapp", customer, phone, preview, waiting, sl
 }
 
 // src/widgets/CallCard.jsx
-var import_react121 = __toESM(require("react"), 1);
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_react122 = __toESM(require("react"), 1);
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var STATE = { ringing: { tone: "info", icon: "phone-incoming", label: "Ringing" }, "in-call": { tone: "ok", icon: "phone-call", label: "In call" }, "on-hold": { tone: "warn", icon: "pause", label: "On hold" }, ended: { tone: "neutral", icon: "phone-off", label: "Ended" } };
 var WAVE = [0.3, 0.55, 0.8, 0.45, 0.95, 0.6, 0.35, 0.7, 0.5, 0.9, 0.4, 0.65, 0.85, 0.3, 0.6, 0.75, 0.45, 0.9, 0.55, 0.35];
 function CallCard({ number, name, direction = "inbound", state = "ringing", seconds = 0, live, agent, tenant, onAnswer, onDecline, onHold, onResume, onTransfer, onHangup, onCallBack, labels, className, ...rest }) {
   const L = { answer: "Answer", decline: "Decline", hold: "Hold", resume: "Resume", transfer: "Transfer", hangup: "Hang up", callBack: "Call back", inbound: "Inbound", outbound: "Outbound", ...Object.fromEntries(Object.entries(STATE).map(([k, v]) => [k, v.label])), ...labels };
-  const [elapsed, setElapsed] = import_react121.default.useState(seconds);
-  import_react121.default.useEffect(() => {
+  const [elapsed, setElapsed] = import_react122.default.useState(seconds);
+  import_react122.default.useEffect(() => {
     setElapsed(seconds);
   }, [seconds]);
-  import_react121.default.useEffect(() => {
+  import_react122.default.useEffect(() => {
     if (!live || state !== "in-call") return;
     const t = setInterval(() => setElapsed((e) => e + 1), 1e3);
     return () => clearInterval(t);
   }, [live, state]);
   const s = STATE[state] || STATE.ringing;
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("article", { className: cx("agn-call", "agn-call--" + state, className), "aria-label": (name || number) + " \xB7 " + (L[state] || s.label), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("header", { className: "agn-call__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-call__dir", title: L[direction], children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: direction === "outbound" ? "phone-outgoing" : "phone-incoming", size: 16 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agn-call__who", children: [
-        name && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agn-call__name", children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agn-call__number agn-num", children: number })
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("article", { className: cx("agn-call", "agn-call--" + state, className), "aria-label": (name || number) + " \xB7 " + (L[state] || s.label), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("header", { className: "agn-call__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "agn-call__dir", title: L[direction], children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: direction === "outbound" ? "phone-outgoing" : "phone-incoming", size: 16 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agn-call__who", children: [
+        name && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agn-call__name", children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agn-call__number agn-num", children: number })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: cx("agn-call__state", "agn-call__state--" + s.tone), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: s.icon, size: 12, className: state === "ringing" ? "agn-call__ring" : void 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: cx("agn-call__state", "agn-call__state--" + s.tone), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: s.icon, size: 12, className: state === "ringing" ? "agn-call__ring" : void 0 }),
         L[state] || s.label
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agn-call__body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agn-call__time agn-num", role: "timer", "aria-live": "off", children: fmtClock(elapsed) }),
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agn-call__wave", "aria-hidden": "true", children: WAVE.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "agn-call__bar", style: { "--agn-h": v, "--agn-i": i } }, i)) })
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agn-call__body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agn-call__time agn-num", role: "timer", "aria-live": "off", children: fmtClock(elapsed) }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agn-call__wave", "aria-hidden": "true", children: WAVE.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "agn-call__bar", style: { "--agn-h": v, "--agn-i": i } }, i)) })
     ] }),
-    (agent || tenant) && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agn-call__meta", children: [
-      agent && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "headset", size: 12 }),
+    (agent || tenant) && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "agn-call__meta", children: [
+      agent && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: "headset", size: 12 }),
         agent
       ] }),
-      tenant && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "building-2", size: 12 }),
+      tenant && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: "building-2", size: 12 }),
         tenant
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("footer", { className: "agn-call__foot", children: [
-      state === "ringing" && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
-        onAnswer && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { variant: "success", size: "sm", icon: "phone", onClick: onAnswer, children: L.answer }),
-        onDecline && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { variant: "destructive-text", size: "sm", icon: "phone-off", onClick: onDecline, children: L.decline })
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("footer", { className: "agn-call__foot", children: [
+      state === "ringing" && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
+        onAnswer && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { variant: "success", size: "sm", icon: "phone", onClick: onAnswer, children: L.answer }),
+        onDecline && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { variant: "destructive-text", size: "sm", icon: "phone-off", onClick: onDecline, children: L.decline })
       ] }),
-      state === "in-call" && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
-        onHold && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { size: "sm", icon: "pause", onClick: onHold, children: L.hold }),
-        onTransfer && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
-        onHangup && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
+      state === "in-call" && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
+        onHold && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { size: "sm", icon: "pause", onClick: onHold, children: L.hold }),
+        onTransfer && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
+        onHangup && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
       ] }),
-      state === "on-hold" && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
-        onResume && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { variant: "primary", size: "sm", icon: "play", onClick: onResume, children: L.resume }),
-        onTransfer && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
-        onHangup && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
+      state === "on-hold" && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
+        onResume && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { variant: "primary", size: "sm", icon: "play", onClick: onResume, children: L.resume }),
+        onTransfer && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
+        onHangup && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
       ] }),
-      state === "ended" && onCallBack && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, { size: "sm", icon: "phone-outgoing", onClick: onCallBack, children: L.callBack })
+      state === "ended" && onCallBack && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { size: "sm", icon: "phone-outgoing", onClick: onCallBack, children: L.callBack })
     ] })
   ] });
 }
 
 // src/dashboard/KpiWidget.jsx
-var import_react122 = __toESM(require("react"), 1);
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var DEFAULT_LABELS50 = { options: "Options", trend: "Trend" };
+var import_react123 = __toESM(require("react"), 1);
+var import_jsx_runtime121 = require("react/jsx-runtime");
+var DEFAULT_LABELS51 = { options: "Options", trend: "Trend" };
 function KpiWidget({ label, value, delta, invert, sub, icon, spark, sparkTone, sparkColor = 1, menuItems, onMenuSelect, plain, size = "md", labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS50, ...labels };
-  const chart = spark && spark.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Sparkline, { data: spark, width: 128, height: 28, area: true, tone: sparkTone, color: sparkColor, "aria-label": L.trend + ": " + spark.join(", ") }) : null;
-  const stat = /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Stat, { label, value, delta, invert, sub, icon, size, chart });
-  const menu = menuItems && menuItems.length ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "agn-kpi__menu", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Menu, { align: "right", items: menuItems, onSelect: onMenuSelect, trigger: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ButtonIcon, { icon: "ellipsis", label: L.options, size: "xs", variant: "ghost" }) }) }) : null;
-  if (plain) return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: cx("agn-kpi", "agn-kpi--plain", menu && "agn-kpi--menu", className), ...rest, children: [
+  const L = { ...DEFAULT_LABELS51, ...labels };
+  const chart = spark && spark.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Sparkline, { data: spark, width: 128, height: 28, area: true, tone: sparkTone, color: sparkColor, "aria-label": L.trend + ": " + spark.join(", ") }) : null;
+  const stat = /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Stat, { label, value, delta, invert, sub, icon, size, chart });
+  const menu = menuItems && menuItems.length ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agn-kpi__menu", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Menu, { align: "right", items: menuItems, onSelect: onMenuSelect, trigger: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ButtonIcon, { icon: "ellipsis", label: L.options, size: "xs", variant: "ghost" }) }) }) : null;
+  if (plain) return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cx("agn-kpi", "agn-kpi--plain", menu && "agn-kpi--menu", className), ...rest, children: [
     stat,
     menu
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Card, { padding: "md", as: "div", className: cx("agn-kpi", menu && "agn-kpi--menu", className), ...rest, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Card, { padding: "md", as: "div", className: cx("agn-kpi", menu && "agn-kpi--menu", className), ...rest, children: [
     stat,
     menu
   ] });
 }
 function KpiRow({ items = [], children, label, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cx("agn-kpi-row", className), role: "group", "aria-label": label, ...rest, children: children || items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(KpiWidget, { plain: true, ...it }, it.id || i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: cx("agn-kpi-row", className), role: "group", "aria-label": label, ...rest, children: children || items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(KpiWidget, { plain: true, ...it }, it.id || i)) });
 }
 
 // src/dashboard/ChartCard.jsx
-var import_react123 = __toESM(require("react"), 1);
-var import_jsx_runtime121 = require("react/jsx-runtime");
-var DEFAULT_LABELS51 = { period: "Period", loading: "Loading chart", empty: "No data for this period", emptyHint: "Pick another period, or wait for the agent to receive traffic." };
+var import_react124 = __toESM(require("react"), 1);
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var DEFAULT_LABELS52 = { period: "Period", loading: "Loading chart", empty: "No data for this period", emptyHint: "Pick another period, or wait for the agent to receive traffic." };
 function ChartCard({ title, icon, unit, periods, period, defaultPeriod, onPeriodChange, type = "line", series, data, categories = [], height = 160, format = (v) => String(v), legend = true, headline, state, footnote, actions, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS51, ...labels };
-  const [own, setOwn] = import_react123.default.useState(defaultPeriod != null ? defaultPeriod : periods && periods.length ? typeof periods[0] === "string" ? periods[0] : periods[0].value : void 0);
+  const L = { ...DEFAULT_LABELS52, ...labels };
+  const [own, setOwn] = import_react124.default.useState(defaultPeriod != null ? defaultPeriod : periods && periods.length ? typeof periods[0] === "string" ? periods[0] : periods[0].value : void 0);
   const per = period !== void 0 ? period : own;
   const setPer = (v) => {
     if (period === void 0) setOwn(v);
@@ -7021,37 +7186,37 @@ function ChartCard({ title, icon, unit, periods, period, defaultPeriod, onPeriod
   const ser = series || [{ name: typeof title === "string" ? title : "", values: data || [] }];
   const empty = state === "empty" || state !== "loading" && !ser.some((s) => s.values && s.values.length);
   const plainTitle = typeof title === "string" ? title + (unit ? " (" + unit + ")" : "") : void 0;
-  const head = /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
+  const head = /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
     title,
-    unit && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "agn-chart-card__unit", children: unit })
+    unit && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agn-chart-card__unit", children: unit })
   ] });
-  const right = (periods || actions) && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-    periods && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }),
+  const right = (periods || actions) && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+    periods && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }),
     actions
   ] });
   let body;
-  if (state === "loading") body = /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agn-chart-card__loading", role: "status", "aria-busy": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "agn-sr", children: L.loading }),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Skeleton, { shape: "rect", width: "100%", height }),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Skeleton, { shape: "line", width: "40%" })
+  if (state === "loading") body = /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agn-chart-card__loading", role: "status", "aria-busy": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agn-sr", children: L.loading }),
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Skeleton, { shape: "rect", width: "100%", height }),
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Skeleton, { shape: "line", width: "40%" })
   ] });
-  else if (empty) body = /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agn-chart-card__empty", style: { minHeight: height }, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(EmptyState, { compact: true, icon: "chart-no-axes-column", title: L.empty, children: L.emptyHint }) });
-  else body = /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(MiniChart, { type: type === "stacked" ? "bar" : type, stacked: type === "stacked", series: ser, labels: categories, height, legend, format, title: plainTitle });
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Card, { title: head, icon, actions: right, viewAll, className: cx("agn-chart-card", className), ...rest, children: [
-    headline && state !== "loading" && !empty && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Stat, { size: "sm", className: "agn-chart-card__headline", ...headline }),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "agn-chart-card__plot", children: body }),
-    footnote && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "agn-chart-card__foot", children: footnote })
+  else if (empty) body = /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agn-chart-card__empty", style: { minHeight: height }, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EmptyState, { compact: true, icon: "chart-no-axes-column", title: L.empty, children: L.emptyHint }) });
+  else body = /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(MiniChart, { type: type === "stacked" ? "bar" : type, stacked: type === "stacked", series: ser, labels: categories, height, legend, format, title: plainTitle });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Card, { title: head, icon, actions: right, viewAll, className: cx("agn-chart-card", className), ...rest, children: [
+    headline && state !== "loading" && !empty && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Stat, { size: "sm", className: "agn-chart-card__headline", ...headline }),
+    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agn-chart-card__plot", children: body }),
+    footnote && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "agn-chart-card__foot", children: footnote })
   ] });
 }
 
 // src/dashboard/TaskListWidget.jsx
-var import_react124 = __toESM(require("react"), 1);
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_react125 = __toESM(require("react"), 1);
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var PRI = { high: { tone: "bad", icon: "chevrons-up" }, medium: { tone: "warn", icon: "chevron-up" }, low: { tone: "neutral", icon: "chevron-down" } };
-var DEFAULT_LABELS52 = { title: "Tasks", add: "Add task", empty: "No open tasks", emptyHint: "Tasks assigned to you appear here.", overdue: "Overdue", due: "Due", high: "High", medium: "Medium", low: "Low", viewAll: "View all" };
+var DEFAULT_LABELS53 = { title: "Tasks", add: "Add task", empty: "No open tasks", emptyHint: "Tasks assigned to you appear here.", overdue: "Overdue", due: "Due", high: "High", medium: "Medium", low: "Low", viewAll: "View all" };
 function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS52, ...labels };
-  const [map, setMap] = import_react124.default.useState({});
+  const L = { ...DEFAULT_LABELS53, ...labels };
+  const [map, setMap] = import_react125.default.useState({});
   const isDone = (t) => t.id in map ? map[t.id] : !!t.done;
   const toggle = (t, v) => {
     setMap({ ...map, [t.id]: v });
@@ -7059,7 +7224,7 @@ function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone,
   };
   const list = hideDone ? tasks.filter((t) => !isDone(t)) : tasks;
   const open = tasks.filter((t) => !isDone(t)).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Card,
     {
       title: title || L.title,
@@ -7067,22 +7232,22 @@ function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone,
       count: open,
       viewAll,
       labels: { viewAll: L.viewAll },
-      actions: onAdd && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Button, { variant: "ghost", size: "sm", icon: "plus", onClick: onAdd, children: L.add }),
+      actions: onAdd && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Button, { variant: "ghost", size: "sm", icon: "plus", onClick: onAdd, children: L.add }),
       padding: "none",
       className: cx("agn-tasks", className),
       ...rest,
-      children: list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "agn-tasks__empty", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(EmptyState, { compact: true, icon: "list-checks", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("ul", { className: "agn-tasks__list", children: list.map((t) => {
+      children: list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agn-tasks__empty", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(EmptyState, { compact: true, icon: "list-checks", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("ul", { className: "agn-tasks__list", children: list.map((t) => {
         const d = isDone(t);
         const p = PRI[t.priority];
-        return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("li", { className: cx("agn-tasks__item", d && "agn-tasks__item--done"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Checkbox, { checked: d, onChange: (v) => toggle(t, v), "aria-label": typeof t.title === "string" ? t.title : void 0 }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agn-tasks__main", children: [
-            onOpen ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("button", { type: "button", className: "agn-tasks__title agn-tasks__title--link agn-focus", onClick: () => onOpen(t), children: t.title }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agn-tasks__title", children: t.title }),
-            (t.related || t.due) && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("span", { className: "agn-tasks__meta", children: [
-              t.related && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agn-tasks__related", children: t.related }),
-              t.due && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("span", { className: cx("agn-tasks__due", t.overdue && !d && "agn-tasks__due--overdue"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: t.overdue && !d ? "circle-alert" : "calendar", size: 12 }),
-                t.overdue && !d ? L.overdue + " \xB7 " : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("span", { className: "agn-sr", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("li", { className: cx("agn-tasks__item", d && "agn-tasks__item--done"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Checkbox, { checked: d, onChange: (v) => toggle(t, v), "aria-label": typeof t.title === "string" ? t.title : void 0 }),
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agn-tasks__main", children: [
+            onOpen ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("button", { type: "button", className: "agn-tasks__title agn-tasks__title--link agn-focus", onClick: () => onOpen(t), children: t.title }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agn-tasks__title", children: t.title }),
+            (t.related || t.due) && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "agn-tasks__meta", children: [
+              t.related && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agn-tasks__related", children: t.related }),
+              t.due && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: cx("agn-tasks__due", t.overdue && !d && "agn-tasks__due--overdue"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: t.overdue && !d ? "circle-alert" : "calendar", size: 12 }),
+                t.overdue && !d ? L.overdue + " \xB7 " : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "agn-sr", children: [
                   L.due,
                   " "
                 ] }),
@@ -7090,8 +7255,8 @@ function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone,
               ] })
             ] })
           ] }),
-          p && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Tag, { tone: d ? "neutral" : p.tone, icon: p.icon, className: "agn-tasks__priority", children: L[t.priority] }),
-          t.owner && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Avatar, { size: "xs", name: t.owner, kind: t.ownerKind || "person", className: "agn-tasks__owner" })
+          p && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Tag, { tone: d ? "neutral" : p.tone, icon: p.icon, className: "agn-tasks__priority", children: L[t.priority] }),
+          t.owner && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Avatar, { size: "xs", name: t.owner, kind: t.ownerKind || "person", className: "agn-tasks__owner" })
         ] }, t.id);
       }) })
     }
@@ -7099,14 +7264,14 @@ function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone,
 }
 
 // src/dashboard/AiInsightWidget.jsx
-var import_react125 = __toESM(require("react"), 1);
-var import_jsx_runtime123 = require("react/jsx-runtime");
-var DEFAULT_LABELS53 = { generated: "AI-generated", evidence: "Evidence", apply: "Apply", dismiss: "Dismiss", helpful: "Was this helpful?", yes: "Helpful", no: "Not helpful", thanks: "Thanks for the feedback", applied: "Applied", dismissed: "Dismissed", confidence: "confidence", check: "Check the evidence before you apply it." };
+var import_react126 = __toESM(require("react"), 1);
+var import_jsx_runtime124 = require("react/jsx-runtime");
+var DEFAULT_LABELS54 = { generated: "AI-generated", evidence: "Evidence", apply: "Apply", dismiss: "Dismiss", helpful: "Was this helpful?", yes: "Helpful", no: "Not helpful", thanks: "Thanks for the feedback", applied: "Applied", dismissed: "Dismissed", confidence: "confidence", check: "Check the evidence before you apply it." };
 function AiInsightWidget({ title, children, evidence = [], confidence, model, time, status: statusProp, onApply, onDismiss, applyLabel, feedback: fbProp, onFeedback, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS53, ...labels };
-  const [own, setOwn] = import_react125.default.useState("open");
+  const L = { ...DEFAULT_LABELS54, ...labels };
+  const [own, setOwn] = import_react126.default.useState("open");
   const status = statusProp || own;
-  const [fbOwn, setFb] = import_react125.default.useState(null);
+  const [fbOwn, setFb] = import_react126.default.useState(null);
   const fb = fbProp !== void 0 ? fbProp : fbOwn;
   const vote = (v) => {
     const next = fb === v ? null : v;
@@ -7114,52 +7279,52 @@ function AiInsightWidget({ title, children, evidence = [], confidence, model, ti
     onFeedback && onFeedback(next);
   };
   const meta = [confidence != null ? Math.round(confidence * 100) + "% " + L.confidence : null, model, time].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Card, { icon: "sparkles", title: L.generated, as: "div", actions: meta.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agn-insight__meta", children: meta.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: m }, i)) }), className: cx("agn-insight", "agn-insight--" + status, className), ...rest, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h4", { className: "agn-insight__title", children: title }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agn-insight__text", children }),
-    evidence.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agn-insight__evidence", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agn-insight__label", children: L.evidence }),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("ol", { className: "agn-insight__list", children: evidence.map((e, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Card, { icon: "sparkles", title: L.generated, as: "div", actions: meta.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agn-insight__meta", children: meta.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: m }, i)) }), className: cx("agn-insight", "agn-insight--" + status, className), ...rest, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("h4", { className: "agn-insight__title", children: title }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agn-insight__text", children }),
+    evidence.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agn-insight__evidence", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agn-insight__label", children: L.evidence }),
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("ol", { className: "agn-insight__list", children: evidence.map((e, i) => {
         const src = e.source && (typeof e.source === "string" ? { label: e.source } : e.source);
         const SrcTag = src && src.href ? "a" : "span";
-        return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("li", { className: "agn-insight__item", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agn-insight__n agn-num", "aria-hidden": "true", children: i + 1 }),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agn-insight__item-main", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agn-insight__claim", children: e.text }),
-            src && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(SrcTag, { className: "agn-insight__source", href: src.href, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: src.icon || "file-text", size: 12 }),
+        return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("li", { className: "agn-insight__item", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agn-insight__n agn-num", "aria-hidden": "true", children: i + 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agn-insight__item-main", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agn-insight__claim", children: e.text }),
+            src && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(SrcTag, { className: "agn-insight__source", href: src.href, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: src.icon || "file-text", size: 12 }),
               src.label
             ] })
           ] })
         ] }, e.id || i);
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agn-insight__foot", children: [
-      status === "open" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agn-insight__actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Button, { size: "sm", variant: "neutral", icon: "check", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agn-insight__foot", children: [
+      status === "open" ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agn-insight__actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, { size: "sm", variant: "neutral", icon: "check", onClick: () => {
           setOwn("applied");
           onApply && onApply();
         }, children: applyLabel || L.apply }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Button, { size: "sm", variant: "ghost", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, { size: "sm", variant: "ghost", onClick: () => {
           setOwn("dismissed");
           onDismiss && onDismiss();
         }, children: L.dismiss })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Tag, { tone: status === "applied" ? "ok" : "neutral", icon: status === "applied" ? "circle-check" : "x", children: L[status] || status }),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agn-insight__feedback", role: "group", "aria-label": L.helpful, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "agn-insight__ask", "aria-live": "polite", children: fb ? L.thanks : L.helpful }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ButtonIcon, { icon: "thumbs-up", label: L.yes, size: "xs", "aria-pressed": fb === "up", className: cx(fb === "up" && "agn-insight__thumb--on"), onClick: () => vote("up") }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ButtonIcon, { icon: "thumbs-down", label: L.no, size: "xs", "aria-pressed": fb === "down", className: cx(fb === "down" && "agn-insight__thumb--on"), onClick: () => vote("down") })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tag, { tone: status === "applied" ? "ok" : "neutral", icon: status === "applied" ? "circle-check" : "x", children: L[status] || status }),
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agn-insight__feedback", role: "group", "aria-label": L.helpful, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agn-insight__ask", "aria-live": "polite", children: fb ? L.thanks : L.helpful }),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ButtonIcon, { icon: "thumbs-up", label: L.yes, size: "xs", "aria-pressed": fb === "up", className: cx(fb === "up" && "agn-insight__thumb--on"), onClick: () => vote("up") }),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ButtonIcon, { icon: "thumbs-down", label: L.no, size: "xs", "aria-pressed": fb === "down", className: cx(fb === "down" && "agn-insight__thumb--on"), onClick: () => vote("down") })
       ] })
     ] })
   ] });
 }
 
 // src/dashboard/FilterBar.jsx
-var import_react126 = __toESM(require("react"), 1);
-var import_jsx_runtime124 = require("react/jsx-runtime");
-var DEFAULT_LABELS54 = { search: "Search\u2026", searchLabel: "Search", filters: "Quick filters", more: "More filters", views: "Saved view", active: "Filters", clear: "Clear all", remove: "Remove filter" };
+var import_react127 = __toESM(require("react"), 1);
+var import_jsx_runtime125 = require("react/jsx-runtime");
+var DEFAULT_LABELS55 = { search: "Search\u2026", searchLabel: "Search", filters: "Quick filters", more: "More filters", views: "Saved view", active: "Filters", clear: "Clear all", remove: "Remove filter" };
 function useCtl(value, def, cb) {
-  const [own, setOwn] = import_react126.default.useState(def);
+  const [own, setOwn] = import_react127.default.useState(def);
   const v = value !== void 0 ? value : own;
   return [v, (x) => {
     if (value === void 0) setOwn(x);
@@ -7167,7 +7332,7 @@ function useCtl(value, def, cb) {
   }];
 }
 function FilterBar({ search, defaultSearch = "", onSearch, chips = [], chipValue, defaultChipValue = [], onChipChange, moreFilters = [], onMoreFilter, moreOpen, onMoreOpenChange, views = [], view, defaultView = null, onViewChange, active, defaultActive = [], onActiveChange, onClear, right, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS54, ...labels };
+  const L = { ...DEFAULT_LABELS55, ...labels };
   const [q, setQ] = useCtl(search, defaultSearch, onSearch);
   const [cv, setCv] = useCtl(chipValue, defaultChipValue, onChipChange);
   const [vw, setVw] = useCtl(view, defaultView, onViewChange);
@@ -7183,76 +7348,76 @@ function FilterBar({ search, defaultSearch = "", onSearch, chips = [], chipValue
     setAct([]);
     onClear && onClear();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: cx("agn-filterbar", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agn-filterbar__row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Input, { icon: "search", value: q, onChange: (e) => setQ(e.target.value), onClear: q ? () => setQ("") : void 0, placeholder: L.search, "aria-label": L.searchLabel, className: "agn-filterbar__search" }),
-      chips.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ChipGroup, { multiple: true, options: chips, value: cv, onChange: setCv, label: L.filters }),
-      moreFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Menu, { items: moreFilters, open: moreOpen, onOpenChange: onMoreOpenChange, searchable: moreFilters.length > 7, onSelect: add, trigger: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, { variant: "ghost", icon: "list-filter", children: L.more }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agn-filterbar__spacer" }),
-      views.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Combobox, { options: views, value: vw, onChange: setVw, icon: "bookmark", placeholder: L.views, className: "agn-filterbar__views" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: cx("agn-filterbar", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agn-filterbar__row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Input, { icon: "search", value: q, onChange: (e) => setQ(e.target.value), onClear: q ? () => setQ("") : void 0, placeholder: L.search, "aria-label": L.searchLabel, className: "agn-filterbar__search" }),
+      chips.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipGroup, { multiple: true, options: chips, value: cv, onChange: setCv, label: L.filters }),
+      moreFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Menu, { items: moreFilters, open: moreOpen, onOpenChange: onMoreOpenChange, searchable: moreFilters.length > 7, onSelect: add, trigger: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { variant: "ghost", icon: "list-filter", children: L.more }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "agn-filterbar__spacer" }),
+      views.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Combobox, { options: views, value: vw, onChange: setVw, icon: "bookmark", placeholder: L.views, className: "agn-filterbar__views" }),
       right
     ] }),
-    (act.length > 0 || any) && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agn-filterbar__active", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agn-filterbar__label", children: L.active }),
-      act.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(PillContainer, { bare: true, children: act.map((a) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Pill, { size: "sm", label: a.label, icon: a.icon, labels: { remove: L.remove }, onRemove: () => setAct(act.filter((x) => x.key !== a.key)) }, a.key)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, { variant: "link", size: "sm", onClick: clearAll, children: L.clear })
+    (act.length > 0 || any) && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agn-filterbar__active", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "agn-filterbar__label", children: L.active }),
+      act.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(PillContainer, { bare: true, children: act.map((a) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Pill, { size: "sm", label: a.label, icon: a.icon, labels: { remove: L.remove }, onRemove: () => setAct(act.filter((x) => x.key !== a.key)) }, a.key)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { variant: "link", size: "sm", onClick: clearAll, children: L.clear })
     ] })
   ] });
 }
 
 // src/dashboard/RecordSummaryWidget.jsx
-var import_react127 = __toESM(require("react"), 1);
-var import_jsx_runtime125 = require("react/jsx-runtime");
-var DEFAULT_LABELS55 = { open: "Open record", stage: "Stage" };
+var import_react128 = __toESM(require("react"), 1);
+var import_jsx_runtime126 = require("react/jsx-runtime");
+var DEFAULT_LABELS56 = { open: "Open record", stage: "Stage" };
 function RecordSummaryWidget({ object, title, subtitle, media: media2, avatar, icon = "bot", product, status, fields = [], stages, stage, lost, pathCompact, actions = [], onOpen, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS55, ...labels };
-  const mediaNode = media2 || (avatar ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Avatar, { size: "lg", name: avatar }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(BlockIcon, { size: "xl", icon, product }));
+  const L = { ...DEFAULT_LABELS56, ...labels };
+  const mediaNode = media2 || (avatar ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Avatar, { size: "lg", name: avatar }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(BlockIcon, { size: "xl", icon, product }));
   const st = status && (typeof status === "string" ? { label: status } : status);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Card, { padding: "md", as: "div", className: cx("agn-record", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agn-record__head", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Card, { padding: "md", as: "div", className: cx("agn-record", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agn-record__head", children: [
       mediaNode,
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agn-record__heading", children: [
-        object && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: object }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("h3", { className: "agn-record__title", children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "agn-record__sub", children: subtitle })
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agn-record__heading", children: [
+        object && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: object }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h3", { className: "agn-record__title", children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "agn-record__sub", children: subtitle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agn-record__side", children: [
-        st && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Tag, { tone: st.tone, dot: st.dot, icon: st.icon, children: st.label }),
-        onOpen && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agn-record__side", children: [
+        st && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Tag, { tone: st.tone, dot: st.dot, icon: st.icon, children: st.label }),
+        onOpen && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
       ] })
     ] }),
-    fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(SummaryDetail, { fields, dense: true, className: "agn-record__fields" }),
-    stages && stages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Path, { steps: stages, current: stage, lost, compact: pathCompact, labels: { stage: L.stage, ...L.path || {} }, className: "agn-record__path" }),
-    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "agn-record__actions", children: actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { size: "sm", variant: a.variant || (i === 0 ? "neutral" : "ghost"), icon: a.icon, onClick: a.onClick, disabled: a.disabled, children: a.label }, a.label || i)) })
+    fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SummaryDetail, { fields, dense: true, className: "agn-record__fields" }),
+    stages && stages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Path, { steps: stages, current: stage, lost, compact: pathCompact, labels: { stage: L.stage, ...L.path || {} }, className: "agn-record__path" }),
+    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "agn-record__actions", children: actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, { size: "sm", variant: a.variant || (i === 0 ? "neutral" : "ghost"), icon: a.icon, onClick: a.onClick, disabled: a.disabled, children: a.label }, a.label || i)) })
   ] });
 }
 
 // src/dashboard/TeamWorkloadWidget.jsx
-var import_react128 = __toESM(require("react"), 1);
-var import_jsx_runtime126 = require("react/jsx-runtime");
-var DEFAULT_LABELS56 = { title: "Team workload", over: "Over capacity", overCount: "over capacity", unit: "tasks", load: "workload", viewAll: "View all" };
+var import_react129 = __toESM(require("react"), 1);
+var import_jsx_runtime127 = require("react/jsx-runtime");
+var DEFAULT_LABELS57 = { title: "Team workload", over: "Over capacity", overCount: "over capacity", unit: "tasks", load: "workload", viewAll: "View all" };
 function TeamWorkloadWidget({ members = [], title, unit, overAt = 1, onMember, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS56, ...labels };
+  const L = { ...DEFAULT_LABELS57, ...labels };
   const u = unit || L.unit;
   const rows = members.map((m) => ({ ...m, ratio: m.value / (m.capacity || 1) }));
   const overN = rows.filter((r) => r.ratio > overAt).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Card, { title: title || L.title, icon: "users", viewAll, labels: { viewAll: L.viewAll }, actions: overN > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Tag, { tone: "warn", icon: "triangle-alert", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Card, { title: title || L.title, icon: "users", viewAll, labels: { viewAll: L.viewAll }, actions: overN > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Tag, { tone: "warn", icon: "triangle-alert", children: [
     overN,
     " ",
     L.overCount
-  ] }), className: cx("agn-workload", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("ul", { className: "agn-workload__list", children: rows.map((m, i) => {
+  ] }), className: cx("agn-workload", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("ul", { className: "agn-workload__list", children: rows.map((m, i) => {
     const over = m.ratio > overAt;
     const text = m.value + " / " + m.capacity + " " + u;
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("li", { className: cx("agn-workload__row", over && "agn-workload__row--over"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Avatar, { size: "sm", name: m.name, kind: m.kind || "person", status: m.status }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agn-workload__who", children: [
-        onMember ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("button", { type: "button", className: "agn-workload__name agn-workload__name--link agn-focus", onClick: () => onMember(m), children: m.name }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "agn-workload__name", children: m.name }),
-        m.role && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "agn-workload__role", children: m.role })
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("li", { className: cx("agn-workload__row", over && "agn-workload__row--over"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Avatar, { size: "sm", name: m.name, kind: m.kind || "person", status: m.status }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agn-workload__who", children: [
+        onMember ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("button", { type: "button", className: "agn-workload__name agn-workload__name--link agn-focus", onClick: () => onMember(m), children: m.name }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "agn-workload__name", children: m.name }),
+        m.role && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "agn-workload__role", children: m.role })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ProgressBar, { className: "agn-workload__bar", size: "sm", value: Math.min(m.value, m.capacity), max: m.capacity, tone: over ? "warn" : "signal", valueText: text, labels: { working: m.name + " " + L.load } }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "agn-workload__value agn-num", children: text }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "agn-workload__flag", children: over && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon, { name: "triangle-alert", size: 12 }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ProgressBar, { className: "agn-workload__bar", size: "sm", value: Math.min(m.value, m.capacity), max: m.capacity, tone: over ? "warn" : "signal", valueText: text, labels: { working: m.name + " " + L.load } }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "agn-workload__value agn-num", children: text }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "agn-workload__flag", children: over && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Icon, { name: "triangle-alert", size: 12 }),
         L.over
       ] }) })
     ] }, m.id || m.name || i);
@@ -7260,14 +7425,14 @@ function TeamWorkloadWidget({ members = [], title, unit, overAt = 1, onMember, v
 }
 
 // src/dashboard/ActivityWidget.jsx
-var import_react129 = __toESM(require("react"), 1);
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_react130 = __toESM(require("react"), 1);
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var KINDS = { runs: ["run", "step", "agent", "deploy", "error", "success"], approvals: ["approval", "handoff", "warn"], conversations: ["call", "message", "email"], notes: ["note", "edit", "event"] };
-var DEFAULT_LABELS57 = { title: "Activity", filter: "Activity type", all: "All", runs: "Runs", approvals: "Approvals", conversations: "Conversations", notes: "Notes", empty: "No activity of this type", emptyHint: "Pick another type to see more.", viewAll: "View all", show: "Show details", hide: "Hide details" };
+var DEFAULT_LABELS58 = { title: "Activity", filter: "Activity type", all: "All", runs: "Runs", approvals: "Approvals", conversations: "Conversations", notes: "Notes", empty: "No activity of this type", emptyHint: "Pick another type to see more.", viewAll: "View all", show: "Show details", hide: "Hide details" };
 function ActivityWidget({ items = [], types, type, defaultType = "all", onTypeChange, title, max, compact = true, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS57, ...labels };
+  const L = { ...DEFAULT_LABELS58, ...labels };
   const opts = types || [{ value: "all", label: L.all }, ...Object.keys(KINDS).map((k) => ({ value: k, label: L[k], kinds: KINDS[k] }))];
-  const [own, setOwn] = import_react129.default.useState(defaultType);
+  const [own, setOwn] = import_react130.default.useState(defaultType);
   const t = type !== void 0 ? type : own;
   const set = (v) => {
     if (type === void 0) setOwn(v);
@@ -7275,43 +7440,43 @@ function ActivityWidget({ items = [], types, type, defaultType = "all", onTypeCh
   };
   const cur = opts.find((o) => o.value === t);
   const shown = (cur && cur.kinds ? items.filter((it) => cur.kinds.includes(it.kind)) : items).slice(0, max || void 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Card, { title: title || L.title, icon: "history", viewAll, labels: { viewAll: L.viewAll }, className: cx("agn-activity-w", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "agn-activity-w__filter", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SegmentedControl, { size: "sm", options: opts.map((o) => ({ label: o.label, value: o.value })), value: t, onChange: set, label: L.filter }) }),
-    shown.length ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ActivityTimeline, { items: shown, compact, labels: { show: L.show, hide: L.hide } }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(EmptyState, { compact: true, icon: "history", title: L.empty, children: L.emptyHint })
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Card, { title: title || L.title, icon: "history", viewAll, labels: { viewAll: L.viewAll }, className: cx("agn-activity-w", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "agn-activity-w__filter", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SegmentedControl, { size: "sm", options: opts.map((o) => ({ label: o.label, value: o.value })), value: t, onChange: set, label: L.filter }) }),
+    shown.length ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(ActivityTimeline, { items: shown, compact, labels: { show: L.show, hide: L.hide } }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(EmptyState, { compact: true, icon: "history", title: L.empty, children: L.emptyHint })
   ] });
 }
 
 // src/dashboard/QuickActions.jsx
-var import_react130 = __toESM(require("react"), 1);
-var import_jsx_runtime128 = require("react/jsx-runtime");
-var DEFAULT_LABELS58 = { title: "Quick actions" };
+var import_react131 = __toESM(require("react"), 1);
+var import_jsx_runtime129 = require("react/jsx-runtime");
+var DEFAULT_LABELS59 = { title: "Quick actions" };
 function QuickActions({ actions = [], onAction, columns, minTile = 168, title, labels, className, style, ...rest }) {
-  const L = { ...DEFAULT_LABELS58, ...labels };
+  const L = { ...DEFAULT_LABELS59, ...labels };
   const gridStyle = columns ? { gridTemplateColumns: "repeat(" + columns + ", minmax(0, 1fr))" } : { "--agn-quick-min": minTile + "px" };
-  const grid = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: cx("agn-quick", !title && className), role: "group", "aria-label": title || L.title, style: title ? gridStyle : { ...gridStyle, ...style }, ...title ? {} : rest, children: actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("button", { type: "button", className: "agn-quick__tile agn-focus", disabled: a.disabled, onClick: () => {
+  const grid = /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cx("agn-quick", !title && className), role: "group", "aria-label": title || L.title, style: title ? gridStyle : { ...gridStyle, ...style }, ...title ? {} : rest, children: actions.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("button", { type: "button", className: "agn-quick__tile agn-focus", disabled: a.disabled, onClick: () => {
     a.onClick && a.onClick(a);
     onAction && onAction(a);
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("span", { className: "agn-quick__top", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(BlockIcon, { icon: a.icon, product: a.product, tone: a.tone || "signal", size: "lg" }),
-      a.shortcut && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Kbd, { size: "sm", keys: Array.isArray(a.shortcut) ? a.shortcut : String(a.shortcut).split(" "), className: "agn-quick__kbd" }),
-      a.badge != null && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Badge, { count: a.badge, solid: true, size: "sm", className: "agn-quick__badge" })
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "agn-quick__top", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(BlockIcon, { icon: a.icon, product: a.product, tone: a.tone || "signal", size: "lg" }),
+      a.shortcut && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Kbd, { size: "sm", keys: Array.isArray(a.shortcut) ? a.shortcut : String(a.shortcut).split(" "), className: "agn-quick__kbd" }),
+      a.badge != null && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Badge, { count: a.badge, solid: true, size: "sm", className: "agn-quick__badge" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "agn-quick__label", children: a.label }),
-    a.description && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "agn-quick__desc", children: a.description })
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "agn-quick__label", children: a.label }),
+    a.description && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "agn-quick__desc", children: a.description })
   ] }, a.id || a.label || i)) });
   if (!title) return grid;
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Card, { title, icon: "zap", padding: "sm", className: cx("agn-quick-card", className), style, ...rest, children: grid });
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Card, { title, icon: "zap", padding: "sm", className: cx("agn-quick-card", className), style, ...rest, children: grid });
 }
 
 // src/dashboard/NotificationsWidget.jsx
-var import_react131 = __toESM(require("react"), 1);
-var import_jsx_runtime129 = require("react/jsx-runtime");
-var DEFAULT_LABELS59 = { title: "Notifications", markAll: "Mark all as read", today: "Today", yesterday: "Yesterday", empty: "You are all caught up", viewAll: "View all" };
+var import_react132 = __toESM(require("react"), 1);
+var import_jsx_runtime130 = require("react/jsx-runtime");
+var DEFAULT_LABELS60 = { title: "Notifications", markAll: "Mark all as read", today: "Today", yesterday: "Yesterday", empty: "You are all caught up", viewAll: "View all" };
 function NotificationsWidget({ items = [], title, onMarkAll, onItem, max, locale, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS59, ...labels };
-  const [readAll, setReadAll] = import_react131.default.useState(false);
-  const [read2, setRead] = import_react131.default.useState({});
+  const L = { ...DEFAULT_LABELS60, ...labels };
+  const [readAll, setReadAll] = import_react132.default.useState(false);
+  const [read2, setRead] = import_react132.default.useState({});
   const list = items.slice(0, max || void 0).map((it, i) => {
     const key = it.id || String(i);
     const open = onItem || it.onClick;
@@ -7322,41 +7487,41 @@ function NotificationsWidget({ items = [], title, onMarkAll, onItem, max, locale
     } : void 0 };
   });
   const anyUnread = list.some((i) => i.unread);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Card, { as: "div", padding: "none", viewAll, labels: { viewAll: L.viewAll }, className: cx("agn-notifs-w", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(NotificationList, { bare: true, title: title || L.title, items: list, locale, onMarkAll: anyUnread ? () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Card, { as: "div", padding: "none", viewAll, labels: { viewAll: L.viewAll }, className: cx("agn-notifs-w", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(NotificationList, { bare: true, title: title || L.title, items: list, locale, onMarkAll: anyUnread ? () => {
     setReadAll(true);
     onMarkAll && onMarkAll();
   } : void 0, labels: { title: L.title, markAll: L.markAll, today: L.today, yesterday: L.yesterday, empty: L.empty } }) });
 }
 
 // src/dashboard/AgentFlowWidget.jsx
-var import_react132 = __toESM(require("react"), 1);
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_react133 = __toESM(require("react"), 1);
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var STATE2 = { done: "default", running: "running", error: "error", waiting: "default", upcoming: "default" };
 var CAP_ICON = { done: "check", running: "loader-circle", error: "circle-alert", waiting: "pause", upcoming: "minus" };
-var DEFAULT_LABELS60 = { flow: "Agent steps", done: "Done", running: "Running", error: "Failed", waiting: "Waiting", upcoming: "Not reached", live: "live runs", liveOne: "live run", open: "Open in builder" };
+var DEFAULT_LABELS61 = { flow: "Agent steps", done: "Done", running: "Running", error: "Failed", waiting: "Waiting", upcoming: "Not reached", live: "live runs", liveOne: "live run", open: "Open in builder" };
 function AgentFlowWidget({ agent, title, steps = [], liveRuns, version, blockWidth = 160, gap = 24, onOpen, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS60, ...labels };
+  const L = { ...DEFAULT_LABELS61, ...labels };
   const reached = (s) => s && s.state && s.state !== "upcoming";
   const edgeState = (s) => s.state === "running" || s.state === "waiting" ? "running" : reached(s) ? "active" : "deleted";
-  const head = /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
+  const head = /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
     title || agent,
-    version && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "agn-flow__version", children: version })
+    version && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-flow__version", children: version })
   ] });
-  const actions = (liveRuns != null || onOpen) && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-    liveRuns != null && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Tag, { tone: liveRuns > 0 ? "signal" : "neutral", dot: liveRuns > 0, children: [
+  const actions = (liveRuns != null || onOpen) && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+    liveRuns != null && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Tag, { tone: liveRuns > 0 ? "signal" : "neutral", dot: liveRuns > 0, children: [
       liveRuns,
       " ",
       liveRuns === 1 ? L.liveOne : L.live
     ] }),
-    onOpen && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
+    onOpen && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Card, { title: head, icon: "route", actions, padding: "none", className: cx("agn-flow-w", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agn-flow", role: "list", "aria-label": L.flow, children: steps.map((s, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Card, { title: head, icon: "route", actions, padding: "none", className: cx("agn-flow-w", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "agn-flow", role: "list", "aria-label": L.flow, children: steps.map((s, i) => {
     const st = s.state || "upcoming";
     const caption = st === "upcoming" ? L.upcoming : (s.runs != null ? s.runs + " \xB7 " : "") + L[st];
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_react132.default.Fragment, { children: [
-      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("svg", { className: "agn-flow__edge", width: gap, height: 16, viewBox: "0 0 " + gap + " 16", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(CanvasEdge, { from: { x: 2, y: 8 }, to: { x: gap - 3, y: 8 }, state: edgeState(s) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agn-flow__step", role: "listitem", "aria-current": st === "running" ? "step" : void 0, style: { width: blockWidth }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_react133.default.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("svg", { className: "agn-flow__edge", width: gap, height: 16, viewBox: "0 0 " + gap + " 16", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(CanvasEdge, { from: { x: 2, y: 8 }, to: { x: gap - 3, y: 8 }, state: edgeState(s) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agn-flow__step", role: "listitem", "aria-current": st === "running" ? "step" : void 0, style: { width: blockWidth }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           CanvasBlock,
           {
             name: s.name,
@@ -7370,8 +7535,8 @@ function AgentFlowWidget({ agent, title, steps = [], liveRuns, version, blockWid
             style: { width: blockWidth }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: cx("agn-flow__caption", "agn-flow__caption--" + st), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: CAP_ICON[st], size: 12, className: st === "running" ? "agn-flow__spin" : void 0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: cx("agn-flow__caption", "agn-flow__caption--" + st), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: CAP_ICON[st], size: 12, className: st === "running" ? "agn-flow__spin" : void 0 }),
           caption
         ] })
       ] })
@@ -7380,12 +7545,12 @@ function AgentFlowWidget({ agent, title, steps = [], liveRuns, version, blockWid
 }
 
 // src/dashboard/LeaderboardWidget.jsx
-var import_react133 = __toESM(require("react"), 1);
-var import_jsx_runtime131 = require("react/jsx-runtime");
-var DEFAULT_LABELS61 = { title: "Leaderboard", period: "Period", rank: "Rank", name: "Name", value: "Value", change: "Change", up: "up", down: "down", flat: "no change", viewAll: "View all" };
+var import_react134 = __toESM(require("react"), 1);
+var import_jsx_runtime132 = require("react/jsx-runtime");
+var DEFAULT_LABELS62 = { title: "Leaderboard", period: "Period", rank: "Rank", name: "Name", value: "Value", change: "Change", up: "up", down: "down", flat: "no change", viewAll: "View all" };
 function LeaderboardWidget({ rows = [], title, metric, periods, period, defaultPeriod, onPeriodChange, format = (v) => String(v), deltaFormat = (v) => (v > 0 ? "+" : "") + v, invert, highlight, max, sort = true, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS61, ...labels };
-  const [own, setOwn] = import_react133.default.useState(defaultPeriod != null ? defaultPeriod : periods && periods.length ? typeof periods[0] === "string" ? periods[0] : periods[0].value : void 0);
+  const L = { ...DEFAULT_LABELS62, ...labels };
+  const [own, setOwn] = import_react134.default.useState(defaultPeriod != null ? defaultPeriod : periods && periods.length ? typeof periods[0] === "string" ? periods[0] : periods[0].value : void 0);
   const per = period !== void 0 ? period : own;
   const setPer = (v) => {
     if (period === void 0) setOwn(v);
@@ -7393,33 +7558,33 @@ function LeaderboardWidget({ rows = [], title, metric, periods, period, defaultP
   };
   const list = (sort ? [...rows].sort((a, b) => invert ? a.value - b.value : b.value - a.value) : rows).slice(0, max || void 0);
   const top = Math.max(...list.map((r) => r.value), 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Card, { title: title || L.title, icon: "list-ordered", viewAll, labels: { viewAll: L.viewAll }, actions: periods && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }), className: cx("agn-leader", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agn-leader__head", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: "#" }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: L.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-leader__head-value", children: metric || L.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: L.change })
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Card, { title: title || L.title, icon: "list-ordered", viewAll, labels: { viewAll: L.viewAll }, actions: periods && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }), className: cx("agn-leader", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agn-leader__head", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: "#" }),
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: L.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-leader__head-value", children: metric || L.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: L.change })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("ol", { className: "agn-leader__list", children: list.map((r, i) => {
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("ol", { className: "agn-leader__list", children: list.map((r, i) => {
       const d = r.delta;
       const dir = d == null || d === 0 ? "flat" : d > 0 ? "up" : "down";
       const good = dir === "flat" ? null : dir === "up" !== !!invert;
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("li", { className: cx("agn-leader__row", highlight != null && (r.id === highlight || r.name === highlight) && "agn-leader__row--hl"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-leader__rank agn-num", children: i + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "agn-leader__who", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Avatar, { size: "sm", name: r.name, kind: r.kind || "agent", product: r.product, icon: r.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "agn-leader__text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-leader__name", children: r.name }),
-            r.sub && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-leader__sub", children: r.sub })
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("li", { className: cx("agn-leader__row", highlight != null && (r.id === highlight || r.name === highlight) && "agn-leader__row--hl"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-leader__rank agn-num", children: i + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-leader__who", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Avatar, { size: "sm", name: r.name, kind: r.kind || "agent", product: r.product, icon: r.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-leader__text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-leader__name", children: r.name }),
+            r.sub && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-leader__sub", children: r.sub })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "agn-leader__measure", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-leader__bar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-leader__fill", style: { width: Math.max(2, r.value / top * 100) + "%" } }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agn-leader__value agn-num", children: format(r.value) })
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-leader__measure", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-leader__bar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-leader__fill", style: { width: Math.max(2, r.value / top * 100) + "%" } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-leader__value agn-num", children: format(r.value) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: cx("agn-leader__delta", "agn-leader__delta--" + (good == null ? "flat" : good ? "ok" : "bad")), children: d != null && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: dir === "up" ? "arrow-up-right" : dir === "down" ? "arrow-down-right" : "minus", size: 12 }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "agn-sr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: cx("agn-leader__delta", "agn-leader__delta--" + (good == null ? "flat" : good ? "ok" : "bad")), children: d != null && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: dir === "up" ? "arrow-up-right" : dir === "down" ? "arrow-down-right" : "minus", size: 12 }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-sr", children: [
             L[dir],
             " "
           ] }),
@@ -7431,14 +7596,14 @@ function LeaderboardWidget({ rows = [], title, metric, periods, period, defaultP
 }
 
 // src/dashboard/AgendaWidget.jsx
-var import_react134 = __toESM(require("react"), 1);
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_react135 = __toESM(require("react"), 1);
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var KIND_ICON2 = { run: "play", review: "user-check", call: "phone", maintenance: "wrench", deploy: "rocket", meeting: "users" };
-var DEFAULT_LABELS62 = { title: "Today", add: "Schedule a run", empty: "Nothing scheduled", emptyHint: "Scheduled runs and reviews for this day appear here.", now: "Now", done: "Done", live: "Live", soon: "in {n} min", allDay: "All day", run: "Scheduled run", review: "Review", call: "Call", maintenance: "Maintenance", deploy: "Deploy", meeting: "Meeting", viewAll: "Open calendar" };
+var DEFAULT_LABELS63 = { title: "Today", add: "Schedule a run", empty: "Nothing scheduled", emptyHint: "Scheduled runs and reviews for this day appear here.", now: "Now", done: "Done", live: "Live", soon: "in {n} min", allDay: "All day", run: "Scheduled run", review: "Review", call: "Call", maintenance: "Maintenance", deploy: "Deploy", meeting: "Meeting", viewAll: "Open calendar" };
 var toDate3 = (d) => d instanceof Date ? d : new Date(d);
 var sameDay2 = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 function AgendaWidget({ events = [], date, now, locale = "en", title, onEvent, onAdd, max, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS62, ...labels };
+  const L = { ...DEFAULT_LABELS63, ...labels };
   locale = /^en$/i.test(locale) ? "en-GB" : locale;
   const nowD = now ? toDate3(now) : /* @__PURE__ */ new Date();
   const day = date ? toDate3(date) : nowD;
@@ -7451,42 +7616,42 @@ function AgendaWidget({ events = [], date, now, locale = "en", title, onEvent, o
   }).filter((e) => sameDay2(e._s, day)).sort((a, b) => a.allDay ? -1 : b.allDay ? 1 : a._s - b._s).slice(0, max || void 0);
   const showNow = sameDay2(day, nowD);
   const nowAt = showNow ? list.findIndex((e) => !e.allDay && !e._past && !e._live) : -1;
-  const actions = /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-agenda__date agn-num", children: dayText }),
-    onAdd && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ButtonIcon, { icon: "calendar-plus", label: L.add, size: "sm", onClick: onAdd })
+  const actions = /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agn-agenda__date agn-num", children: dayText }),
+    onAdd && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ButtonIcon, { icon: "calendar-plus", label: L.add, size: "sm", onClick: onAdd })
   ] });
-  const nowLine = /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("li", { className: "agn-agenda__now", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-agenda__now-label agn-num", children: [
+  const nowLine = /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "agn-agenda__now", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "agn-agenda__now-label agn-num", children: [
     L.now,
     " ",
     tm(nowD)
   ] }) }, "now");
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Card, { title: title || L.title, icon: "calendar-days", actions, viewAll, labels: { viewAll: L.viewAll }, padding: "none", className: cx("agn-agenda", className), ...rest, children: list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "agn-agenda__empty", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(EmptyState, { compact: true, icon: "calendar", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("ol", { className: "agn-agenda__list", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Card, { title: title || L.title, icon: "calendar-days", actions, viewAll, labels: { viewAll: L.viewAll }, padding: "none", className: cx("agn-agenda", className), ...rest, children: list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agn-agenda__empty", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(EmptyState, { compact: true, icon: "calendar", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("ol", { className: "agn-agenda__list", children: [
     list.map((e, i) => {
       const mins = Math.round((e._s - nowD) / 6e4);
       const Title = onEvent ? "button" : "span";
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_react134.default.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_react135.default.Fragment, { children: [
         i === nowAt && nowLine,
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("li", { className: cx("agn-agenda__item", "agn-agenda__item--" + (e.tone || "signal"), e._past && "agn-agenda__item--past", e._live && "agn-agenda__item--live"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-agenda__time agn-num", children: e.allDay ? L.allDay : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: cx("agn-agenda__item", "agn-agenda__item--" + (e.tone || "signal"), e._past && "agn-agenda__item--past", e._live && "agn-agenda__item--live"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agn-agenda__time agn-num", children: e.allDay ? L.allDay : /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
             tm(e._s),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-agenda__end", children: tm(e._e) })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agn-agenda__end", children: tm(e._e) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-agenda__bar", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-agenda__main", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Title, { type: onEvent ? "button" : void 0, className: cx("agn-agenda__title", onEvent && "agn-agenda__title--link agn-focus"), onClick: onEvent ? () => onEvent(e) : void 0, children: e.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-agenda__meta", children: [
-              e.kind && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-agenda__kind", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: KIND_ICON2[e.kind] || "circle", size: 12 }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agn-agenda__bar", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "agn-agenda__main", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Title, { type: onEvent ? "button" : void 0, className: cx("agn-agenda__title", onEvent && "agn-agenda__title--link agn-focus"), onClick: onEvent ? () => onEvent(e) : void 0, children: e.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "agn-agenda__meta", children: [
+              e.kind && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "agn-agenda__kind", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: KIND_ICON2[e.kind] || "circle", size: 12 }),
                 L[e.kind] || e.kind
               ] }),
-              e.tenant && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-agenda__tenant", children: e.tenant }),
-              e.meta && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: e.meta })
+              e.tenant && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agn-agenda__tenant", children: e.tenant }),
+              e.meta && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: e.meta })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-agenda__status", children: e._live ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Tag, { tone: "signal", dot: true, children: L.live }) : e._past ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "agn-agenda__done", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "check", size: 12 }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agn-agenda__status", children: e._live ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Tag, { tone: "signal", dot: true, children: L.live }) : e._past ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "agn-agenda__done", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "check", size: 12 }),
             L.done
-          ] }) : showNow && mins > 0 && mins <= 60 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "agn-agenda__soon agn-num", children: L.soon.replace("{n}", mins) }) : null })
+          ] }) : showNow && mins > 0 && mins <= 60 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "agn-agenda__soon agn-num", children: L.soon.replace("{n}", mins) }) : null })
         ] })
       ] }, e.id || i);
     }),
@@ -7495,30 +7660,30 @@ function AgendaWidget({ events = [], date, now, locale = "en", title, onEvent, o
 }
 
 // src/dashboard/OnboardingWidget.jsx
-var import_react135 = __toESM(require("react"), 1);
-var import_jsx_runtime133 = require("react/jsx-runtime");
-var DEFAULT_LABELS63 = { title: "Get started", hide: "Hide", complete: "Setup complete", completeHint: "Every step is done. You can hide this card.", progress: "completed", done: "Done", optional: "optional" };
+var import_react136 = __toESM(require("react"), 1);
+var import_jsx_runtime134 = require("react/jsx-runtime");
+var DEFAULT_LABELS64 = { title: "Get started", hide: "Hide", complete: "Setup complete", completeHint: "Every step is done. You can hide this card.", progress: "completed", done: "Done", optional: "optional" };
 function OnboardingWidget({ title, heading, description, steps = [], onDismiss, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS63, ...labels };
+  const L = { ...DEFAULT_LABELS64, ...labels };
   const all = steps.length > 0 && steps.every((s) => s.done);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Card, { title: title || L.title, icon: "rocket", actions: onDismiss && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ButtonIcon, { icon: "x", label: L.hide, size: "xs", onClick: onDismiss }), className: cx("agn-onboard", className), ...rest, children: all ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(EmptyState, { compact: true, icon: "circle-check", title: L.complete, children: L.completeHint }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SetupAssistant, { bare: true, title: heading, description, steps, labels: { progress: L.progress, done: L.done, optional: L.optional } }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Card, { title: title || L.title, icon: "rocket", actions: onDismiss && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ButtonIcon, { icon: "x", label: L.hide, size: "xs", onClick: onDismiss }), className: cx("agn-onboard", className), ...rest, children: all ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(EmptyState, { compact: true, icon: "circle-check", title: L.complete, children: L.completeHint }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SetupAssistant, { bare: true, title: heading, description, steps, labels: { progress: L.progress, done: L.done, optional: L.optional } }) });
 }
 
 // src/dashboard/CommentsWidget.jsx
-var import_react136 = __toESM(require("react"), 1);
-var import_jsx_runtime134 = require("react/jsx-runtime");
-var DEFAULT_LABELS64 = { title: "Comments", placeholder: "Add a comment \u2014 @ mentions a teammate", submit: "Comment", empty: "No comments yet", emptyHint: "Start the thread; mention a teammate with @.", now: "now", reply: "Reply", like: "Like", liked: "Liked", attach: "Attach file", mention: "Mention someone", resolved: "Resolved" };
-var withMentions = (text) => typeof text !== "string" ? text : text.split(/(@[\p{L}\p{N}_.-]+)/u).map((p, i) => p.startsWith("@") && p.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "agn-comments__mention", children: p }, i) : p);
+var import_react137 = __toESM(require("react"), 1);
+var import_jsx_runtime135 = require("react/jsx-runtime");
+var DEFAULT_LABELS65 = { title: "Comments", placeholder: "Add a comment \u2014 @ mentions a teammate", submit: "Comment", empty: "No comments yet", emptyHint: "Start the thread; mention a teammate with @.", now: "now", reply: "Reply", like: "Like", liked: "Liked", attach: "Attach file", mention: "Mention someone", resolved: "Resolved" };
+var withMentions = (text) => typeof text !== "string" ? text : text.split(/(@[\p{L}\p{N}_.-]+)/u).map((p, i) => p.startsWith("@") && p.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "agn-comments__mention", children: p }, i) : p);
 function CommentsWidget({ comments = [], user, onSubmit, onLike, onReply, title, maxHeight = 360, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS64, ...labels };
-  const [added, setAdded] = import_react136.default.useState([]);
+  const L = { ...DEFAULT_LABELS65, ...labels };
+  const [added, setAdded] = import_react137.default.useState([]);
   const all = [...comments, ...added];
   const submit = (v) => {
     if (onSubmit) onSubmit(v);
     else setAdded([...added, { id: "local-" + added.length, author: user || "", time: L.now, text: v }]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Card, { title: title || L.title, icon: "message-square", count: all.length, padding: "none", className: cx("agn-comments", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agn-comments__list", style: { maxHeight }, children: all.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(EmptyState, { compact: true, icon: "message-square", title: L.empty, children: L.emptyHint }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Feed, { children: all.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Card, { title: title || L.title, icon: "message-square", count: all.length, padding: "none", className: cx("agn-comments", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agn-comments__list", style: { maxHeight }, children: all.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(EmptyState, { compact: true, icon: "message-square", title: L.empty, children: L.emptyHint }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Feed, { children: all.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       FeedPost,
       {
         author: c.author,
@@ -7533,17 +7698,18 @@ function CommentsWidget({ comments = [], user, onSubmit, onLike, onReply, title,
         onLike: onLike ? () => onLike(c) : void 0,
         onReply: onReply ? () => onReply(c) : void 0,
         labels: { reply: L.reply, like: L.like, liked: L.liked },
-        actions: c.resolved ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Tag, { tone: "ok", icon: "circle-check", children: L.resolved }) : void 0,
+        actions: c.resolved ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Tag, { tone: "ok", icon: "circle-check", children: L.resolved }) : void 0,
         children: withMentions(c.text)
       },
       c.id || i
     )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agn-comments__composer", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Publisher, { user, placeholder: L.placeholder, submitLabel: L.submit, onSubmit: submit, labels: { placeholder: L.placeholder, submit: L.submit, attach: L.attach, mention: L.mention } }) })
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agn-comments__composer", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Publisher, { user, placeholder: L.placeholder, submitLabel: L.submit, onSubmit: submit, labels: { placeholder: L.placeholder, submit: L.submit, attach: L.attach, mention: L.mention } }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
+  ActivityBar,
   ActivityTimeline,
   ActivityWidget,
   AgendaWidget,