@aginies/ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -2483,16 +2483,16 @@ var hash = (s) => {
 };
 var STATUS_LABEL = { online: "Online", busy: "Busy", away: "Away", offline: "Offline" };
 function Avatar({ src, name = "", kind = "person", size = "md", icon, product, status, labels, className, style, ...rest }) {
-  const px = SIZES[size] || SIZES.md;
+  const px2 = SIZES[size] || SIZES.md;
   const l = { ...STATUS_LABEL, ...labels };
   const isPerson = kind === "person";
   const ground = "agn-avatar--g" + (hash(name) % 4 + 1);
   let body;
   if (src) body = /* @__PURE__ */ jsx41("img", { className: "agn-avatar__img", src, alt: "" });
-  else if (product) body = /* @__PURE__ */ jsx41(ProductIcon, { product, size: Math.round(px * 0.6) });
-  else if (icon || !name) body = /* @__PURE__ */ jsx41(Icon, { name: icon || (isPerson ? "user" : kind === "agent" ? "bot" : "server"), size: Math.round(px * 0.55) });
+  else if (product) body = /* @__PURE__ */ jsx41(ProductIcon, { product, size: Math.round(px2 * 0.6) });
+  else if (icon || !name) body = /* @__PURE__ */ jsx41(Icon, { name: icon || (isPerson ? "user" : kind === "agent" ? "bot" : "server"), size: Math.round(px2 * 0.55) });
   else body = /* @__PURE__ */ jsx41("span", { className: "agn-avatar__initials", children: initialsOf(name) });
-  return /* @__PURE__ */ jsxs37("span", { className: cx("agn-avatar", "agn-avatar--" + size, isPerson ? "agn-avatar--person" : "agn-avatar--square", kind === "agent" && "agn-avatar--agent", !src && !product && ground, className), style: { "--agn-avatar-size": px + "px", ...style }, role: "img", "aria-label": name ? name + (status ? ", " + l[status] : "") : void 0, "aria-hidden": name ? void 0 : true, title: name || void 0, ...rest, children: [
+  return /* @__PURE__ */ jsxs37("span", { className: cx("agn-avatar", "agn-avatar--" + size, isPerson ? "agn-avatar--person" : "agn-avatar--square", kind === "agent" && "agn-avatar--agent", !src && !product && ground, className), style: { "--agn-avatar-size": px2 + "px", ...style }, role: "img", "aria-label": name ? name + (status ? ", " + l[status] : "") : void 0, "aria-hidden": name ? void 0 : true, title: name || void 0, ...rest, children: [
     body,
     status && /* @__PURE__ */ jsx41("span", { className: cx("agn-avatar__status", "agn-avatar__status--" + status), "aria-hidden": "true" })
   ] });
@@ -2528,11 +2528,11 @@ function Tag({ tone = "neutral", dot, icon, as: Comp = "span", children, classNa
 import React44 from "react";
 import { jsx as jsx43 } from "react/jsx-runtime";
 function BlockIcon({ icon = "box", product, tone = "signal", color, size = "md", title, children, className, style, ...rest }) {
-  const px = size === "sm" ? 20 : size === "lg" ? 32 : size === "xl" ? 40 : 24;
-  const glyph = Math.round(px * 0.58);
+  const px2 = size === "sm" ? 20 : size === "lg" ? 32 : size === "xl" ? 40 : 24;
+  const glyph = Math.round(px2 * 0.58);
   return (
     // biome-ignore lint/a11y/useAriaPropsSupportedByRole: aria-label is set only together with role=img (both keyed on title); the rule cannot see the conditional role
-    /* @__PURE__ */ jsx43("span", { className: cx("agn-block-icon", "agn-block-icon--" + tone, size !== "md" && "agn-block-icon--" + size, color && "agn-block-icon--brand", className), style: { "--agn-block-size": px + "px", ...color ? { "--agn-brand": color } : null, ...style }, role: title ? "img" : void 0, "aria-label": title, "aria-hidden": title ? void 0 : true, ...rest, children: children || (product ? /* @__PURE__ */ jsx43(ProductIcon, { product, size: glyph }) : /* @__PURE__ */ jsx43(Icon, { name: icon, size: glyph, strokeWidth: px <= 24 ? 2 : 1.75 })) })
+    /* @__PURE__ */ jsx43("span", { className: cx("agn-block-icon", "agn-block-icon--" + tone, size !== "md" && "agn-block-icon--" + size, color && "agn-block-icon--brand", className), style: { "--agn-block-size": px2 + "px", ...color ? { "--agn-brand": color } : null, ...style }, role: title ? "img" : void 0, "aria-label": title, "aria-hidden": title ? void 0 : true, ...rest, children: children || (product ? /* @__PURE__ */ jsx43(ProductIcon, { product, size: glyph }) : /* @__PURE__ */ jsx43(Icon, { name: icon, size: glyph, strokeWidth: px2 <= 24 ? 2 : 1.75 })) })
   );
 }
 
@@ -3720,73 +3720,346 @@ function ToolbarSeparator({ className, ...rest }) {
 }
 
 // src/layout/PageLayout.jsx
+import React64 from "react";
+
+// src/feedback/SidePanel.jsx
+import React63 from "react";
+
+// src/layout/responsive.js
 import React62 from "react";
-import { jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
-function PageLayout({ header, navigation, sidePanel, sidePanelWidth, maxWidth, flush, as: Comp = "div", children, className, style, ...rest }) {
-  return /* @__PURE__ */ jsxs56(Comp, { className: cx("agn-page", header && "agn-page--with-header", navigation && "agn-page--with-nav", sidePanel && "agn-page--with-panel", flush && "agn-page--flush", className), style: { "--agn-page-max": typeof maxWidth === "number" ? maxWidth + "px" : maxWidth, "--agn-page-panel-w": typeof sidePanelWidth === "number" ? sidePanelWidth + "px" : sidePanelWidth, ...style }, ...rest, children: [
-    header && /* @__PURE__ */ jsx61("div", { className: "agn-page__header", children: header }),
-    /* @__PURE__ */ jsxs56("div", { className: "agn-page__body", children: [
-      navigation && /* @__PURE__ */ jsx61("div", { className: "agn-page__nav", children: navigation }),
-      /* @__PURE__ */ jsx61("main", { className: "agn-page__main", children: /* @__PURE__ */ jsx61("div", { className: "agn-page__content", children }) }),
-      sidePanel && /* @__PURE__ */ jsx61("aside", { className: "agn-page__panel", children: sidePanel })
-    ] })
+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" ? React62.useLayoutEffect : React62.useEffect;
+function useElementWidth(ref) {
+  const [w, setW] = React62.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 = React62.useRef(onClose);
+  closeRef.current = onClose;
+  React62.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
+import { Fragment as Fragment8, jsx as jsx61, jsxs as jsxs56 } from "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 };
+  const id = React63.useMemo(() => uid("panel-title"), []);
+  const ref = React63.useRef(null);
+  const overlay = mode === "overlay";
+  useOverlayFocus(ref, open && overlay, onClose);
+  if (!open) return null;
+  const panel = /* @__PURE__ */ jsxs56("aside", { ref, className: cx("agn-panel", "agn-panel--" + size, "agn-panel--" + mode, className), "aria-labelledby": title ? id : void 0, role: overlay ? "dialog" : void 0, "aria-modal": overlay || void 0, tabIndex: overlay ? -1 : void 0, style: width != null ? { width: typeof width === "number" ? width + "px" : width, ...style } : style, ...rest, children: [
+    /* @__PURE__ */ jsxs56("header", { className: "agn-panel__head", children: [
+      /* @__PURE__ */ jsxs56("div", { className: "agn-panel__heading", children: [
+        eyebrow && /* @__PURE__ */ jsx61("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: eyebrow }),
+        title && /* @__PURE__ */ jsx61("h2", { id, className: "agn-panel__title", children: title }),
+        subtitle && /* @__PURE__ */ jsx61("div", { className: "agn-panel__subtitle", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs56("div", { className: "agn-panel__actions", children: [
+        actions,
+        onClose && /* @__PURE__ */ jsx61(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose })
+      ] })
+    ] }),
+    tabs && /* @__PURE__ */ jsx61("div", { className: "agn-panel__tabs", children: tabs }),
+    /* @__PURE__ */ jsx61("div", { className: "agn-panel__body", children }),
+    footer && /* @__PURE__ */ jsx61("footer", { className: "agn-panel__foot", children: footer })
   ] });
+  if (!overlay || !scrim) return panel;
+  return /* @__PURE__ */ jsxs56(Fragment8, { children: [
+    /* @__PURE__ */ jsx61("div", { className: "agn-panel-scrim", "aria-hidden": "true", onClick: onClose }),
+    panel
+  ] });
+}
+
+// src/layout/PageLayout.jsx
+import { jsx as jsx62, jsxs as jsxs57 } from "react/jsx-runtime";
+var PageLayoutContext = React64.createContext(null);
+function usePageLayout() {
+  return React64.useContext(PageLayoutContext);
+}
+var WIDTHS = { reading: "var(--content-reading)", default: "var(--content-max)", wide: "var(--content-wide)", full: "none" };
+var DEFAULT_LABELS32 = { openNav: "Open navigation", closeNav: "Close navigation", openPanel: "Show details", closePanel: "Hide details", navigation: "Navigation", details: "Details" };
+var useIso = typeof window !== "undefined" ? React64.useLayoutEffect : React64.useEffect;
+function useControllable(value, onChange, initial) {
+  const [own, setOwn] = React64.useState(initial);
+  const controlled = value !== void 0;
+  const v = controlled ? value : own;
+  const set = React64.useCallback((n) => {
+    if (!controlled) setOwn(n);
+    if (onChange) onChange(n);
+  }, [controlled, onChange]);
+  return [v, set];
+}
+function PageLayout({ header, navigation, sidePanel, sidePanelWidth, width = "default", maxWidth, flush, sidebarMode = "auto", panelMode = "auto", sidebarOpen: sidebarOpenProp, onSidebarOpenChange, panelOpen: panelOpenProp, onPanelOpenChange, bar, labels, as: Comp = "div", children, className, style, ...rest }) {
+  const L = { ...DEFAULT_LABELS32, ...labels };
+  const ref = React64.useRef(null);
+  const navRef = React64.useRef(null);
+  const panelRef = React64.useRef(null);
+  const [bp, setBp] = React64.useState(null);
+  useIso(() => {
+    const el = ref.current;
+    if (!el) return void 0;
+    const read2 = () => {
+      const b2 = breakpointFor(el.offsetWidth);
+      setBp((p) => p === b2 ? p : b2);
+    };
+    read2();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const ro = new ResizeObserver(read2);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const b = bp || "xl";
+  const sidebar = !navigation ? null : sidebarMode !== "auto" ? sidebarMode : atLeast(b, "xl") ? "docked" : atLeast(b, "lg") ? "rail" : "overlay";
+  const panel = !sidePanel ? null : panelMode !== "auto" ? panelMode : atLeast(b, "lg") ? "docked" : "overlay";
+  const narrow = !atLeast(b, "md");
+  const [railExpanded, setRailExpanded] = React64.useState(false);
+  React64.useEffect(() => {
+    if (sidebar !== "rail") setRailExpanded(false);
+  }, [sidebar]);
+  const [sidebarOpen, setSidebarOpen] = useControllable(sidebarOpenProp, onSidebarOpenChange, false);
+  const [panelOpen, setPanelOpen] = useControllable(panelOpenProp, onPanelOpenChange, false);
+  const hadPanel = React64.useRef(!!sidePanel);
+  React64.useEffect(() => {
+    if (sidePanel && !hadPanel.current && panel === "overlay") setPanelOpen(true);
+    hadPanel.current = !!sidePanel;
+  }, [sidePanel, panel, setPanelOpen]);
+  const drawerOpen = sidebar === "overlay" && !!sidebarOpen;
+  const sheetOpen = panel === "overlay" && !!panelOpen;
+  const closeSidebar = React64.useCallback(() => setSidebarOpen(false), [setSidebarOpen]);
+  const closePanel = React64.useCallback(() => setPanelOpen(false), [setPanelOpen]);
+  useOverlayFocus(navRef, drawerOpen, closeSidebar);
+  useOverlayFocus(panelRef, sheetOpen, closePanel);
+  const ctx = React64.useMemo(() => ({
+    bp: b,
+    sidebar,
+    panel,
+    railExpanded,
+    setRailExpanded,
+    sidebarOpen: drawerOpen,
+    openSidebar: () => setSidebarOpen(true),
+    closeSidebar,
+    panelOpen: sheetOpen,
+    openPanel: () => setPanelOpen(true),
+    closePanel
+  }), [b, sidebar, panel, railExpanded, drawerOpen, sheetOpen, setSidebarOpen, setPanelOpen, closeSidebar, closePanel]);
+  const panelNode = React64.isValidElement(sidePanel) && sidePanel.type === SidePanel && sidePanel.props.mode == null ? React64.cloneElement(sidePanel, { mode: "docked" }) : sidePanel;
+  const showBar = bar !== false && (sidebar === "overlay" || panel === "overlay");
+  const max = maxWidth != null ? typeof maxWidth === "number" ? maxWidth + "px" : maxWidth : WIDTHS[width] || WIDTHS.default;
+  return /* @__PURE__ */ jsx62(PageLayoutContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs57(
+    Comp,
+    {
+      ref,
+      className: cx("agn-page", header && "agn-page--with-header", navigation && "agn-page--with-nav", sidePanel && "agn-page--with-panel", flush && "agn-page--flush", narrow && "agn-page--narrow", className),
+      "data-bp": bp || void 0,
+      "data-sidebar": sidebar || void 0,
+      "data-panel": panel || void 0,
+      style: { "--agn-page-max": max, "--agn-page-panel-w": typeof sidePanelWidth === "number" ? sidePanelWidth + "px" : sidePanelWidth, ...style },
+      ...rest,
+      children: [
+        header && /* @__PURE__ */ jsx62("div", { className: "agn-page__header", children: header }),
+        showBar && /* @__PURE__ */ jsxs57("div", { className: "agn-page__bar", children: [
+          sidebar === "overlay" && /* @__PURE__ */ jsx62(ButtonIcon, { icon: "menu", size: "sm", label: L.openNav, "aria-expanded": drawerOpen, onClick: () => setSidebarOpen(!sidebarOpen) }),
+          /* @__PURE__ */ jsx62("span", { className: "agn-page__bar-main", children: bar != null && bar !== true ? bar : /* @__PURE__ */ jsx62(AginiesMark, { size: 20 }) }),
+          panel === "overlay" && /* @__PURE__ */ jsx62(ButtonIcon, { icon: sheetOpen ? "panel-right-close" : "panel-right-open", size: "sm", label: sheetOpen ? L.closePanel : L.openPanel, "aria-expanded": sheetOpen, onClick: () => setPanelOpen(!panelOpen) })
+        ] }),
+        /* @__PURE__ */ jsxs57("div", { className: "agn-page__body", children: [
+          navigation && /* @__PURE__ */ jsx62(
+            "div",
+            {
+              ref: navRef,
+              className: cx("agn-page__nav", sidebar === "overlay" && "agn-page__nav--drawer", drawerOpen && "agn-page__nav--open"),
+              tabIndex: sidebar === "overlay" ? -1 : void 0,
+              role: drawerOpen ? "dialog" : void 0,
+              "aria-modal": drawerOpen || void 0,
+              "aria-label": drawerOpen ? L.navigation : void 0,
+              children: navigation
+            }
+          ),
+          /* @__PURE__ */ jsx62("main", { className: "agn-page__main", children: /* @__PURE__ */ jsx62("div", { className: "agn-page__content", children }) }),
+          sidePanel && /* @__PURE__ */ jsx62(
+            "aside",
+            {
+              ref: panelRef,
+              className: cx("agn-page__panel", panel === "overlay" && "agn-page__panel--sheet", sheetOpen && "agn-page__panel--open"),
+              tabIndex: panel === "overlay" ? -1 : void 0,
+              role: sheetOpen ? "dialog" : void 0,
+              "aria-modal": sheetOpen || void 0,
+              "aria-label": sheetOpen ? L.details : void 0,
+              children: panelNode
+            }
+          ),
+          (drawerOpen || sheetOpen) && /* @__PURE__ */ jsx62("div", { className: "agn-page__scrim", "aria-hidden": "true", onClick: () => {
+            closeSidebar();
+            closePanel();
+          } })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/layout/Grid.jsx
+import React65 from "react";
+import { jsx as jsx63 } from "react/jsx-runtime";
+var GAPS = { none: "0px", sm: "var(--space-3)", md: "var(--space-4)", lg: "var(--grid-gap)" };
+var px = (v) => typeof v === "number" ? v + "px" : v;
+function Grid({ min, columns, gap = "lg", rowGap, align, dense, as: Comp = "div", children, className, style, ...rest }) {
+  const s = { ...style };
+  if (min != null) s["--agn-grid-min"] = px(min);
+  if (columns != null) s["--agn-grid-cols"] = columns;
+  if (gap != null) s["--agn-grid-gap"] = GAPS[gap] || px(gap);
+  if (rowGap != null) s["--agn-grid-row-gap"] = GAPS[rowGap] || px(rowGap);
+  return /* @__PURE__ */ jsx63(Comp, { className: cx("agn-grid", min != null && "agn-grid--auto", dense && "agn-grid--dense", align && "agn-grid--align-" + align, className), style: s, ...rest, children });
+}
+function resolve(span) {
+  const out = {};
+  let cur = 12;
+  for (const k of BREAKPOINT_ORDER) {
+    const v = span && typeof span === "object" ? span[k] : k === "base" ? span : void 0;
+    if (v != null) cur = v === "full" ? "var(--agn-grid-cols, var(--grid-columns))" : v;
+    out[k] = cur;
+  }
+  return out;
+}
+function GridItem({ span = 12, start, rowSpan, as: Comp = "div", children, className, style, ...rest }) {
+  const r = resolve(span);
+  const s = { ...style };
+  for (const k of BREAKPOINT_ORDER) s["--agn-span-" + k] = r[k];
+  if (start != null) s.gridColumnStart = start;
+  if (rowSpan != null) s.gridRow = "span " + rowSpan;
+  return /* @__PURE__ */ jsx63(Comp, { className: cx("agn-grid__item", className), style: s, ...rest, children });
 }
 
 // src/layout/Room.jsx
-import React63, { useState as useState9, useLayoutEffect, useEffect as useEffect3, useRef as useRef3 } from "react";
-import { jsx as jsx62 } from "react/jsx-runtime";
-var useIsoLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect3;
+import React66, { useState as useState9, useLayoutEffect, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { jsx as jsx64 } from "react/jsx-runtime";
+var useIsoLayoutEffect2 = typeof window !== "undefined" ? useLayoutEffect : useEffect3;
 function Room({ theme, padding = "lg", as: Comp = "section", children, className, ...rest }) {
   const ref = useRef3(null);
   const [auto, setAuto] = useState9("dark");
-  useIsoLayoutEffect(() => {
+  useIsoLayoutEffect2(() => {
     if (theme || !ref.current) return;
     const anc = ref.current.parentElement && ref.current.parentElement.closest("[data-theme]");
     const t = anc ? anc.getAttribute("data-theme") : "light";
     setAuto(t === "dark" ? "light" : "dark");
   }, [theme]);
-  return /* @__PURE__ */ jsx62(Comp, { ref, "data-theme": theme || auto, className: cx("agn-room", "agn-root", "agn-room--pad-" + padding, className), ...rest, children });
+  return /* @__PURE__ */ jsx64(Comp, { ref, "data-theme": theme || auto, className: cx("agn-room", "agn-root", "agn-room--pad-" + padding, className), ...rest, children });
 }
 
 // src/navigation/GlobalHeader.jsx
-import React64 from "react";
-import { jsx as jsx63, jsxs as jsxs57 } from "react/jsx-runtime";
-var DEFAULT_LABELS32 = { search: "Search", searchHint: "Search agents, runs, approvals\u2026", notifications: "Notifications", apps: "Products", user: "Account" };
+import React67 from "react";
+import { jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
+var DEFAULT_LABELS33 = { search: "Search", searchHint: "Search agents, runs, approvals\u2026", notifications: "Notifications", apps: "Products", user: "Account" };
 function GlobalHeader({ product, tone = "panel", search = true, onSearch, shortcut = "\u2318K", actions, user, onUserClick, notifications, onNotifications, onApps, brand, left, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS32, ...labels };
+  const l = { ...DEFAULT_LABELS33, ...labels };
   const u = typeof user === "string" ? { name: user } : user;
-  return /* @__PURE__ */ jsxs57("header", { className: cx("agn-gheader", "agn-gheader--" + tone, className), ...rest, children: [
-    /* @__PURE__ */ jsxs57("div", { className: "agn-gheader__brand", children: [
-      onApps && /* @__PURE__ */ jsx63(ButtonIcon, { icon: "grip", label: l.apps, onClick: onApps, className: "agn-gheader__apps" }),
-      brand || /* @__PURE__ */ jsx63(AginiesLogo, { size: 22, product })
+  return /* @__PURE__ */ jsxs58("header", { className: cx("agn-gheader", "agn-gheader--" + tone, className), ...rest, children: [
+    /* @__PURE__ */ jsxs58("div", { className: "agn-gheader__brand", children: [
+      onApps && /* @__PURE__ */ jsx65(ButtonIcon, { icon: "grip", label: l.apps, onClick: onApps, className: "agn-gheader__apps" }),
+      brand || /* @__PURE__ */ jsx65(AginiesLogo, { size: 22, product })
     ] }),
-    left && /* @__PURE__ */ jsx63("div", { className: "agn-gheader__left", children: left }),
-    search && /* @__PURE__ */ jsxs57("button", { type: "button", className: "agn-gheader__search agn-focus", onClick: onSearch, "aria-label": l.search, "aria-keyshortcuts": shortcut === "\u2318K" ? "Meta+K Control+K" : void 0, children: [
-      /* @__PURE__ */ jsx63(Icon, { name: "search", size: 14 }),
-      /* @__PURE__ */ jsx63("span", { className: "agn-gheader__search-hint", children: l.searchHint }),
-      shortcut && /* @__PURE__ */ jsx63("kbd", { className: "agn-gheader__kbd", children: shortcut })
+    left && /* @__PURE__ */ jsx65("div", { className: "agn-gheader__left", children: left }),
+    search && /* @__PURE__ */ jsxs58("button", { type: "button", className: "agn-gheader__search agn-focus", onClick: onSearch, "aria-label": l.search, "aria-keyshortcuts": shortcut === "\u2318K" ? "Meta+K Control+K" : void 0, children: [
+      /* @__PURE__ */ jsx65(Icon, { name: "search", size: 14 }),
+      /* @__PURE__ */ jsx65("span", { className: "agn-gheader__search-hint", children: l.searchHint }),
+      shortcut && /* @__PURE__ */ jsx65("kbd", { className: "agn-gheader__kbd", children: shortcut })
     ] }),
-    /* @__PURE__ */ jsxs57("div", { className: "agn-gheader__actions", children: [
+    /* @__PURE__ */ jsxs58("div", { className: "agn-gheader__actions", children: [
       actions,
-      (notifications != null || onNotifications) && /* @__PURE__ */ jsxs57("span", { className: "agn-gheader__notif", children: [
-        /* @__PURE__ */ jsx63(ButtonIcon, { icon: "bell", label: l.notifications + (notifications ? " (" + notifications + ")" : ""), onClick: onNotifications }),
-        notifications > 0 && /* @__PURE__ */ jsx63(Badge, { tone: "bad", solid: true, size: "sm", count: notifications, className: "agn-gheader__notif-count" })
+      (notifications != null || onNotifications) && /* @__PURE__ */ jsxs58("span", { className: "agn-gheader__notif", children: [
+        /* @__PURE__ */ jsx65(ButtonIcon, { icon: "bell", label: l.notifications + (notifications ? " (" + notifications + ")" : ""), onClick: onNotifications }),
+        notifications > 0 && /* @__PURE__ */ jsx65(Badge, { tone: "bad", solid: true, size: "sm", count: notifications, className: "agn-gheader__notif-count" })
       ] }),
-      u && /* @__PURE__ */ jsx63("button", { type: "button", className: "agn-gheader__user agn-focus", onClick: onUserClick, "aria-label": l.user + ": " + (u.name || ""), children: /* @__PURE__ */ jsx63(Avatar, { size: "sm", name: u.name, src: u.src }) })
+      u && /* @__PURE__ */ jsx65("button", { type: "button", className: "agn-gheader__user agn-focus", onClick: onUserClick, "aria-label": l.user + ": " + (u.name || ""), children: /* @__PURE__ */ jsx65(Avatar, { size: "sm", name: u.name, src: u.src }) })
     ] })
   ] });
 }
 
 // src/navigation/VerticalNavigation.jsx
-import React65 from "react";
-import { jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
-var DEFAULT_LABELS33 = { search: "Search", collapse: "Collapse sidebar", expand: "Expand sidebar", navigation: "Main navigation", resize: "Resize sidebar" };
-function VerticalNavigation({ groups = [], active, onChange, collapsed, onCollapse, product, search, switcher, footer, tree, width, resizable, minWidth = 180, maxWidth = 400, onResize, logoHref, labels, className, style, ...rest }) {
-  const l = { ...DEFAULT_LABELS33, ...labels };
-  const navRef = React65.useRef(null);
-  const [dragW, setDragW] = React65.useState(null);
-  const [resizing, setResizing] = React65.useState(false);
+import React68 from "react";
+import { jsx as jsx66, jsxs as jsxs59 } from "react/jsx-runtime";
+var DEFAULT_LABELS34 = { search: "Search", collapse: "Collapse sidebar", expand: "Expand sidebar", navigation: "Main navigation", resize: "Resize sidebar", close: "Close navigation" };
+function VerticalNavigation({ groups = [], active, onChange, collapsed: collapsedProp, onCollapse: onCollapseProp, mode: modeProp, product, search, switcher, footer, tree, width, resizable, minWidth = 180, maxWidth = 400, onResize, logoHref, labels, className, style, ...rest }) {
+  const l = { ...DEFAULT_LABELS34, ...labels };
+  const page = React68.useContext(PageLayoutContext);
+  const mode = modeProp || page && page.sidebar || "docked";
+  const drawer = mode === "overlay" || mode === "drawer";
+  const rail = mode === "rail";
+  const collapsed = drawer ? false : rail ? !!collapsedProp || !(page && page.railExpanded) : collapsedProp;
+  const onCollapse = drawer ? null : rail ? (next) => {
+    if (page) page.setRailExpanded(!next);
+    if (onCollapseProp) onCollapseProp(next);
+  } : onCollapseProp;
+  const navRef = React68.useRef(null);
+  const [dragW, setDragW] = React68.useState(null);
+  const [resizing, setResizing] = React68.useState(false);
   const w = dragW != null ? dragW : width;
   const clampW = (v) => Math.round(Math.max(minWidth, Math.min(maxWidth, v)));
   const commit = (v) => {
@@ -3832,26 +4105,27 @@ function VerticalNavigation({ groups = [], active, onChange, collapsed, onCollap
     const n = items[(i + (e.key === "ArrowDown" ? 1 : -1) + items.length) % items.length];
     n.focus();
   };
-  return /* @__PURE__ */ jsxs58("nav", { ref: navRef, className: cx("agn-sidebar", collapsed && "agn-sidebar--collapsed", resizable && !collapsed && "agn-sidebar--resizable", resizing && "agn-sidebar--resizing", className), style: rootStyle, "aria-label": l.navigation, ...rest, children: [
-    /* @__PURE__ */ jsxs58("div", { className: "agn-sidebar__top", children: [
-      logoHref ? /* @__PURE__ */ jsx64("a", { href: logoHref, className: "agn-sidebar__logo agn-focus", children: collapsed ? /* @__PURE__ */ jsx64(AginiesMark, { size: 22 }) : /* @__PURE__ */ jsx64(AginiesLogo, { size: 20, product }) }) : /* @__PURE__ */ jsx64("span", { className: "agn-sidebar__logo", children: collapsed ? /* @__PURE__ */ jsx64(AginiesMark, { size: 22 }) : /* @__PURE__ */ jsx64(AginiesLogo, { size: 20, product }) }),
-      onCollapse && /* @__PURE__ */ jsx64("button", { type: "button", className: "agn-sidebar__collapse agn-focus", "aria-label": collapsed ? l.expand : l.collapse, title: collapsed ? l.expand : l.collapse, "aria-expanded": !collapsed, onClick: () => onCollapse(!collapsed), children: /* @__PURE__ */ jsx64(Icon, { name: collapsed ? "panel-left-open" : "panel-left-close", size: 16 }) })
+  return /* @__PURE__ */ jsxs59("nav", { ref: navRef, className: cx("agn-sidebar", collapsed && "agn-sidebar--collapsed", rail && "agn-sidebar--rail", drawer && "agn-sidebar--drawer", resizable && !collapsed && !drawer && "agn-sidebar--resizable", resizing && "agn-sidebar--resizing", className), style: rootStyle, "aria-label": l.navigation, ...rest, children: [
+    /* @__PURE__ */ jsxs59("div", { className: "agn-sidebar__top", children: [
+      logoHref ? /* @__PURE__ */ jsx66("a", { href: logoHref, className: "agn-sidebar__logo agn-focus", children: collapsed ? /* @__PURE__ */ jsx66(AginiesMark, { size: 22 }) : /* @__PURE__ */ jsx66(AginiesLogo, { size: 20, product }) }) : /* @__PURE__ */ jsx66("span", { className: "agn-sidebar__logo", children: collapsed ? /* @__PURE__ */ jsx66(AginiesMark, { size: 22 }) : /* @__PURE__ */ jsx66(AginiesLogo, { size: 20, product }) }),
+      drawer && page && /* @__PURE__ */ jsx66("button", { type: "button", className: "agn-sidebar__collapse agn-focus", "aria-label": l.close, title: l.close, onClick: page.closeSidebar, children: /* @__PURE__ */ jsx66(Icon, { name: "x", size: 16 }) }),
+      onCollapse && /* @__PURE__ */ jsx66("button", { type: "button", className: "agn-sidebar__collapse agn-focus", "aria-label": collapsed ? l.expand : l.collapse, title: collapsed ? l.expand : l.collapse, "aria-expanded": !collapsed, onClick: () => onCollapse(!collapsed), children: /* @__PURE__ */ jsx66(Icon, { name: collapsed ? "panel-left-open" : "panel-left-close", size: 16 }) })
     ] }),
-    search && /* @__PURE__ */ jsxs58("button", { type: "button", className: "agn-sidebar__search agn-focus", onClick: search.onClick, title: collapsed ? search.label || l.search : void 0, "aria-label": search.label || l.search, children: [
-      /* @__PURE__ */ jsx64(Icon, { name: "search", size: 14 }),
-      /* @__PURE__ */ jsx64("span", { className: "agn-sidebar__search-label", children: search.placeholder || search.label || l.search }),
-      search.shortcut && /* @__PURE__ */ jsx64("kbd", { className: "agn-sidebar__kbd", children: search.shortcut })
+    search && /* @__PURE__ */ jsxs59("button", { type: "button", className: "agn-sidebar__search agn-focus", onClick: search.onClick, title: collapsed ? search.label || l.search : void 0, "aria-label": search.label || l.search, children: [
+      /* @__PURE__ */ jsx66(Icon, { name: "search", size: 14 }),
+      /* @__PURE__ */ jsx66("span", { className: "agn-sidebar__search-label", children: search.placeholder || search.label || l.search }),
+      search.shortcut && /* @__PURE__ */ jsx66("kbd", { className: "agn-sidebar__kbd", children: search.shortcut })
     ] }),
-    /* @__PURE__ */ jsxs58("div", { className: "agn-sidebar__scroll", onKeyDown: onKey, children: [
-      tree && !collapsed && /* @__PURE__ */ jsx64("div", { className: "agn-sidebar__tree", children: tree }),
+    /* @__PURE__ */ jsxs59("div", { className: "agn-sidebar__scroll", onKeyDown: onKey, children: [
+      tree && !collapsed && /* @__PURE__ */ jsx66("div", { className: "agn-sidebar__tree", children: tree }),
       groups.map((g, gi) => (
         // 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__ */ jsxs58("div", { className: "agn-sidebar__group", role: "group", "aria-label": g.label, children: [
-          g.label && /* @__PURE__ */ jsx64("div", { className: "agn-sidebar__eyebrow agn-eyebrow agn-eyebrow--quiet", "aria-hidden": collapsed ? true : void 0, children: collapsed ? /* @__PURE__ */ jsx64("span", { className: "agn-sidebar__eyebrow-rule" }) : g.label }),
-          /* @__PURE__ */ jsx64("ul", { className: "agn-sidebar__list", children: g.items.map((it) => {
+        /* @__PURE__ */ jsxs59("div", { className: "agn-sidebar__group", role: "group", "aria-label": g.label, children: [
+          g.label && /* @__PURE__ */ jsx66("div", { className: "agn-sidebar__eyebrow agn-eyebrow agn-eyebrow--quiet", "aria-hidden": collapsed ? true : void 0, children: collapsed ? /* @__PURE__ */ jsx66("span", { className: "agn-sidebar__eyebrow-rule" }) : g.label }),
+          /* @__PURE__ */ jsx66("ul", { className: "agn-sidebar__list", children: g.items.map((it) => {
             const isActive = active === it.id;
             const Comp = it.href ? "a" : "button";
-            return /* @__PURE__ */ jsx64("li", { children: /* @__PURE__ */ jsxs58(Comp, { href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-nav-item", isActive && "agn-nav-item--active", it.disabled && "agn-nav-item--disabled"), "aria-current": isActive ? "page" : void 0, title: collapsed ? it.label : void 0, disabled: Comp === "button" ? it.disabled : void 0, "aria-disabled": it.disabled && Comp === "a" ? true : void 0, tabIndex: it.disabled && Comp === "a" ? -1 : void 0, onClick: (e) => {
+            return /* @__PURE__ */ jsx66("li", { children: /* @__PURE__ */ jsxs59(Comp, { href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-nav-item", isActive && "agn-nav-item--active", it.disabled && "agn-nav-item--disabled"), "aria-current": isActive ? "page" : void 0, title: collapsed ? it.label : void 0, disabled: Comp === "button" ? it.disabled : void 0, "aria-disabled": it.disabled && Comp === "a" ? true : void 0, tabIndex: it.disabled && Comp === "a" ? -1 : void 0, onClick: (e) => {
               if (it.disabled) {
                 e.preventDefault();
                 return;
@@ -3860,30 +4134,31 @@ function VerticalNavigation({ groups = [], active, onChange, collapsed, onCollap
                 if (!it.href) e.preventDefault();
                 onChange(it.id, it);
               }
+              if (drawer && page) page.closeSidebar();
             }, children: [
-              /* @__PURE__ */ jsx64("span", { className: "agn-nav-item__icon", children: /* @__PURE__ */ jsx64(Icon, { name: it.icon || "circle", size: 16 }) }),
-              /* @__PURE__ */ jsx64("span", { className: "agn-nav-item__label", children: it.label }),
-              it.count != null && !collapsed && /* @__PURE__ */ jsx64(Badge, { size: "sm", tone: it.countTone || "neutral", count: it.count, className: "agn-nav-item__count" }),
-              it.count != null && collapsed && /* @__PURE__ */ jsx64("span", { className: "agn-nav-item__dot", "aria-hidden": "true" })
+              /* @__PURE__ */ jsx66("span", { className: "agn-nav-item__icon", children: /* @__PURE__ */ jsx66(Icon, { name: it.icon || "circle", size: 16 }) }),
+              /* @__PURE__ */ jsx66("span", { className: "agn-nav-item__label", children: it.label }),
+              it.count != null && !collapsed && /* @__PURE__ */ jsx66(Badge, { size: "sm", tone: it.countTone || "neutral", count: it.count, className: "agn-nav-item__count" }),
+              it.count != null && collapsed && /* @__PURE__ */ jsx66("span", { className: "agn-nav-item__dot", "aria-hidden": "true" })
             ] }) }, it.id);
           }) })
         ] }, g.id || gi)
       ))
     ] }),
-    (footer || switcher) && /* @__PURE__ */ jsxs58("div", { className: "agn-sidebar__bottom", children: [
+    (footer || switcher) && /* @__PURE__ */ jsxs59("div", { className: "agn-sidebar__bottom", children: [
       footer,
       switcher
     ] }),
-    resizable && !collapsed && /* @__PURE__ */ jsx64("div", { className: "agn-sidebar__resize", role: "separator", "aria-orientation": "vertical", "aria-label": l.resize, "aria-valuemin": minWidth, "aria-valuemax": maxWidth, "aria-valuenow": typeof w === "number" ? w : void 0, tabIndex: 0, onPointerDown: onHandleDown, onKeyDown: onHandleKey })
+    resizable && !collapsed && !drawer && /* @__PURE__ */ jsx66("div", { className: "agn-sidebar__resize", role: "separator", "aria-orientation": "vertical", "aria-label": l.resize, "aria-valuemin": minWidth, "aria-valuemax": maxWidth, "aria-valuenow": typeof w === "number" ? w : void 0, tabIndex: 0, onPointerDown: onHandleDown, onKeyDown: onHandleKey })
   ] });
 }
 
 // src/navigation/Tabs.jsx
-import React66, { useState as useState10, useRef as useRef4, useMemo as useMemo2 } from "react";
-import { jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
-var DEFAULT_LABELS34 = { close: "Close" };
+import React69, { useState as useState10, useRef as useRef4, useMemo as useMemo2 } from "react";
+import { jsx as jsx67, jsxs as jsxs60 } from "react/jsx-runtime";
+var DEFAULT_LABELS35 = { close: "Close" };
 function Tabs({ items = [], active, defaultActive, onChange, variant = "line", size = "md", actions, panel = true, closable, onClose, labels, children, className, panelClassName, ...rest }) {
-  const L = { ...DEFAULT_LABELS34, ...labels };
+  const L = { ...DEFAULT_LABELS35, ...labels };
   const canClose = (it) => !!onClose && !it.disabled && (it.closable != null ? it.closable : !!closable);
   const [local, setLocal] = useState10(defaultActive != null ? defaultActive : items[0] && items[0].id);
   const cur = active !== void 0 ? active : local;
@@ -3916,43 +4191,43 @@ function Tabs({ items = [], active, defaultActive, onChange, variant = "line", s
   };
   const current = items.find((i) => i.id === cur);
   const content = current && current.content != null ? current.content : children;
-  return /* @__PURE__ */ jsxs59("div", { className: cx("agn-tabs", "agn-tabs--" + variant, size !== "md" && "agn-tabs--" + size, className), ...rest, children: [
-    /* @__PURE__ */ jsxs59("div", { className: "agn-tabs__bar", children: [
-      /* @__PURE__ */ jsx65("div", { className: "agn-tabs__list", role: "tablist", "aria-orientation": variant === "vertical" ? "vertical" : "horizontal", ref: listRef, onKeyDown: onKey, children: items.map((it) => {
+  return /* @__PURE__ */ jsxs60("div", { className: cx("agn-tabs", "agn-tabs--" + variant, size !== "md" && "agn-tabs--" + size, className), ...rest, children: [
+    /* @__PURE__ */ jsxs60("div", { className: "agn-tabs__bar", children: [
+      /* @__PURE__ */ jsx67("div", { className: "agn-tabs__list", role: "tablist", "aria-orientation": variant === "vertical" ? "vertical" : "horizontal", ref: listRef, onKeyDown: onKey, children: items.map((it) => {
         const sel = it.id === cur;
-        const tab = /* @__PURE__ */ jsxs59("button", { type: "button", role: "tab", "data-tab": it.id, id: id + "-" + it.id, "aria-selected": sel, "aria-controls": panel ? id + "-p" : void 0, "aria-disabled": it.disabled || void 0, tabIndex: sel ? 0 : -1, className: cx("agn-tab", sel && "agn-tab--active", it.disabled && "agn-tab--disabled", canClose(it) && "agn-tab--closable"), onClick: () => select(it), disabled: it.disabled, children: [
-          it.icon && /* @__PURE__ */ jsx65(Icon, { name: it.icon, size: 14 }),
-          /* @__PURE__ */ jsx65("span", { className: "agn-tab__label", children: it.label }),
-          it.count != null && /* @__PURE__ */ jsx65(Badge, { size: "sm", tone: sel ? "signal" : "neutral", count: it.count })
+        const tab = /* @__PURE__ */ jsxs60("button", { type: "button", role: "tab", "data-tab": it.id, id: id + "-" + it.id, "aria-selected": sel, "aria-controls": panel ? id + "-p" : void 0, "aria-disabled": it.disabled || void 0, tabIndex: sel ? 0 : -1, className: cx("agn-tab", sel && "agn-tab--active", it.disabled && "agn-tab--disabled", canClose(it) && "agn-tab--closable"), onClick: () => select(it), disabled: it.disabled, children: [
+          it.icon && /* @__PURE__ */ jsx67(Icon, { name: it.icon, size: 14 }),
+          /* @__PURE__ */ jsx67("span", { className: "agn-tab__label", children: it.label }),
+          it.count != null && /* @__PURE__ */ jsx67(Badge, { size: "sm", tone: sel ? "signal" : "neutral", count: it.count })
         ] }, it.id);
         if (!canClose(it)) return tab;
-        return /* @__PURE__ */ jsxs59("span", { className: "agn-tabs__item", role: "presentation", children: [
+        return /* @__PURE__ */ jsxs60("span", { className: "agn-tabs__item", role: "presentation", children: [
           tab,
-          /* @__PURE__ */ jsx65("button", { type: "button", className: "agn-tab__close agn-focus", tabIndex: -1, "aria-label": L.close + " " + (typeof it.label === "string" ? it.label : ""), title: L.close, onClick: (e) => {
+          /* @__PURE__ */ jsx67("button", { type: "button", className: "agn-tab__close agn-focus", tabIndex: -1, "aria-label": L.close + " " + (typeof it.label === "string" ? it.label : ""), title: L.close, onClick: (e) => {
             e.stopPropagation();
             onClose(it.id, it);
-          }, children: /* @__PURE__ */ jsx65(Icon, { name: "x", size: 12 }) })
+          }, children: /* @__PURE__ */ jsx67(Icon, { name: "x", size: 12 }) })
         ] }, it.id);
       }) }),
-      actions && /* @__PURE__ */ jsx65("div", { className: "agn-tabs__actions", children: actions })
+      actions && /* @__PURE__ */ jsx67("div", { className: "agn-tabs__actions", children: actions })
     ] }),
-    panel && content != null && /* @__PURE__ */ jsx65("div", { className: cx("agn-tabs__panel", panelClassName), role: "tabpanel", id: id + "-p", "aria-labelledby": current ? id + "-" + current.id : void 0, tabIndex: 0, children: content })
+    panel && content != null && /* @__PURE__ */ jsx67("div", { className: cx("agn-tabs__panel", panelClassName), role: "tabpanel", id: id + "-p", "aria-labelledby": current ? id + "-" + current.id : void 0, tabIndex: 0, children: content })
   ] });
 }
 
 // src/navigation/GlobalNavigation.jsx
-import React67 from "react";
-import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
-var DEFAULT_LABELS35 = { navigation: "Product navigation", more: "More" };
+import React70 from "react";
+import { Fragment as Fragment9, jsx as jsx68, jsxs as jsxs61 } from "react/jsx-runtime";
+var DEFAULT_LABELS36 = { navigation: "Product navigation", more: "More" };
 function GlobalNavigation({ items = [], active, onChange, maxVisible, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS35, ...labels };
-  const rootRef = React67.useRef(null);
-  const measureRef = React67.useRef(null);
-  const moreRef = React67.useRef(null);
-  const [fit, setFit] = React67.useState(items.length);
-  const [open, setOpen] = React67.useState(false);
+  const l = { ...DEFAULT_LABELS36, ...labels };
+  const rootRef = React70.useRef(null);
+  const measureRef = React70.useRef(null);
+  const moreRef = React70.useRef(null);
+  const [fit, setFit] = React70.useState(items.length);
+  const [open, setOpen] = React70.useState(false);
   const cap = maxVisible != null ? Math.min(maxVisible, items.length) : items.length;
-  React67.useLayoutEffect(() => {
+  React70.useLayoutEffect(() => {
     const root = rootRef.current, meas = measureRef.current;
     if (!root || !meas) return void 0;
     const calc = () => {
@@ -3980,7 +4255,7 @@ function GlobalNavigation({ items = [], active, onChange, maxVisible, labels, cl
     ro.observe(meas);
     return () => ro.disconnect();
   }, [items, cap]);
-  React67.useEffect(() => {
+  React70.useEffect(() => {
     if (!open) return void 0;
     const close = (e) => {
       if (moreRef.current && !moreRef.current.contains(e.target)) setOpen(false);
@@ -4026,21 +4301,21 @@ function GlobalNavigation({ items = [], active, onChange, maxVisible, labels, cl
       els[(i + d + els.length) % els.length].focus();
     }
   };
-  const body = (it, menu) => /* @__PURE__ */ jsxs60(Fragment8, { children: [
-    it.icon && /* @__PURE__ */ jsx66(Icon, { name: it.icon, size: menu ? 14 : 15, className: "agn-gnav__icon" }),
-    /* @__PURE__ */ jsx66("span", { className: "agn-gnav__label", children: it.label }),
-    it.count != null && /* @__PURE__ */ jsx66(Badge, { size: "sm", tone: it.countTone || (it.id === active ? "signal" : "neutral"), count: it.count })
+  const body = (it, menu) => /* @__PURE__ */ jsxs61(Fragment9, { children: [
+    it.icon && /* @__PURE__ */ jsx68(Icon, { name: it.icon, size: menu ? 14 : 15, className: "agn-gnav__icon" }),
+    /* @__PURE__ */ jsx68("span", { className: "agn-gnav__label", children: it.label }),
+    it.count != null && /* @__PURE__ */ jsx68(Badge, { size: "sm", tone: it.countTone || (it.id === active ? "signal" : "neutral"), count: it.count })
   ] });
   const renderItem = (it, measure) => {
     const Comp = it.href ? "a" : "button";
     const isActive = it.id === active;
-    return /* @__PURE__ */ jsx66(Comp, { href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-gnav__item", "agn-focus", isActive && "agn-gnav__item--active", it.disabled && "agn-gnav__item--disabled"), "aria-current": !measure && isActive ? "page" : void 0, disabled: Comp === "button" ? it.disabled : void 0, "aria-disabled": it.disabled && Comp === "a" ? true : void 0, tabIndex: measure ? -1 : it.disabled && Comp === "a" ? -1 : void 0, onClick: measure ? void 0 : (e) => pick(e, it), children: body(it) });
+    return /* @__PURE__ */ jsx68(Comp, { href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-gnav__item", "agn-focus", isActive && "agn-gnav__item--active", it.disabled && "agn-gnav__item--disabled"), "aria-current": !measure && isActive ? "page" : void 0, disabled: Comp === "button" ? it.disabled : void 0, "aria-disabled": it.disabled && Comp === "a" ? true : void 0, tabIndex: measure ? -1 : it.disabled && Comp === "a" ? -1 : void 0, onClick: measure ? void 0 : (e) => pick(e, it), children: body(it) });
   };
-  return /* @__PURE__ */ jsxs60("nav", { ref: rootRef, className: cx("agn-gnav", className), "aria-label": l.navigation, onKeyDown: onKey, ...rest, children: [
-    /* @__PURE__ */ jsxs60("ul", { className: "agn-gnav__list", children: [
-      visible.map((it) => /* @__PURE__ */ jsx66("li", { children: renderItem(it) }, it.id)),
-      hidden.length > 0 && /* @__PURE__ */ jsxs60("li", { ref: moreRef, className: "agn-gnav__more", children: [
-        /* @__PURE__ */ jsxs60("button", { type: "button", className: cx("agn-gnav__item", "agn-focus", hiddenActive && "agn-gnav__item--active"), "aria-haspopup": "menu", "aria-expanded": open, onClick: () => setOpen(!open), onKeyDown: (e) => {
+  return /* @__PURE__ */ jsxs61("nav", { ref: rootRef, className: cx("agn-gnav", className), "aria-label": l.navigation, onKeyDown: onKey, ...rest, children: [
+    /* @__PURE__ */ jsxs61("ul", { className: "agn-gnav__list", children: [
+      visible.map((it) => /* @__PURE__ */ jsx68("li", { children: renderItem(it) }, it.id)),
+      hidden.length > 0 && /* @__PURE__ */ jsxs61("li", { ref: moreRef, className: "agn-gnav__more", children: [
+        /* @__PURE__ */ jsxs61("button", { type: "button", className: cx("agn-gnav__item", "agn-focus", hiddenActive && "agn-gnav__item--active"), "aria-haspopup": "menu", "aria-expanded": open, onClick: () => setOpen(!open), onKeyDown: (e) => {
           if (e.key === "ArrowDown") {
             e.preventDefault();
             setOpen(true);
@@ -4050,66 +4325,66 @@ function GlobalNavigation({ items = [], active, onChange, maxVisible, labels, cl
             }, 0);
           }
         }, children: [
-          /* @__PURE__ */ jsx66("span", { className: "agn-gnav__label", children: hiddenActive ? hidden.find((it) => it.id === active).label : l.more }),
-          /* @__PURE__ */ jsx66(Icon, { name: "chevron-down", size: 14 })
+          /* @__PURE__ */ jsx68("span", { className: "agn-gnav__label", children: hiddenActive ? hidden.find((it) => it.id === active).label : l.more }),
+          /* @__PURE__ */ jsx68(Icon, { name: "chevron-down", size: 14 })
         ] }),
-        open && /* @__PURE__ */ jsx66("div", { className: "agn-gnav__menu", role: "menu", "aria-label": l.more, onKeyDown: onMenuKey, children: hidden.map((it) => {
+        open && /* @__PURE__ */ jsx68("div", { className: "agn-gnav__menu", role: "menu", "aria-label": l.more, onKeyDown: onMenuKey, children: hidden.map((it) => {
           const Comp = it.href ? "a" : "button";
-          return /* @__PURE__ */ jsxs60(Comp, { role: "menuitem", href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-gnav__menu-item", it.id === active && "agn-gnav__menu-item--active"), "aria-current": it.id === active ? "page" : void 0, "aria-disabled": it.disabled || void 0, tabIndex: -1, onClick: (e) => pick(e, it), children: [
+          return /* @__PURE__ */ jsxs61(Comp, { role: "menuitem", href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-gnav__menu-item", it.id === active && "agn-gnav__menu-item--active"), "aria-current": it.id === active ? "page" : void 0, "aria-disabled": it.disabled || void 0, tabIndex: -1, onClick: (e) => pick(e, it), children: [
             body(it, true),
-            it.id === active && /* @__PURE__ */ jsx66(Icon, { name: "check", size: 14, className: "agn-gnav__check" })
+            it.id === active && /* @__PURE__ */ jsx68(Icon, { name: "check", size: 14, className: "agn-gnav__check" })
           ] }, it.id);
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs60("div", { ref: measureRef, className: "agn-gnav__measure", "aria-hidden": "true", children: [
-      items.map((it) => /* @__PURE__ */ jsx66(React67.Fragment, { children: renderItem(it, true) }, it.id)),
-      /* @__PURE__ */ jsxs60("span", { className: "agn-gnav__item", children: [
-        /* @__PURE__ */ jsx66("span", { className: "agn-gnav__label", children: l.more }),
-        /* @__PURE__ */ jsx66(Icon, { name: "chevron-down", size: 14 })
+    /* @__PURE__ */ jsxs61("div", { ref: measureRef, className: "agn-gnav__measure", "aria-hidden": "true", children: [
+      items.map((it) => /* @__PURE__ */ jsx68(React70.Fragment, { children: renderItem(it, true) }, it.id)),
+      /* @__PURE__ */ jsxs61("span", { className: "agn-gnav__item", children: [
+        /* @__PURE__ */ jsx68("span", { className: "agn-gnav__label", children: l.more }),
+        /* @__PURE__ */ jsx68(Icon, { name: "chevron-down", size: 14 })
       ] })
     ] })
   ] });
 }
 
 // src/navigation/Breadcrumbs.jsx
-import React68 from "react";
-import { jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
-var DEFAULT_LABELS36 = { nav: "Breadcrumb", more: "Show hidden path" };
+import React71 from "react";
+import { jsx as jsx69, jsxs as jsxs62 } from "react/jsx-runtime";
+var DEFAULT_LABELS37 = { nav: "Breadcrumb", more: "Show hidden path" };
 function Breadcrumbs({ items = [], max = 4, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS36, ...labels };
-  const [open, setOpen] = React68.useState(false);
+  const l = { ...DEFAULT_LABELS37, ...labels };
+  const [open, setOpen] = React71.useState(false);
   let list = items;
   let hidden = [];
   if (!open && items.length > max) {
     hidden = items.slice(1, items.length - (max - 2));
     list = [items[0], { ellipsis: true }, ...items.slice(items.length - (max - 2))];
   }
-  return /* @__PURE__ */ jsx67("nav", { className: cx("agn-crumbs", className), "aria-label": l.nav, ...rest, children: /* @__PURE__ */ jsx67("ol", { className: "agn-crumbs__list", children: list.map((it, i) => {
+  return /* @__PURE__ */ jsx69("nav", { className: cx("agn-crumbs", className), "aria-label": l.nav, ...rest, children: /* @__PURE__ */ jsx69("ol", { className: "agn-crumbs__list", children: list.map((it, i) => {
     const last = i === list.length - 1;
     let node;
-    if (it.ellipsis) node = /* @__PURE__ */ jsx67("button", { type: "button", className: "agn-crumbs__more agn-focus", "aria-label": l.more, title: hidden.map((h) => h.label).join(" / "), onClick: () => setOpen(true), children: /* @__PURE__ */ jsx67(Icon, { name: "ellipsis", size: 14 }) });
-    else if (last) node = /* @__PURE__ */ jsxs61("span", { className: "agn-crumbs__current", "aria-current": "page", children: [
-      it.icon && /* @__PURE__ */ jsx67(Icon, { name: it.icon, size: 14 }),
+    if (it.ellipsis) node = /* @__PURE__ */ jsx69("button", { type: "button", className: "agn-crumbs__more agn-focus", "aria-label": l.more, title: hidden.map((h) => h.label).join(" / "), onClick: () => setOpen(true), children: /* @__PURE__ */ jsx69(Icon, { name: "ellipsis", size: 14 }) });
+    else if (last) node = /* @__PURE__ */ jsxs62("span", { className: "agn-crumbs__current", "aria-current": "page", children: [
+      it.icon && /* @__PURE__ */ jsx69(Icon, { name: it.icon, size: 14 }),
       it.label
     ] });
-    else node = /* @__PURE__ */ jsxs61("a", { className: "agn-crumbs__link agn-focus", href: it.href || "#", onClick: it.onClick, children: [
-      it.icon && /* @__PURE__ */ jsx67(Icon, { name: it.icon, size: 14 }),
+    else node = /* @__PURE__ */ jsxs62("a", { className: "agn-crumbs__link agn-focus", href: it.href || "#", onClick: it.onClick, children: [
+      it.icon && /* @__PURE__ */ jsx69(Icon, { name: it.icon, size: 14 }),
       it.label
     ] });
-    return /* @__PURE__ */ jsxs61("li", { className: "agn-crumbs__item", children: [
+    return /* @__PURE__ */ jsxs62("li", { className: "agn-crumbs__item", children: [
       node,
-      !last && /* @__PURE__ */ jsx67(Icon, { name: "chevron-right", size: 12, className: "agn-crumbs__sep" })
+      !last && /* @__PURE__ */ jsx69(Icon, { name: "chevron-right", size: 12, className: "agn-crumbs__sep" })
     ] }, i);
   }) }) });
 }
 
 // src/navigation/Path.jsx
-import React69 from "react";
-import { jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
-var DEFAULT_LABELS37 = { stage: "Stage", done: "done", current: "current", upcoming: "upcoming", lost: "Closed" };
+import React72 from "react";
+import { jsx as jsx70, jsxs as jsxs63 } from "react/jsx-runtime";
+var DEFAULT_LABELS38 = { stage: "Stage", done: "done", current: "current", upcoming: "upcoming", lost: "Closed" };
 function Path({ steps = [], current, onChange, compact, lost, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS37, ...labels };
+  const l = { ...DEFAULT_LABELS38, ...labels };
   const list = steps.map((s) => typeof s === "string" ? { id: s, label: s } : s);
   const ci = list.findIndex((s) => s.id === current);
   const stateOf = (i) => lost ? i < ci ? "done" : i === ci ? "lost" : "upcoming" : i < ci ? "done" : i === ci ? "current" : "upcoming";
@@ -4117,12 +4392,12 @@ function Path({ steps = [], current, onChange, compact, lost, labels, className,
     const cur = list[ci];
     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__ */ jsxs62("div", { className: cx("agn-path", "agn-path--compact", lost && "agn-path--lost", className), role: "group", "aria-label": l.stage, ...rest, children: [
-        /* @__PURE__ */ jsx68("div", { className: "agn-path__bar", "aria-hidden": "true", children: list.map((s, i) => /* @__PURE__ */ jsx68("span", { className: cx("agn-path__seg", "agn-path__seg--" + stateOf(i)) }, s.id)) }),
-        /* @__PURE__ */ jsxs62("div", { className: "agn-path__caption", children: [
-          /* @__PURE__ */ jsx68("span", { className: "agn-path__caption-label", children: l.stage }),
-          /* @__PURE__ */ jsx68("span", { className: "agn-path__caption-value", children: lost ? l.lost : cur ? cur.label : "" }),
-          /* @__PURE__ */ jsxs62("span", { className: "agn-path__caption-count agn-num", children: [
+      /* @__PURE__ */ jsxs63("div", { className: cx("agn-path", "agn-path--compact", lost && "agn-path--lost", className), role: "group", "aria-label": l.stage, ...rest, children: [
+        /* @__PURE__ */ jsx70("div", { className: "agn-path__bar", "aria-hidden": "true", children: list.map((s, i) => /* @__PURE__ */ jsx70("span", { className: cx("agn-path__seg", "agn-path__seg--" + stateOf(i)) }, s.id)) }),
+        /* @__PURE__ */ jsxs63("div", { className: "agn-path__caption", children: [
+          /* @__PURE__ */ jsx70("span", { className: "agn-path__caption-label", children: l.stage }),
+          /* @__PURE__ */ jsx70("span", { className: "agn-path__caption-value", children: lost ? l.lost : cur ? cur.label : "" }),
+          /* @__PURE__ */ jsxs63("span", { className: "agn-path__caption-count agn-num", children: [
             Math.max(ci, 0) + 1,
             "/",
             list.length
@@ -4131,14 +4406,14 @@ function Path({ steps = [], current, onChange, compact, lost, labels, className,
       ] })
     );
   }
-  return /* @__PURE__ */ jsx68("ol", { className: cx("agn-path", lost && "agn-path--lost", className), "aria-label": l.stage, ...rest, children: list.map((s, i) => {
+  return /* @__PURE__ */ jsx70("ol", { className: cx("agn-path", lost && "agn-path--lost", className), "aria-label": l.stage, ...rest, children: list.map((s, i) => {
     const st = stateOf(i);
     const Comp = onChange ? "button" : "span";
-    return /* @__PURE__ */ jsx68("li", { className: cx("agn-path__step", "agn-path__step--" + st), "aria-current": st === "current" ? "step" : void 0, children: /* @__PURE__ */ jsxs62(Comp, { type: onChange ? "button" : void 0, className: "agn-path__inner agn-focus-inset", onClick: onChange ? () => onChange(s.id, s) : void 0, title: s.label + " \xB7 " + (st === "lost" ? l.lost : l[st]), children: [
-      st === "done" && /* @__PURE__ */ jsx68(Icon, { name: "check", size: 12 }),
-      st === "lost" && /* @__PURE__ */ jsx68(Icon, { name: "x", size: 12 }),
-      /* @__PURE__ */ jsx68("span", { className: "agn-path__label", children: s.label }),
-      /* @__PURE__ */ jsxs62("span", { className: "agn-sr", children: [
+    return /* @__PURE__ */ jsx70("li", { className: cx("agn-path__step", "agn-path__step--" + st), "aria-current": st === "current" ? "step" : void 0, children: /* @__PURE__ */ jsxs63(Comp, { type: onChange ? "button" : void 0, className: "agn-path__inner agn-focus-inset", onClick: onChange ? () => onChange(s.id, s) : void 0, title: s.label + " \xB7 " + (st === "lost" ? l.lost : l[st]), children: [
+      st === "done" && /* @__PURE__ */ jsx70(Icon, { name: "check", size: 12 }),
+      st === "lost" && /* @__PURE__ */ jsx70(Icon, { name: "x", size: 12 }),
+      /* @__PURE__ */ jsx70("span", { className: "agn-path__label", children: s.label }),
+      /* @__PURE__ */ jsxs63("span", { className: "agn-sr", children: [
         ", ",
         st === "lost" ? l.lost : l[st]
       ] })
@@ -4147,46 +4422,59 @@ function Path({ steps = [], current, onChange, compact, lost, labels, className,
 }
 
 // src/navigation/ProgressIndicator.jsx
-import React70 from "react";
-import { jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
-var DEFAULT_LABELS38 = { step: "Step", done: "done", current: "current", upcoming: "upcoming", error: "needs attention", of: "of" };
+import React73 from "react";
+import { jsx as jsx71, jsxs as jsxs64 } from "react/jsx-runtime";
+var DEFAULT_LABELS39 = { step: "Step", done: "done", current: "current", upcoming: "upcoming", error: "needs attention", of: "of" };
 function ProgressIndicator({ steps = [], current = 0, onStepClick, vertical, errorSteps = [], labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS38, ...labels };
+  const l = { ...DEFAULT_LABELS39, ...labels };
   const list = steps.map((s) => typeof s === "string" ? { label: s } : s);
-  return /* @__PURE__ */ jsx69("ol", { className: cx("agn-pind", vertical ? "agn-pind--vertical" : "agn-pind--horizontal", className), "aria-label": l.step + " " + (current + 1) + " " + l.of + " " + list.length, ...rest, children: list.map((s, i) => {
+  return /* @__PURE__ */ jsx71("ol", { className: cx("agn-pind", vertical ? "agn-pind--vertical" : "agn-pind--horizontal", className), "aria-label": l.step + " " + (current + 1) + " " + l.of + " " + list.length, ...rest, children: list.map((s, i) => {
     const err = errorSteps.includes(i);
     const st = err ? "error" : i < current ? "done" : i === current ? "current" : "upcoming";
     const clickable = onStepClick && (i <= current || err);
     const Comp = clickable ? "button" : "div";
-    return /* @__PURE__ */ jsxs63("li", { className: cx("agn-pind__step", "agn-pind__step--" + st), "aria-current": st === "current" ? "step" : void 0, children: [
-      /* @__PURE__ */ jsxs63(Comp, { type: clickable ? "button" : void 0, className: cx("agn-pind__inner", clickable && "agn-focus"), onClick: clickable ? () => onStepClick(i, s) : void 0, children: [
-        /* @__PURE__ */ jsx69("span", { className: "agn-pind__marker agn-num", "aria-hidden": "true", children: st === "done" ? /* @__PURE__ */ jsx69(Icon, { name: "check", size: 12 }) : st === "error" ? /* @__PURE__ */ jsx69(Icon, { name: "triangle-alert", size: 12 }) : i + 1 }),
-        /* @__PURE__ */ jsxs63("span", { className: "agn-pind__text", children: [
-          /* @__PURE__ */ jsxs63("span", { className: "agn-pind__label", children: [
+    return /* @__PURE__ */ jsxs64("li", { className: cx("agn-pind__step", "agn-pind__step--" + st), "aria-current": st === "current" ? "step" : void 0, children: [
+      /* @__PURE__ */ jsxs64(Comp, { type: clickable ? "button" : void 0, className: cx("agn-pind__inner", clickable && "agn-focus"), onClick: clickable ? () => onStepClick(i, s) : void 0, children: [
+        /* @__PURE__ */ jsx71("span", { className: "agn-pind__marker agn-num", "aria-hidden": "true", children: st === "done" ? /* @__PURE__ */ jsx71(Icon, { name: "check", size: 12 }) : st === "error" ? /* @__PURE__ */ jsx71(Icon, { name: "triangle-alert", size: 12 }) : i + 1 }),
+        /* @__PURE__ */ jsxs64("span", { className: "agn-pind__text", children: [
+          /* @__PURE__ */ jsxs64("span", { className: "agn-pind__label", children: [
             s.label,
-            /* @__PURE__ */ jsxs63("span", { className: "agn-sr", children: [
+            /* @__PURE__ */ jsxs64("span", { className: "agn-sr", children: [
               ", ",
               l[st]
             ] })
           ] }),
-          s.description && vertical && /* @__PURE__ */ jsx69("span", { className: "agn-pind__desc", children: s.description })
+          s.description && vertical && /* @__PURE__ */ jsx71("span", { className: "agn-pind__desc", children: s.description })
         ] })
       ] }),
-      i < list.length - 1 && /* @__PURE__ */ jsx69("span", { className: "agn-pind__line", "aria-hidden": "true" })
+      i < list.length - 1 && /* @__PURE__ */ jsx71("span", { className: "agn-pind__line", "aria-hidden": "true" })
     ] }, i);
   }) });
 }
 
 // src/navigation/SplitView.jsx
-import React71, { useState as useState11, useRef as useRef5 } from "react";
-import { Fragment as Fragment9, jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
-var DEFAULT_LABELS39 = { resize: "Resize list", empty: "Select an item", collapse: "Hide list", expand: "Show list" };
-function SplitView({ items = [], selected, onSelect, renderItem, title, count, headerActions, listWidth, minWidth = 240, maxWidth = 560, resizable = true, collapsible, labels, children, className, style, ...rest }) {
-  const l = { ...DEFAULT_LABELS39, ...labels };
+import React74, { useState as useState11, useRef as useRef5 } from "react";
+import { Fragment as Fragment10, jsx as jsx72, jsxs as jsxs65 } from "react/jsx-runtime";
+var DEFAULT_LABELS40 = { resize: "Resize list", empty: "Select an item", collapse: "Hide list", expand: "Show list", back: "Back to list" };
+function SplitView({ items = [], selected, onSelect, renderItem, title, count, headerActions, listWidth, minWidth = 240, maxWidth = 560, resizable = true, collapsible, stackBelow = "md", defaultStackedView = "list", onStackedViewChange, onBack, labels, children, className, style, ...rest }) {
+  const l = { ...DEFAULT_LABELS40, ...labels };
   const [w, setW] = useState11(listWidth);
   const [open, setOpen] = useState11(true);
   const ref = useRef5(null);
   const listRef = useRef5(null);
+  const width = useElementWidth(ref);
+  const stacked = width != null && stackBelow !== false && width < toPx(stackBelow);
+  const narrow = width != null && width < toPx("lg");
+  const [view, setViewState] = useState11(defaultStackedView);
+  const setView = (v) => {
+    setViewState(v);
+    if (onStackedViewChange) onStackedViewChange(v);
+  };
+  const pick = (it) => {
+    if (onSelect) onSelect(it);
+    if (stacked) setView("detail");
+  };
+  const showDetail = stacked && view === "detail";
   const startDrag = (e) => {
     e.preventDefault();
     const start = e.clientX;
@@ -4221,49 +4509,58 @@ function SplitView({ items = [], selected, onSelect, renderItem, title, count, h
       if (el) el.focus();
     }
   };
-  return /* @__PURE__ */ jsxs64("div", { ref, className: cx("agn-split", !open && "agn-split--collapsed", className), style: { "--agn-split-w": w != null ? typeof w === "number" ? w + "px" : w : void 0, ...style }, ...rest, children: [
-    /* @__PURE__ */ jsxs64("div", { ref: listRef, className: "agn-split__list", "aria-hidden": !open || void 0, children: [
-      (title || headerActions || collapsible) && /* @__PURE__ */ jsxs64("div", { className: "agn-split__head", children: [
-        /* @__PURE__ */ jsxs64("span", { className: "agn-split__title", children: [
+  return /* @__PURE__ */ jsxs65("div", { ref, className: cx("agn-split", !open && !stacked && "agn-split--collapsed", narrow && "agn-split--narrow", stacked && "agn-split--stacked", stacked && (showDetail ? "agn-split--show-detail" : "agn-split--show-list"), className), style: { "--agn-split-w": w != null ? typeof w === "number" ? w + "px" : w : void 0, ...style }, ...rest, children: [
+    /* @__PURE__ */ jsxs65("div", { ref: listRef, className: "agn-split__list", "aria-hidden": !stacked && !open || showDetail || void 0, children: [
+      (title || headerActions || collapsible) && /* @__PURE__ */ jsxs65("div", { className: "agn-split__head", children: [
+        /* @__PURE__ */ jsxs65("span", { className: "agn-split__title", children: [
           title,
-          count != null && /* @__PURE__ */ jsx70("span", { className: "agn-split__count agn-num", children: count })
+          count != null && /* @__PURE__ */ jsx72("span", { className: "agn-split__count agn-num", children: count })
         ] }),
-        /* @__PURE__ */ jsx70("span", { className: "agn-split__head-actions", children: headerActions })
+        /* @__PURE__ */ jsx72("span", { className: "agn-split__head-actions", children: headerActions })
       ] }),
-      /* @__PURE__ */ jsx70("ul", { className: "agn-split__items", role: "listbox", "aria-label": typeof title === "string" ? title : void 0, onKeyDown: onListKey, children: items.map((it) => {
+      /* @__PURE__ */ jsx72("ul", { className: "agn-split__items", role: "listbox", "aria-label": typeof title === "string" ? title : void 0, onKeyDown: onListKey, children: items.map((it) => {
         const sel = it.id === selected;
         return (
           // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: listbox option on li inside the ul listbox above; focusable with Enter/Space and arrows
           // biome-ignore lint/a11y/useSemanticElements: listbox option on li inside the ul listbox above; focusable with Enter/Space and arrows
-          /* @__PURE__ */ jsx70("li", { role: "option", "aria-selected": sel, "data-item": it.id, tabIndex: sel || !selected && items[0] === it ? 0 : -1, className: cx("agn-split__item", "agn-focus-inset", sel && "agn-split__item--selected"), onKeyDown: (e) => {
-            if ((e.key === "Enter" || e.key === " ") && onSelect) {
+          /* @__PURE__ */ jsx72("li", { role: "option", "aria-selected": sel, "data-item": it.id, tabIndex: sel || !selected && items[0] === it ? 0 : -1, className: cx("agn-split__item", "agn-focus-inset", sel && "agn-split__item--selected"), onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
-              onSelect(it);
+              pick(it);
             }
-          }, onClick: () => onSelect && onSelect(it), children: renderItem ? renderItem(it, sel) : /* @__PURE__ */ jsxs64(Fragment9, { children: [
-            it.icon && /* @__PURE__ */ jsx70(Icon, { name: it.icon, size: 16, className: "agn-split__item-icon" }),
-            /* @__PURE__ */ jsxs64("span", { className: "agn-split__item-main", children: [
-              /* @__PURE__ */ jsx70("span", { className: "agn-split__item-title", children: it.title }),
-              it.subtitle && /* @__PURE__ */ jsx70("span", { className: "agn-split__item-sub", children: it.subtitle })
+          }, onClick: () => pick(it), children: renderItem ? renderItem(it, sel) : /* @__PURE__ */ jsxs65(Fragment10, { children: [
+            it.icon && /* @__PURE__ */ jsx72(Icon, { name: it.icon, size: 16, className: "agn-split__item-icon" }),
+            /* @__PURE__ */ jsxs65("span", { className: "agn-split__item-main", children: [
+              /* @__PURE__ */ jsx72("span", { className: "agn-split__item-title", children: it.title }),
+              it.subtitle && /* @__PURE__ */ jsx72("span", { className: "agn-split__item-sub", children: it.subtitle })
             ] }),
-            it.meta && /* @__PURE__ */ jsx70("span", { className: "agn-split__item-meta", children: it.meta })
+            it.meta && /* @__PURE__ */ jsx72("span", { className: "agn-split__item-meta", children: it.meta })
           ] }) }, it.id)
         );
       }) })
     ] }),
-    resizable && open && /* @__PURE__ */ jsx70("div", { className: "agn-split__divider agn-focus", role: "separator", "aria-orientation": "vertical", "aria-label": l.resize, "aria-valuenow": typeof w === "number" ? Math.round(w) : void 0, "aria-valuemin": minWidth, "aria-valuemax": maxWidth, tabIndex: 0, onPointerDown: startDrag, onKeyDown: onDividerKey }),
-    collapsible && /* @__PURE__ */ jsx70("button", { type: "button", className: "agn-split__toggle agn-focus", "aria-label": open ? l.collapse : l.expand, "aria-expanded": open, onClick: () => setOpen(!open), children: /* @__PURE__ */ jsx70(Icon, { name: open ? "panel-left-close" : "panel-left-open", size: 14 }) }),
-    /* @__PURE__ */ jsx70("div", { className: "agn-split__detail", children: children != null ? children : /* @__PURE__ */ jsx70("div", { className: "agn-split__empty", children: l.empty }) })
+    resizable && open && !stacked && /* @__PURE__ */ jsx72("div", { className: "agn-split__divider agn-focus", role: "separator", "aria-orientation": "vertical", "aria-label": l.resize, "aria-valuenow": typeof w === "number" ? Math.round(w) : void 0, "aria-valuemin": minWidth, "aria-valuemax": maxWidth, tabIndex: 0, onPointerDown: startDrag, onKeyDown: onDividerKey }),
+    collapsible && !stacked && /* @__PURE__ */ jsx72("button", { type: "button", className: "agn-split__toggle agn-focus", "aria-label": open ? l.collapse : l.expand, "aria-expanded": open, onClick: () => setOpen(!open), children: /* @__PURE__ */ jsx72(Icon, { name: open ? "panel-left-close" : "panel-left-open", size: 14 }) }),
+    /* @__PURE__ */ jsxs65("div", { className: "agn-split__detail", "aria-hidden": stacked && !showDetail || void 0, children: [
+      showDetail && /* @__PURE__ */ jsx72("div", { className: "agn-split__back", children: /* @__PURE__ */ jsxs65("button", { type: "button", className: "agn-split__back-btn agn-focus", onClick: () => {
+        setView("list");
+        if (onBack) onBack();
+      }, children: [
+        /* @__PURE__ */ jsx72(Icon, { name: "arrow-left", size: 14 }),
+        l.back
+      ] }) }),
+      children != null ? children : /* @__PURE__ */ jsx72("div", { className: "agn-split__empty", children: l.empty })
+    ] })
   ] });
 }
 
 // src/navigation/AppLauncher.jsx
-import React72 from "react";
-import { jsx as jsx71, jsxs as jsxs65 } from "react/jsx-runtime";
+import React75 from "react";
+import { jsx as jsx73, jsxs as jsxs66 } from "react/jsx-runtime";
 var ALL = ["platform", "hub", "dialog", "voice", "vision", "code", "workforce"];
-var DEFAULT_LABELS40 = { title: "Products", current: "current", switchProduct: "Switch product" };
+var DEFAULT_LABELS41 = { title: "Products", current: "current", switchProduct: "Switch product" };
 function AppLauncher({ products = ALL, current, onOpen, hrefs = {}, descriptions = {}, inline, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS40, ...labels };
+  const l = { ...DEFAULT_LABELS41, ...labels };
   const list = products.map((p) => typeof p === "string" ? { id: p } : p);
   const onKey = (e) => {
     const cells = Array.from(e.currentTarget.querySelectorAll(".agn-launcher__item"));
@@ -4276,130 +4573,130 @@ function AppLauncher({ products = ALL, current, onOpen, hrefs = {}, descriptions
     const n = cells[Math.max(0, Math.min(cells.length - 1, i + d))];
     if (n) n.focus();
   };
-  return /* @__PURE__ */ jsxs65("div", { className: cx("agn-launcher", inline && "agn-launcher--inline", className), role: "menu", "aria-label": l.title, onKeyDown: onKey, ...rest, children: [
-    /* @__PURE__ */ jsx71("div", { className: "agn-launcher__title agn-eyebrow agn-eyebrow--quiet", children: l.title }),
-    /* @__PURE__ */ jsx71("div", { className: "agn-launcher__grid", children: list.map((p) => {
+  return /* @__PURE__ */ jsxs66("div", { className: cx("agn-launcher", inline && "agn-launcher--inline", className), role: "menu", "aria-label": l.title, onKeyDown: onKey, ...rest, children: [
+    /* @__PURE__ */ jsx73("div", { className: "agn-launcher__title agn-eyebrow agn-eyebrow--quiet", children: l.title }),
+    /* @__PURE__ */ jsx73("div", { className: "agn-launcher__grid", children: list.map((p) => {
       const id = p.id;
       const name = p.name || PRODUCT_NAMES[id] || id;
       const short = name.replace(/ Aginies$/, "");
       const isCur = current === id;
       const Comp = hrefs[id] || p.href ? "a" : "button";
-      return /* @__PURE__ */ jsxs65(Comp, { role: "menuitem", href: p.href || hrefs[id], type: Comp === "button" ? "button" : void 0, className: cx("agn-launcher__item", "agn-focus", isCur && "agn-launcher__item--current"), "aria-current": isCur ? "true" : void 0, onClick: onOpen ? (e) => {
+      return /* @__PURE__ */ jsxs66(Comp, { role: "menuitem", href: p.href || hrefs[id], type: Comp === "button" ? "button" : void 0, className: cx("agn-launcher__item", "agn-focus", isCur && "agn-launcher__item--current"), "aria-current": isCur ? "true" : void 0, onClick: onOpen ? (e) => {
         if (Comp === "button") e.preventDefault();
         onOpen(id, p);
       } : void 0, children: [
-        /* @__PURE__ */ jsx71(ProductIcon, { product: id, boxed: true, size: 22 }),
-        /* @__PURE__ */ jsxs65("span", { className: "agn-launcher__text", children: [
-          /* @__PURE__ */ jsxs65("span", { className: "agn-launcher__name", children: [
+        /* @__PURE__ */ jsx73(ProductIcon, { product: id, boxed: true, size: 22 }),
+        /* @__PURE__ */ jsxs66("span", { className: "agn-launcher__text", children: [
+          /* @__PURE__ */ jsxs66("span", { className: "agn-launcher__name", children: [
             short,
-            isCur && /* @__PURE__ */ jsxs65("span", { className: "agn-sr", children: [
+            isCur && /* @__PURE__ */ jsxs66("span", { className: "agn-sr", children: [
               ", ",
               l.current
             ] })
           ] }),
-          (p.description || descriptions[id]) && /* @__PURE__ */ jsx71("span", { className: "agn-launcher__desc", children: p.description || descriptions[id] })
+          (p.description || descriptions[id]) && /* @__PURE__ */ jsx73("span", { className: "agn-launcher__desc", children: p.description || descriptions[id] })
         ] }),
-        isCur && /* @__PURE__ */ jsx71(Icon, { name: "check", size: 14, className: "agn-launcher__check" })
+        isCur && /* @__PURE__ */ jsx73(Icon, { name: "check", size: 14, className: "agn-launcher__check" })
       ] }, id);
     }) })
   ] });
 }
 function AppLauncherTrigger({ product = "platform", name, icon, meta, collapsed, open, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS40, ...labels };
+  const l = { ...DEFAULT_LABELS41, ...labels };
   const label = name || (PRODUCT_NAMES[product] || product).replace(/ Aginies$/, "");
-  return /* @__PURE__ */ jsxs65("button", { type: "button", className: cx("agn-nav-item", "agn-launcher-trigger", "agn-focus", collapsed && "agn-launcher-trigger--collapsed", className), "aria-haspopup": "menu", "aria-expanded": open != null ? !!open : void 0, title: collapsed ? l.switchProduct + ": " + label + (typeof meta === "string" ? " \xB7 " + meta : "") : l.switchProduct, ...rest, children: [
-    /* @__PURE__ */ jsx71("span", { className: "agn-nav-item__icon", children: icon ? /* @__PURE__ */ jsx71(Icon, { name: icon, size: 16 }) : /* @__PURE__ */ jsx71(ProductIcon, { product, size: 16 }) }),
-    /* @__PURE__ */ jsxs65("span", { className: "agn-nav-item__label", children: [
+  return /* @__PURE__ */ jsxs66("button", { type: "button", className: cx("agn-nav-item", "agn-launcher-trigger", "agn-focus", collapsed && "agn-launcher-trigger--collapsed", className), "aria-haspopup": "menu", "aria-expanded": open != null ? !!open : void 0, title: collapsed ? l.switchProduct + ": " + label + (typeof meta === "string" ? " \xB7 " + meta : "") : l.switchProduct, ...rest, children: [
+    /* @__PURE__ */ jsx73("span", { className: "agn-nav-item__icon", children: icon ? /* @__PURE__ */ jsx73(Icon, { name: icon, size: 16 }) : /* @__PURE__ */ jsx73(ProductIcon, { product, size: 16 }) }),
+    /* @__PURE__ */ jsxs66("span", { className: "agn-nav-item__label", children: [
       label,
-      meta && !collapsed && /* @__PURE__ */ jsx71("span", { className: "agn-launcher-trigger__meta", children: meta })
+      meta && !collapsed && /* @__PURE__ */ jsx73("span", { className: "agn-launcher-trigger__meta", children: meta })
     ] }),
-    !collapsed && /* @__PURE__ */ jsx71(Icon, { name: "chevrons-up-down", size: 14, className: "agn-launcher-trigger__chevron" })
+    !collapsed && /* @__PURE__ */ jsx73(Icon, { name: "chevrons-up-down", size: 14, className: "agn-launcher-trigger__chevron" })
   ] });
 }
 AppLauncher.Trigger = AppLauncherTrigger;
 
 // src/navigation/PageHeader.jsx
-import React73 from "react";
-import { jsx as jsx72, jsxs as jsxs66 } from "react/jsx-runtime";
-var DEFAULT_LABELS41 = { back: "Back" };
+import React76 from "react";
+import { jsx as jsx74, jsxs as jsxs67 } from "react/jsx-runtime";
+var DEFAULT_LABELS42 = { back: "Back" };
 function PageHeader({ eyebrow, title, description, actions, meta, tabs, back, media: media2, breadcrumbs, labels, as: Comp = "header", className, ...rest }) {
-  const l = { ...DEFAULT_LABELS41, ...labels };
+  const l = { ...DEFAULT_LABELS42, ...labels };
   const b = back && typeof back === "object" ? back : back ? { label: l.back, onClick: typeof back === "function" ? back : void 0 } : null;
-  return /* @__PURE__ */ jsxs66(Comp, { className: cx("agn-pageheader", tabs && "agn-pageheader--tabs", className), ...rest, children: [
-    breadcrumbs && /* @__PURE__ */ jsx72("div", { className: "agn-pageheader__crumbs", children: breadcrumbs }),
-    b && /* @__PURE__ */ jsxs66("a", { className: "agn-pageheader__back agn-focus", href: b.href || "#", onClick: b.onClick ? (e) => {
+  return /* @__PURE__ */ jsxs67(Comp, { className: cx("agn-pageheader", tabs && "agn-pageheader--tabs", className), ...rest, children: [
+    breadcrumbs && /* @__PURE__ */ jsx74("div", { className: "agn-pageheader__crumbs", children: breadcrumbs }),
+    b && /* @__PURE__ */ jsxs67("a", { className: "agn-pageheader__back agn-focus", href: b.href || "#", onClick: b.onClick ? (e) => {
       if (!b.href) e.preventDefault();
       b.onClick(e);
     } : void 0, children: [
-      /* @__PURE__ */ jsx72(Icon, { name: "arrow-left", size: 14 }),
+      /* @__PURE__ */ jsx74(Icon, { name: "arrow-left", size: 14 }),
       b.label || l.back
     ] }),
-    /* @__PURE__ */ jsxs66("div", { className: "agn-pageheader__row", children: [
-      media2 && /* @__PURE__ */ jsx72("div", { className: "agn-pageheader__media", children: media2 }),
-      /* @__PURE__ */ jsxs66("div", { className: "agn-pageheader__text", children: [
-        eyebrow && /* @__PURE__ */ jsx72("div", { className: "agn-pageheader__eyebrow agn-eyebrow", children: eyebrow }),
-        /* @__PURE__ */ jsx72("h1", { className: "agn-pageheader__title", children: title }),
-        description && /* @__PURE__ */ jsx72("p", { className: "agn-pageheader__desc", children: description })
+    /* @__PURE__ */ jsxs67("div", { className: "agn-pageheader__row", children: [
+      media2 && /* @__PURE__ */ jsx74("div", { className: "agn-pageheader__media", children: media2 }),
+      /* @__PURE__ */ jsxs67("div", { className: "agn-pageheader__text", children: [
+        eyebrow && /* @__PURE__ */ jsx74("div", { className: "agn-pageheader__eyebrow agn-eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsx74("h1", { className: "agn-pageheader__title", children: title }),
+        description && /* @__PURE__ */ jsx74("p", { className: "agn-pageheader__desc", children: description })
       ] }),
-      actions && /* @__PURE__ */ jsx72("div", { className: "agn-pageheader__actions", children: actions })
+      actions && /* @__PURE__ */ jsx74("div", { className: "agn-pageheader__actions", children: actions })
     ] }),
-    meta && /* @__PURE__ */ jsx72("div", { className: "agn-pageheader__meta", children: meta }),
-    tabs && /* @__PURE__ */ jsx72("div", { className: "agn-pageheader__tabs", children: tabs })
+    meta && /* @__PURE__ */ jsx74("div", { className: "agn-pageheader__meta", children: meta }),
+    tabs && /* @__PURE__ */ jsx74("div", { className: "agn-pageheader__tabs", children: tabs })
   ] });
 }
 
 // src/navigation/BuilderHeader.jsx
-import React74 from "react";
-import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs67 } from "react/jsx-runtime";
-var DEFAULT_LABELS42 = { back: "Back to agents", deploy: "Deploy", versions: "Versions", saving: "Saving\u2026", saved: "Saved", draft: "Draft \u2014 not deployed", rename: "Rename" };
+import React77 from "react";
+import { Fragment as Fragment11, jsx as jsx75, jsxs as jsxs68 } from "react/jsx-runtime";
+var DEFAULT_LABELS43 = { back: "Back to agents", deploy: "Deploy", versions: "Versions", saving: "Saving\u2026", saved: "Saved", draft: "Draft \u2014 not deployed", rename: "Rename" };
 function BuilderHeader({ name, version, status, onBack, backHref, onDeploy, deployDisabled, deploying, onVersions, onRename, saving, saved, draft, actions, left, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS42, ...labels };
+  const l = { ...DEFAULT_LABELS43, ...labels };
   const st = typeof status === "string" ? { label: status } : status;
-  return /* @__PURE__ */ jsxs67("header", { className: cx("agn-builder", className), ...rest, children: [
-    /* @__PURE__ */ jsxs67("div", { className: "agn-builder__left", children: [
-      backHref && !onBack ? /* @__PURE__ */ jsx73("a", { className: "agn-btn agn-btn--icon agn-btn--ghost", href: backHref, "aria-label": l.back, title: l.back, children: /* @__PURE__ */ jsx73(Icon, { name: "arrow-left", size: 16 }) }) : onBack && /* @__PURE__ */ jsx73(ButtonIcon, { icon: "arrow-left", label: l.back, onClick: onBack }),
+  return /* @__PURE__ */ jsxs68("header", { className: cx("agn-builder", className), ...rest, children: [
+    /* @__PURE__ */ jsxs68("div", { className: "agn-builder__left", children: [
+      backHref && !onBack ? /* @__PURE__ */ jsx75("a", { className: "agn-btn agn-btn--icon agn-btn--ghost", href: backHref, "aria-label": l.back, title: l.back, children: /* @__PURE__ */ jsx75(Icon, { name: "arrow-left", size: 16 }) }) : onBack && /* @__PURE__ */ jsx75(ButtonIcon, { icon: "arrow-left", label: l.back, onClick: onBack }),
       left,
-      /* @__PURE__ */ jsxs67("div", { className: "agn-builder__name-wrap", children: [
-        /* @__PURE__ */ jsx73("span", { className: "agn-builder__name", children: name }),
-        onRename && /* @__PURE__ */ jsx73(ButtonIcon, { icon: "pencil", label: l.rename, size: "xs", onClick: onRename, className: "agn-builder__rename" })
+      /* @__PURE__ */ jsxs68("div", { className: "agn-builder__name-wrap", children: [
+        /* @__PURE__ */ jsx75("span", { className: "agn-builder__name", children: name }),
+        onRename && /* @__PURE__ */ jsx75(ButtonIcon, { icon: "pencil", label: l.rename, size: "xs", onClick: onRename, className: "agn-builder__rename" })
       ] }),
-      version && /* @__PURE__ */ jsx73(Tag, { children: version }),
-      st && /* @__PURE__ */ jsx73(Tag, { tone: st.tone || "neutral", dot: st.dot, icon: st.icon, children: st.label }),
-      draft && /* @__PURE__ */ jsxs67("span", { className: "agn-builder__draft", children: [
-        /* @__PURE__ */ jsx73(Icon, { name: "circle-dashed", size: 12 }),
+      version && /* @__PURE__ */ jsx75(Tag, { children: version }),
+      st && /* @__PURE__ */ jsx75(Tag, { tone: st.tone || "neutral", dot: st.dot, icon: st.icon, children: st.label }),
+      draft && /* @__PURE__ */ jsxs68("span", { className: "agn-builder__draft", children: [
+        /* @__PURE__ */ jsx75(Icon, { name: "circle-dashed", size: 12 }),
         typeof draft === "string" ? draft : l.draft
       ] })
     ] }),
-    /* @__PURE__ */ jsxs67("div", { className: "agn-builder__right", children: [
-      (saving || saved) && /* @__PURE__ */ jsx73("span", { className: "agn-builder__save", role: "status", children: saving ? /* @__PURE__ */ jsxs67(Fragment10, { children: [
-        /* @__PURE__ */ jsx73(Icon, { name: "loader-circle", size: 12, className: "agn-builder__spin" }),
+    /* @__PURE__ */ jsxs68("div", { className: "agn-builder__right", children: [
+      (saving || saved) && /* @__PURE__ */ jsx75("span", { className: "agn-builder__save", role: "status", children: saving ? /* @__PURE__ */ jsxs68(Fragment11, { children: [
+        /* @__PURE__ */ jsx75(Icon, { name: "loader-circle", size: 12, className: "agn-builder__spin" }),
         l.saving
-      ] }) : /* @__PURE__ */ jsxs67(Fragment10, { children: [
-        /* @__PURE__ */ jsx73(Icon, { name: "check", size: 12 }),
+      ] }) : /* @__PURE__ */ jsxs68(Fragment11, { children: [
+        /* @__PURE__ */ jsx75(Icon, { name: "check", size: 12 }),
         l.saved
       ] }) }),
       actions,
-      onVersions && /* @__PURE__ */ jsx73(Button, { variant: "ghost", icon: "history", onClick: onVersions, children: l.versions }),
-      onDeploy && /* @__PURE__ */ jsx73(Button, { variant: "primary", icon: "rocket", onClick: onDeploy, disabled: deployDisabled, loading: deploying, children: l.deploy })
+      onVersions && /* @__PURE__ */ jsx75(Button, { variant: "ghost", icon: "history", onClick: onVersions, children: l.versions }),
+      onDeploy && /* @__PURE__ */ jsx75(Button, { variant: "primary", icon: "rocket", onClick: onDeploy, disabled: deployDisabled, loading: deploying, children: l.deploy })
     ] })
   ] });
 }
 
 // src/navigation/BrandBand.jsx
-import React75 from "react";
-import { jsx as jsx74, jsxs as jsxs68 } from "react/jsx-runtime";
+import React78 from "react";
+import { jsx as jsx76, jsxs as jsxs69 } from "react/jsx-runtime";
 function BrandBand({ height = "md", glow = "top-right", align = "start", as: Comp = "section", children, className, style, ...rest }) {
   const named = { sm: "160px", md: "280px", lg: "420px", full: "100vh" };
   const h = named[height] || height;
-  return /* @__PURE__ */ jsx74(Comp, { className: cx("agn-band", "agn-band--glow-" + glow, "agn-band--align-" + align, className), style: { minHeight: h, ...style }, ...rest, children: /* @__PURE__ */ jsxs68(Room, { padding: "none", className: "agn-band__room", children: [
-    /* @__PURE__ */ jsx74("div", { className: "agn-band__glow", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx74("div", { className: "agn-band__content", children })
+  return /* @__PURE__ */ jsx76(Comp, { className: cx("agn-band", "agn-band--glow-" + glow, "agn-band--align-" + align, className), style: { minHeight: h, ...style }, ...rest, children: /* @__PURE__ */ jsxs69(Room, { padding: "none", className: "agn-band__room", children: [
+    /* @__PURE__ */ jsx76("div", { className: "agn-band__glow", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx76("div", { className: "agn-band__content", children })
   ] }) });
 }
 
 // src/navigation/Accordion.jsx
-import React76, { useState as useState12, useMemo as useMemo3 } from "react";
-import { jsx as jsx75, jsxs as jsxs69 } from "react/jsx-runtime";
+import React79, { useState as useState12, useMemo as useMemo3 } from "react";
+import { jsx as jsx77, jsxs as jsxs70 } from "react/jsx-runtime";
 function Accordion({ items = [], multiple, defaultOpen, open, onChange, boxed, className, ...rest }) {
   const [local, setLocal] = useState12(() => new Set(defaultOpen || []));
   const cur = open ? new Set(open) : local;
@@ -4412,19 +4709,19 @@ function Accordion({ items = [], multiple, defaultOpen, open, onChange, boxed, c
     if (!open) setLocal(n);
     onChange && onChange(Array.from(n));
   };
-  return /* @__PURE__ */ jsx75("div", { className: cx("agn-accordion", boxed && "agn-accordion--boxed", className), ...rest, children: items.map((it) => {
+  return /* @__PURE__ */ jsx77("div", { className: cx("agn-accordion", boxed && "agn-accordion--boxed", className), ...rest, children: items.map((it) => {
     const isOpen = cur.has(it.id);
-    return /* @__PURE__ */ jsxs69("div", { className: cx("agn-accordion__item", isOpen && "agn-accordion__item--open"), children: [
-      /* @__PURE__ */ jsxs69("h3", { className: "agn-accordion__heading", children: [
-        /* @__PURE__ */ jsxs69("button", { type: "button", id: id + "-" + it.id + "-h", className: "agn-accordion__trigger agn-focus-inset", "aria-expanded": isOpen, "aria-controls": id + "-" + it.id + "-p", onClick: () => toggle(it.id), disabled: it.disabled, children: [
-          /* @__PURE__ */ jsx75(Icon, { name: "chevron-right", size: 14, className: cx("agn-accordion__chev", isOpen && "agn-accordion__chev--open") }),
-          it.icon && /* @__PURE__ */ jsx75(Icon, { name: it.icon, size: 16, className: "agn-accordion__icon" }),
-          /* @__PURE__ */ jsx75("span", { className: "agn-accordion__label", children: it.label }),
-          it.meta && /* @__PURE__ */ jsx75("span", { className: "agn-accordion__meta", children: it.meta })
+    return /* @__PURE__ */ jsxs70("div", { className: cx("agn-accordion__item", isOpen && "agn-accordion__item--open"), children: [
+      /* @__PURE__ */ jsxs70("h3", { className: "agn-accordion__heading", children: [
+        /* @__PURE__ */ jsxs70("button", { type: "button", id: id + "-" + it.id + "-h", className: "agn-accordion__trigger agn-focus-inset", "aria-expanded": isOpen, "aria-controls": id + "-" + it.id + "-p", onClick: () => toggle(it.id), disabled: it.disabled, children: [
+          /* @__PURE__ */ jsx77(Icon, { name: "chevron-right", size: 14, className: cx("agn-accordion__chev", isOpen && "agn-accordion__chev--open") }),
+          it.icon && /* @__PURE__ */ jsx77(Icon, { name: it.icon, size: 16, className: "agn-accordion__icon" }),
+          /* @__PURE__ */ jsx77("span", { className: "agn-accordion__label", children: it.label }),
+          it.meta && /* @__PURE__ */ jsx77("span", { className: "agn-accordion__meta", children: it.meta })
         ] }),
-        it.actions && /* @__PURE__ */ jsx75("span", { className: "agn-accordion__actions", children: it.actions })
+        it.actions && /* @__PURE__ */ jsx77("span", { className: "agn-accordion__actions", children: it.actions })
       ] }),
-      /* @__PURE__ */ jsx75("section", { id: id + "-" + it.id + "-p", "aria-labelledby": id + "-" + it.id + "-h", className: "agn-accordion__panel", hidden: !isOpen, children: it.content })
+      /* @__PURE__ */ jsx77("section", { id: id + "-" + it.id + "-p", "aria-labelledby": id + "-" + it.id + "-h", className: "agn-accordion__panel", hidden: !isOpen, children: it.content })
     ] }, it.id);
   }) });
 }
@@ -4436,25 +4733,25 @@ function ExpandableSection({ title, open, defaultOpen = true, onToggle, actions,
     if (open === void 0) setLocal(!isOpen);
     onToggle && onToggle(!isOpen);
   };
-  return /* @__PURE__ */ jsxs69("section", { className: cx("agn-xsection", isOpen && "agn-xsection--open", className), ...rest, children: [
-    /* @__PURE__ */ jsxs69("h3", { className: "agn-xsection__heading", children: [
-      /* @__PURE__ */ jsxs69("button", { type: "button", id: id + "-h", className: "agn-xsection__trigger agn-focus", "aria-expanded": isOpen, "aria-controls": id + "-p", onClick: toggle, children: [
-        /* @__PURE__ */ jsx75(Icon, { name: "chevron-right", size: 14, className: cx("agn-accordion__chev", isOpen && "agn-accordion__chev--open") }),
-        /* @__PURE__ */ jsx75("span", { className: "agn-xsection__title", children: title }),
-        count != null && /* @__PURE__ */ jsx75("span", { className: "agn-xsection__count agn-num", children: count })
+  return /* @__PURE__ */ jsxs70("section", { className: cx("agn-xsection", isOpen && "agn-xsection--open", className), ...rest, children: [
+    /* @__PURE__ */ jsxs70("h3", { className: "agn-xsection__heading", children: [
+      /* @__PURE__ */ jsxs70("button", { type: "button", id: id + "-h", className: "agn-xsection__trigger agn-focus", "aria-expanded": isOpen, "aria-controls": id + "-p", onClick: toggle, children: [
+        /* @__PURE__ */ jsx77(Icon, { name: "chevron-right", size: 14, className: cx("agn-accordion__chev", isOpen && "agn-accordion__chev--open") }),
+        /* @__PURE__ */ jsx77("span", { className: "agn-xsection__title", children: title }),
+        count != null && /* @__PURE__ */ jsx77("span", { className: "agn-xsection__count agn-num", children: count })
       ] }),
-      actions && /* @__PURE__ */ jsx75("span", { className: "agn-xsection__actions", children: actions })
+      actions && /* @__PURE__ */ jsx77("span", { className: "agn-xsection__actions", children: actions })
     ] }),
-    /* @__PURE__ */ jsx75("section", { id: id + "-p", "aria-labelledby": id + "-h", className: "agn-xsection__panel", hidden: !isOpen, children })
+    /* @__PURE__ */ jsx77("section", { id: id + "-p", "aria-labelledby": id + "-h", className: "agn-xsection__panel", hidden: !isOpen, children })
   ] });
 }
 
 // src/navigation/Carousel.jsx
-import React77, { useState as useState13, useEffect as useEffect4, useRef as useRef6 } from "react";
-import { jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
-var DEFAULT_LABELS43 = { prev: "Previous", next: "Next", goTo: "Go to slide", of: "of" };
+import React80, { useState as useState13, useEffect as useEffect4, useRef as useRef6 } from "react";
+import { jsx as jsx78, jsxs as jsxs71 } from "react/jsx-runtime";
+var DEFAULT_LABELS44 = { prev: "Previous", next: "Next", goTo: "Go to slide", of: "of" };
 function Carousel({ slides = [], index, defaultIndex = 0, onChange, autoPlay, interval = 6e3, loop = true, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS43, ...labels };
+  const l = { ...DEFAULT_LABELS44, ...labels };
   const [local, setLocal] = useState13(defaultIndex);
   const cur = index !== void 0 ? index : local;
   const [paused, setPaused] = useState13(false);
@@ -4474,7 +4771,7 @@ function Carousel({ slides = [], index, defaultIndex = 0, onChange, autoPlay, in
   const s = slides[cur];
   return (
     // biome-ignore lint/a11y/useSemanticElements: APG carousel: role=region with aria-roledescription; the consumer names it through rest, and the tag is kept so existing refs and selectors hold
-    /* @__PURE__ */ jsxs70("div", { ref, className: cx("agn-carousel", className), role: "region", "aria-roledescription": "carousel", onMouseEnter: () => setPaused(true), onMouseLeave: () => setPaused(false), onFocus: () => setPaused(true), onBlur: () => setPaused(false), onKeyDown: (e) => {
+    /* @__PURE__ */ jsxs71("div", { ref, className: cx("agn-carousel", className), role: "region", "aria-roledescription": "carousel", onMouseEnter: () => setPaused(true), onMouseLeave: () => setPaused(false), onFocus: () => setPaused(true), onBlur: () => setPaused(false), onKeyDown: (e) => {
       if (e.key === "ArrowRight") {
         e.preventDefault();
         go(cur + 1);
@@ -4484,73 +4781,73 @@ function Carousel({ slides = [], index, defaultIndex = 0, onChange, autoPlay, in
         go(cur - 1);
       }
     }, ...rest, children: [
-      /* @__PURE__ */ jsx76("div", { className: "agn-carousel__viewport", children: s && // biome-ignore lint/a11y/useSemanticElements: APG carousel: each slide is a group with aria-roledescription=slide
-      /* @__PURE__ */ jsxs70("div", { className: "agn-carousel__slide", role: "group", "aria-roledescription": "slide", "aria-label": cur + 1 + " " + l.of + " " + n, children: [
-        s.media && /* @__PURE__ */ jsx76("div", { className: "agn-carousel__media", children: s.media }),
-        s.icon && !s.media && /* @__PURE__ */ jsx76("div", { className: "agn-carousel__icon", children: /* @__PURE__ */ jsx76(Icon, { name: s.icon, size: 24, strokeWidth: 1.75 }) }),
-        /* @__PURE__ */ jsxs70("div", { className: "agn-carousel__text", children: [
-          s.eyebrow && /* @__PURE__ */ jsx76("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: s.eyebrow }),
-          /* @__PURE__ */ jsx76("div", { className: "agn-carousel__title", children: s.title }),
-          s.description && /* @__PURE__ */ jsx76("div", { className: "agn-carousel__desc", children: s.description }),
-          s.action && /* @__PURE__ */ jsx76("div", { className: "agn-carousel__action", children: s.action })
+      /* @__PURE__ */ jsx78("div", { className: "agn-carousel__viewport", children: s && // biome-ignore lint/a11y/useSemanticElements: APG carousel: each slide is a group with aria-roledescription=slide
+      /* @__PURE__ */ jsxs71("div", { className: "agn-carousel__slide", role: "group", "aria-roledescription": "slide", "aria-label": cur + 1 + " " + l.of + " " + n, children: [
+        s.media && /* @__PURE__ */ jsx78("div", { className: "agn-carousel__media", children: s.media }),
+        s.icon && !s.media && /* @__PURE__ */ jsx78("div", { className: "agn-carousel__icon", children: /* @__PURE__ */ jsx78(Icon, { name: s.icon, size: 24, strokeWidth: 1.75 }) }),
+        /* @__PURE__ */ jsxs71("div", { className: "agn-carousel__text", children: [
+          s.eyebrow && /* @__PURE__ */ jsx78("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: s.eyebrow }),
+          /* @__PURE__ */ jsx78("div", { className: "agn-carousel__title", children: s.title }),
+          s.description && /* @__PURE__ */ jsx78("div", { className: "agn-carousel__desc", children: s.description }),
+          s.action && /* @__PURE__ */ jsx78("div", { className: "agn-carousel__action", children: s.action })
         ] })
       ] }) }),
-      n > 1 && /* @__PURE__ */ jsxs70("div", { className: "agn-carousel__controls", children: [
-        /* @__PURE__ */ jsx76("button", { type: "button", className: "agn-carousel__arrow agn-focus", "aria-label": l.prev, onClick: () => go(cur - 1), disabled: !loop && cur === 0, children: /* @__PURE__ */ jsx76(Icon, { name: "chevron-left", size: 16 }) }),
-        /* @__PURE__ */ jsx76("div", { className: "agn-carousel__dots", role: "tablist", children: slides.map((_, i) => /* @__PURE__ */ jsx76("button", { type: "button", role: "tab", "aria-selected": i === cur, "aria-label": l.goTo + " " + (i + 1), className: cx("agn-carousel__dot", i === cur && "agn-carousel__dot--active"), onClick: () => go(i) }, i)) }),
-        /* @__PURE__ */ jsx76("button", { type: "button", className: "agn-carousel__arrow agn-focus", "aria-label": l.next, onClick: () => go(cur + 1), disabled: !loop && cur === n - 1, children: /* @__PURE__ */ jsx76(Icon, { name: "chevron-right", size: 16 }) })
+      n > 1 && /* @__PURE__ */ jsxs71("div", { className: "agn-carousel__controls", children: [
+        /* @__PURE__ */ jsx78("button", { type: "button", className: "agn-carousel__arrow agn-focus", "aria-label": l.prev, onClick: () => go(cur - 1), disabled: !loop && cur === 0, children: /* @__PURE__ */ jsx78(Icon, { name: "chevron-left", size: 16 }) }),
+        /* @__PURE__ */ jsx78("div", { className: "agn-carousel__dots", role: "tablist", children: slides.map((_, i) => /* @__PURE__ */ jsx78("button", { type: "button", role: "tab", "aria-selected": i === cur, "aria-label": l.goTo + " " + (i + 1), className: cx("agn-carousel__dot", i === cur && "agn-carousel__dot--active"), onClick: () => go(i) }, i)) }),
+        /* @__PURE__ */ jsx78("button", { type: "button", className: "agn-carousel__arrow agn-focus", "aria-label": l.next, onClick: () => go(cur + 1), disabled: !loop && cur === n - 1, children: /* @__PURE__ */ jsx78(Icon, { name: "chevron-right", size: 16 }) })
       ] })
     ] })
   );
 }
 
 // src/navigation/SetupAssistant.jsx
-import React78 from "react";
-import { jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
-var DEFAULT_LABELS44 = { progress: "completed", done: "Done", optional: "optional" };
+import React81 from "react";
+import { jsx as jsx79, jsxs as jsxs72 } from "react/jsx-runtime";
+var DEFAULT_LABELS45 = { progress: "completed", done: "Done", optional: "optional" };
 function SetupAssistant({ title, description, steps = [], bare, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS44, ...labels };
+  const l = { ...DEFAULT_LABELS45, ...labels };
   const done = steps.filter((s) => s.done).length;
   const pct2 = steps.length ? Math.round(done / steps.length * 100) : 0;
   const nextIdx = steps.findIndex((s) => !s.done);
-  return /* @__PURE__ */ jsxs71("section", { className: cx("agn-setup", bare && "agn-setup--bare", !title && !description && "agn-setup--untitled", className), ...rest, children: [
-    /* @__PURE__ */ jsxs71("header", { className: "agn-setup__head", children: [
-      (title || description) && /* @__PURE__ */ jsxs71("div", { className: "agn-setup__text", children: [
-        title && /* @__PURE__ */ jsx77("h2", { className: "agn-setup__title", children: title }),
-        description && /* @__PURE__ */ jsx77("p", { className: "agn-setup__desc", children: description })
+  return /* @__PURE__ */ jsxs72("section", { className: cx("agn-setup", bare && "agn-setup--bare", !title && !description && "agn-setup--untitled", className), ...rest, children: [
+    /* @__PURE__ */ jsxs72("header", { className: "agn-setup__head", children: [
+      (title || description) && /* @__PURE__ */ jsxs72("div", { className: "agn-setup__text", children: [
+        title && /* @__PURE__ */ jsx79("h2", { className: "agn-setup__title", children: title }),
+        description && /* @__PURE__ */ jsx79("p", { className: "agn-setup__desc", children: description })
       ] }),
-      /* @__PURE__ */ jsxs71("div", { className: "agn-setup__progress", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": steps.length, "aria-valuenow": done, "aria-valuetext": done + " / " + steps.length + " " + l.progress, children: [
-        /* @__PURE__ */ jsxs71("span", { className: "agn-setup__progress-text agn-num", children: [
+      /* @__PURE__ */ jsxs72("div", { className: "agn-setup__progress", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": steps.length, "aria-valuenow": done, "aria-valuetext": done + " / " + steps.length + " " + l.progress, children: [
+        /* @__PURE__ */ jsxs72("span", { className: "agn-setup__progress-text agn-num", children: [
           done,
           "/",
           steps.length,
           " ",
           l.progress
         ] }),
-        /* @__PURE__ */ jsx77("span", { className: "agn-setup__bar", children: /* @__PURE__ */ jsx77("span", { className: "agn-setup__fill", style: { width: pct2 + "%" } }) })
+        /* @__PURE__ */ jsx79("span", { className: "agn-setup__bar", children: /* @__PURE__ */ jsx79("span", { className: "agn-setup__fill", style: { width: pct2 + "%" } }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx77("ol", { className: "agn-setup__steps", children: steps.map((s, i) => {
+    /* @__PURE__ */ jsx79("ol", { className: "agn-setup__steps", children: steps.map((s, i) => {
       const isNext = i === nextIdx;
-      return /* @__PURE__ */ jsxs71("li", { className: cx("agn-setup__step", s.done && "agn-setup__step--done", isNext && "agn-setup__step--next"), children: [
-        /* @__PURE__ */ jsx77("span", { className: "agn-setup__marker agn-num", "aria-hidden": "true", children: s.done ? /* @__PURE__ */ jsx77(Icon, { name: "check", size: 14 }) : i + 1 }),
-        /* @__PURE__ */ jsxs71("div", { className: "agn-setup__body", children: [
-          /* @__PURE__ */ jsxs71("div", { className: "agn-setup__step-title", children: [
+      return /* @__PURE__ */ jsxs72("li", { className: cx("agn-setup__step", s.done && "agn-setup__step--done", isNext && "agn-setup__step--next"), children: [
+        /* @__PURE__ */ jsx79("span", { className: "agn-setup__marker agn-num", "aria-hidden": "true", children: s.done ? /* @__PURE__ */ jsx79(Icon, { name: "check", size: 14 }) : i + 1 }),
+        /* @__PURE__ */ jsxs72("div", { className: "agn-setup__body", children: [
+          /* @__PURE__ */ jsxs72("div", { className: "agn-setup__step-title", children: [
             s.title,
-            s.optional && /* @__PURE__ */ jsx77("span", { className: "agn-setup__optional", children: l.optional }),
-            s.done && /* @__PURE__ */ jsxs71("span", { className: "agn-sr", children: [
+            s.optional && /* @__PURE__ */ jsx79("span", { className: "agn-setup__optional", children: l.optional }),
+            s.done && /* @__PURE__ */ jsxs72("span", { className: "agn-sr", children: [
               " \u2014 ",
               l.done
             ] })
           ] }),
-          s.description && /* @__PURE__ */ jsx77("div", { className: "agn-setup__step-desc", children: s.description })
+          s.description && /* @__PURE__ */ jsx79("div", { className: "agn-setup__step-desc", children: s.description })
         ] }),
-        /* @__PURE__ */ jsxs71("div", { className: "agn-setup__side", children: [
-          s.time && !s.done && /* @__PURE__ */ jsxs71("span", { className: "agn-setup__time", children: [
-            /* @__PURE__ */ jsx77(Icon, { name: "clock", size: 12 }),
+        /* @__PURE__ */ jsxs72("div", { className: "agn-setup__side", children: [
+          s.time && !s.done && /* @__PURE__ */ jsxs72("span", { className: "agn-setup__time", children: [
+            /* @__PURE__ */ jsx79(Icon, { name: "clock", size: 12 }),
             s.time
           ] }),
-          !s.done && s.action && (typeof s.action === "string" ? /* @__PURE__ */ jsx77(Button, { size: "sm", variant: isNext ? "primary" : "neutral", onClick: s.onAction, href: s.href, as: s.href ? "a" : "button", children: s.action }) : s.action)
+          !s.done && s.action && (typeof s.action === "string" ? /* @__PURE__ */ jsx79(Button, { size: "sm", variant: isNext ? "primary" : "neutral", onClick: s.onAction, href: s.href, as: s.href ? "a" : "button", children: s.action }) : s.action)
         ] })
       ] }, s.id || i);
     }) })
@@ -4558,19 +4855,19 @@ function SetupAssistant({ title, description, steps = [], bare, labels, classNam
 }
 
 // src/navigation/WelcomeMat.jsx
-import React79, { useMemo as useMemo4 } from "react";
-import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
-var DEFAULT_LABELS45 = { done: "done", skip: "Skip for now", progress: "completed" };
+import React82, { useMemo as useMemo4 } from "react";
+import { jsx as jsx80, jsxs as jsxs73 } from "react/jsx-runtime";
+var DEFAULT_LABELS46 = { done: "done", skip: "Skip for now", progress: "completed" };
 function WelcomeMat({ title, subtitle, steps = [], onStep, footer, onSkip, brand, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS45, ...labels };
+  const l = { ...DEFAULT_LABELS46, ...labels };
   const done = steps.filter((s) => s.done).length;
   const titleId = useMemo4(() => uid("agn-welcome"), []);
-  return /* @__PURE__ */ jsxs72("section", { className: cx("agn-welcome", className), "aria-labelledby": titleId, ...rest, children: [
-    /* @__PURE__ */ jsxs72("div", { className: "agn-welcome__brand", children: [
-      brand || /* @__PURE__ */ jsx78(AginiesMark, { size: 40, decorative: true }),
-      /* @__PURE__ */ jsx78("h2", { id: titleId, className: "agn-welcome__title", children: title }),
-      subtitle && /* @__PURE__ */ jsx78("p", { className: "agn-welcome__subtitle", children: subtitle }),
-      steps.length > 0 && /* @__PURE__ */ jsxs72("div", { className: "agn-welcome__progress agn-num", children: [
+  return /* @__PURE__ */ jsxs73("section", { className: cx("agn-welcome", className), "aria-labelledby": titleId, ...rest, children: [
+    /* @__PURE__ */ jsxs73("div", { className: "agn-welcome__brand", children: [
+      brand || /* @__PURE__ */ jsx80(AginiesMark, { size: 40, decorative: true }),
+      /* @__PURE__ */ jsx80("h2", { id: titleId, className: "agn-welcome__title", children: title }),
+      subtitle && /* @__PURE__ */ jsx80("p", { className: "agn-welcome__subtitle", children: subtitle }),
+      steps.length > 0 && /* @__PURE__ */ jsxs73("div", { className: "agn-welcome__progress agn-num", children: [
         done,
         "/",
         steps.length,
@@ -4578,76 +4875,76 @@ function WelcomeMat({ title, subtitle, steps = [], onStep, footer, onSkip, brand
         l.progress
       ] })
     ] }),
-    /* @__PURE__ */ jsxs72("div", { className: "agn-welcome__steps", children: [
-      /* @__PURE__ */ jsx78("ol", { className: "agn-welcome__list", children: steps.map((s, i) => {
+    /* @__PURE__ */ jsxs73("div", { className: "agn-welcome__steps", children: [
+      /* @__PURE__ */ jsx80("ol", { className: "agn-welcome__list", children: steps.map((s, i) => {
         const Comp = onStep && !s.done ? "button" : "div";
-        return /* @__PURE__ */ jsx78("li", { children: /* @__PURE__ */ jsxs72(Comp, { type: Comp === "button" ? "button" : void 0, className: cx("agn-welcome__step", s.done && "agn-welcome__step--done", Comp === "button" && "agn-focus"), onClick: Comp === "button" ? () => onStep(s, i) : void 0, children: [
-          /* @__PURE__ */ jsx78("span", { className: cx("agn-welcome__icon", s.done && "agn-welcome__icon--done"), children: /* @__PURE__ */ jsx78(Icon, { name: s.done ? "check" : s.icon || "circle", size: 16 }) }),
-          /* @__PURE__ */ jsxs72("span", { className: "agn-welcome__text", children: [
-            /* @__PURE__ */ jsxs72("span", { className: "agn-welcome__step-title", children: [
+        return /* @__PURE__ */ jsx80("li", { children: /* @__PURE__ */ jsxs73(Comp, { type: Comp === "button" ? "button" : void 0, className: cx("agn-welcome__step", s.done && "agn-welcome__step--done", Comp === "button" && "agn-focus"), onClick: Comp === "button" ? () => onStep(s, i) : void 0, children: [
+          /* @__PURE__ */ jsx80("span", { className: cx("agn-welcome__icon", s.done && "agn-welcome__icon--done"), children: /* @__PURE__ */ jsx80(Icon, { name: s.done ? "check" : s.icon || "circle", size: 16 }) }),
+          /* @__PURE__ */ jsxs73("span", { className: "agn-welcome__text", children: [
+            /* @__PURE__ */ jsxs73("span", { className: "agn-welcome__step-title", children: [
               s.title,
-              s.done && /* @__PURE__ */ jsxs72("span", { className: "agn-sr", children: [
+              s.done && /* @__PURE__ */ jsxs73("span", { className: "agn-sr", children: [
                 ", ",
                 l.done
               ] })
             ] }),
-            s.description && /* @__PURE__ */ jsx78("span", { className: "agn-welcome__step-desc", children: s.description })
+            s.description && /* @__PURE__ */ jsx80("span", { className: "agn-welcome__step-desc", children: s.description })
           ] }),
-          Comp === "button" && /* @__PURE__ */ jsx78(Icon, { name: "arrow-right", size: 14, className: "agn-welcome__arrow" })
+          Comp === "button" && /* @__PURE__ */ jsx80(Icon, { name: "arrow-right", size: 14, className: "agn-welcome__arrow" })
         ] }) }, s.id || i);
       }) }),
-      (footer || onSkip) && /* @__PURE__ */ jsxs72("div", { className: "agn-welcome__footer", children: [
+      (footer || onSkip) && /* @__PURE__ */ jsxs73("div", { className: "agn-welcome__footer", children: [
         footer,
-        onSkip && /* @__PURE__ */ jsx78("button", { type: "button", className: "agn-btn agn-btn--link agn-focus", onClick: onSkip, children: l.skip })
+        onSkip && /* @__PURE__ */ jsx80("button", { type: "button", className: "agn-btn agn-btn--link agn-focus", onClick: onSkip, children: l.skip })
       ] })
     ] })
   ] });
 }
 
 // src/navigation/MobileTabBar.jsx
-import React80 from "react";
-import { jsx as jsx79, jsxs as jsxs73 } from "react/jsx-runtime";
-var DEFAULT_LABELS46 = { navigation: "Main navigation" };
+import React83 from "react";
+import { jsx as jsx81, jsxs as jsxs74 } from "react/jsx-runtime";
+var DEFAULT_LABELS47 = { navigation: "Main navigation" };
 function MobileTabBar({ items = [], active, onChange, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS46, ...labels };
+  const l = { ...DEFAULT_LABELS47, ...labels };
   const list = items.slice(0, 5);
-  return /* @__PURE__ */ jsx79("nav", { className: cx("agn-tabbar", className), "aria-label": l.navigation, ...rest, children: list.map((it) => {
+  return /* @__PURE__ */ jsx81("nav", { className: cx("agn-tabbar", className), "aria-label": l.navigation, ...rest, children: list.map((it) => {
     const sel = it.id === active;
     const Comp = it.href ? "a" : "button";
-    return /* @__PURE__ */ jsxs73(Comp, { href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-tabbar__item", "agn-focus-inset", sel && "agn-tabbar__item--active"), "aria-current": sel ? "page" : void 0, onClick: (e) => {
+    return /* @__PURE__ */ jsxs74(Comp, { href: it.href, type: Comp === "button" ? "button" : void 0, className: cx("agn-tabbar__item", "agn-focus-inset", sel && "agn-tabbar__item--active"), "aria-current": sel ? "page" : void 0, onClick: (e) => {
       if (onChange) {
         if (!it.href) e.preventDefault();
         onChange(it.id, it);
       }
     }, children: [
-      /* @__PURE__ */ jsxs73("span", { className: "agn-tabbar__icon", children: [
-        /* @__PURE__ */ jsx79(Icon, { name: it.icon, size: 20, strokeWidth: sel ? 2.25 : 1.75 }),
-        it.badge != null && /* @__PURE__ */ jsx79(Badge, { tone: "bad", solid: true, size: "sm", count: typeof it.badge === "number" ? it.badge : void 0, className: "agn-tabbar__badge", children: typeof it.badge === "number" ? void 0 : it.badge })
+      /* @__PURE__ */ jsxs74("span", { className: "agn-tabbar__icon", children: [
+        /* @__PURE__ */ jsx81(Icon, { name: it.icon, size: 20, strokeWidth: sel ? 2.25 : 1.75 }),
+        it.badge != null && /* @__PURE__ */ jsx81(Badge, { tone: "bad", solid: true, size: "sm", count: typeof it.badge === "number" ? it.badge : void 0, className: "agn-tabbar__badge", children: typeof it.badge === "number" ? void 0 : it.badge })
       ] }),
-      /* @__PURE__ */ jsx79("span", { className: "agn-tabbar__label", children: it.label })
+      /* @__PURE__ */ jsx81("span", { className: "agn-tabbar__label", children: it.label })
     ] }, it.id);
   }) });
 }
 
 // src/navigation/Pagination.jsx
-import React81 from "react";
-import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
-var DEFAULT_LABELS47 = { of: "of", perPage: "per page", prev: "Previous page", next: "Next page", first: "First page", last: "Last page", page: "Page", pageSize: "Rows per page" };
+import React84 from "react";
+import { jsx as jsx82, jsxs as jsxs75 } from "react/jsx-runtime";
+var DEFAULT_LABELS48 = { of: "of", perPage: "per page", prev: "Previous page", next: "Next page", first: "First page", last: "Last page", page: "Page", pageSize: "Rows per page" };
 function Pagination({ page = 1, pageSize = 25, total = 0, onChange, onPageSizeChange, pageSizes = [10, 25, 50, 100], compact, showEdges, locale, labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS47, ...labels };
+  const l = { ...DEFAULT_LABELS48, ...labels };
   const pages = Math.max(1, Math.ceil(total / pageSize));
   const p = Math.min(Math.max(1, page), pages);
   const from = total === 0 ? 0 : (p - 1) * pageSize + 1;
   const to = Math.min(total, p * pageSize);
   const nf = new Intl.NumberFormat(locale || void 0);
   const go = (n) => onChange && onChange(Math.min(Math.max(1, n), pages));
-  return /* @__PURE__ */ jsxs74("nav", { className: cx("agn-pagination", compact && "agn-pagination--compact", className), "aria-label": l.page, ...rest, children: [
-    !compact && onPageSizeChange && /* @__PURE__ */ jsxs74("label", { className: "agn-pagination__size", children: [
-      /* @__PURE__ */ jsx80("span", { className: "agn-sr", children: l.pageSize }),
-      /* @__PURE__ */ jsx80("select", { className: "agn-pagination__select agn-focus", value: pageSize, onChange: (e) => onPageSizeChange(Number(e.target.value)), children: pageSizes.map((s) => /* @__PURE__ */ jsx80("option", { value: s, children: s }, s)) }),
-      /* @__PURE__ */ jsx80("span", { className: "agn-pagination__size-label", children: l.perPage })
+  return /* @__PURE__ */ jsxs75("nav", { className: cx("agn-pagination", compact && "agn-pagination--compact", className), "aria-label": l.page, ...rest, children: [
+    !compact && onPageSizeChange && /* @__PURE__ */ jsxs75("label", { className: "agn-pagination__size", children: [
+      /* @__PURE__ */ jsx82("span", { className: "agn-sr", children: l.pageSize }),
+      /* @__PURE__ */ jsx82("select", { className: "agn-pagination__select agn-focus", value: pageSize, onChange: (e) => onPageSizeChange(Number(e.target.value)), children: pageSizes.map((s) => /* @__PURE__ */ jsx82("option", { value: s, children: s }, s)) }),
+      /* @__PURE__ */ jsx82("span", { className: "agn-pagination__size-label", children: l.perPage })
     ] }),
-    /* @__PURE__ */ jsxs74("span", { className: "agn-pagination__range agn-num", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsxs75("span", { className: "agn-pagination__range agn-num", "aria-live": "polite", children: [
       nf.format(from),
       "\u2013",
       nf.format(to),
@@ -4656,50 +4953,50 @@ function Pagination({ page = 1, pageSize = 25, total = 0, onChange, onPageSizeCh
       " ",
       nf.format(total)
     ] }),
-    /* @__PURE__ */ jsxs74("span", { className: "agn-pagination__nav", children: [
-      showEdges && /* @__PURE__ */ jsx80("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.first, onClick: () => go(1), disabled: p <= 1, children: /* @__PURE__ */ jsx80(Icon, { name: "chevrons-left", size: 14 }) }),
-      /* @__PURE__ */ jsx80("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.prev, onClick: () => go(p - 1), disabled: p <= 1, children: /* @__PURE__ */ jsx80(Icon, { name: "chevron-left", size: 14 }) }),
-      !compact && /* @__PURE__ */ jsxs74("span", { className: "agn-pagination__page agn-num", children: [
+    /* @__PURE__ */ jsxs75("span", { className: "agn-pagination__nav", children: [
+      showEdges && /* @__PURE__ */ jsx82("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.first, onClick: () => go(1), disabled: p <= 1, children: /* @__PURE__ */ jsx82(Icon, { name: "chevrons-left", size: 14 }) }),
+      /* @__PURE__ */ jsx82("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.prev, onClick: () => go(p - 1), disabled: p <= 1, children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-left", size: 14 }) }),
+      !compact && /* @__PURE__ */ jsxs75("span", { className: "agn-pagination__page agn-num", children: [
         nf.format(p),
         " / ",
         nf.format(pages)
       ] }),
-      /* @__PURE__ */ jsx80("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.next, onClick: () => go(p + 1), disabled: p >= pages, children: /* @__PURE__ */ jsx80(Icon, { name: "chevron-right", size: 14 }) }),
-      showEdges && /* @__PURE__ */ jsx80("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.last, onClick: () => go(pages), disabled: p >= pages, children: /* @__PURE__ */ jsx80(Icon, { name: "chevrons-right", size: 14 }) })
+      /* @__PURE__ */ jsx82("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.next, onClick: () => go(p + 1), disabled: p >= pages, children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-right", size: 14 }) }),
+      showEdges && /* @__PURE__ */ jsx82("button", { type: "button", className: "agn-pagination__btn agn-focus", "aria-label": l.last, onClick: () => go(pages), disabled: p >= pages, children: /* @__PURE__ */ jsx82(Icon, { name: "chevrons-right", size: 14 }) })
     ] })
   ] });
 }
 
 // src/navigation/Stepper.jsx
-import React82 from "react";
-import { jsx as jsx81, jsxs as jsxs75 } from "react/jsx-runtime";
-var DEFAULT_LABELS48 = { done: "done", current: "in progress", upcoming: "upcoming", error: "failed", step: "Step", of: "of" };
+import React85 from "react";
+import { jsx as jsx83, jsxs as jsxs76 } from "react/jsx-runtime";
+var DEFAULT_LABELS49 = { done: "done", current: "in progress", upcoming: "upcoming", error: "failed", step: "Step", of: "of" };
 function Stepper({ steps = [], current = 0, vertical, size = "md", errorSteps = [], labels, className, ...rest }) {
-  const l = { ...DEFAULT_LABELS48, ...labels };
+  const l = { ...DEFAULT_LABELS49, ...labels };
   const list = steps.map((s) => typeof s === "string" ? { label: s } : s);
-  return /* @__PURE__ */ jsx81("ol", { className: cx("agn-stepper", vertical ? "agn-stepper--vertical" : "agn-stepper--horizontal", size !== "md" && "agn-stepper--" + size, className), "aria-label": l.step + " " + (current + 1) + " " + l.of + " " + list.length, ...rest, children: list.map((s, i) => {
+  return /* @__PURE__ */ jsx83("ol", { className: cx("agn-stepper", vertical ? "agn-stepper--vertical" : "agn-stepper--horizontal", size !== "md" && "agn-stepper--" + size, className), "aria-label": l.step + " " + (current + 1) + " " + l.of + " " + list.length, ...rest, children: list.map((s, i) => {
     const st = errorSteps.includes(i) || s.error ? "error" : i < current ? "done" : i === current ? "current" : "upcoming";
-    return /* @__PURE__ */ jsxs75("li", { className: cx("agn-stepper__step", "agn-stepper__step--" + st), "aria-current": st === "current" ? "step" : void 0, children: [
-      /* @__PURE__ */ jsx81("span", { className: "agn-stepper__marker", "aria-hidden": "true", children: st === "done" ? /* @__PURE__ */ jsx81(Icon, { name: "check", size: 12 }) : st === "error" ? /* @__PURE__ */ jsx81(Icon, { name: "x", size: 12 }) : st === "current" ? /* @__PURE__ */ jsx81("span", { className: "agn-stepper__pulse" }) : null }),
-      /* @__PURE__ */ jsxs75("span", { className: "agn-stepper__text", children: [
-        /* @__PURE__ */ jsxs75("span", { className: "agn-stepper__label", children: [
+    return /* @__PURE__ */ jsxs76("li", { className: cx("agn-stepper__step", "agn-stepper__step--" + st), "aria-current": st === "current" ? "step" : void 0, children: [
+      /* @__PURE__ */ jsx83("span", { className: "agn-stepper__marker", "aria-hidden": "true", children: st === "done" ? /* @__PURE__ */ jsx83(Icon, { name: "check", size: 12 }) : st === "error" ? /* @__PURE__ */ jsx83(Icon, { name: "x", size: 12 }) : st === "current" ? /* @__PURE__ */ jsx83("span", { className: "agn-stepper__pulse" }) : null }),
+      /* @__PURE__ */ jsxs76("span", { className: "agn-stepper__text", children: [
+        /* @__PURE__ */ jsxs76("span", { className: "agn-stepper__label", children: [
           s.label,
-          /* @__PURE__ */ jsxs75("span", { className: "agn-sr", children: [
+          /* @__PURE__ */ jsxs76("span", { className: "agn-sr", children: [
             ", ",
             l[st]
           ] })
         ] }),
-        s.description && /* @__PURE__ */ jsx81("span", { className: "agn-stepper__desc", children: s.description }),
-        s.meta && /* @__PURE__ */ jsx81("span", { className: "agn-stepper__meta", children: s.meta })
+        s.description && /* @__PURE__ */ jsx83("span", { className: "agn-stepper__desc", children: s.description }),
+        s.meta && /* @__PURE__ */ jsx83("span", { className: "agn-stepper__meta", children: s.meta })
       ] }),
-      i < list.length - 1 && /* @__PURE__ */ jsx81("span", { className: "agn-stepper__line", "aria-hidden": "true" })
+      i < list.length - 1 && /* @__PURE__ */ jsx83("span", { className: "agn-stepper__line", "aria-hidden": "true" })
     ] }, i);
   }) });
 }
 
 // src/feedback/AginiesLoader.jsx
-import React83 from "react";
-import { jsx as jsx82, jsxs as jsxs76 } from "react/jsx-runtime";
+import React86 from "react";
+import { jsx as jsx84, jsxs as jsxs77 } from "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 };
@@ -4708,23 +5005,23 @@ function AginiesLoader({ tier = "region", variant = "orbit", label, showLabel, l
   const visible = showLabel != null ? showLabel : tier === "page";
   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__ */ jsxs76(Tag2, { className: cx("agn-loader", "agn-loader--" + tier, "agn-loader--" + variant, className), role: "status", "aria-busy": "true", "aria-live": "polite", ...rest, children: [
-      /* @__PURE__ */ jsx82("span", { className: "agn-loader__mark", children: /* @__PURE__ */ jsx82(AginiesMark, { size: SIZE[tier] || SIZE.region, decorative: true }) }),
-      tier === "page" && /* @__PURE__ */ jsx82("span", { className: "agn-loader__word", children: "Aginies" }),
-      visible ? /* @__PURE__ */ jsx82("span", { className: "agn-loader__label", children: text }) : /* @__PURE__ */ jsx82("span", { className: "agn-sr", children: text })
+    /* @__PURE__ */ jsxs77(Tag2, { className: cx("agn-loader", "agn-loader--" + tier, "agn-loader--" + variant, className), role: "status", "aria-busy": "true", "aria-live": "polite", ...rest, children: [
+      /* @__PURE__ */ jsx84("span", { className: "agn-loader__mark", children: /* @__PURE__ */ jsx84(AginiesMark, { size: SIZE[tier] || SIZE.region, decorative: true }) }),
+      tier === "page" && /* @__PURE__ */ jsx84("span", { className: "agn-loader__word", children: "Aginies" }),
+      visible ? /* @__PURE__ */ jsx84("span", { className: "agn-loader__label", children: text }) : /* @__PURE__ */ jsx84("span", { className: "agn-sr", children: text })
     ] })
   );
 }
 
 // src/feedback/Skeleton.jsx
-import React84 from "react";
-import { jsx as jsx83, jsxs as jsxs77 } from "react/jsx-runtime";
-var WIDTHS = ["72%", "48%", "60%", "36%", "82%", "54%"];
+import React87 from "react";
+import { jsx as jsx85, jsxs as jsxs78 } from "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__ */ jsx83("div", { className: cx("agn-skeleton-text", className), style: { width, ...style }, "aria-hidden": "true", ...rest, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx83("span", { className: "agn-skeleton agn-skeleton--line", style: lines > 1 && i === lines - 1 ? { width: "62%" } : void 0 }, i)) });
+    return /* @__PURE__ */ jsx85("div", { className: cx("agn-skeleton-text", className), style: { width, ...style }, "aria-hidden": "true", ...rest, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx85("span", { className: "agn-skeleton agn-skeleton--line", style: lines > 1 && i === lines - 1 ? { width: "62%" } : void 0 }, i)) });
   }
-  return /* @__PURE__ */ jsx83("span", { className: cx("agn-skeleton", "agn-skeleton--" + shape, className), style: { width, height, ...style }, "aria-hidden": "true", ...rest });
+  return /* @__PURE__ */ jsx85("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 };
@@ -4732,96 +5029,96 @@ function PageSkeleton({ header = true, rows = 6, columns = 4, labels, className,
   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__ */ jsxs77("div", { className: cx("agn-page-skeleton", className), role: "status", "aria-busy": "true", ...rest, children: [
-      /* @__PURE__ */ jsx83("span", { className: "agn-sr", children: L.loading }),
-      header && /* @__PURE__ */ jsxs77("div", { className: "agn-page-skeleton__header", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsxs77("div", { children: [
-          /* @__PURE__ */ jsx83(Skeleton, { shape: "line", width: 88, height: 8 }),
-          /* @__PURE__ */ jsx83(Skeleton, { shape: "rect", width: 236, height: 22, style: { marginTop: 10 } })
+    /* @__PURE__ */ jsxs78("div", { className: cx("agn-page-skeleton", className), role: "status", "aria-busy": "true", ...rest, children: [
+      /* @__PURE__ */ jsx85("span", { className: "agn-sr", children: L.loading }),
+      header && /* @__PURE__ */ jsxs78("div", { className: "agn-page-skeleton__header", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxs78("div", { children: [
+          /* @__PURE__ */ jsx85(Skeleton, { shape: "line", width: 88, height: 8 }),
+          /* @__PURE__ */ jsx85(Skeleton, { shape: "rect", width: 236, height: 22, style: { marginTop: 10 } })
         ] }),
-        /* @__PURE__ */ jsx83(Skeleton, { shape: "rect", width: 108, height: "var(--control-h)" })
+        /* @__PURE__ */ jsx85(Skeleton, { shape: "rect", width: 108, height: "var(--control-h)" })
       ] }),
-      /* @__PURE__ */ jsxs77("div", { className: "agn-page-skeleton__table", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx83("div", { className: "agn-page-skeleton__row agn-page-skeleton__row--head", style: grid, children: cols.map((c) => /* @__PURE__ */ jsx83(Skeleton, { shape: "line", width: "46%", height: 8 }, c)) }),
-        Array.from({ length: rows }, (_, r) => /* @__PURE__ */ jsx83("div", { className: "agn-page-skeleton__row", style: grid, children: cols.map((c) => /* @__PURE__ */ jsx83(Skeleton, { shape: "line", width: WIDTHS[(r + c) % WIDTHS.length] }, c)) }, r))
+      /* @__PURE__ */ jsxs78("div", { className: "agn-page-skeleton__table", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx85("div", { className: "agn-page-skeleton__row agn-page-skeleton__row--head", style: grid, children: cols.map((c) => /* @__PURE__ */ jsx85(Skeleton, { shape: "line", width: "46%", height: 8 }, c)) }),
+        Array.from({ length: rows }, (_, r) => /* @__PURE__ */ jsx85("div", { className: "agn-page-skeleton__row", style: grid, children: cols.map((c) => /* @__PURE__ */ jsx85(Skeleton, { shape: "line", width: WIDTHS2[(r + c) % WIDTHS2.length] }, c)) }, r))
       ] })
     ] })
   );
 }
 
 // src/feedback/Alert.jsx
-import React85 from "react";
-import { jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
+import React88 from "react";
+import { jsx as jsx86, jsxs as jsxs79 } from "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__ */ jsxs78("div", { className: cx("agn-alert", "agn-alert--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
-    /* @__PURE__ */ jsx84(Icon, { name: icon || TONE_ICON[tone] || "info", size: 16, className: "agn-alert__icon" }),
-    /* @__PURE__ */ jsxs78("div", { className: "agn-alert__body", children: [
-      title && /* @__PURE__ */ jsx84("div", { className: "agn-alert__title", children: title }),
-      children != null && /* @__PURE__ */ jsx84("div", { className: "agn-alert__text", children }),
-      actions && /* @__PURE__ */ jsx84("div", { className: "agn-alert__actions", children: actions })
+  return /* @__PURE__ */ jsxs79("div", { className: cx("agn-alert", "agn-alert--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
+    /* @__PURE__ */ jsx86(Icon, { name: icon || TONE_ICON[tone] || "info", size: 16, className: "agn-alert__icon" }),
+    /* @__PURE__ */ jsxs79("div", { className: "agn-alert__body", children: [
+      title && /* @__PURE__ */ jsx86("div", { className: "agn-alert__title", children: title }),
+      children != null && /* @__PURE__ */ jsx86("div", { className: "agn-alert__text", children }),
+      actions && /* @__PURE__ */ jsx86("div", { className: "agn-alert__actions", children: actions })
     ] }),
-    onDismiss && /* @__PURE__ */ jsx84(ButtonIcon, { icon: "x", label: L.dismiss, size: "xs", onClick: onDismiss, className: "agn-alert__close" })
+    onDismiss && /* @__PURE__ */ jsx86(ButtonIcon, { icon: "x", label: L.dismiss, size: "xs", onClick: onDismiss, className: "agn-alert__close" })
   ] });
 }
 
 // src/feedback/Toast.jsx
-import React86 from "react";
-import { jsx as jsx85, jsxs as jsxs79 } from "react/jsx-runtime";
+import React89 from "react";
+import { jsx as jsx87, jsxs as jsxs80 } from "react/jsx-runtime";
 function Toast({ tone = "ok", title, children, action, onDismiss, duration, labels, className, ...rest }) {
   const L = { dismiss: "Dismiss", ...labels };
-  React86.useEffect(() => {
+  React89.useEffect(() => {
     if (!duration || !onDismiss) return;
     const t = setTimeout(onDismiss, duration);
     return () => clearTimeout(t);
   }, [duration, onDismiss]);
-  return /* @__PURE__ */ jsxs79("div", { className: cx("agn-toast", "agn-toast--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
-    /* @__PURE__ */ jsx85(Icon, { name: TONE_ICON[tone] || "info", size: 16, className: "agn-toast__icon" }),
-    /* @__PURE__ */ jsxs79("div", { className: "agn-toast__body", children: [
-      title && /* @__PURE__ */ jsx85("div", { className: "agn-toast__title", children: title }),
-      children != null && /* @__PURE__ */ jsx85("div", { className: "agn-toast__text", children }),
-      action && /* @__PURE__ */ jsx85("div", { className: "agn-toast__action", children: action })
+  return /* @__PURE__ */ jsxs80("div", { className: cx("agn-toast", "agn-toast--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
+    /* @__PURE__ */ jsx87(Icon, { name: TONE_ICON[tone] || "info", size: 16, className: "agn-toast__icon" }),
+    /* @__PURE__ */ jsxs80("div", { className: "agn-toast__body", children: [
+      title && /* @__PURE__ */ jsx87("div", { className: "agn-toast__title", children: title }),
+      children != null && /* @__PURE__ */ jsx87("div", { className: "agn-toast__text", children }),
+      action && /* @__PURE__ */ jsx87("div", { className: "agn-toast__action", children: action })
     ] }),
-    onDismiss && /* @__PURE__ */ jsx85(ButtonIcon, { icon: "x", label: L.dismiss, size: "xs", onClick: onDismiss, className: "agn-toast__close" })
+    onDismiss && /* @__PURE__ */ jsx87(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__ */ jsx85("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__ */ jsx87("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] = React86.useState([]);
-  const [tick, setTick] = React86.useState(0);
-  const queue = React86.useRef([]);
-  const timers = React86.useRef({});
-  const dismiss = React86.useCallback((id) => {
+  const [live, setLive] = React89.useState([]);
+  const [tick, setTick] = React89.useState(0);
+  const queue = React89.useRef([]);
+  const timers = React89.useRef({});
+  const dismiss = React89.useCallback((id) => {
     clearTimeout(timers.current[id]);
     delete timers.current[id];
     setLive((l) => l.filter((t) => t.id !== id));
   }, []);
-  React86.useEffect(() => {
+  React89.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]);
-  React86.useEffect(() => {
+  React89.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]);
-  React86.useEffect(() => () => Object.values(timers.current).forEach(clearTimeout), []);
-  const push = React86.useCallback((toast) => {
+  React89.useEffect(() => () => Object.values(timers.current).forEach(clearTimeout), []);
+  const push = React89.useCallback((toast) => {
     const t = { id: uid("toast"), tone: "ok", ...toast };
     queue.current.push(t);
     setTick((n) => n + 1);
     return t.id;
   }, []);
-  const clear = React86.useCallback(() => {
+  const clear = React89.useCallback(() => {
     queue.current = [];
     Object.values(timers.current).forEach(clearTimeout);
     timers.current = {};
@@ -4831,39 +5128,39 @@ function useToasts({ duration = 5e3, max = 3 } = {}) {
 }
 
 // src/feedback/ScopedNotification.jsx
-import React87 from "react";
-import { jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
+import React90 from "react";
+import { jsx as jsx88, jsxs as jsxs81 } from "react/jsx-runtime";
 function ScopedNotification({ tone = "neutral", icon, children, action, className, ...rest }) {
-  return /* @__PURE__ */ jsxs80("div", { className: cx("agn-scoped", "agn-scoped--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
-    /* @__PURE__ */ jsx86(Icon, { name: icon || TONE_ICON[tone] || "info", size: 14, className: "agn-scoped__icon" }),
-    /* @__PURE__ */ jsx86("div", { className: "agn-scoped__text", children }),
-    action && /* @__PURE__ */ jsx86("div", { className: "agn-scoped__action", children: action })
+  return /* @__PURE__ */ jsxs81("div", { className: cx("agn-scoped", "agn-scoped--" + tone, className), role: tone === "bad" ? "alert" : "status", ...rest, children: [
+    /* @__PURE__ */ jsx88(Icon, { name: icon || TONE_ICON[tone] || "info", size: 14, className: "agn-scoped__icon" }),
+    /* @__PURE__ */ jsx88("div", { className: "agn-scoped__text", children }),
+    action && /* @__PURE__ */ jsx88("div", { className: "agn-scoped__action", children: action })
   ] });
 }
 
 // src/feedback/Notification.jsx
-import React88 from "react";
-import { jsx as jsx87, jsxs as jsxs81 } from "react/jsx-runtime";
+import React91 from "react";
+import { jsx as jsx89, jsxs as jsxs82 } from "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__ */ jsxs81(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__ */ jsx87("span", { className: "agn-notif__dot", "aria-hidden": "true" }),
-    avatar ? /* @__PURE__ */ jsx87("span", { className: "agn-notif__avatar", "aria-hidden": "true", children: initials2(avatar) }) : /* @__PURE__ */ jsx87("span", { className: "agn-notif__tile", "aria-hidden": "true", children: /* @__PURE__ */ jsx87(Icon, { name: icon || "bell", size: 16 }) }),
-    /* @__PURE__ */ jsxs81("span", { className: "agn-notif__body", children: [
-      /* @__PURE__ */ jsxs81("span", { className: "agn-notif__title", children: [
+  return /* @__PURE__ */ jsxs82(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__ */ jsx89("span", { className: "agn-notif__dot", "aria-hidden": "true" }),
+    avatar ? /* @__PURE__ */ jsx89("span", { className: "agn-notif__avatar", "aria-hidden": "true", children: initials2(avatar) }) : /* @__PURE__ */ jsx89("span", { className: "agn-notif__tile", "aria-hidden": "true", children: /* @__PURE__ */ jsx89(Icon, { name: icon || "bell", size: 16 }) }),
+    /* @__PURE__ */ jsxs82("span", { className: "agn-notif__body", children: [
+      /* @__PURE__ */ jsxs82("span", { className: "agn-notif__title", children: [
         title,
-        unread && /* @__PURE__ */ jsxs81("span", { className: "agn-sr", children: [
+        unread && /* @__PURE__ */ jsxs82("span", { className: "agn-sr", children: [
           " (",
           NL.unread,
           ")"
         ] })
       ] }),
-      message && /* @__PURE__ */ jsx87("span", { className: "agn-notif__msg", children: message }),
-      object && /* @__PURE__ */ jsx87("span", { className: "agn-notif__object", children: object })
+      message && /* @__PURE__ */ jsx89("span", { className: "agn-notif__msg", children: message }),
+      object && /* @__PURE__ */ jsx89("span", { className: "agn-notif__object", children: object })
     ] }),
-    time && /* @__PURE__ */ jsx87("span", { className: "agn-notif__time", children: time })
+    time && /* @__PURE__ */ jsx89("span", { className: "agn-notif__time", children: time })
   ] });
 }
 function dayLabel(date, L, locale) {
@@ -4889,36 +5186,36 @@ function NotificationList({ title, items = [], children, onMarkAll, locale = "tr
     g.items.push(it);
   });
   const unread = items.filter((i) => i.unread).length;
-  return /* @__PURE__ */ jsxs81("section", { className: cx("agn-notif-list", bare && "agn-notif-list--bare", className), "aria-label": title || L.title, ...rest, children: [
-    header && /* @__PURE__ */ jsxs81("header", { className: "agn-notif-list__head", children: [
-      /* @__PURE__ */ jsxs81("h3", { className: "agn-notif-list__title", children: [
+  return /* @__PURE__ */ jsxs82("section", { className: cx("agn-notif-list", bare && "agn-notif-list--bare", className), "aria-label": title || L.title, ...rest, children: [
+    header && /* @__PURE__ */ jsxs82("header", { className: "agn-notif-list__head", children: [
+      /* @__PURE__ */ jsxs82("h3", { className: "agn-notif-list__title", children: [
         title || L.title,
-        unread > 0 && /* @__PURE__ */ jsx87("span", { className: "agn-notif-list__count", children: unread })
+        unread > 0 && /* @__PURE__ */ jsx89("span", { className: "agn-notif-list__count", children: unread })
       ] }),
-      onMarkAll && /* @__PURE__ */ jsx87(Button, { variant: "link", size: "sm", onClick: onMarkAll, children: L.markAll })
+      onMarkAll && /* @__PURE__ */ jsx89(Button, { variant: "link", size: "sm", onClick: onMarkAll, children: L.markAll })
     ] }),
-    /* @__PURE__ */ jsxs81("div", { className: "agn-notif-list__body", children: [
-      groups.map((g) => /* @__PURE__ */ jsxs81("div", { className: "agn-notif-list__group", children: [
-        g.key && /* @__PURE__ */ jsx87("div", { className: "agn-eyebrow agn-eyebrow--quiet agn-notif-list__day", children: g.key }),
+    /* @__PURE__ */ jsxs82("div", { className: "agn-notif-list__body", children: [
+      groups.map((g) => /* @__PURE__ */ jsxs82("div", { className: "agn-notif-list__group", children: [
+        g.key && /* @__PURE__ */ jsx89("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__ */ jsx87(Notification, { labels: { unread: L.unread }, ...p }, id || i);
+          return /* @__PURE__ */ jsx89(Notification, { labels: { unread: L.unread }, ...p }, id || i);
         })
       ] }, g.key || "all")),
       children,
-      !items.length && !children && /* @__PURE__ */ jsx87("div", { className: "agn-notif-list__empty", children: L.empty })
+      !items.length && !children && /* @__PURE__ */ jsx89("div", { className: "agn-notif-list__empty", children: L.empty })
     ] })
   ] });
 }
 
 // src/feedback/Modal.jsx
-import React89 from "react";
-import { jsx as jsx88, jsxs as jsxs82 } from "react/jsx-runtime";
-var FOCUSABLE = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
+import React92 from "react";
+import { jsx as jsx90, jsxs as jsxs83 } from "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 = React89.useRef(onClose);
+  const closeRef = React92.useRef(onClose);
   closeRef.current = onClose;
-  React89.useEffect(() => {
+  React92.useEffect(() => {
     if (!open) return;
     const previous = document.activeElement;
     const onKey = (e) => {
@@ -4928,7 +5225,7 @@ function useDialog(open, onClose, ref, { lockScroll = true, autoFocus = true } =
         return;
       }
       if (e.key !== "Tab" || !ref.current) return;
-      const f = Array.from(ref.current.querySelectorAll(FOCUSABLE));
+      const f = Array.from(ref.current.querySelectorAll(FOCUSABLE2));
       if (!f.length) {
         e.preventDefault();
         ref.current.focus();
@@ -4949,7 +5246,7 @@ function useDialog(open, onClose, ref, { lockScroll = true, autoFocus = true } =
     const t = setTimeout(() => {
       const el = ref.current;
       if (!el || !autoFocus) return;
-      const target = el.querySelector("[data-autofocus]") || Array.from(el.querySelectorAll(FOCUSABLE)).find((x) => !x.hasAttribute("data-dialog-close")) || el;
+      const target = el.querySelector("[data-autofocus]") || Array.from(el.querySelectorAll(FOCUSABLE2)).find((x) => !x.hasAttribute("data-dialog-close")) || el;
       target.focus();
     }, 20);
     return () => {
@@ -4962,99 +5259,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 = React89.useRef(null);
-  const ids = React89.useMemo(() => ({ t: uid("modal-title"), d: uid("modal-desc") }), []);
+  const ref = React92.useRef(null);
+  const ids = React92.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__ */ jsx88("div", { className: "agn-scrim", onMouseDown: (e) => {
+    /* @__PURE__ */ jsx90("div", { className: "agn-scrim", onMouseDown: (e) => {
       if (scrimClose && e.target === e.currentTarget && onClose) onClose();
-    }, children: /* @__PURE__ */ jsxs82("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__ */ jsxs82("header", { className: "agn-modal__head", children: [
-        /* @__PURE__ */ jsxs82("div", { className: "agn-modal__heading", children: [
-          title && /* @__PURE__ */ jsx88("h2", { id: ids.t, className: "agn-modal__title", children: title }),
-          description && /* @__PURE__ */ jsx88("p", { id: ids.d, className: "agn-modal__desc", children: description })
+    }, children: /* @__PURE__ */ jsxs83("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__ */ jsxs83("header", { className: "agn-modal__head", children: [
+        /* @__PURE__ */ jsxs83("div", { className: "agn-modal__heading", children: [
+          title && /* @__PURE__ */ jsx90("h2", { id: ids.t, className: "agn-modal__title", children: title }),
+          description && /* @__PURE__ */ jsx90("p", { id: ids.d, className: "agn-modal__desc", children: description })
         ] }),
-        !hideClose && /* @__PURE__ */ jsx88(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "", className: "agn-modal__close" })
+        !hideClose && /* @__PURE__ */ jsx90(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "", className: "agn-modal__close" })
       ] }),
-      /* @__PURE__ */ jsx88("div", { className: cx("agn-modal__body", bodyClassName), children }),
-      footer && /* @__PURE__ */ jsx88("footer", { className: "agn-modal__foot", children: footer })
+      /* @__PURE__ */ jsx90("div", { className: cx("agn-modal__body", bodyClassName), children }),
+      footer && /* @__PURE__ */ jsx90("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 = React89.useRef(null);
-  const ids = React89.useMemo(() => ({ t: uid("prompt-title"), d: uid("prompt-desc") }), []);
+  const ref = React92.useRef(null);
+  const ids = React92.useMemo(() => ({ t: uid("prompt-title"), d: uid("prompt-desc") }), []);
   useDialog(open, onClose, ref);
   if (!open) return null;
-  return /* @__PURE__ */ jsx88("div", { className: "agn-scrim", children: /* @__PURE__ */ jsxs82("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__ */ jsxs82("div", { className: "agn-prompt__body", children: [
-      /* @__PURE__ */ jsx88("span", { className: "agn-prompt__icon", children: /* @__PURE__ */ jsx88(Icon, { name: icon || PROMPT_ICON[tone] || "info", size: 20 }) }),
-      /* @__PURE__ */ jsxs82("div", { children: [
-        /* @__PURE__ */ jsx88("h2", { id: ids.t, className: "agn-modal__title", children: title }),
-        /* @__PURE__ */ jsxs82("div", { id: ids.d, className: "agn-prompt__text", children: [
+  return /* @__PURE__ */ jsx90("div", { className: "agn-scrim", children: /* @__PURE__ */ jsxs83("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__ */ jsxs83("div", { className: "agn-prompt__body", children: [
+      /* @__PURE__ */ jsx90("span", { className: "agn-prompt__icon", children: /* @__PURE__ */ jsx90(Icon, { name: icon || PROMPT_ICON[tone] || "info", size: 20 }) }),
+      /* @__PURE__ */ jsxs83("div", { children: [
+        /* @__PURE__ */ jsx90("h2", { id: ids.t, className: "agn-modal__title", children: title }),
+        /* @__PURE__ */ jsxs83("div", { id: ids.d, className: "agn-prompt__text", children: [
           children,
-          consequence && /* @__PURE__ */ jsx88("p", { className: "agn-prompt__consequence", children: consequence })
+          consequence && /* @__PURE__ */ jsx90("p", { className: "agn-prompt__consequence", children: consequence })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs82("footer", { className: "agn-modal__foot", children: [
-      /* @__PURE__ */ jsx88(Button, { onClick: onClose, disabled: loading2, children: cancelLabel || L.cancel }),
-      /* @__PURE__ */ jsx88(Button, { variant: tone === "bad" ? "destructive" : "primary", onClick: onConfirm, loading: loading2, "data-autofocus": "", children: confirmLabel || L.confirm })
+    /* @__PURE__ */ jsxs83("footer", { className: "agn-modal__foot", children: [
+      /* @__PURE__ */ jsx90(Button, { onClick: onClose, disabled: loading2, children: cancelLabel || L.cancel }),
+      /* @__PURE__ */ jsx90(Button, { variant: tone === "bad" ? "destructive" : "primary", onClick: onConfirm, loading: loading2, "data-autofocus": "", children: confirmLabel || L.confirm })
     ] })
   ] }) });
 }
 
 // src/feedback/Sheet.jsx
-import React90 from "react";
-import { jsx as jsx89, jsxs as jsxs83 } from "react/jsx-runtime";
+import React93 from "react";
+import { jsx as jsx91, jsxs as jsxs84 } from "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 = React90.useRef(null);
-  const ids = React90.useMemo(() => ({ t: uid("sheet-title"), d: uid("sheet-desc") }), []);
+  const ref = React93.useRef(null);
+  const ids = React93.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__ */ jsx89("div", { className: cx("agn-sheet-scrim", contained && "agn-sheet-scrim--contained"), onMouseDown: (e) => {
+    /* @__PURE__ */ jsx91("div", { className: cx("agn-sheet-scrim", contained && "agn-sheet-scrim--contained"), onMouseDown: (e) => {
       if (scrimClose && e.target === e.currentTarget && onClose) onClose();
-    }, children: /* @__PURE__ */ jsxs83("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__ */ jsx89("span", { className: "agn-sheet__handle", "aria-hidden": "true" }),
-      (title || !hideClose) && /* @__PURE__ */ jsxs83("header", { className: "agn-sheet__head", children: [
-        /* @__PURE__ */ jsxs83("div", { className: "agn-sheet__heading", children: [
-          title && /* @__PURE__ */ jsx89("h2", { id: ids.t, className: "agn-sheet__title", children: title }),
-          description && /* @__PURE__ */ jsx89("p", { id: ids.d, className: "agn-sheet__desc", children: description })
+    }, children: /* @__PURE__ */ jsxs84("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__ */ jsx91("span", { className: "agn-sheet__handle", "aria-hidden": "true" }),
+      (title || !hideClose) && /* @__PURE__ */ jsxs84("header", { className: "agn-sheet__head", children: [
+        /* @__PURE__ */ jsxs84("div", { className: "agn-sheet__heading", children: [
+          title && /* @__PURE__ */ jsx91("h2", { id: ids.t, className: "agn-sheet__title", children: title }),
+          description && /* @__PURE__ */ jsx91("p", { id: ids.d, className: "agn-sheet__desc", children: description })
         ] }),
-        !hideClose && /* @__PURE__ */ jsx89(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "" })
+        !hideClose && /* @__PURE__ */ jsx91(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose, "data-dialog-close": "" })
       ] }),
-      /* @__PURE__ */ jsx89("div", { className: "agn-sheet__body", children }),
-      footer && /* @__PURE__ */ jsx89("footer", { className: "agn-sheet__foot", children: footer })
+      /* @__PURE__ */ jsx91("div", { className: "agn-sheet__body", children }),
+      footer && /* @__PURE__ */ jsx91("footer", { className: "agn-sheet__foot", children: footer })
     ] }) })
   );
 }
 
 // src/feedback/Popover.jsx
-import React91 from "react";
-import { jsx as jsx90, jsxs as jsxs84 } from "react/jsx-runtime";
+import React94 from "react";
+import { jsx as jsx92, jsxs as jsxs85 } from "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] = React91.useState(defaultOpen);
+  const [own, setOwn] = React94.useState(defaultOpen);
   const controlled = openProp != null;
   const open = controlled ? openProp : own;
-  const wrap = React91.useRef(null);
-  const pop = React91.useRef(null);
-  const byUser = React91.useRef(false);
-  const id = React91.useMemo(() => uid("pop"), []);
+  const wrap = React94.useRef(null);
+  const pop = React94.useRef(null);
+  const byUser = React94.useRef(false);
+  const id = React94.useMemo(() => uid("pop"), []);
   const set = (v) => {
     if (!controlled) setOwn(v);
     onOpenChange && onOpenChange(v);
   };
-  const setRef = React91.useRef(set);
+  const setRef = React94.useRef(set);
   setRef.current = set;
-  React91.useEffect(() => {
+  React94.useEffect(() => {
     if (!open || isStatic) return;
     const down = (e) => {
       if (wrap.current && !wrap.current.contains(e.target)) setRef.current(false);
@@ -5077,18 +5374,18 @@ function Popover({ trigger, open: openProp, defaultOpen = false, onOpenChange, p
       document.removeEventListener("keydown", key);
     };
   }, [open]);
-  const layer = /* @__PURE__ */ jsxs84("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__ */ jsx90("span", { className: "agn-pop__arrow", "aria-hidden": "true" }),
-    (title || !hideClose) && /* @__PURE__ */ jsxs84("div", { className: "agn-pop__head", children: [
-      title && /* @__PURE__ */ jsx90("div", { className: "agn-pop__title", children: title }),
-      !hideClose && /* @__PURE__ */ jsx90(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: () => set(false), className: "agn-pop__close" })
+  const layer = /* @__PURE__ */ jsxs85("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__ */ jsx92("span", { className: "agn-pop__arrow", "aria-hidden": "true" }),
+    (title || !hideClose) && /* @__PURE__ */ jsxs85("div", { className: "agn-pop__head", children: [
+      title && /* @__PURE__ */ jsx92("div", { className: "agn-pop__title", children: title }),
+      !hideClose && /* @__PURE__ */ jsx92(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: () => set(false), className: "agn-pop__close" })
     ] }),
-    /* @__PURE__ */ jsx90("div", { className: "agn-pop__body", children }),
-    footer && /* @__PURE__ */ jsx90("div", { className: "agn-pop__foot", children: footer })
+    /* @__PURE__ */ jsx92("div", { className: "agn-pop__body", children }),
+    footer && /* @__PURE__ */ jsx92("div", { className: "agn-pop__foot", children: footer })
   ] });
   if (isStatic) return layer;
-  return /* @__PURE__ */ jsxs84("span", { className: "agn-pop-wrap", ref: wrap, children: [
-    trigger && React91.cloneElement(trigger, { onClick: (e) => {
+  return /* @__PURE__ */ jsxs85("span", { className: "agn-pop-wrap", ref: wrap, children: [
+    trigger && React94.cloneElement(trigger, { onClick: (e) => {
       trigger.props.onClick && trigger.props.onClick(e);
       byUser.current = !open;
       set(!open);
@@ -5098,13 +5395,13 @@ function Popover({ trigger, open: openProp, defaultOpen = false, onOpenChange, p
 }
 
 // src/feedback/Tooltip.jsx
-import React92 from "react";
-import { jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
+import React95 from "react";
+import { jsx as jsx93, jsxs as jsxs86 } from "react/jsx-runtime";
 function Tooltip({ content, kbd, placement = "top", delay = 400, open: openProp, children, className, ...rest }) {
-  const [own, setOwn] = React92.useState(false);
+  const [own, setOwn] = React95.useState(false);
   const open = openProp != null ? openProp : own;
-  const timer = React92.useRef(null);
-  const id = React92.useMemo(() => uid("tip"), []);
+  const timer = React95.useRef(null);
+  const id = React95.useMemo(() => uid("tip"), []);
   const show2 = () => {
     clearTimeout(timer.current);
     timer.current = setTimeout(() => setOwn(true), delay);
@@ -5113,119 +5410,88 @@ function Tooltip({ content, kbd, placement = "top", delay = 400, open: openProp,
     clearTimeout(timer.current);
     setOwn(false);
   };
-  React92.useEffect(() => () => clearTimeout(timer.current), []);
-  React92.useEffect(() => {
+  React95.useEffect(() => () => clearTimeout(timer.current), []);
+  React95.useEffect(() => {
     if (!open) return;
     const k = (e) => e.key === "Escape" && hide();
     document.addEventListener("keydown", k);
     return () => document.removeEventListener("keydown", k);
   }, [open]);
-  const child = React92.Children.only(children);
+  const child = React95.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__ */ jsxs85("span", { className: cx("agn-tip-wrap", className), onMouseEnter: show2, onMouseLeave: hide, onFocus: show2, onBlur: hide, ...rest, children: [
-      React92.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] }),
-      open && /* @__PURE__ */ jsxs85("span", { role: "tooltip", id, className: cx("agn-tip", "agn-tip--" + placement), children: [
+    /* @__PURE__ */ jsxs86("span", { className: cx("agn-tip-wrap", className), onMouseEnter: show2, onMouseLeave: hide, onFocus: show2, onBlur: hide, ...rest, children: [
+      React95.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] }),
+      open && /* @__PURE__ */ jsxs86("span", { role: "tooltip", id, className: cx("agn-tip", "agn-tip--" + placement), children: [
         content,
-        kbd && /* @__PURE__ */ jsx91("kbd", { className: "agn-tip__kbd", children: kbd })
+        kbd && /* @__PURE__ */ jsx93("kbd", { className: "agn-tip__kbd", children: kbd })
       ] })
     ] })
   );
 }
 
 // src/feedback/Spinner.jsx
-import React93 from "react";
-import { jsx as jsx92, jsxs as jsxs86 } from "react/jsx-runtime";
+import React96 from "react";
+import { jsx as jsx94, jsxs as jsxs87 } from "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 px = PX[size] || PX.md;
-  const svg = /* @__PURE__ */ jsxs86("svg", { className: "agn-spinner__svg", width: px, height: px, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx92("circle", { className: "agn-spinner__track", cx: "12", cy: "12", r: "9.5", strokeWidth: "2.5" }),
-    /* @__PURE__ */ jsx92("circle", { className: "agn-spinner__arc", cx: "12", cy: "12", r: "9.5", strokeWidth: "2.5", strokeLinecap: "round", strokeDasharray: "18 42" })
+  const px2 = PX[size] || PX.md;
+  const svg = /* @__PURE__ */ jsxs87("svg", { className: "agn-spinner__svg", width: px2, height: px2, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx94("circle", { className: "agn-spinner__track", cx: "12", cy: "12", r: "9.5", strokeWidth: "2.5" }),
+    /* @__PURE__ */ jsx94("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__ */ jsxs86("span", { className: cx("agn-spinner", "agn-spinner--" + size, "agn-spinner--" + tone, cover && "agn-spinner--cover", className), role: "status", "aria-busy": "true", ...rest, children: [
+    /* @__PURE__ */ jsxs87("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__ */ jsx92("span", { className: "agn-spinner__label", children: label }) : /* @__PURE__ */ jsx92("span", { className: "agn-sr", children: L.loading })
+      label ? /* @__PURE__ */ jsx94("span", { className: "agn-spinner__label", children: label }) : /* @__PURE__ */ jsx94("span", { className: "agn-sr", children: L.loading })
     ] })
   );
 }
 
 // src/feedback/ProgressBar.jsx
-import React94 from "react";
-import { jsx as jsx93, jsxs as jsxs87 } from "react/jsx-runtime";
+import React97 from "react";
+import { jsx as jsx95, jsxs as jsxs88 } from "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 = React94.useMemo(() => uid("progress"), []);
+  const id = React97.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__ */ jsxs87("div", { className: cx("agn-progress", "agn-progress--" + size, "agn-progress--" + tone, indeterminate && "agn-progress--indeterminate", className), ...rest, children: [
-    (label || showValue) && /* @__PURE__ */ jsxs87("div", { className: "agn-progress__row", children: [
-      label && /* @__PURE__ */ jsx93("span", { id, className: "agn-progress__label", children: label }),
-      showValue && !indeterminate && /* @__PURE__ */ jsx93("span", { className: "agn-progress__value agn-num", children: text })
+  return /* @__PURE__ */ jsxs88("div", { className: cx("agn-progress", "agn-progress--" + size, "agn-progress--" + tone, indeterminate && "agn-progress--indeterminate", className), ...rest, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs88("div", { className: "agn-progress__row", children: [
+      label && /* @__PURE__ */ jsx95("span", { id, className: "agn-progress__label", children: label }),
+      showValue && !indeterminate && /* @__PURE__ */ jsx95("span", { className: "agn-progress__value agn-num", children: text })
     ] }),
-    /* @__PURE__ */ jsx93("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__ */ jsx93("div", { className: "agn-progress__fill", style: indeterminate ? void 0 : { width: pct2 + "%" } }) })
+    /* @__PURE__ */ jsx95("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__ */ jsx95("div", { className: "agn-progress__fill", style: indeterminate ? void 0 : { width: pct2 + "%" } }) })
   ] });
 }
 
 // src/feedback/ProgressRing.jsx
-import React95 from "react";
-import { jsx as jsx94, jsxs as jsxs88 } from "react/jsx-runtime";
+import React98 from "react";
+import { jsx as jsx96, jsxs as jsxs89 } from "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__ */ jsxs88("div", { className: cx("agn-ring", "agn-ring--" + tone, className), style: { width: size }, ...rest, children: [
-    /* @__PURE__ */ jsxs88("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__ */ jsxs88("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx94("circle", { className: "agn-ring__track", cx: size / 2, cy: size / 2, r, strokeWidth, fill: "none" }),
-        /* @__PURE__ */ jsx94("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__ */ jsxs89("div", { className: cx("agn-ring", "agn-ring--" + tone, className), style: { width: size }, ...rest, children: [
+    /* @__PURE__ */ jsxs89("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__ */ jsxs89("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx96("circle", { className: "agn-ring__track", cx: size / 2, cy: size / 2, r, strokeWidth, fill: "none" }),
+        /* @__PURE__ */ jsx96("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__ */ jsx94("div", { className: "agn-ring__center", style: { fontSize: Math.max(11, Math.round(size * 0.24)) }, children: children != null ? children : showValue ? /* @__PURE__ */ jsx94("span", { className: "agn-ring__value agn-num", children: text }) : null })
-    ] }),
-    label && /* @__PURE__ */ jsx94("div", { className: "agn-ring__label", children: label })
-  ] });
-}
-
-// src/feedback/SidePanel.jsx
-import React96 from "react";
-import { jsx as jsx95, jsxs as jsxs89 } from "react/jsx-runtime";
-function SidePanel({ open = true, onClose, title, eyebrow, subtitle, tabs, actions, footer, size = "md", width, mode = "overlay", children, labels, className, style, ...rest }) {
-  const L = { close: "Close", ...labels };
-  const id = React96.useMemo(() => uid("panel-title"), []);
-  React96.useEffect(() => {
-    if (!open || mode !== "overlay" || !onClose) return;
-    const k = (e) => e.key === "Escape" && onClose();
-    document.addEventListener("keydown", k);
-    return () => document.removeEventListener("keydown", k);
-  }, [open, mode, onClose]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs89("aside", { className: cx("agn-panel", "agn-panel--" + size, "agn-panel--" + mode, className), "aria-labelledby": title ? id : void 0, style: width != null ? { width: typeof width === "number" ? width + "px" : width, ...style } : style, ...rest, children: [
-    /* @__PURE__ */ jsxs89("header", { className: "agn-panel__head", children: [
-      /* @__PURE__ */ jsxs89("div", { className: "agn-panel__heading", children: [
-        eyebrow && /* @__PURE__ */ jsx95("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: eyebrow }),
-        title && /* @__PURE__ */ jsx95("h2", { id, className: "agn-panel__title", children: title }),
-        subtitle && /* @__PURE__ */ jsx95("div", { className: "agn-panel__subtitle", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsxs89("div", { className: "agn-panel__actions", children: [
-        actions,
-        onClose && /* @__PURE__ */ jsx95(ButtonIcon, { icon: "x", label: L.close, size: "sm", onClick: onClose })
-      ] })
+      /* @__PURE__ */ jsx96("div", { className: "agn-ring__center", style: { fontSize: Math.max(11, Math.round(size * 0.24)) }, children: children != null ? children : showValue ? /* @__PURE__ */ jsx96("span", { className: "agn-ring__value agn-num", children: text }) : null })
     ] }),
-    tabs && /* @__PURE__ */ jsx95("div", { className: "agn-panel__tabs", children: tabs }),
-    /* @__PURE__ */ jsx95("div", { className: "agn-panel__body", children }),
-    footer && /* @__PURE__ */ jsx95("footer", { className: "agn-panel__foot", children: footer })
+    label && /* @__PURE__ */ jsx96("div", { className: "agn-ring__label", children: label })
   ] });
 }
 
 // src/feedback/DockedComposer.jsx
-import React97 from "react";
-import { Fragment as Fragment11, jsx as jsx96, jsxs as jsxs90 } from "react/jsx-runtime";
+import React99 from "react";
+import { Fragment as Fragment12, jsx as jsx97, jsxs as jsxs90 } from "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] = React97.useState(defaultMinimized);
+  const [own, setOwn] = React99.useState(defaultMinimized);
   const min = minProp != null ? minProp : own;
   const toggle = () => {
     const v = !min;
@@ -5234,18 +5500,18 @@ function DockedComposer({ title, icon = "pen-line", minimized: minProp, defaultM
   };
   return /* @__PURE__ */ jsxs90("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__ */ jsxs90("header", { className: "agn-composer__head", children: [
-      /* @__PURE__ */ jsx96(Icon, { name: icon, size: 16, className: "agn-composer__icon" }),
-      /* @__PURE__ */ jsx96("h3", { className: "agn-composer__title", children: title }),
+      /* @__PURE__ */ jsx97(Icon, { name: icon, size: 16, className: "agn-composer__icon" }),
+      /* @__PURE__ */ jsx97("h3", { className: "agn-composer__title", children: title }),
       /* @__PURE__ */ jsxs90("div", { className: "agn-composer__ctl", children: [
-        /* @__PURE__ */ jsx96(ButtonIcon, { icon: min ? "chevron-up" : "minus", label: min ? L.restore : L.minimize, size: "xs", onClick: toggle, "aria-expanded": !min }),
-        onClose && /* @__PURE__ */ jsx96(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: onClose })
+        /* @__PURE__ */ jsx97(ButtonIcon, { icon: min ? "chevron-up" : "minus", label: min ? L.restore : L.minimize, size: "xs", onClick: toggle, "aria-expanded": !min }),
+        onClose && /* @__PURE__ */ jsx97(ButtonIcon, { icon: "x", label: L.close, size: "xs", onClick: onClose })
       ] })
     ] }),
-    !min && /* @__PURE__ */ jsxs90(Fragment11, { children: [
-      /* @__PURE__ */ jsx96("div", { className: "agn-composer__body", children }),
+    !min && /* @__PURE__ */ jsxs90(Fragment12, { children: [
+      /* @__PURE__ */ jsx97("div", { className: "agn-composer__body", children }),
       (toolbar || footer) && /* @__PURE__ */ jsxs90("footer", { className: "agn-composer__foot", children: [
-        /* @__PURE__ */ jsx96("div", { className: "agn-composer__tools", children: toolbar }),
-        /* @__PURE__ */ jsx96("div", { className: "agn-composer__actions", children: footer })
+        /* @__PURE__ */ jsx97("div", { className: "agn-composer__tools", children: toolbar }),
+        /* @__PURE__ */ jsx97("div", { className: "agn-composer__actions", children: footer })
       ] })
     ] })
   ] });
@@ -5253,22 +5519,22 @@ function DockedComposer({ title, icon = "pen-line", minimized: minProp, defaultM
 function DockedUtilityBar({ items = [], active, onChange, panel, static: isStatic, labels, className, ...rest }) {
   const L = { utilities: "Utilities", ...labels };
   return /* @__PURE__ */ jsxs90("div", { className: cx("agn-utility", isStatic && "agn-utility--static", className), ...rest, children: [
-    active && panel && /* @__PURE__ */ jsx96("section", { className: "agn-utility__panel", "aria-label": (items.find((i) => i.id === active) || {}).label, children: panel }),
-    /* @__PURE__ */ jsx96("div", { className: "agn-utility__bar", role: "toolbar", "aria-label": L.utilities, children: items.map((it) => /* @__PURE__ */ jsxs90("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__ */ jsx96(Icon, { name: it.icon || "panel-bottom", size: 14 }),
-      /* @__PURE__ */ jsx96("span", { children: it.label }),
-      it.badge != null && /* @__PURE__ */ jsx96("span", { className: "agn-utility__badge agn-num", children: it.badge })
+    active && panel && /* @__PURE__ */ jsx97("section", { className: "agn-utility__panel", "aria-label": (items.find((i) => i.id === active) || {}).label, children: panel }),
+    /* @__PURE__ */ jsx97("div", { className: "agn-utility__bar", role: "toolbar", "aria-label": L.utilities, children: items.map((it) => /* @__PURE__ */ jsxs90("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__ */ jsx97(Icon, { name: it.icon || "panel-bottom", size: 14 }),
+      /* @__PURE__ */ jsx97("span", { children: it.label }),
+      it.badge != null && /* @__PURE__ */ jsx97("span", { className: "agn-utility__badge agn-num", children: it.badge })
     ] }, it.id)) })
   ] });
 }
 
 // src/feedback/Publisher.jsx
-import React98 from "react";
-import { jsx as jsx97, jsxs as jsxs91 } from "react/jsx-runtime";
+import React100 from "react";
+import { jsx as jsx98, jsxs as jsxs91 } from "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] = React98.useState(defaultValue);
-  const [focus, setFocus] = React98.useState(false);
+  const [own, setOwn] = React100.useState(defaultValue);
+  const [focus, setFocus] = React100.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;
@@ -5278,9 +5544,9 @@ function Publisher({ user, placeholder, value, defaultValue = "", onChange, onSu
     if (value == null) setOwn("");
   };
   return /* @__PURE__ */ jsxs91("div", { className: cx("agn-publisher", expanded && "agn-publisher--open", className), ...rest, children: [
-    name && /* @__PURE__ */ jsx97("span", { className: "agn-publisher__avatar", "aria-hidden": "true", children: initials2(name) }),
+    name && /* @__PURE__ */ jsx98("span", { className: "agn-publisher__avatar", "aria-hidden": "true", children: initials2(name) }),
     /* @__PURE__ */ jsxs91("div", { className: "agn-publisher__field", children: [
-      /* @__PURE__ */ jsx97(
+      /* @__PURE__ */ jsx98(
         "textarea",
         {
           className: "agn-publisher__input",
@@ -5304,26 +5570,26 @@ function Publisher({ user, placeholder, value, defaultValue = "", onChange, onSu
       ),
       expanded && /* @__PURE__ */ jsxs91("div", { className: "agn-publisher__bar", children: [
         /* @__PURE__ */ jsxs91("div", { className: "agn-publisher__tools", children: [
-          /* @__PURE__ */ jsx97(ButtonIcon, { icon: "paperclip", label: L.attach, size: "sm", onClick: onAttach }),
-          /* @__PURE__ */ jsx97(ButtonIcon, { icon: "at-sign", label: L.mention, size: "sm", onClick: onMention })
+          /* @__PURE__ */ jsx98(ButtonIcon, { icon: "paperclip", label: L.attach, size: "sm", onClick: onAttach }),
+          /* @__PURE__ */ jsx98(ButtonIcon, { icon: "at-sign", label: L.mention, size: "sm", onClick: onMention })
         ] }),
-        /* @__PURE__ */ jsx97(Button, { variant: "primary", size: "sm", disabled: !val.trim(), onClick: submit, children: submitLabel || L.submit })
+        /* @__PURE__ */ jsx98(Button, { variant: "primary", size: "sm", disabled: !val.trim(), onClick: submit, children: submitLabel || L.submit })
       ] })
     ] })
   ] });
 }
 
 // src/feedback/EmptyState.jsx
-import React99 from "react";
-import { jsx as jsx98, jsxs as jsxs92 } from "react/jsx-runtime";
+import React101 from "react";
+import { jsx as jsx99, jsxs as jsxs92 } from "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__ */ jsxs92("div", { className: cx("agn-empty", compact && "agn-empty--compact", className), role: "status", ...rest, children: [
-      illustration ? /* @__PURE__ */ jsx98("div", { className: "agn-empty__art", children: illustration }) : (icon || product) && /* @__PURE__ */ jsx98("span", { className: "agn-empty__icon", children: product ? /* @__PURE__ */ jsx98(ProductIcon, { product, size: compact ? 20 : 24 }) : /* @__PURE__ */ jsx98(Icon, { name: icon, size: compact ? 18 : 22 }) }),
+      illustration ? /* @__PURE__ */ jsx99("div", { className: "agn-empty__art", children: illustration }) : (icon || product) && /* @__PURE__ */ jsx99("span", { className: "agn-empty__icon", children: product ? /* @__PURE__ */ jsx99(ProductIcon, { product, size: compact ? 20 : 24 }) : /* @__PURE__ */ jsx99(Icon, { name: icon, size: compact ? 18 : 22 }) }),
       /* @__PURE__ */ jsxs92("div", { className: "agn-empty__body", children: [
-        title && /* @__PURE__ */ jsx98("h4", { className: "agn-empty__title", children: title }),
-        children != null && /* @__PURE__ */ jsx98("p", { className: "agn-empty__text", children }),
+        title && /* @__PURE__ */ jsx99("h4", { className: "agn-empty__title", children: title }),
+        children != null && /* @__PURE__ */ jsx99("p", { className: "agn-empty__text", children }),
         (action || secondary) && /* @__PURE__ */ jsxs92("div", { className: "agn-empty__actions", children: [
           action,
           secondary
@@ -5334,27 +5600,27 @@ function EmptyState({ illustration, icon, product, title, children, action, seco
 }
 
 // src/chat/ChatThread.jsx
-import React100 from "react";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import React102 from "react";
+import { jsx as jsx100 } from "react/jsx-runtime";
 function ChatThread({ children, stickToBottom = true, userSide = "start", maxHeight, labels, className, style, ...rest }) {
   const L = { thread: "Conversation", ...labels };
-  const ref = React100.useRef(null);
-  React100.useEffect(() => {
+  const ref = React102.useRef(null);
+  React102.useEffect(() => {
     if (stickToBottom && ref.current) ref.current.scrollTop = ref.current.scrollHeight;
   }, [children, stickToBottom]);
-  return /* @__PURE__ */ jsx99("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__ */ jsx100("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__ */ jsx99("div", { className: cx("agn-chat__divider", "agn-chat__divider--" + variant, className), ...rest, children: /* @__PURE__ */ jsx99("span", { children: children != null ? children : variant === "new" ? L.newMessages : null }) });
+  return /* @__PURE__ */ jsx100("div", { className: cx("agn-chat__divider", "agn-chat__divider--" + variant, className), ...rest, children: /* @__PURE__ */ jsx100("span", { children: children != null ? children : variant === "new" ? L.newMessages : null }) });
 }
 
 // src/chat/ChatMessage.jsx
-import React104 from "react";
+import React106 from "react";
 
 // src/chat/ChatMarkdown.jsx
-import React101 from "react";
-import { jsx as jsx100, jsxs as jsxs93 } from "react/jsx-runtime";
+import React103 from "react";
+import { jsx as jsx101, jsxs as jsxs93 } from "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) {
@@ -5364,13 +5630,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__ */ jsx100("code", { className: "agn-md__code", children: s.slice(1, -1) }, k++));
-    else if (m[2] || m[3]) out.push(/* @__PURE__ */ jsx100("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__ */ jsx100("em", { children: depth < 2 ? renderInline(s.slice(1, -1), depth + 1) : s.slice(1, -1) }, k++));
+    if (m[1]) out.push(/* @__PURE__ */ jsx101("code", { className: "agn-md__code", children: s.slice(1, -1) }, k++));
+    else if (m[2] || m[3]) out.push(/* @__PURE__ */ jsx101("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__ */ jsx101("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__ */ jsx100("a", { href: safeHref(mm[2]), target: "_blank", rel: "noopener noreferrer", children: mm[1] }, k++));
-    } else if (m[7]) out.push(/* @__PURE__ */ jsx100("a", { href: safeHref(s), target: "_blank", rel: "noopener noreferrer", children: s }, k++));
+      out.push(/* @__PURE__ */ jsx101("a", { href: safeHref(mm[2]), target: "_blank", rel: "noopener noreferrer", children: mm[1] }, k++));
+    } else if (m[7]) out.push(/* @__PURE__ */ jsx101("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));
@@ -5440,41 +5706,41 @@ function parseBlocks(src) {
   return blocks;
 }
 function withBreaks(text) {
-  return text.split("\n").flatMap((l, i) => i ? [/* @__PURE__ */ jsx100("br", {}, "b" + i), ...renderInline(l)] : renderInline(l));
+  return text.split("\n").flatMap((l, i) => i ? [/* @__PURE__ */ jsx101("br", {}, "b" + i), ...renderInline(l)] : renderInline(l));
 }
 function renderBlock(b, i) {
   switch (b.type) {
     case "code":
-      return /* @__PURE__ */ jsx100("pre", { className: "agn-md__pre", "data-lang": b.lang || void 0, children: /* @__PURE__ */ jsx100("code", { children: b.text }) }, i);
+      return /* @__PURE__ */ jsx101("pre", { className: "agn-md__pre", "data-lang": b.lang || void 0, children: /* @__PURE__ */ jsx101("code", { children: b.text }) }, i);
     case "h": {
       const Tag2 = "h" + Math.min(6, b.level + 2);
-      return /* @__PURE__ */ jsx100(Tag2, { className: "agn-md__h agn-md__h--" + b.level, children: renderInline(b.text) }, i);
+      return /* @__PURE__ */ jsx101(Tag2, { className: "agn-md__h agn-md__h--" + b.level, children: renderInline(b.text) }, i);
     }
     case "hr":
-      return /* @__PURE__ */ jsx100("hr", { className: "agn-md__hr" }, i);
+      return /* @__PURE__ */ jsx101("hr", { className: "agn-md__hr" }, i);
     case "quote":
-      return /* @__PURE__ */ jsx100("blockquote", { className: "agn-md__quote", children: b.blocks.map(renderBlock) }, i);
+      return /* @__PURE__ */ jsx101("blockquote", { className: "agn-md__quote", children: b.blocks.map(renderBlock) }, i);
     case "table":
-      return /* @__PURE__ */ jsx100("div", { className: "agn-md__table-wrap", children: /* @__PURE__ */ jsxs93("table", { className: "agn-md__table", children: [
-        /* @__PURE__ */ jsx100("thead", { children: /* @__PURE__ */ jsx100("tr", { children: b.head.map((c, j) => /* @__PURE__ */ jsx100("th", { style: { textAlign: b.aligns[j] }, children: renderInline(c) }, j)) }) }),
-        /* @__PURE__ */ jsx100("tbody", { children: b.rows.map((r, ri) => /* @__PURE__ */ jsx100("tr", { children: b.head.map((_, j) => /* @__PURE__ */ jsx100("td", { style: { textAlign: b.aligns[j] }, children: renderInline(r[j] || "") }, j)) }, ri)) })
+      return /* @__PURE__ */ jsx101("div", { className: "agn-md__table-wrap", children: /* @__PURE__ */ jsxs93("table", { className: "agn-md__table", children: [
+        /* @__PURE__ */ jsx101("thead", { children: /* @__PURE__ */ jsx101("tr", { children: b.head.map((c, j) => /* @__PURE__ */ jsx101("th", { style: { textAlign: b.aligns[j] }, children: renderInline(c) }, j)) }) }),
+        /* @__PURE__ */ jsx101("tbody", { children: b.rows.map((r, ri) => /* @__PURE__ */ jsx101("tr", { children: b.head.map((_, j) => /* @__PURE__ */ jsx101("td", { style: { textAlign: b.aligns[j] }, children: renderInline(r[j] || "") }, j)) }, ri)) })
       ] }) }, i);
     case "list": {
       const Tag2 = b.ordered ? "ol" : "ul";
-      return /* @__PURE__ */ jsx100(Tag2, { className: "agn-md__list", children: b.items.map((t, j) => /* @__PURE__ */ jsx100("li", { children: withBreaks(t) }, j)) }, i);
+      return /* @__PURE__ */ jsx101(Tag2, { className: "agn-md__list", children: b.items.map((t, j) => /* @__PURE__ */ jsx101("li", { children: withBreaks(t) }, j)) }, i);
     }
     default:
-      return /* @__PURE__ */ jsx100("p", { className: "agn-md__p", children: withBreaks(b.text) }, i);
+      return /* @__PURE__ */ jsx101("p", { className: "agn-md__p", children: withBreaks(b.text) }, i);
   }
 }
 function ChatMarkdown({ source, className, ...rest }) {
-  const blocks = React101.useMemo(() => parseBlocks(source), [source]);
-  return /* @__PURE__ */ jsx100("div", { className: cx("agn-md", className), ...rest, children: blocks.map(renderBlock) });
+  const blocks = React103.useMemo(() => parseBlocks(source), [source]);
+  return /* @__PURE__ */ jsx101("div", { className: cx("agn-md", className), ...rest, children: blocks.map(renderBlock) });
 }
 
 // src/chat/ToolCallCard.jsx
-import React102 from "react";
-import { jsx as jsx101, jsxs as jsxs94 } from "react/jsx-runtime";
+import React104 from "react";
+import { jsx as jsx102, jsxs as jsxs94 } from "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");
@@ -5483,32 +5749,32 @@ function ToolCallCard({ name, status = "ok", duration, input, output, summary, o
   const s = STATUS[status] || STATUS.ok;
   return /* @__PURE__ */ jsxs94("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__ */ jsxs94("summary", { className: "agn-tool__head agn-focus", children: [
-      /* @__PURE__ */ jsx101(Icon, { name: "chevron-right", size: 14, className: "agn-tool__caret" }),
-      /* @__PURE__ */ jsx101(Icon, { name: "wrench", size: 14, className: "agn-tool__icon" }),
-      /* @__PURE__ */ jsx101("span", { className: "agn-tool__name", children: name }),
-      summary && /* @__PURE__ */ jsx101("span", { className: "agn-tool__summary", children: summary }),
+      /* @__PURE__ */ jsx102(Icon, { name: "chevron-right", size: 14, className: "agn-tool__caret" }),
+      /* @__PURE__ */ jsx102(Icon, { name: "wrench", size: 14, className: "agn-tool__icon" }),
+      /* @__PURE__ */ jsx102("span", { className: "agn-tool__name", children: name }),
+      summary && /* @__PURE__ */ jsx102("span", { className: "agn-tool__summary", children: summary }),
       /* @__PURE__ */ jsxs94("span", { className: cx("agn-tool__status", "agn-tool__status--" + s.tone), children: [
-        /* @__PURE__ */ jsx101(Icon, { name: s.icon, size: 11, className: status === "running" ? "agn-tool__spin" : void 0 }),
+        /* @__PURE__ */ jsx102(Icon, { name: s.icon, size: 11, className: status === "running" ? "agn-tool__spin" : void 0 }),
         L[status] || s.label
       ] }),
-      duration != null && /* @__PURE__ */ jsx101("span", { className: "agn-tool__duration agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
+      duration != null && /* @__PURE__ */ jsx102("span", { className: "agn-tool__duration agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
     ] }),
     /* @__PURE__ */ jsxs94("div", { className: "agn-tool__body", children: [
       input != null && /* @__PURE__ */ jsxs94("div", { className: "agn-tool__section", children: [
-        /* @__PURE__ */ jsx101("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.input }),
-        /* @__PURE__ */ jsx101("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ jsx101("code", { children: show(input) }) })
+        /* @__PURE__ */ jsx102("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.input }),
+        /* @__PURE__ */ jsx102("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ jsx102("code", { children: show(input) }) })
       ] }),
       output != null && /* @__PURE__ */ jsxs94("div", { className: "agn-tool__section", children: [
-        /* @__PURE__ */ jsx101("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.output }),
-        /* @__PURE__ */ jsx101("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ jsx101("code", { children: show(output) }) })
+        /* @__PURE__ */ jsx102("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.output }),
+        /* @__PURE__ */ jsx102("pre", { className: "agn-tool__pre", children: /* @__PURE__ */ jsx102("code", { children: show(output) }) })
       ] })
     ] })
   ] });
 }
 
 // src/chat/StreamingIndicator.jsx
-import React103 from "react";
-import { jsx as jsx102, jsxs as jsxs95 } from "react/jsx-runtime";
+import React105 from "react";
+import { jsx as jsx103, jsxs as jsxs95 } from "react/jsx-runtime";
 function StreamingIndicator({ label, dots = true, inline, labels, className, ...rest }) {
   const L = { thinking: "Thinking\u2026", ...labels };
   const Tag2 = inline ? "span" : "div";
@@ -5516,84 +5782,84 @@ function StreamingIndicator({ label, dots = true, inline, labels, className, ...
     // 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__ */ jsxs95(Tag2, { className: cx("agn-streaming", inline && "agn-streaming--inline", className), role: "status", "aria-live": "polite", ...rest, children: [
       dots && /* @__PURE__ */ jsxs95("span", { className: "agn-streaming__dots", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx102("i", {}),
-        /* @__PURE__ */ jsx102("i", {}),
-        /* @__PURE__ */ jsx102("i", {})
+        /* @__PURE__ */ jsx103("i", {}),
+        /* @__PURE__ */ jsx103("i", {}),
+        /* @__PURE__ */ jsx103("i", {})
       ] }),
-      /* @__PURE__ */ jsx102("span", { className: "agn-streaming__text", children: label || L.thinking })
+      /* @__PURE__ */ jsx103("span", { className: "agn-streaming__text", children: label || L.thinking })
     ] })
   );
 }
 
 // src/chat/ChatMessage.jsx
-import { jsx as jsx103, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs96 } from "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__ */ jsxs96("div", { className: "agn-msg__structured", children: [
     data.image && /* @__PURE__ */ jsxs96("figure", { className: "agn-msg__figure", children: [
-      /* @__PURE__ */ jsx103("img", { className: "agn-msg__image", src: data.image.src, alt: data.image.alt || "" }),
-      data.image.caption && /* @__PURE__ */ jsx103("figcaption", { children: data.image.caption })
+      /* @__PURE__ */ jsx104("img", { className: "agn-msg__image", src: data.image.src, alt: data.image.alt || "" }),
+      data.image.caption && /* @__PURE__ */ jsx104("figcaption", { children: data.image.caption })
     ] }),
-    data.cards && data.cards.length > 0 && /* @__PURE__ */ jsx103("div", { className: "agn-msg__cards", children: data.cards.map((c, i) => /* @__PURE__ */ jsxs96("div", { className: "agn-msg__card", children: [
-      c.image && /* @__PURE__ */ jsx103("img", { className: "agn-msg__card-image", src: c.image, alt: c.imageAlt || "" }),
+    data.cards && data.cards.length > 0 && /* @__PURE__ */ jsx104("div", { className: "agn-msg__cards", children: data.cards.map((c, i) => /* @__PURE__ */ jsxs96("div", { className: "agn-msg__card", children: [
+      c.image && /* @__PURE__ */ jsx104("img", { className: "agn-msg__card-image", src: c.image, alt: c.imageAlt || "" }),
       /* @__PURE__ */ jsxs96("div", { className: "agn-msg__card-body", children: [
-        /* @__PURE__ */ jsx103("div", { className: "agn-msg__card-title", children: c.title }),
-        c.text && /* @__PURE__ */ jsx103("div", { className: "agn-msg__card-text", children: c.text }),
-        c.actions && /* @__PURE__ */ jsx103("div", { className: "agn-msg__card-actions", children: c.actions.map((a, j) => /* @__PURE__ */ jsx103(Button, { size: "xs", variant: a.variant || "neutral", onClick: () => act(a), children: a.label }, j)) })
+        /* @__PURE__ */ jsx104("div", { className: "agn-msg__card-title", children: c.title }),
+        c.text && /* @__PURE__ */ jsx104("div", { className: "agn-msg__card-text", children: c.text }),
+        c.actions && /* @__PURE__ */ jsx104("div", { className: "agn-msg__card-actions", children: c.actions.map((a, j) => /* @__PURE__ */ jsx104(Button, { size: "xs", variant: a.variant || "neutral", onClick: () => act(a), children: a.label }, j)) })
       ] })
     ] }, i)) }),
-    data.table && /* @__PURE__ */ jsx103("div", { className: "agn-msg__table-wrap", children: /* @__PURE__ */ jsxs96("table", { className: "agn-msg__table", children: [
-      /* @__PURE__ */ jsx103("thead", { children: /* @__PURE__ */ jsx103("tr", { children: data.table.columns.map((c, i) => /* @__PURE__ */ jsx103("th", { children: c }, i)) }) }),
-      /* @__PURE__ */ jsx103("tbody", { children: data.table.rows.map((r, i) => /* @__PURE__ */ jsx103("tr", { children: r.map((v, j) => /* @__PURE__ */ jsx103("td", { children: v }, j)) }, i)) })
+    data.table && /* @__PURE__ */ jsx104("div", { className: "agn-msg__table-wrap", children: /* @__PURE__ */ jsxs96("table", { className: "agn-msg__table", children: [
+      /* @__PURE__ */ jsx104("thead", { children: /* @__PURE__ */ jsx104("tr", { children: data.table.columns.map((c, i) => /* @__PURE__ */ jsx104("th", { children: c }, i)) }) }),
+      /* @__PURE__ */ jsx104("tbody", { children: data.table.rows.map((r, i) => /* @__PURE__ */ jsx104("tr", { children: r.map((v, j) => /* @__PURE__ */ jsx104("td", { children: v }, j)) }, i)) })
     ] }) }),
-    data.buttons && data.buttons.length > 0 && /* @__PURE__ */ jsx103("div", { className: "agn-msg__buttons", children: data.buttons.map((b, i) => /* @__PURE__ */ jsx103(Button, { size: "sm", variant: b.variant || "neutral", icon: b.icon, onClick: () => act(b), children: b.label }, i)) })
+    data.buttons && data.buttons.length > 0 && /* @__PURE__ */ jsx104("div", { className: "agn-msg__buttons", children: data.buttons.map((b, i) => /* @__PURE__ */ jsx104(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__ */ jsxs96("div", { className: cx("agn-msg agn-msg--system", className), ...rest, children: [
-    /* @__PURE__ */ jsx103("span", { className: "agn-msg__system", children }),
-    time && /* @__PURE__ */ jsx103("span", { className: "agn-msg__time", children: time })
+    /* @__PURE__ */ jsx104("span", { className: "agn-msg__system", children }),
+    time && /* @__PURE__ */ jsx104("span", { className: "agn-msg__time", children: time })
   ] });
-  const body = typeof children === "string" && markdown ? /* @__PURE__ */ jsx103(ChatMarkdown, { source: children }) : children;
-  const side = role === "agent" ? /* @__PURE__ */ jsx103("span", { className: "agn-msg__tile", "aria-hidden": "true", children: /* @__PURE__ */ jsx103(Icon, { name: "bot", size: 14 }) }) : role === "human-agent" || avatar ? /* @__PURE__ */ jsx103("span", { className: "agn-msg__avatar", "aria-hidden": "true", children: typeof avatar === "string" ? initials3(avatar) : avatar || initials3(name) }) : null;
+  const body = typeof children === "string" && markdown ? /* @__PURE__ */ jsx104(ChatMarkdown, { source: children }) : children;
+  const side = role === "agent" ? /* @__PURE__ */ jsx104("span", { className: "agn-msg__tile", "aria-hidden": "true", children: /* @__PURE__ */ jsx104(Icon, { name: "bot", size: 14 }) }) : role === "human-agent" || avatar ? /* @__PURE__ */ jsx104("span", { className: "agn-msg__avatar", "aria-hidden": "true", children: typeof avatar === "string" ? initials3(avatar) : avatar || initials3(name) }) : null;
   return /* @__PURE__ */ jsxs96("div", { className: cx("agn-msg", "agn-msg--" + role, streaming && "agn-msg--streaming", className), ...rest, children: [
-    side && /* @__PURE__ */ jsx103("div", { className: "agn-msg__side", children: side }),
+    side && /* @__PURE__ */ jsx104("div", { className: "agn-msg__side", children: side }),
     /* @__PURE__ */ jsxs96("div", { className: "agn-msg__col", children: [
-      (name || role === "agent") && /* @__PURE__ */ jsx103("div", { className: "agn-msg__name", children: name || L.agent }),
+      (name || role === "agent") && /* @__PURE__ */ jsx104("div", { className: "agn-msg__name", children: name || L.agent }),
       /* @__PURE__ */ jsxs96("div", { className: "agn-msg__bubble", children: [
         body,
-        streaming && (children == null || children === "" ? /* @__PURE__ */ jsx103(StreamingIndicator, { inline: true }) : /* @__PURE__ */ jsx103("span", { className: "agn-msg__cursor", "aria-hidden": "true" }))
+        streaming && (children == null || children === "" ? /* @__PURE__ */ jsx104(StreamingIndicator, { inline: true }) : /* @__PURE__ */ jsx104("span", { className: "agn-msg__cursor", "aria-hidden": "true" }))
       ] }),
-      structured && /* @__PURE__ */ jsx103(Structured, { data: structured, onAction }),
+      structured && /* @__PURE__ */ jsx104(Structured, { data: structured, onAction }),
       tools && tools.length > 0 && /* @__PURE__ */ jsxs96("details", { className: "agn-msg__tools", children: [
         /* @__PURE__ */ jsxs96("summary", { className: "agn-msg__tools-head agn-focus", children: [
-          /* @__PURE__ */ jsx103(Icon, { name: "chevron-right", size: 12, className: "agn-msg__tools-caret" }),
-          /* @__PURE__ */ jsx103(Icon, { name: "wrench", size: 12 }),
+          /* @__PURE__ */ jsx104(Icon, { name: "chevron-right", size: 12, className: "agn-msg__tools-caret" }),
+          /* @__PURE__ */ jsx104(Icon, { name: "wrench", size: 12 }),
           tools.length,
           " ",
           tools.length === 1 ? L.tool : L.tools
         ] }),
-        /* @__PURE__ */ jsx103("div", { className: "agn-msg__tools-body", children: tools.map((t, i) => /* @__PURE__ */ jsx103(ToolCallCard, { ...t }, t.id || i)) })
+        /* @__PURE__ */ jsx104("div", { className: "agn-msg__tools-body", children: tools.map((t, i) => /* @__PURE__ */ jsx104(ToolCallCard, { ...t }, t.id || i)) })
       ] }),
       sources && sources.length > 0 && /* @__PURE__ */ jsxs96("div", { className: "agn-msg__sources", children: [
-        /* @__PURE__ */ jsx103("span", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.sources }),
-        /* @__PURE__ */ jsx103("ul", { className: "agn-msg__source-list", children: sources.map((s, i) => /* @__PURE__ */ jsx103("li", { children: s.href ? /* @__PURE__ */ jsxs96("a", { className: "agn-msg__source", href: s.href, target: "_blank", rel: "noopener noreferrer", children: [
-          /* @__PURE__ */ jsx103(Icon, { name: s.icon || "file-text", size: 11 }),
+        /* @__PURE__ */ jsx104("span", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.sources }),
+        /* @__PURE__ */ jsx104("ul", { className: "agn-msg__source-list", children: sources.map((s, i) => /* @__PURE__ */ jsx104("li", { children: s.href ? /* @__PURE__ */ jsxs96("a", { className: "agn-msg__source", href: s.href, target: "_blank", rel: "noopener noreferrer", children: [
+          /* @__PURE__ */ jsx104(Icon, { name: s.icon || "file-text", size: 11 }),
           s.label
         ] }) : /* @__PURE__ */ jsxs96("span", { className: "agn-msg__source", children: [
-          /* @__PURE__ */ jsx103(Icon, { name: s.icon || "file-text", size: 11 }),
+          /* @__PURE__ */ jsx104(Icon, { name: s.icon || "file-text", size: 11 }),
           s.label
         ] }) }, i)) })
       ] }),
       (time || status) && /* @__PURE__ */ jsxs96("div", { className: "agn-msg__meta", children: [
-        time && /* @__PURE__ */ jsx103("span", { className: "agn-msg__time", children: time }),
+        time && /* @__PURE__ */ jsx104("span", { className: "agn-msg__time", children: time }),
         status && TICK[status] && /* @__PURE__ */ jsxs96("span", { className: cx("agn-msg__tick", "agn-msg__tick--" + status), title: L[status], children: [
-          /* @__PURE__ */ jsx103(Icon, { name: TICK[status], size: 12 }),
-          /* @__PURE__ */ jsx103("span", { className: "agn-sr", children: L[status] }),
-          status === "failed" && /* @__PURE__ */ jsx103("span", { className: "agn-msg__tick-text", children: L.failed })
+          /* @__PURE__ */ jsx104(Icon, { name: TICK[status], size: 12 }),
+          /* @__PURE__ */ jsx104("span", { className: "agn-sr", children: L[status] }),
+          status === "failed" && /* @__PURE__ */ jsx104("span", { className: "agn-msg__tick-text", children: L.failed })
         ] })
       ] })
     ] })
@@ -5601,8 +5867,8 @@ function ChatMessage({ role = "agent", name, time, status, avatar, children, mar
 }
 
 // src/chat/ChatEvent.jsx
-import React105 from "react";
-import { jsx as jsx104, jsxs as jsxs97 } from "react/jsx-runtime";
+import React107 from "react";
+import { jsx as jsx105, jsxs as jsxs97 } from "react/jsx-runtime";
 var EVENT_KINDS = {
   "handoff-requested": { icon: "hand", tone: "warn", label: "Handoff requested" },
   "handoff-accepted": { icon: "user-check", tone: "ok", label: "Handoff accepted" },
@@ -5617,24 +5883,24 @@ function ChatEvent({ kind = "info", tone, icon, time, children, className, ...re
   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__ */ jsxs97("div", { className: cx("agn-chat-event", "agn-chat-event--" + (tone || k.tone), className), role: "status", ...rest, children: [
-      /* @__PURE__ */ jsx104(Icon, { name: icon || k.icon, size: 12 }),
-      /* @__PURE__ */ jsx104("span", { className: "agn-chat-event__text", children: children != null ? children : k.label }),
-      time && /* @__PURE__ */ jsx104("span", { className: "agn-chat-event__time", children: time })
+      /* @__PURE__ */ jsx105(Icon, { name: icon || k.icon, size: 12 }),
+      /* @__PURE__ */ jsx105("span", { className: "agn-chat-event__text", children: children != null ? children : k.label }),
+      time && /* @__PURE__ */ jsx105("span", { className: "agn-chat-event__time", children: time })
     ] })
   );
 }
 
 // src/chat/ChatSuggestions.jsx
-import React106 from "react";
-import { jsx as jsx105, jsxs as jsxs98 } from "react/jsx-runtime";
+import React108 from "react";
+import { jsx as jsx106, jsxs as jsxs98 } from "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__ */ jsx105("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__ */ jsx106("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__ */ jsxs98("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__ */ jsx105(Icon, { name: item.icon, size: 12 }),
+        item.icon && /* @__PURE__ */ jsx106(Icon, { name: item.icon, size: 12 }),
         item.label
       ] }, i);
     }) })
@@ -5642,17 +5908,17 @@ function ChatSuggestions({ items = [], onPick, row, labels, className, ...rest }
 }
 
 // src/chat/ChatComposer.jsx
-import React107 from "react";
-import { Fragment as Fragment12, jsx as jsx106, jsxs as jsxs99 } from "react/jsx-runtime";
+import React109 from "react";
+import { Fragment as Fragment13, jsx as jsx107, jsxs as jsxs99 } from "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] = React107.useState(defaultValue);
-  const [err, setErr] = React107.useState(null);
+  const [own, setOwn] = React109.useState(defaultValue);
+  const [err, setErr] = React109.useState(null);
   const val = value != null ? value : own;
-  const ta = React107.useRef(null);
-  const file = React107.useRef(null);
-  const id = React107.useMemo(() => uid("chatbox"), []);
+  const ta = React109.useRef(null);
+  const file = React109.useRef(null);
+  const id = React109.useMemo(() => uid("chatbox"), []);
   const grow = () => {
     const el = ta.current;
     if (!el) return;
@@ -5660,7 +5926,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";
   };
-  React107.useEffect(grow, [val, maxRows]);
+  React109.useEffect(grow, [val, maxRows]);
   const set = (v) => {
     if (value == null) setOwn(v);
     onChange && onChange(v);
@@ -5691,14 +5957,14 @@ function ChatComposer({ value, defaultValue = "", onChange, onSend, onStop, stre
   const canSend = streaming || !disabled && (val.trim().length > 0 || files.length > 0);
   return /* @__PURE__ */ jsxs99("div", { className: cx("agn-chatbox", disabled && "agn-chatbox--disabled", className), ...rest, children: [
     /* @__PURE__ */ jsxs99("div", { className: "agn-chatbox__box", children: [
-      header && /* @__PURE__ */ jsx106("div", { className: "agn-chatbox__header", children: header }),
-      files.length > 0 && /* @__PURE__ */ jsx106("ul", { className: "agn-chatbox__files", children: files.map((f, i) => /* @__PURE__ */ jsxs99("li", { className: "agn-chatbox__file", children: [
-        /* @__PURE__ */ jsx106(Icon, { name: "paperclip", size: 11 }),
-        /* @__PURE__ */ jsx106("span", { className: "agn-chatbox__file-name", children: f.name }),
-        f.size != null && /* @__PURE__ */ jsx106("span", { className: "agn-chatbox__file-size", children: fmtSize2(f.size) }),
-        onRemoveFile && /* @__PURE__ */ jsx106("button", { type: "button", className: "agn-chatbox__file-x", "aria-label": L.remove + " " + f.name, onClick: () => onRemoveFile(f, i), children: /* @__PURE__ */ jsx106(Icon, { name: "x", size: 11 }) })
+      header && /* @__PURE__ */ jsx107("div", { className: "agn-chatbox__header", children: header }),
+      files.length > 0 && /* @__PURE__ */ jsx107("ul", { className: "agn-chatbox__files", children: files.map((f, i) => /* @__PURE__ */ jsxs99("li", { className: "agn-chatbox__file", children: [
+        /* @__PURE__ */ jsx107(Icon, { name: "paperclip", size: 11 }),
+        /* @__PURE__ */ jsx107("span", { className: "agn-chatbox__file-name", children: f.name }),
+        f.size != null && /* @__PURE__ */ jsx107("span", { className: "agn-chatbox__file-size", children: fmtSize2(f.size) }),
+        onRemoveFile && /* @__PURE__ */ jsx107("button", { type: "button", className: "agn-chatbox__file-x", "aria-label": L.remove + " " + f.name, onClick: () => onRemoveFile(f, i), children: /* @__PURE__ */ jsx107(Icon, { name: "x", size: 11 }) })
       ] }, i)) }),
-      /* @__PURE__ */ jsx106(
+      /* @__PURE__ */ jsx107(
         "textarea",
         {
           ref: ta,
@@ -5720,51 +5986,51 @@ function ChatComposer({ value, defaultValue = "", onChange, onSend, onStop, stre
       ),
       /* @__PURE__ */ jsxs99("div", { className: "agn-chatbox__bar", children: [
         /* @__PURE__ */ jsxs99("div", { className: "agn-chatbox__tools", children: [
-          attach && /* @__PURE__ */ jsxs99(Fragment12, { children: [
-            /* @__PURE__ */ jsx106("input", { ref: file, type: "file", multiple: true, className: "agn-sr", tabIndex: -1, "aria-hidden": "true", onChange: pick }),
-            /* @__PURE__ */ jsx106(ButtonIcon, { icon: "paperclip", label: L.attach + " \xB7 " + L.attachHint, size: "sm", disabled, onClick: () => file.current && file.current.click() })
+          attach && /* @__PURE__ */ jsxs99(Fragment13, { children: [
+            /* @__PURE__ */ jsx107("input", { ref: file, type: "file", multiple: true, className: "agn-sr", tabIndex: -1, "aria-hidden": "true", onChange: pick }),
+            /* @__PURE__ */ jsx107(ButtonIcon, { icon: "paperclip", label: L.attach + " \xB7 " + L.attachHint, size: "sm", disabled, onClick: () => file.current && file.current.click() })
           ] }),
-          voice !== "off" && /* @__PURE__ */ jsxs99(Fragment12, { children: [
-            /* @__PURE__ */ jsx106(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__ */ jsx106(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 !== "off" && /* @__PURE__ */ jsxs99(Fragment13, { children: [
+            /* @__PURE__ */ jsx107(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__ */ jsx107(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__ */ jsxs99("span", { className: "agn-chatbox__voice-state", role: "status", children: [
-              /* @__PURE__ */ jsx106("span", { className: "agn-chatbox__voice-dot", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx107("span", { className: "agn-chatbox__voice-dot", "aria-hidden": "true" }),
               voice === "listening" ? L.listening : L.speaking
             ] })
           ] }),
-          toolbar && /* @__PURE__ */ jsx106("div", { className: "agn-chatbox__toolbar", children: toolbar }),
-          err && /* @__PURE__ */ jsx106("span", { className: "agn-chatbox__error", role: "alert", children: err })
+          toolbar && /* @__PURE__ */ jsx107("div", { className: "agn-chatbox__toolbar", children: toolbar }),
+          err && /* @__PURE__ */ jsx107("span", { className: "agn-chatbox__error", role: "alert", children: err })
         ] }),
-        /* @__PURE__ */ jsx106(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__ */ jsx107(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__ */ jsx106("div", { className: "agn-chatbox__footnote", children: footnote })
+    footnote && /* @__PURE__ */ jsx107("div", { className: "agn-chatbox__footnote", children: footnote })
   ] });
 }
 
 // src/chat/TranscriptPanel.jsx
-import React108 from "react";
-import { jsx as jsx107, jsxs as jsxs100 } from "react/jsx-runtime";
+import React110 from "react";
+import { jsx as jsx108, jsxs as jsxs100 } from "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__ */ jsxs100("section", { className: cx("agn-transcript", className), "aria-label": typeof title === "string" ? title : void 0, ...rest, children: [
     (title || meta) && /* @__PURE__ */ jsxs100("header", { className: "agn-transcript__head", children: [
-      title && /* @__PURE__ */ jsx107("h3", { className: "agn-transcript__title", children: title }),
-      meta && /* @__PURE__ */ jsx107("div", { className: "agn-transcript__meta", children: meta })
+      title && /* @__PURE__ */ jsx108("h3", { className: "agn-transcript__title", children: title }),
+      meta && /* @__PURE__ */ jsx108("div", { className: "agn-transcript__meta", children: meta })
     ] }),
     verdict && /* @__PURE__ */ jsxs100("div", { className: cx("agn-transcript__verdict", "agn-transcript__verdict--" + (verdict.tone || "neutral")), children: [
-      /* @__PURE__ */ jsx107(Icon, { name: VERDICT_ICON[verdict.tone] || "info", size: 14 }),
+      /* @__PURE__ */ jsx108(Icon, { name: VERDICT_ICON[verdict.tone] || "info", size: 14 }),
       /* @__PURE__ */ jsxs100("span", { className: "agn-transcript__verdict-label", children: [
         L.judge,
         " \xB7 ",
         verdict.label
       ] }),
-      verdict.score != null && /* @__PURE__ */ jsx107("span", { className: "agn-transcript__verdict-score agn-num", children: verdict.score }),
-      verdict.summary && /* @__PURE__ */ jsx107("span", { className: "agn-transcript__verdict-text", children: verdict.summary }),
-      verdict.dimensions && /* @__PURE__ */ jsx107("ul", { className: "agn-transcript__dims", children: verdict.dimensions.map((d, i) => /* @__PURE__ */ jsxs100("li", { className: cx("agn-transcript__dim", d.pass ? "agn-transcript__dim--ok" : "agn-transcript__dim--bad"), children: [
-        /* @__PURE__ */ jsx107(Icon, { name: d.pass ? "check" : "x", size: 10 }),
+      verdict.score != null && /* @__PURE__ */ jsx108("span", { className: "agn-transcript__verdict-score agn-num", children: verdict.score }),
+      verdict.summary && /* @__PURE__ */ jsx108("span", { className: "agn-transcript__verdict-text", children: verdict.summary }),
+      verdict.dimensions && /* @__PURE__ */ jsx108("ul", { className: "agn-transcript__dims", children: verdict.dimensions.map((d, i) => /* @__PURE__ */ jsxs100("li", { className: cx("agn-transcript__dim", d.pass ? "agn-transcript__dim--ok" : "agn-transcript__dim--bad"), children: [
+        /* @__PURE__ */ jsx108(Icon, { name: d.pass ? "check" : "x", size: 10 }),
         d.name
       ] }, i)) })
     ] }),
@@ -5772,31 +6038,31 @@ function TranscriptPanel({ title, meta, turns = [], verdict, selected, onSelect,
       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__ */ jsx107("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__ */ jsxs100(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__ */ jsx107("span", { className: "agn-transcript__n agn-num", children: String(n).padStart(2, "0") }),
-          /* @__PURE__ */ jsx107("span", { className: "agn-transcript__speaker", children: t.name || L[t.speaker] || t.speaker }),
+        return /* @__PURE__ */ jsx108("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__ */ jsxs100(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__ */ jsx108("span", { className: "agn-transcript__n agn-num", children: String(n).padStart(2, "0") }),
+          /* @__PURE__ */ jsx108("span", { className: "agn-transcript__speaker", children: t.name || L[t.speaker] || t.speaker }),
           /* @__PURE__ */ jsxs100("span", { className: "agn-transcript__text", children: [
             t.text,
-            t.note && /* @__PURE__ */ jsx107("span", { className: "agn-transcript__note", children: t.note })
+            t.note && /* @__PURE__ */ jsx108("span", { className: "agn-transcript__note", children: t.note })
           ] }),
           /* @__PURE__ */ jsxs100("span", { className: "agn-transcript__right", children: [
             t.flagged && /* @__PURE__ */ jsxs100("span", { className: "agn-transcript__flag", children: [
-              /* @__PURE__ */ jsx107(Icon, { name: "flag", size: 11 }),
+              /* @__PURE__ */ jsx108(Icon, { name: "flag", size: 11 }),
               L.flagged
             ] }),
-            t.latencyMs != null && /* @__PURE__ */ jsx107("span", { className: "agn-transcript__latency agn-num", title: L.latency, children: formatDuration(t.latencyMs, locale) }),
-            t.time && /* @__PURE__ */ jsx107("span", { className: "agn-transcript__time agn-num", children: t.time })
+            t.latencyMs != null && /* @__PURE__ */ jsx108("span", { className: "agn-transcript__latency agn-num", title: L.latency, children: formatDuration(t.latencyMs, locale) }),
+            t.time && /* @__PURE__ */ jsx108("span", { className: "agn-transcript__time agn-num", children: t.time })
           ] })
         ] }) }, t.id != null ? t.id : n);
       }),
-      !turns.length && /* @__PURE__ */ jsx107("li", { className: "agn-transcript__empty", children: L.empty })
+      !turns.length && /* @__PURE__ */ jsx108("li", { className: "agn-transcript__empty", children: L.empty })
     ] })
   ] });
 }
 
 // src/widgets/ApprovalCard.jsx
-import React109 from "react";
-import { Fragment as Fragment13, jsx as jsx108, jsxs as jsxs101 } from "react/jsx-runtime";
+import React111 from "react";
+import { Fragment as Fragment14, jsx as jsx109, jsxs as jsxs101 } from "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);
@@ -5804,93 +6070,93 @@ function Field({ f, value, onChange, disabled, id }) {
   switch (f.type) {
     case "boolean":
       return /* @__PURE__ */ jsxs101("label", { className: "agn-approval__check", children: [
-        /* @__PURE__ */ jsx108("input", { type: "checkbox", checked: !!value, onChange: (e) => set(e.target.checked), ...common }),
-        /* @__PURE__ */ jsx108("span", { children: f.label })
+        /* @__PURE__ */ jsx109("input", { type: "checkbox", checked: !!value, onChange: (e) => set(e.target.checked), ...common }),
+        /* @__PURE__ */ jsx109("span", { children: f.label })
       ] });
     case "number":
-      return /* @__PURE__ */ jsx108("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__ */ jsx109("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__ */ jsx108("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__ */ jsx109("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__ */ jsxs101("select", { className: "agn-approval__input", value: value == null ? "" : value, onChange: (e) => set(e.target.value), ...common, children: [
-        f.placeholder && /* @__PURE__ */ jsx108("option", { value: "", children: f.placeholder }),
+        f.placeholder && /* @__PURE__ */ jsx109("option", { value: "", children: f.placeholder }),
         (f.options || []).map((o) => {
           const opt = typeof o === "string" ? { value: o, label: o } : o;
-          return /* @__PURE__ */ jsx108("option", { value: opt.value, children: opt.label }, opt.value);
+          return /* @__PURE__ */ jsx109("option", { value: opt.value, children: opt.label }, opt.value);
         })
       ] });
     default:
-      return /* @__PURE__ */ jsx108("input", { className: "agn-approval__input", type: "text", value: value == null ? "" : value, placeholder: f.placeholder, onChange: (e) => set(e.target.value), ...common });
+      return /* @__PURE__ */ jsx109("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] = React109.useState(() => Object.fromEntries(fields.map((f) => [f.key, f.value])));
+  const [own, setOwn] = React111.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 = React109.useMemo(() => uid("approval"), []);
+  const id = React111.useMemo(() => uid("approval"), []);
   const s = STATUS2[status] || STATUS2.pending;
   const open = status === "pending";
   const decide = (fn) => () => fn && fn(values);
   return /* @__PURE__ */ jsxs101("section", { className: cx("agn-approval", "agn-approval--" + status, perm && "agn-approval--permission", compact && "agn-approval--compact", className), "aria-labelledby": id + "-t", ...rest, children: [
     /* @__PURE__ */ jsxs101("header", { className: "agn-approval__head", children: [
       /* @__PURE__ */ jsxs101("div", { className: "agn-approval__heading", children: [
-        /* @__PURE__ */ jsx108("div", { className: "agn-eyebrow", children: L.eyebrow }),
-        /* @__PURE__ */ jsx108("h3", { id: id + "-t", className: "agn-approval__title", children: agent }),
-        /* @__PURE__ */ jsx108("div", { className: "agn-approval__meta", children: [runId, tenant, requestedAt].filter(Boolean).map((x, i) => /* @__PURE__ */ jsx108("span", { children: x }, i)) })
+        /* @__PURE__ */ jsx109("div", { className: "agn-eyebrow", children: L.eyebrow }),
+        /* @__PURE__ */ jsx109("h3", { id: id + "-t", className: "agn-approval__title", children: agent }),
+        /* @__PURE__ */ jsx109("div", { className: "agn-approval__meta", children: [runId, tenant, requestedAt].filter(Boolean).map((x, i) => /* @__PURE__ */ jsx109("span", { children: x }, i)) })
       ] }),
       !perm && /* @__PURE__ */ jsxs101("span", { className: cx("agn-approval__status", "agn-approval__status--" + s.tone), children: [
-        /* @__PURE__ */ jsx108(Icon, { name: s.icon, size: 12 }),
+        /* @__PURE__ */ jsx109(Icon, { name: s.icon, size: 12 }),
         status === "queued" && queuePosition != null ? `${L.queued} (${queuePosition} ${L.ahead})` : L[status] || s.label
       ] })
     ] }),
     reason && /* @__PURE__ */ jsxs101("div", { className: "agn-approval__reason", role: "note", children: [
-      /* @__PURE__ */ jsx108(Icon, { name: "triangle-alert", size: 16 }),
+      /* @__PURE__ */ jsx109(Icon, { name: "triangle-alert", size: 16 }),
       /* @__PURE__ */ jsxs101("div", { children: [
-        /* @__PURE__ */ jsx108("div", { className: "agn-approval__reason-label", children: L.reason }),
-        /* @__PURE__ */ jsx108("div", { className: "agn-approval__reason-text", children: reason })
+        /* @__PURE__ */ jsx109("div", { className: "agn-approval__reason-label", children: L.reason }),
+        /* @__PURE__ */ jsx109("div", { className: "agn-approval__reason-text", children: reason })
       ] })
     ] }),
     proposal.length > 0 && /* @__PURE__ */ jsxs101("div", { className: "agn-approval__section", children: [
-      /* @__PURE__ */ jsx108("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.proposes }),
-      /* @__PURE__ */ jsx108("dl", { className: "agn-approval__kv", children: proposal.map((p, i) => /* @__PURE__ */ jsxs101("div", { className: "agn-approval__kv-row", children: [
-        /* @__PURE__ */ jsx108("dt", { children: p.label }),
-        /* @__PURE__ */ jsx108("dd", { className: p.mono ? "agn-mono" : void 0, children: p.value })
+      /* @__PURE__ */ jsx109("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.proposes }),
+      /* @__PURE__ */ jsx109("dl", { className: "agn-approval__kv", children: proposal.map((p, i) => /* @__PURE__ */ jsxs101("div", { className: "agn-approval__kv-row", children: [
+        /* @__PURE__ */ jsx109("dt", { children: p.label }),
+        /* @__PURE__ */ jsx109("dd", { className: p.mono ? "agn-mono" : void 0, children: p.value })
       ] }, i)) })
     ] }),
     fields.length > 0 && /* @__PURE__ */ jsxs101("div", { className: "agn-approval__section", children: [
-      /* @__PURE__ */ jsx108("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.decision }),
-      /* @__PURE__ */ jsx108("div", { className: "agn-approval__form", children: fields.map((f) => /* @__PURE__ */ jsxs101("div", { className: cx("agn-approval__field", f.type === "boolean" && "agn-approval__field--check"), children: [
+      /* @__PURE__ */ jsx109("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: L.decision }),
+      /* @__PURE__ */ jsx109("div", { className: "agn-approval__form", children: fields.map((f) => /* @__PURE__ */ jsxs101("div", { className: cx("agn-approval__field", f.type === "boolean" && "agn-approval__field--check"), children: [
         f.type !== "boolean" && /* @__PURE__ */ jsxs101("label", { className: "agn-approval__label", htmlFor: id + "-" + f.key, children: [
           f.label,
-          f.required && /* @__PURE__ */ jsx108("span", { "aria-hidden": "true", children: " *" })
+          f.required && /* @__PURE__ */ jsx109("span", { "aria-hidden": "true", children: " *" })
         ] }),
-        /* @__PURE__ */ jsx108(Field, { f, id: id + "-" + f.key, value: values[f.key], onChange: change, disabled: !open || loading2 }),
-        f.help && /* @__PURE__ */ jsx108("div", { id: id + "-" + f.key + "-help", className: "agn-approval__help", children: f.help })
+        /* @__PURE__ */ jsx109(Field, { f, id: id + "-" + f.key, value: values[f.key], onChange: change, disabled: !open || loading2 }),
+        f.help && /* @__PURE__ */ jsx109("div", { id: id + "-" + f.key + "-help", className: "agn-approval__help", children: f.help })
       ] }, f.key)) })
     ] }),
     /* @__PURE__ */ jsxs101("footer", { className: "agn-approval__foot", children: [
-      open && actions && actions.map((a, i) => /* @__PURE__ */ jsx108(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__ */ jsxs101(Fragment13, { children: [
-        /* @__PURE__ */ jsx108(Button, { variant: "primary", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.allowOnce }),
-        /* @__PURE__ */ jsx108(Button, { variant: "neutral", icon: "check-check", disabled: loading2, onClick: decide(onAlways), children: L.always }),
-        /* @__PURE__ */ jsx108(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.deny })
+      open && actions && actions.map((a, i) => /* @__PURE__ */ jsx109(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__ */ jsxs101(Fragment14, { children: [
+        /* @__PURE__ */ jsx109(Button, { variant: "primary", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.allowOnce }),
+        /* @__PURE__ */ jsx109(Button, { variant: "neutral", icon: "check-check", disabled: loading2, onClick: decide(onAlways), children: L.always }),
+        /* @__PURE__ */ jsx109(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.deny })
       ] }),
-      open && !actions && !perm && /* @__PURE__ */ jsxs101(Fragment13, { children: [
-        /* @__PURE__ */ jsx108(Button, { variant: "success", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.approve }),
-        /* @__PURE__ */ jsx108(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.reject }),
-        onAsk && /* @__PURE__ */ jsx108(Button, { variant: "neutral", icon: "message-square", disabled: loading2, onClick: decide(onAsk), children: L.ask })
+      open && !actions && !perm && /* @__PURE__ */ jsxs101(Fragment14, { children: [
+        /* @__PURE__ */ jsx109(Button, { variant: "success", icon: "check", loading: loading2, onClick: decide(onApprove), children: L.approve }),
+        /* @__PURE__ */ jsx109(Button, { variant: "destructive-text", icon: "x", disabled: loading2, onClick: decide(onReject), children: L.reject }),
+        onAsk && /* @__PURE__ */ jsx109(Button, { variant: "neutral", icon: "message-square", disabled: loading2, onClick: decide(onAsk), children: L.ask })
       ] }),
       status === "queued" && /* @__PURE__ */ jsxs101("span", { className: "agn-approval__note", children: [
-        /* @__PURE__ */ jsx108(Icon, { name: "clock", size: 14 }),
+        /* @__PURE__ */ jsx109(Icon, { name: "clock", size: 14 }),
         queuePosition != null ? `${L.queued} (${queuePosition} ${L.ahead})` : L.queued
       ] }),
       (status === "approved" || status === "rejected") && /* @__PURE__ */ jsxs101("span", { className: cx("agn-approval__note", "agn-approval__note--" + s.tone), children: [
-        /* @__PURE__ */ jsx108(Icon, { name: s.icon, size: 14 }),
+        /* @__PURE__ */ jsx109(Icon, { name: s.icon, size: 14 }),
         L[status],
         decidedBy && ` ${L.by} ${decidedBy}`,
         decidedAt && /* @__PURE__ */ jsxs101("span", { className: "agn-approval__note-time agn-num", children: [
@@ -5903,11 +6169,11 @@ function ApprovalCard({ agent, runId, tenant, requestedAt, requester, reason, pr
 }
 
 // src/widgets/RunTimeline.jsx
-import React111 from "react";
+import React113 from "react";
 
 // src/widgets/RunStatus.jsx
-import React110 from "react";
-import { jsx as jsx109, jsxs as jsxs102 } from "react/jsx-runtime";
+import React112 from "react";
+import { jsx as jsx110, jsxs as jsxs102 } from "react/jsx-runtime";
 var RUN_STATUS = {
   queued: { tone: "neutral", icon: "clock", label: "Queued" },
   running: { tone: "info", icon: "loader-circle", label: "Running", spin: true },
@@ -5925,7 +6191,7 @@ function RunStatus({ status = "queued", detail, since, size = "md", labels, clas
   const s = RUN_STATUS[status] || RUN_STATUS.queued;
   return /* @__PURE__ */ jsxs102("span", { className: cx("agn-run-status", "agn-run-status--" + s.tone, size !== "md" && "agn-run-status--" + size, className), ...rest, children: [
     /* @__PURE__ */ jsxs102("span", { className: "agn-run-status__tag", children: [
-      /* @__PURE__ */ jsx109(Icon, { name: s.icon, size: size === "sm" ? 11 : 12, className: s.spin ? "agn-run-status__spin" : void 0 }),
+      /* @__PURE__ */ jsx110(Icon, { name: s.icon, size: size === "sm" ? 11 : 12, className: s.spin ? "agn-run-status__spin" : void 0 }),
       L[status] || s.label,
       detail && /* @__PURE__ */ jsxs102("span", { className: "agn-run-status__detail", children: [
         " \xB7 ",
@@ -5958,14 +6224,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
-import { jsx as jsx110, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs103 } from "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] = React111.useState(4);
-  React111.useEffect(() => {
+  const [n, setN] = React113.useState(4);
+  React113.useEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return void 0;
     const ro = new ResizeObserver((es) => {
@@ -5983,15 +6249,15 @@ 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 = React111.useRef(null);
+  const scaleRef = React113.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__ */ jsxs103("div", { className: cx("agn-rt", className), role: "table", "aria-label": L.step + "s", ...rest, children: [
     /* @__PURE__ */ jsxs103("div", { className: cx("agn-rt__head", cols), role: "row", children: [
-      /* @__PURE__ */ jsx110("span", { role: "columnheader", children: L.step }),
-      /* @__PURE__ */ jsx110("span", { role: "columnheader", className: "agn-rt__scale", ref: scaleRef, children: ticks(total, tickN).map((t, i) => /* @__PURE__ */ jsx110("span", { className: "agn-rt__tick agn-num", style: { left: t / total * 100 + "%" }, children: formatDuration(t, locale) }, i)) }),
-      showTokens && /* @__PURE__ */ jsx110("span", { role: "columnheader", className: "agn-rt__num", children: L.tokens }),
-      showCost && /* @__PURE__ */ jsx110("span", { role: "columnheader", className: "agn-rt__num", children: L.cost })
+      /* @__PURE__ */ jsx111("span", { role: "columnheader", children: L.step }),
+      /* @__PURE__ */ jsx111("span", { role: "columnheader", className: "agn-rt__scale", ref: scaleRef, children: ticks(total, tickN).map((t, i) => /* @__PURE__ */ jsx111("span", { className: "agn-rt__tick agn-num", style: { left: t / total * 100 + "%" }, children: formatDuration(t, locale) }, i)) }),
+      showTokens && /* @__PURE__ */ jsx111("span", { role: "columnheader", className: "agn-rt__num", children: L.tokens }),
+      showCost && /* @__PURE__ */ jsx111("span", { role: "columnheader", className: "agn-rt__num", children: L.cost })
     ] }),
     steps.map((s, i) => {
       const st = RUN_STATUS[s.status] || RUN_STATUS.completed;
@@ -6000,30 +6266,30 @@ function RunTimeline({ steps = [], total: totalProp, selected, onSelect, showCos
       const left = (s.start || 0) / total * 100, width = Math.max(0.6, (s.duration || 0) / total * 100);
       return /* @__PURE__ */ jsxs103(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__ */ jsxs103("span", { role: "cell", className: "agn-rt__name", children: [
-          /* @__PURE__ */ jsx110("span", { className: "agn-rt__n agn-num", children: String(i + 1).padStart(2, "0") }),
+          /* @__PURE__ */ jsx111("span", { className: "agn-rt__n agn-num", children: String(i + 1).padStart(2, "0") }),
           /* @__PURE__ */ jsxs103("span", { className: "agn-rt__label", children: [
-            /* @__PURE__ */ jsx110("span", { className: "agn-rt__title", children: s.name }),
-            s.kind && /* @__PURE__ */ jsx110("span", { className: "agn-rt__kind", children: s.kind })
+            /* @__PURE__ */ jsx111("span", { className: "agn-rt__title", children: s.name }),
+            s.kind && /* @__PURE__ */ jsx111("span", { className: "agn-rt__kind", children: s.kind })
           ] }),
-          /* @__PURE__ */ jsx110(Icon, { name: st.icon, size: 12, className: cx("agn-rt__icon", st.spin && "agn-rt__spin"), title: st.label })
+          /* @__PURE__ */ jsx111(Icon, { name: st.icon, size: 12, className: cx("agn-rt__icon", st.spin && "agn-rt__spin"), title: st.label })
         ] }),
-        /* @__PURE__ */ jsx110("span", { role: "cell", className: "agn-rt__track", children: /* @__PURE__ */ jsx110("span", { className: "agn-rt__bar", style: { left: left + "%", width: width + "%" }, children: /* @__PURE__ */ jsx110("span", { className: "agn-rt__dur agn-num", children: formatDuration(s.duration || 0, locale) }) }) }),
-        showTokens && /* @__PURE__ */ jsx110("span", { role: "cell", className: "agn-rt__num", children: s.tokens != null ? fmtInt(s.tokens, locale) : "\u2013" }),
-        showCost && /* @__PURE__ */ jsx110("span", { role: "cell", className: "agn-rt__num", children: s.cost != null ? fmtMoney(s.cost, locale, currency) : "\u2013" })
+        /* @__PURE__ */ jsx111("span", { role: "cell", className: "agn-rt__track", children: /* @__PURE__ */ jsx111("span", { className: "agn-rt__bar", style: { left: left + "%", width: width + "%" }, children: /* @__PURE__ */ jsx111("span", { className: "agn-rt__dur agn-num", children: formatDuration(s.duration || 0, locale) }) }) }),
+        showTokens && /* @__PURE__ */ jsx111("span", { role: "cell", className: "agn-rt__num", children: s.tokens != null ? fmtInt(s.tokens, locale) : "\u2013" }),
+        showCost && /* @__PURE__ */ jsx111("span", { role: "cell", className: "agn-rt__num", children: s.cost != null ? fmtMoney(s.cost, locale, currency) : "\u2013" })
       ] }, id);
     }),
     /* @__PURE__ */ jsxs103("div", { className: cx("agn-rt__foot", cols), role: "row", children: [
-      /* @__PURE__ */ jsx110("span", { role: "cell", children: L.total }),
-      /* @__PURE__ */ jsx110("span", { role: "cell", className: "agn-rt__total agn-num", children: formatDuration(total, locale) }),
-      showTokens && /* @__PURE__ */ jsx110("span", { role: "cell", className: "agn-rt__num", children: fmtInt(sumTok, locale) }),
-      showCost && /* @__PURE__ */ jsx110("span", { role: "cell", className: "agn-rt__num", children: fmtMoney(sumCost, locale, currency) })
+      /* @__PURE__ */ jsx111("span", { role: "cell", children: L.total }),
+      /* @__PURE__ */ jsx111("span", { role: "cell", className: "agn-rt__total agn-num", children: formatDuration(total, locale) }),
+      showTokens && /* @__PURE__ */ jsx111("span", { role: "cell", className: "agn-rt__num", children: fmtInt(sumTok, locale) }),
+      showCost && /* @__PURE__ */ jsx111("span", { role: "cell", className: "agn-rt__num", children: fmtMoney(sumCost, locale, currency) })
     ] })
   ] });
 }
 
 // src/widgets/TraceSpans.jsx
-import React112 from "react";
-import { jsx as jsx111, jsxs as jsxs104 } from "react/jsx-runtime";
+import React114 from "react";
+import { jsx as jsx112, jsxs as jsxs104 } from "react/jsx-runtime";
 var SPAN_KINDS = ["llm", "tool", "http", "workflow", "db", "other"];
 function flatten3(spans, depth = 0, out = [], collapsed) {
   spans.forEach((s, i) => {
@@ -6035,9 +6301,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] = React112.useState(() => /* @__PURE__ */ new Set());
-  const rows = React112.useMemo(() => flatten3(spans, 0, [], collapsed), [spans, collapsed]);
-  const all = React112.useMemo(() => flatten3(spans, 0, [], /* @__PURE__ */ new Set()), [spans]);
+  const [collapsed, setCollapsed] = React114.useState(() => /* @__PURE__ */ new Set());
+  const rows = React114.useMemo(() => flatten3(spans, 0, [], collapsed), [spans, collapsed]);
+  const all = React114.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);
@@ -6045,8 +6311,8 @@ function TraceSpans({ spans = [], total: totalProp, selected, onSelect, locale =
     return n;
   });
   const Row = onSelect ? "button" : "div";
-  const treeRef = React112.useRef(null);
-  const [focusId, setFocusId] = React112.useState(null);
+  const treeRef = React114.useRef(null);
+  const [focusId, setFocusId] = React114.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));
@@ -6096,33 +6362,33 @@ function TraceSpans({ spans = [], total: totalProp, selected, onSelect, locale =
     }
   };
   return /* @__PURE__ */ jsxs104("div", { ref: treeRef, className: cx("agn-spans", className), role: "tree", "aria-label": L.spans, ...rest, children: [
-    /* @__PURE__ */ jsx111("div", { className: "agn-spans__scale", "aria-hidden": "true", children: [0, 0.25, 0.5, 0.75, 1].map((f) => /* @__PURE__ */ jsx111("span", { className: "agn-spans__tick agn-num", style: { left: f * 100 + "%" }, children: formatDuration(total * f, locale) }, f)) }),
+    /* @__PURE__ */ jsx112("div", { className: "agn-spans__scale", "aria-hidden": "true", children: [0, 0.25, 0.5, 0.75, 1].map((f) => /* @__PURE__ */ jsx112("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__ */ jsxs104("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__ */ jsxs104("span", { className: "agn-spans__name", style: { paddingLeft: s.depth * 16 }, children: [
-          s.hasChildren ? /* @__PURE__ */ jsx111("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__ */ jsx111(Icon, { name: "chevron-right", size: 12, className: cx(!collapsed.has(s.id) && "agn-spans__caret--open") }) }) : /* @__PURE__ */ jsx111("span", { className: "agn-spans__caret agn-spans__caret--leaf" }),
+          s.hasChildren ? /* @__PURE__ */ jsx112("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__ */ jsx112(Icon, { name: "chevron-right", size: 12, className: cx(!collapsed.has(s.id) && "agn-spans__caret--open") }) }) : /* @__PURE__ */ jsx112("span", { className: "agn-spans__caret agn-spans__caret--leaf" }),
           /* @__PURE__ */ jsxs104(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__ */ jsx111("span", { className: "agn-spans__title", children: s.name }),
-            s.service && /* @__PURE__ */ jsx111("span", { className: "agn-spans__service", children: s.service }),
+            /* @__PURE__ */ jsx112("span", { className: "agn-spans__title", children: s.name }),
+            s.service && /* @__PURE__ */ jsx112("span", { className: "agn-spans__service", children: s.service }),
             s.status === "bad" && /* @__PURE__ */ jsxs104("span", { className: "agn-spans__err", children: [
-              /* @__PURE__ */ jsx111(Icon, { name: "circle-x", size: 11 }),
+              /* @__PURE__ */ jsx112(Icon, { name: "circle-x", size: 11 }),
               L.error
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx111("span", { className: "agn-spans__track", children: /* @__PURE__ */ jsx111("span", { className: "agn-spans__bar", style: { left: left + "%", width: width + "%" } }) }),
-        /* @__PURE__ */ jsx111("span", { className: "agn-spans__dur agn-num", children: formatDuration(s.duration || 0, locale) })
+        /* @__PURE__ */ jsx112("span", { className: "agn-spans__track", children: /* @__PURE__ */ jsx112("span", { className: "agn-spans__bar", style: { left: left + "%", width: width + "%" } }) }),
+        /* @__PURE__ */ jsx112("span", { className: "agn-spans__dur agn-num", children: formatDuration(s.duration || 0, locale) })
       ] }, s.id);
     })
   ] });
 }
 
 // src/widgets/AgentRunCard.jsx
-import React113 from "react";
-import { jsx as jsx112, jsxs as jsxs105 } from "react/jsx-runtime";
+import React115 from "react";
+import { jsx as jsx113, jsxs as jsxs105 } from "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 }) {
@@ -6130,53 +6396,53 @@ function AgentRunCard({ agent, product = "platform", runId, tenant, trigger = "m
   const t = TRIGGER[trigger] || TRIGGER.manual;
   return /* @__PURE__ */ jsxs105("article", { className: cx("agn-run-card", "agn-run-card--" + status, selected && "agn-run-card--selected", className), ...rest, children: [
     /* @__PURE__ */ jsxs105("header", { className: "agn-run-card__head", children: [
-      /* @__PURE__ */ jsx112("span", { className: "agn-run-card__icon", children: /* @__PURE__ */ jsx112(ProductIcon, { product, size: 16 }) }),
+      /* @__PURE__ */ jsx113("span", { className: "agn-run-card__icon", children: /* @__PURE__ */ jsx113(ProductIcon, { product, size: 16 }) }),
       /* @__PURE__ */ jsxs105("div", { className: "agn-run-card__heading", children: [
-        /* @__PURE__ */ jsx112("h3", { className: "agn-run-card__title", children: agent }),
-        runId && /* @__PURE__ */ jsx112("span", { className: "agn-run-card__id", children: runId })
+        /* @__PURE__ */ jsx113("h3", { className: "agn-run-card__title", children: agent }),
+        runId && /* @__PURE__ */ jsx113("span", { className: "agn-run-card__id", children: runId })
       ] }),
-      /* @__PURE__ */ jsx112(RunStatus, { status, since, size: "sm" })
+      /* @__PURE__ */ jsx113(RunStatus, { status, since, size: "sm" })
     ] }),
     /* @__PURE__ */ jsxs105("div", { className: "agn-run-card__meta", children: [
       /* @__PURE__ */ jsxs105("span", { children: [
-        /* @__PURE__ */ jsx112(Icon, { name: t.icon, size: 12 }),
+        /* @__PURE__ */ jsx113(Icon, { name: t.icon, size: 12 }),
         L[trigger] || t.label
       ] }),
       started && /* @__PURE__ */ jsxs105("span", { children: [
-        /* @__PURE__ */ jsx112(Icon, { name: "clock", size: 12 }),
+        /* @__PURE__ */ jsx113(Icon, { name: "clock", size: 12 }),
         started
       ] }),
       tenant && /* @__PURE__ */ jsxs105("span", { children: [
-        /* @__PURE__ */ jsx112(Icon, { name: "building-2", size: 12 }),
+        /* @__PURE__ */ jsx113(Icon, { name: "building-2", size: 12 }),
         tenant
       ] })
     ] }),
-    steps && steps.total > 0 && /* @__PURE__ */ jsx112(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}` }),
+    steps && steps.total > 0 && /* @__PURE__ */ jsx113(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__ */ jsxs105("dl", { className: "agn-run-card__stats", children: [
       duration != null && /* @__PURE__ */ jsxs105("div", { children: [
-        /* @__PURE__ */ jsx112("dt", { children: L.duration }),
-        /* @__PURE__ */ jsx112("dd", { className: "agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
+        /* @__PURE__ */ jsx113("dt", { children: L.duration }),
+        /* @__PURE__ */ jsx113("dd", { className: "agn-num", children: typeof duration === "number" ? formatDuration(duration, locale) : duration })
       ] }),
       cost != null && /* @__PURE__ */ jsxs105("div", { children: [
-        /* @__PURE__ */ jsx112("dt", { children: L.cost }),
-        /* @__PURE__ */ jsx112("dd", { className: "agn-num", children: fmtMoney(cost, locale, currency) })
+        /* @__PURE__ */ jsx113("dt", { children: L.cost }),
+        /* @__PURE__ */ jsx113("dd", { className: "agn-num", children: fmtMoney(cost, locale, currency) })
       ] }),
       tokens != null && /* @__PURE__ */ jsxs105("div", { children: [
-        /* @__PURE__ */ jsx112("dt", { children: L.tokens }),
-        /* @__PURE__ */ jsx112("dd", { className: "agn-num", children: fmtInt(tokens, locale) })
+        /* @__PURE__ */ jsx113("dt", { children: L.tokens }),
+        /* @__PURE__ */ jsx113("dd", { className: "agn-num", children: fmtInt(tokens, locale) })
       ] })
     ] }),
     (onStop || onRetry || onOpen) && /* @__PURE__ */ jsxs105("footer", { className: "agn-run-card__foot", children: [
-      onStop && (status === "running" || status === "paused" || status === "queued") && /* @__PURE__ */ jsx112(Button, { size: "sm", variant: "destructive-text", icon: "square", onClick: onStop, children: L.stop }),
-      onRetry && (status === "failed" || status === "cancelled") && /* @__PURE__ */ jsx112(Button, { size: "sm", icon: "rotate-ccw", onClick: onRetry, children: L.retry }),
-      onOpen && /* @__PURE__ */ jsx112(Button, { size: "sm", variant: "ghost", iconRight: "arrow-right", onClick: onOpen, className: "agn-run-card__open", children: L.open })
+      onStop && (status === "running" || status === "paused" || status === "queued") && /* @__PURE__ */ jsx113(Button, { size: "sm", variant: "destructive-text", icon: "square", onClick: onStop, children: L.stop }),
+      onRetry && (status === "failed" || status === "cancelled") && /* @__PURE__ */ jsx113(Button, { size: "sm", icon: "rotate-ccw", onClick: onRetry, children: L.retry }),
+      onOpen && /* @__PURE__ */ jsx113(Button, { size: "sm", variant: "ghost", iconRight: "arrow-right", onClick: onOpen, className: "agn-run-card__open", children: L.open })
     ] })
   ] });
 }
 
 // src/widgets/CostBars.jsx
-import React114 from "react";
-import { jsx as jsx113, jsxs as jsxs106 } from "react/jsx-runtime";
+import React116 from "react";
+import { jsx as jsx114, jsxs as jsxs106 } from "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;
@@ -6185,12 +6451,12 @@ 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__ */ jsx113("ul", { className: cx("agn-costbars", className), role: "list", "aria-label": L.costs, ...rest, children: list.map((it, i) => /* @__PURE__ */ jsxs106("li", { className: cx("agn-costbars__row", it.tone && "agn-costbars__row--" + it.tone), children: [
+    /* @__PURE__ */ jsx114("ul", { className: cx("agn-costbars", className), role: "list", "aria-label": L.costs, ...rest, children: list.map((it, i) => /* @__PURE__ */ jsxs106("li", { className: cx("agn-costbars__row", it.tone && "agn-costbars__row--" + it.tone), children: [
       /* @__PURE__ */ jsxs106("span", { className: "agn-costbars__label", title: typeof it.label === "string" ? it.label : void 0, children: [
         it.label,
-        it.sub && /* @__PURE__ */ jsx113("span", { className: "agn-costbars__sub", children: it.sub })
+        it.sub && /* @__PURE__ */ jsx114("span", { className: "agn-costbars__sub", children: it.sub })
       ] }),
-      /* @__PURE__ */ jsx113("span", { className: "agn-costbars__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx113("span", { className: cx("agn-costbars__fill", colorBy === "index" && "agn-costbars__fill--" + (i % 6 + 1)), style: { width: Math.min(100, (it.value || 0) / max * 100) + "%" } }) }),
+      /* @__PURE__ */ jsx114("span", { className: "agn-costbars__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx114("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__ */ jsxs106("span", { className: "agn-costbars__value agn-num", children: [
         fmt(it.value || 0),
         showTokens && it.tokens != null && /* @__PURE__ */ jsxs106("span", { className: "agn-costbars__tokens", children: [
@@ -6204,8 +6470,8 @@ function CostBars({ items = [], unit = "currency", currency = "TRY", locale = "t
 }
 
 // src/widgets/CanvasBlock.jsx
-import React115 from "react";
-import { jsx as jsx114, jsxs as jsxs107 } from "react/jsx-runtime";
+import React117 from "react";
+import { jsx as jsx115, jsxs as jsxs107 } from "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"] };
@@ -6215,32 +6481,32 @@ function CanvasBlock({ name, kind, icon = "box", product, rows = [], state = "de
   const inSide = ports && portSide(ports.in, "left"), outSide = ports && portSide(ports.out, "right");
   const si = STATE_ICON[state];
   return /* @__PURE__ */ jsxs107(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__ */ jsx114("span", { className: "agn-block__bar", role: "toolbar", children: actions.map((a, i) => /* @__PURE__ */ jsx114(ButtonIcon, { icon: a.icon, label: a.label, size: "xs", variant: a.variant || "ghost", onClick: (e) => {
+    actions.length > 0 && /* @__PURE__ */ jsx115("span", { className: "agn-block__bar", role: "toolbar", children: actions.map((a, i) => /* @__PURE__ */ jsx115(ButtonIcon, { icon: a.icon, label: a.label, size: "xs", variant: a.variant || "ghost", onClick: (e) => {
       e.stopPropagation();
       a.onClick && a.onClick(e);
     } }, i)) }),
     /* @__PURE__ */ jsxs107("span", { className: "agn-block__head", children: [
-      /* @__PURE__ */ jsx114("span", { className: "agn-block__icon", children: product ? /* @__PURE__ */ jsx114(ProductIcon, { product, size: 16 }) : /* @__PURE__ */ jsx114(Icon, { name: icon, size: 16 }) }),
+      /* @__PURE__ */ jsx115("span", { className: "agn-block__icon", children: product ? /* @__PURE__ */ jsx115(ProductIcon, { product, size: 16 }) : /* @__PURE__ */ jsx115(Icon, { name: icon, size: 16 }) }),
       /* @__PURE__ */ jsxs107("span", { className: "agn-block__heading", children: [
-        /* @__PURE__ */ jsx114("span", { className: "agn-block__name", title: typeof name === "string" ? name : void 0, children: name }),
-        kind && /* @__PURE__ */ jsx114("span", { className: "agn-block__kind", children: kind })
+        /* @__PURE__ */ jsx115("span", { className: "agn-block__name", title: typeof name === "string" ? name : void 0, children: name }),
+        kind && /* @__PURE__ */ jsx115("span", { className: "agn-block__kind", children: kind })
       ] }),
       si && /* @__PURE__ */ jsxs107("span", { className: "agn-block__state", children: [
-        /* @__PURE__ */ jsx114(Icon, { name: si[0], size: 14, className: si[1] ? "agn-block__spin" : void 0, title: L[state] }),
-        /* @__PURE__ */ jsx114("span", { className: "agn-sr", children: L[state] })
+        /* @__PURE__ */ jsx115(Icon, { name: si[0], size: 14, className: si[1] ? "agn-block__spin" : void 0, title: L[state] }),
+        /* @__PURE__ */ jsx115("span", { className: "agn-sr", children: L[state] })
       ] })
     ] }),
-    rows.length > 0 && /* @__PURE__ */ jsx114("span", { className: "agn-block__rows", children: rows.map((r, i) => /* @__PURE__ */ jsxs107("span", { className: "agn-block__row", children: [
-      /* @__PURE__ */ jsx114("span", { className: "agn-block__k", children: r.label }),
-      /* @__PURE__ */ jsx114("span", { className: cx("agn-block__v", r.mono !== false && "agn-mono"), children: r.value })
+    rows.length > 0 && /* @__PURE__ */ jsx115("span", { className: "agn-block__rows", children: rows.map((r, i) => /* @__PURE__ */ jsxs107("span", { className: "agn-block__row", children: [
+      /* @__PURE__ */ jsx115("span", { className: "agn-block__k", children: r.label }),
+      /* @__PURE__ */ jsx115("span", { className: cx("agn-block__v", r.mono !== false && "agn-mono"), children: r.value })
     ] }, i)) }),
     next && /* @__PURE__ */ jsxs107("span", { className: "agn-block__next", children: [
-      /* @__PURE__ */ jsx114(Icon, { name: "corner-down-right", size: 12 }),
-      /* @__PURE__ */ jsx114("span", { className: "agn-block__next-label", children: L.next }),
+      /* @__PURE__ */ jsx115(Icon, { name: "corner-down-right", size: 12 }),
+      /* @__PURE__ */ jsx115("span", { className: "agn-block__next-label", children: L.next }),
       next
     ] }),
-    inSide && /* @__PURE__ */ jsx114("span", { className: cx("agn-block__port", "agn-block__port--in", "agn-block__port--" + inSide), "aria-hidden": "true" }),
-    outSide && /* @__PURE__ */ jsx114("span", { className: cx("agn-block__port", "agn-block__port--out", "agn-block__port--" + outSide), "aria-hidden": "true" })
+    inSide && /* @__PURE__ */ jsx115("span", { className: cx("agn-block__port", "agn-block__port--in", "agn-block__port--" + inSide), "aria-hidden": "true" }),
+    outSide && /* @__PURE__ */ jsx115("span", { className: cx("agn-block__port", "agn-block__port--out", "agn-block__port--" + outSide), "aria-hidden": "true" })
   ] });
 }
 var horiz = (s) => s === "left" || s === "right";
@@ -6276,25 +6542,25 @@ function CanvasEdge({ from, to, fromSide = "right", toSide = "left", state = "de
         onClick(e);
       }
     } : void 0, ...rest, children: [
-      /* @__PURE__ */ jsx114("path", { className: "agn-edge__hit", d }),
-      /* @__PURE__ */ jsx114("path", { className: "agn-edge__path", d }),
-      arrow && /* @__PURE__ */ jsx114("path", { className: "agn-edge__arrow", d: ah }),
+      /* @__PURE__ */ jsx115("path", { className: "agn-edge__hit", d }),
+      /* @__PURE__ */ jsx115("path", { className: "agn-edge__path", d }),
+      arrow && /* @__PURE__ */ jsx115("path", { className: "agn-edge__arrow", d: ah }),
       label && /* @__PURE__ */ jsxs107("g", { className: "agn-edge__label", transform: `translate(${mx},${my})`, children: [
-        /* @__PURE__ */ jsx114("rect", { x: -String(label).length * 3.4 - 6, y: -9, width: String(label).length * 6.8 + 12, height: 18, rx: 4 }),
-        /* @__PURE__ */ jsx114("text", { textAnchor: "middle", dominantBaseline: "central", children: label })
+        /* @__PURE__ */ jsx115("rect", { x: -String(label).length * 3.4 - 6, y: -9, width: String(label).length * 6.8 + 12, height: 18, rx: 4 }),
+        /* @__PURE__ */ jsx115("text", { textAnchor: "middle", dominantBaseline: "central", children: label })
       ] })
     ] })
   );
 }
 
 // src/widgets/Canvas.jsx
-import React116 from "react";
-import { jsx as jsx115, jsxs as jsxs108 } from "react/jsx-runtime";
+import React118 from "react";
+import { jsx as jsx116, jsxs as jsxs108 } from "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] = React116.useState(defaultZoom);
-  const [pLocal, setPLocal] = React116.useState(defaultPan);
+  const [zLocal, setZLocal] = React118.useState(defaultZoom);
+  const [pLocal, setPLocal] = React118.useState(defaultPan);
   const z = zoomProp != null ? zoomProp : zLocal;
   const p = panProp || pLocal;
   const setZ = (v) => {
@@ -6306,7 +6572,7 @@ function Canvas({ children, edges, zoom: zoomProp, defaultZoom = 1, onZoomChange
     if (!panProp) setPLocal(v);
     onPanChange && onPanChange(v);
   };
-  const drag = React116.useRef(null);
+  const drag = React118.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;
@@ -6350,12 +6616,12 @@ function Canvas({ children, edges, zoom: zoomProp, defaultZoom = 1, onZoomChange
   const bg = grid ? { backgroundSize: gs + "px " + gs + "px", backgroundPosition: p.x + "px " + p.y + "px" } : null;
   return /* @__PURE__ */ jsxs108("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__ */ jsxs108("div", { className: "agn-canvas__layer", style: { transform: `translate(${p.x}px, ${p.y}px) scale(${z})` }, children: [
-      edges && /* @__PURE__ */ jsx115("svg", { className: "agn-canvas__edges", "aria-hidden": "true", children: edges }),
+      edges && /* @__PURE__ */ jsx116("svg", { className: "agn-canvas__edges", "aria-hidden": "true", children: edges }),
       children
     ] }),
     overlay,
     controls && /* @__PURE__ */ jsxs108("div", { className: "agn-canvas__controls", role: "toolbar", "aria-label": L.canvas, children: [
-      /* @__PURE__ */ jsx115(ButtonIcon, { icon: "minus", label: L.zoomOut, size: "sm", variant: "ghost", onClick: () => setZ(z / 1.2), disabled: z <= minZoom }),
+      /* @__PURE__ */ jsx116(ButtonIcon, { icon: "minus", label: L.zoomOut, size: "sm", variant: "ghost", onClick: () => setZ(z / 1.2), disabled: z <= minZoom }),
       /* @__PURE__ */ jsxs108("button", { type: "button", className: "agn-canvas__zoom agn-num agn-focus", onClick: () => {
         setZ(1);
         setP({ x: 0, y: 0 });
@@ -6363,25 +6629,25 @@ function Canvas({ children, edges, zoom: zoomProp, defaultZoom = 1, onZoomChange
         Math.round(z * 100),
         "%"
       ] }),
-      /* @__PURE__ */ jsx115(ButtonIcon, { icon: "plus", label: L.zoomIn, size: "sm", variant: "ghost", onClick: () => setZ(z * 1.2), disabled: z >= maxZoom })
+      /* @__PURE__ */ jsx116(ButtonIcon, { icon: "plus", label: L.zoomIn, size: "sm", variant: "ghost", onClick: () => setZ(z * 1.2), disabled: z >= maxZoom })
     ] })
   ] });
 }
 
 // src/widgets/CanvasNote.jsx
-import React117 from "react";
-import { jsx as jsx116, jsxs as jsxs109 } from "react/jsx-runtime";
+import React119 from "react";
+import { jsx as jsx117, jsxs as jsxs109 } from "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__ */ jsxs109("div", { className: cx("agn-note", "agn-note--" + tone, className), style: { width, ...style }, ...rest, children: [
     (title || onEdit || onDelete) && /* @__PURE__ */ jsxs109("div", { className: "agn-note__head", children: [
-      title && /* @__PURE__ */ jsx116("span", { className: "agn-note__title", children: title }),
+      title && /* @__PURE__ */ jsx117("span", { className: "agn-note__title", children: title }),
       /* @__PURE__ */ jsxs109("span", { className: "agn-note__ctl", children: [
-        onEdit && /* @__PURE__ */ jsx116(ButtonIcon, { icon: "pencil", label: L.edit, size: "xs", onClick: onEdit }),
-        onDelete && /* @__PURE__ */ jsx116(ButtonIcon, { icon: "x", label: L.delete, size: "xs", onClick: onDelete })
+        onEdit && /* @__PURE__ */ jsx117(ButtonIcon, { icon: "pencil", label: L.edit, size: "xs", onClick: onEdit }),
+        onDelete && /* @__PURE__ */ jsx117(ButtonIcon, { icon: "x", label: L.delete, size: "xs", onClick: onDelete })
       ] })
     ] }),
-    /* @__PURE__ */ jsx116("div", { className: "agn-note__body", children }),
+    /* @__PURE__ */ jsx117("div", { className: "agn-note__body", children }),
     (author || time) && /* @__PURE__ */ jsxs109("div", { className: "agn-note__foot", children: [
       author,
       author && time && " \xB7 ",
@@ -6391,8 +6657,8 @@ function CanvasNote({ title, children, author, time, tone = "warn", width = 220,
 }
 
 // src/widgets/QueueCard.jsx
-import React118 from "react";
-import { jsx as jsx117, jsxs as jsxs110 } from "react/jsx-runtime";
+import React120 from "react";
+import { jsx as jsx118, jsxs as jsxs110 } from "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 }) {
@@ -6401,27 +6667,27 @@ function QueueCard({ channel = "whatsapp", customer, phone, preview, waiting, sl
   const ow = OWNER[owner.kind] || OWNER.queue;
   const Tag2 = onClick ? "button" : "div";
   return /* @__PURE__ */ jsxs110(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__ */ jsx117("span", { className: "agn-queue__channel", title: L[channel] || ch.label, children: /* @__PURE__ */ jsx117(Icon, { name: ch.icon, size: 16 }) }),
+    /* @__PURE__ */ jsx118("span", { className: "agn-queue__channel", title: L[channel] || ch.label, children: /* @__PURE__ */ jsx118(Icon, { name: ch.icon, size: 16 }) }),
     /* @__PURE__ */ jsxs110("span", { className: "agn-queue__body", children: [
       /* @__PURE__ */ jsxs110("span", { className: "agn-queue__top", children: [
-        /* @__PURE__ */ jsx117("span", { className: "agn-queue__name", children: customer }),
+        /* @__PURE__ */ jsx118("span", { className: "agn-queue__name", children: customer }),
         unread > 0 && /* @__PURE__ */ jsxs110("span", { className: "agn-queue__unread agn-num", children: [
-          /* @__PURE__ */ jsx117("span", { "aria-hidden": "true", children: unread }),
-          /* @__PURE__ */ jsx117("span", { className: "agn-sr", children: unread + " " + L.unread })
+          /* @__PURE__ */ jsx118("span", { "aria-hidden": "true", children: unread }),
+          /* @__PURE__ */ jsx118("span", { className: "agn-sr", children: unread + " " + L.unread })
         ] }),
-        tenant && /* @__PURE__ */ jsx117("span", { className: "agn-queue__tenant", children: tenant })
+        tenant && /* @__PURE__ */ jsx118("span", { className: "agn-queue__tenant", children: tenant })
       ] }),
-      phone && /* @__PURE__ */ jsx117("span", { className: "agn-queue__phone agn-num", children: phone }),
-      preview && /* @__PURE__ */ jsx117("span", { className: "agn-queue__preview", children: preview })
+      phone && /* @__PURE__ */ jsx118("span", { className: "agn-queue__phone agn-num", children: phone }),
+      preview && /* @__PURE__ */ jsx118("span", { className: "agn-queue__preview", children: preview })
     ] }),
     /* @__PURE__ */ jsxs110("span", { className: "agn-queue__side", children: [
       waiting && /* @__PURE__ */ jsxs110("span", { className: "agn-queue__wait agn-num", children: [
-        /* @__PURE__ */ jsx117(Icon, { name: "timer", size: 11 }),
+        /* @__PURE__ */ jsx118(Icon, { name: "timer", size: 11 }),
         waiting
       ] }),
-      sla && /* @__PURE__ */ jsx117("span", { className: cx("agn-queue__sla", "agn-queue__sla--" + (sla.tone || "neutral")), children: sla.label }),
+      sla && /* @__PURE__ */ jsx118("span", { className: cx("agn-queue__sla", "agn-queue__sla--" + (sla.tone || "neutral")), children: sla.label }),
       /* @__PURE__ */ jsxs110("span", { className: cx("agn-queue__owner", "agn-queue__owner--" + owner.kind), children: [
-        owner.kind === "agent" ? /* @__PURE__ */ jsx117("span", { className: "agn-queue__owner-avatar", children: initials4(owner.name || "") }) : /* @__PURE__ */ jsx117(Icon, { name: ow.icon, size: 11 }),
+        owner.kind === "agent" ? /* @__PURE__ */ jsx118("span", { className: "agn-queue__owner-avatar", children: initials4(owner.name || "") }) : /* @__PURE__ */ jsx118(Icon, { name: ow.icon, size: 11 }),
         owner.name || L[owner.kind] || ow.label
       ] })
     ] })
@@ -6429,17 +6695,17 @@ function QueueCard({ channel = "whatsapp", customer, phone, preview, waiting, sl
 }
 
 // src/widgets/CallCard.jsx
-import React119 from "react";
-import { Fragment as Fragment14, jsx as jsx118, jsxs as jsxs111 } from "react/jsx-runtime";
+import React121 from "react";
+import { Fragment as Fragment15, jsx as jsx119, jsxs as jsxs111 } from "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] = React119.useState(seconds);
-  React119.useEffect(() => {
+  const [elapsed, setElapsed] = React121.useState(seconds);
+  React121.useEffect(() => {
     setElapsed(seconds);
   }, [seconds]);
-  React119.useEffect(() => {
+  React121.useEffect(() => {
     if (!live || state !== "in-call") return;
     const t = setInterval(() => setElapsed((e) => e + 1), 1e3);
     return () => clearInterval(t);
@@ -6447,59 +6713,59 @@ function CallCard({ number, name, direction = "inbound", state = "ringing", seco
   const s = STATE[state] || STATE.ringing;
   return /* @__PURE__ */ jsxs111("article", { className: cx("agn-call", "agn-call--" + state, className), "aria-label": (name || number) + " \xB7 " + (L[state] || s.label), ...rest, children: [
     /* @__PURE__ */ jsxs111("header", { className: "agn-call__head", children: [
-      /* @__PURE__ */ jsx118("span", { className: "agn-call__dir", title: L[direction], children: /* @__PURE__ */ jsx118(Icon, { name: direction === "outbound" ? "phone-outgoing" : "phone-incoming", size: 16 }) }),
+      /* @__PURE__ */ jsx119("span", { className: "agn-call__dir", title: L[direction], children: /* @__PURE__ */ jsx119(Icon, { name: direction === "outbound" ? "phone-outgoing" : "phone-incoming", size: 16 }) }),
       /* @__PURE__ */ jsxs111("div", { className: "agn-call__who", children: [
-        name && /* @__PURE__ */ jsx118("div", { className: "agn-call__name", children: name }),
-        /* @__PURE__ */ jsx118("div", { className: "agn-call__number agn-num", children: number })
+        name && /* @__PURE__ */ jsx119("div", { className: "agn-call__name", children: name }),
+        /* @__PURE__ */ jsx119("div", { className: "agn-call__number agn-num", children: number })
       ] }),
       /* @__PURE__ */ jsxs111("span", { className: cx("agn-call__state", "agn-call__state--" + s.tone), children: [
-        /* @__PURE__ */ jsx118(Icon, { name: s.icon, size: 12, className: state === "ringing" ? "agn-call__ring" : void 0 }),
+        /* @__PURE__ */ jsx119(Icon, { name: s.icon, size: 12, className: state === "ringing" ? "agn-call__ring" : void 0 }),
         L[state] || s.label
       ] })
     ] }),
     /* @__PURE__ */ jsxs111("div", { className: "agn-call__body", children: [
-      /* @__PURE__ */ jsx118("div", { className: "agn-call__time agn-num", role: "timer", "aria-live": "off", children: fmtClock(elapsed) }),
-      /* @__PURE__ */ jsx118("div", { className: "agn-call__wave", "aria-hidden": "true", children: WAVE.map((v, i) => /* @__PURE__ */ jsx118("span", { className: "agn-call__bar", style: { "--agn-h": v, "--agn-i": i } }, i)) })
+      /* @__PURE__ */ jsx119("div", { className: "agn-call__time agn-num", role: "timer", "aria-live": "off", children: fmtClock(elapsed) }),
+      /* @__PURE__ */ jsx119("div", { className: "agn-call__wave", "aria-hidden": "true", children: WAVE.map((v, i) => /* @__PURE__ */ jsx119("span", { className: "agn-call__bar", style: { "--agn-h": v, "--agn-i": i } }, i)) })
     ] }),
     (agent || tenant) && /* @__PURE__ */ jsxs111("div", { className: "agn-call__meta", children: [
       agent && /* @__PURE__ */ jsxs111("span", { children: [
-        /* @__PURE__ */ jsx118(Icon, { name: "headset", size: 12 }),
+        /* @__PURE__ */ jsx119(Icon, { name: "headset", size: 12 }),
         agent
       ] }),
       tenant && /* @__PURE__ */ jsxs111("span", { children: [
-        /* @__PURE__ */ jsx118(Icon, { name: "building-2", size: 12 }),
+        /* @__PURE__ */ jsx119(Icon, { name: "building-2", size: 12 }),
         tenant
       ] })
     ] }),
     /* @__PURE__ */ jsxs111("footer", { className: "agn-call__foot", children: [
-      state === "ringing" && /* @__PURE__ */ jsxs111(Fragment14, { children: [
-        onAnswer && /* @__PURE__ */ jsx118(Button, { variant: "success", size: "sm", icon: "phone", onClick: onAnswer, children: L.answer }),
-        onDecline && /* @__PURE__ */ jsx118(Button, { variant: "destructive-text", size: "sm", icon: "phone-off", onClick: onDecline, children: L.decline })
+      state === "ringing" && /* @__PURE__ */ jsxs111(Fragment15, { children: [
+        onAnswer && /* @__PURE__ */ jsx119(Button, { variant: "success", size: "sm", icon: "phone", onClick: onAnswer, children: L.answer }),
+        onDecline && /* @__PURE__ */ jsx119(Button, { variant: "destructive-text", size: "sm", icon: "phone-off", onClick: onDecline, children: L.decline })
       ] }),
-      state === "in-call" && /* @__PURE__ */ jsxs111(Fragment14, { children: [
-        onHold && /* @__PURE__ */ jsx118(Button, { size: "sm", icon: "pause", onClick: onHold, children: L.hold }),
-        onTransfer && /* @__PURE__ */ jsx118(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
-        onHangup && /* @__PURE__ */ jsx118(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
+      state === "in-call" && /* @__PURE__ */ jsxs111(Fragment15, { children: [
+        onHold && /* @__PURE__ */ jsx119(Button, { size: "sm", icon: "pause", onClick: onHold, children: L.hold }),
+        onTransfer && /* @__PURE__ */ jsx119(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
+        onHangup && /* @__PURE__ */ jsx119(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
       ] }),
-      state === "on-hold" && /* @__PURE__ */ jsxs111(Fragment14, { children: [
-        onResume && /* @__PURE__ */ jsx118(Button, { variant: "primary", size: "sm", icon: "play", onClick: onResume, children: L.resume }),
-        onTransfer && /* @__PURE__ */ jsx118(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
-        onHangup && /* @__PURE__ */ jsx118(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
+      state === "on-hold" && /* @__PURE__ */ jsxs111(Fragment15, { children: [
+        onResume && /* @__PURE__ */ jsx119(Button, { variant: "primary", size: "sm", icon: "play", onClick: onResume, children: L.resume }),
+        onTransfer && /* @__PURE__ */ jsx119(Button, { size: "sm", icon: "phone-forwarded", onClick: onTransfer, children: L.transfer }),
+        onHangup && /* @__PURE__ */ jsx119(Button, { variant: "destructive", size: "sm", icon: "phone-off", onClick: onHangup, children: L.hangup })
       ] }),
-      state === "ended" && onCallBack && /* @__PURE__ */ jsx118(Button, { size: "sm", icon: "phone-outgoing", onClick: onCallBack, children: L.callBack })
+      state === "ended" && onCallBack && /* @__PURE__ */ jsx119(Button, { size: "sm", icon: "phone-outgoing", onClick: onCallBack, children: L.callBack })
     ] })
   ] });
 }
 
 // src/dashboard/KpiWidget.jsx
-import React120 from "react";
-import { jsx as jsx119, jsxs as jsxs112 } from "react/jsx-runtime";
-var DEFAULT_LABELS49 = { options: "Options", trend: "Trend" };
+import React122 from "react";
+import { jsx as jsx120, jsxs as jsxs112 } from "react/jsx-runtime";
+var DEFAULT_LABELS50 = { 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_LABELS49, ...labels };
-  const chart = spark && spark.length > 1 ? /* @__PURE__ */ jsx119(Sparkline, { data: spark, width: 128, height: 28, area: true, tone: sparkTone, color: sparkColor, "aria-label": L.trend + ": " + spark.join(", ") }) : null;
-  const stat = /* @__PURE__ */ jsx119(Stat, { label, value, delta, invert, sub, icon, size, chart });
-  const menu = menuItems && menuItems.length ? /* @__PURE__ */ jsx119("div", { className: "agn-kpi__menu", children: /* @__PURE__ */ jsx119(Menu, { align: "right", items: menuItems, onSelect: onMenuSelect, trigger: /* @__PURE__ */ jsx119(ButtonIcon, { icon: "ellipsis", label: L.options, size: "xs", variant: "ghost" }) }) }) : null;
+  const L = { ...DEFAULT_LABELS50, ...labels };
+  const chart = spark && spark.length > 1 ? /* @__PURE__ */ jsx120(Sparkline, { data: spark, width: 128, height: 28, area: true, tone: sparkTone, color: sparkColor, "aria-label": L.trend + ": " + spark.join(", ") }) : null;
+  const stat = /* @__PURE__ */ jsx120(Stat, { label, value, delta, invert, sub, icon, size, chart });
+  const menu = menuItems && menuItems.length ? /* @__PURE__ */ jsx120("div", { className: "agn-kpi__menu", children: /* @__PURE__ */ jsx120(Menu, { align: "right", items: menuItems, onSelect: onMenuSelect, trigger: /* @__PURE__ */ jsx120(ButtonIcon, { icon: "ellipsis", label: L.options, size: "xs", variant: "ghost" }) }) }) : null;
   if (plain) return /* @__PURE__ */ jsxs112("div", { className: cx("agn-kpi", "agn-kpi--plain", menu && "agn-kpi--menu", className), ...rest, children: [
     stat,
     menu
@@ -6510,16 +6776,16 @@ function KpiWidget({ label, value, delta, invert, sub, icon, spark, sparkTone, s
   ] });
 }
 function KpiRow({ items = [], children, label, className, ...rest }) {
-  return /* @__PURE__ */ jsx119("div", { className: cx("agn-kpi-row", className), role: "group", "aria-label": label, ...rest, children: children || items.map((it, i) => /* @__PURE__ */ jsx119(KpiWidget, { plain: true, ...it }, it.id || i)) });
+  return /* @__PURE__ */ jsx120("div", { className: cx("agn-kpi-row", className), role: "group", "aria-label": label, ...rest, children: children || items.map((it, i) => /* @__PURE__ */ jsx120(KpiWidget, { plain: true, ...it }, it.id || i)) });
 }
 
 // src/dashboard/ChartCard.jsx
-import React121 from "react";
-import { Fragment as Fragment15, jsx as jsx120, jsxs as jsxs113 } from "react/jsx-runtime";
-var DEFAULT_LABELS50 = { period: "Period", loading: "Loading chart", empty: "No data for this period", emptyHint: "Pick another period, or wait for the agent to receive traffic." };
+import React123 from "react";
+import { Fragment as Fragment16, jsx as jsx121, jsxs as jsxs113 } from "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." };
 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_LABELS50, ...labels };
-  const [own, setOwn] = React121.useState(defaultPeriod != null ? defaultPeriod : periods && periods.length ? typeof periods[0] === "string" ? periods[0] : periods[0].value : void 0);
+  const L = { ...DEFAULT_LABELS51, ...labels };
+  const [own, setOwn] = React123.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);
@@ -6528,37 +6794,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__ */ jsxs113(Fragment15, { children: [
+  const head = /* @__PURE__ */ jsxs113(Fragment16, { children: [
     title,
-    unit && /* @__PURE__ */ jsx120("span", { className: "agn-chart-card__unit", children: unit })
+    unit && /* @__PURE__ */ jsx121("span", { className: "agn-chart-card__unit", children: unit })
   ] });
-  const right = (periods || actions) && /* @__PURE__ */ jsxs113(Fragment15, { children: [
-    periods && /* @__PURE__ */ jsx120(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }),
+  const right = (periods || actions) && /* @__PURE__ */ jsxs113(Fragment16, { children: [
+    periods && /* @__PURE__ */ jsx121(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }),
     actions
   ] });
   let body;
   if (state === "loading") body = /* @__PURE__ */ jsxs113("div", { className: "agn-chart-card__loading", role: "status", "aria-busy": "true", children: [
-    /* @__PURE__ */ jsx120("span", { className: "agn-sr", children: L.loading }),
-    /* @__PURE__ */ jsx120(Skeleton, { shape: "rect", width: "100%", height }),
-    /* @__PURE__ */ jsx120(Skeleton, { shape: "line", width: "40%" })
+    /* @__PURE__ */ jsx121("span", { className: "agn-sr", children: L.loading }),
+    /* @__PURE__ */ jsx121(Skeleton, { shape: "rect", width: "100%", height }),
+    /* @__PURE__ */ jsx121(Skeleton, { shape: "line", width: "40%" })
   ] });
-  else if (empty) body = /* @__PURE__ */ jsx120("div", { className: "agn-chart-card__empty", style: { minHeight: height }, children: /* @__PURE__ */ jsx120(EmptyState, { compact: true, icon: "chart-no-axes-column", title: L.empty, children: L.emptyHint }) });
-  else body = /* @__PURE__ */ jsx120(MiniChart, { type: type === "stacked" ? "bar" : type, stacked: type === "stacked", series: ser, labels: categories, height, legend, format, title: plainTitle });
+  else if (empty) body = /* @__PURE__ */ jsx121("div", { className: "agn-chart-card__empty", style: { minHeight: height }, children: /* @__PURE__ */ jsx121(EmptyState, { compact: true, icon: "chart-no-axes-column", title: L.empty, children: L.emptyHint }) });
+  else body = /* @__PURE__ */ jsx121(MiniChart, { type: type === "stacked" ? "bar" : type, stacked: type === "stacked", series: ser, labels: categories, height, legend, format, title: plainTitle });
   return /* @__PURE__ */ jsxs113(Card, { title: head, icon, actions: right, viewAll, className: cx("agn-chart-card", className), ...rest, children: [
-    headline && state !== "loading" && !empty && /* @__PURE__ */ jsx120(Stat, { size: "sm", className: "agn-chart-card__headline", ...headline }),
-    /* @__PURE__ */ jsx120("div", { className: "agn-chart-card__plot", children: body }),
-    footnote && /* @__PURE__ */ jsx120("p", { className: "agn-chart-card__foot", children: footnote })
+    headline && state !== "loading" && !empty && /* @__PURE__ */ jsx121(Stat, { size: "sm", className: "agn-chart-card__headline", ...headline }),
+    /* @__PURE__ */ jsx121("div", { className: "agn-chart-card__plot", children: body }),
+    footnote && /* @__PURE__ */ jsx121("p", { className: "agn-chart-card__foot", children: footnote })
   ] });
 }
 
 // src/dashboard/TaskListWidget.jsx
-import React122 from "react";
-import { jsx as jsx121, jsxs as jsxs114 } from "react/jsx-runtime";
+import React124 from "react";
+import { jsx as jsx122, jsxs as jsxs114 } from "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_LABELS51 = { 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_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" };
 function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS51, ...labels };
-  const [map, setMap] = React122.useState({});
+  const L = { ...DEFAULT_LABELS52, ...labels };
+  const [map, setMap] = React124.useState({});
   const isDone = (t) => t.id in map ? map[t.id] : !!t.done;
   const toggle = (t, v) => {
     setMap({ ...map, [t.id]: v });
@@ -6566,7 +6832,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__ */ jsx121(
+  return /* @__PURE__ */ jsx122(
     Card,
     {
       title: title || L.title,
@@ -6574,21 +6840,21 @@ function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone,
       count: open,
       viewAll,
       labels: { viewAll: L.viewAll },
-      actions: onAdd && /* @__PURE__ */ jsx121(Button, { variant: "ghost", size: "sm", icon: "plus", onClick: onAdd, children: L.add }),
+      actions: onAdd && /* @__PURE__ */ jsx122(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__ */ jsx121("div", { className: "agn-tasks__empty", children: /* @__PURE__ */ jsx121(EmptyState, { compact: true, icon: "list-checks", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ jsx121("ul", { className: "agn-tasks__list", children: list.map((t) => {
+      children: list.length === 0 ? /* @__PURE__ */ jsx122("div", { className: "agn-tasks__empty", children: /* @__PURE__ */ jsx122(EmptyState, { compact: true, icon: "list-checks", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ jsx122("ul", { className: "agn-tasks__list", children: list.map((t) => {
         const d = isDone(t);
         const p = PRI[t.priority];
         return /* @__PURE__ */ jsxs114("li", { className: cx("agn-tasks__item", d && "agn-tasks__item--done"), children: [
-          /* @__PURE__ */ jsx121(Checkbox, { checked: d, onChange: (v) => toggle(t, v), "aria-label": typeof t.title === "string" ? t.title : void 0 }),
+          /* @__PURE__ */ jsx122(Checkbox, { checked: d, onChange: (v) => toggle(t, v), "aria-label": typeof t.title === "string" ? t.title : void 0 }),
           /* @__PURE__ */ jsxs114("div", { className: "agn-tasks__main", children: [
-            onOpen ? /* @__PURE__ */ jsx121("button", { type: "button", className: "agn-tasks__title agn-tasks__title--link agn-focus", onClick: () => onOpen(t), children: t.title }) : /* @__PURE__ */ jsx121("span", { className: "agn-tasks__title", children: t.title }),
+            onOpen ? /* @__PURE__ */ jsx122("button", { type: "button", className: "agn-tasks__title agn-tasks__title--link agn-focus", onClick: () => onOpen(t), children: t.title }) : /* @__PURE__ */ jsx122("span", { className: "agn-tasks__title", children: t.title }),
             (t.related || t.due) && /* @__PURE__ */ jsxs114("span", { className: "agn-tasks__meta", children: [
-              t.related && /* @__PURE__ */ jsx121("span", { className: "agn-tasks__related", children: t.related }),
+              t.related && /* @__PURE__ */ jsx122("span", { className: "agn-tasks__related", children: t.related }),
               t.due && /* @__PURE__ */ jsxs114("span", { className: cx("agn-tasks__due", t.overdue && !d && "agn-tasks__due--overdue"), children: [
-                /* @__PURE__ */ jsx121(Icon, { name: t.overdue && !d ? "circle-alert" : "calendar", size: 12 }),
+                /* @__PURE__ */ jsx122(Icon, { name: t.overdue && !d ? "circle-alert" : "calendar", size: 12 }),
                 t.overdue && !d ? L.overdue + " \xB7 " : /* @__PURE__ */ jsxs114("span", { className: "agn-sr", children: [
                   L.due,
                   " "
@@ -6597,8 +6863,8 @@ function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone,
               ] })
             ] })
           ] }),
-          p && /* @__PURE__ */ jsx121(Tag, { tone: d ? "neutral" : p.tone, icon: p.icon, className: "agn-tasks__priority", children: L[t.priority] }),
-          t.owner && /* @__PURE__ */ jsx121(Avatar, { size: "xs", name: t.owner, kind: t.ownerKind || "person", className: "agn-tasks__owner" })
+          p && /* @__PURE__ */ jsx122(Tag, { tone: d ? "neutral" : p.tone, icon: p.icon, className: "agn-tasks__priority", children: L[t.priority] }),
+          t.owner && /* @__PURE__ */ jsx122(Avatar, { size: "xs", name: t.owner, kind: t.ownerKind || "person", className: "agn-tasks__owner" })
         ] }, t.id);
       }) })
     }
@@ -6606,14 +6872,14 @@ function TaskListWidget({ tasks = [], onToggle, onOpen, onAdd, title, hideDone,
 }
 
 // src/dashboard/AiInsightWidget.jsx
-import React123 from "react";
-import { jsx as jsx122, jsxs as jsxs115 } from "react/jsx-runtime";
-var DEFAULT_LABELS52 = { 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." };
+import React125 from "react";
+import { jsx as jsx123, jsxs as jsxs115 } from "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." };
 function AiInsightWidget({ title, children, evidence = [], confidence, model, time, status: statusProp, onApply, onDismiss, applyLabel, feedback: fbProp, onFeedback, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS52, ...labels };
-  const [own, setOwn] = React123.useState("open");
+  const L = { ...DEFAULT_LABELS53, ...labels };
+  const [own, setOwn] = React125.useState("open");
   const status = statusProp || own;
-  const [fbOwn, setFb] = React123.useState(null);
+  const [fbOwn, setFb] = React125.useState(null);
   const fb = fbProp !== void 0 ? fbProp : fbOwn;
   const vote = (v) => {
     const next = fb === v ? null : v;
@@ -6621,20 +6887,20 @@ 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__ */ jsxs115(Card, { icon: "sparkles", title: L.generated, as: "div", actions: meta.length > 0 && /* @__PURE__ */ jsx122("span", { className: "agn-insight__meta", children: meta.map((m, i) => /* @__PURE__ */ jsx122("span", { children: m }, i)) }), className: cx("agn-insight", "agn-insight--" + status, className), ...rest, children: [
-    title && /* @__PURE__ */ jsx122("h4", { className: "agn-insight__title", children: title }),
-    children && /* @__PURE__ */ jsx122("div", { className: "agn-insight__text", children }),
+  return /* @__PURE__ */ jsxs115(Card, { icon: "sparkles", title: L.generated, as: "div", actions: meta.length > 0 && /* @__PURE__ */ jsx123("span", { className: "agn-insight__meta", children: meta.map((m, i) => /* @__PURE__ */ jsx123("span", { children: m }, i)) }), className: cx("agn-insight", "agn-insight--" + status, className), ...rest, children: [
+    title && /* @__PURE__ */ jsx123("h4", { className: "agn-insight__title", children: title }),
+    children && /* @__PURE__ */ jsx123("div", { className: "agn-insight__text", children }),
     evidence.length > 0 && /* @__PURE__ */ jsxs115("div", { className: "agn-insight__evidence", children: [
-      /* @__PURE__ */ jsx122("div", { className: "agn-insight__label", children: L.evidence }),
-      /* @__PURE__ */ jsx122("ol", { className: "agn-insight__list", children: evidence.map((e, i) => {
+      /* @__PURE__ */ jsx123("div", { className: "agn-insight__label", children: L.evidence }),
+      /* @__PURE__ */ jsx123("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__ */ jsxs115("li", { className: "agn-insight__item", children: [
-          /* @__PURE__ */ jsx122("span", { className: "agn-insight__n agn-num", "aria-hidden": "true", children: i + 1 }),
+          /* @__PURE__ */ jsx123("span", { className: "agn-insight__n agn-num", "aria-hidden": "true", children: i + 1 }),
           /* @__PURE__ */ jsxs115("div", { className: "agn-insight__item-main", children: [
-            /* @__PURE__ */ jsx122("span", { className: "agn-insight__claim", children: e.text }),
+            /* @__PURE__ */ jsx123("span", { className: "agn-insight__claim", children: e.text }),
             src && /* @__PURE__ */ jsxs115(SrcTag, { className: "agn-insight__source", href: src.href, children: [
-              /* @__PURE__ */ jsx122(Icon, { name: src.icon || "file-text", size: 12 }),
+              /* @__PURE__ */ jsx123(Icon, { name: src.icon || "file-text", size: 12 }),
               src.label
             ] })
           ] })
@@ -6643,30 +6909,30 @@ function AiInsightWidget({ title, children, evidence = [], confidence, model, ti
     ] }),
     /* @__PURE__ */ jsxs115("div", { className: "agn-insight__foot", children: [
       status === "open" ? /* @__PURE__ */ jsxs115("div", { className: "agn-insight__actions", children: [
-        /* @__PURE__ */ jsx122(Button, { size: "sm", variant: "neutral", icon: "check", onClick: () => {
+        /* @__PURE__ */ jsx123(Button, { size: "sm", variant: "neutral", icon: "check", onClick: () => {
           setOwn("applied");
           onApply && onApply();
         }, children: applyLabel || L.apply }),
-        /* @__PURE__ */ jsx122(Button, { size: "sm", variant: "ghost", onClick: () => {
+        /* @__PURE__ */ jsx123(Button, { size: "sm", variant: "ghost", onClick: () => {
           setOwn("dismissed");
           onDismiss && onDismiss();
         }, children: L.dismiss })
-      ] }) : /* @__PURE__ */ jsx122(Tag, { tone: status === "applied" ? "ok" : "neutral", icon: status === "applied" ? "circle-check" : "x", children: L[status] || status }),
+      ] }) : /* @__PURE__ */ jsx123(Tag, { tone: status === "applied" ? "ok" : "neutral", icon: status === "applied" ? "circle-check" : "x", children: L[status] || status }),
       /* @__PURE__ */ jsxs115("div", { className: "agn-insight__feedback", role: "group", "aria-label": L.helpful, children: [
-        /* @__PURE__ */ jsx122("span", { className: "agn-insight__ask", "aria-live": "polite", children: fb ? L.thanks : L.helpful }),
-        /* @__PURE__ */ jsx122(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__ */ jsx122(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__ */ jsx123("span", { className: "agn-insight__ask", "aria-live": "polite", children: fb ? L.thanks : L.helpful }),
+        /* @__PURE__ */ jsx123(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__ */ jsx123(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
-import React124 from "react";
-import { jsx as jsx123, jsxs as jsxs116 } from "react/jsx-runtime";
-var DEFAULT_LABELS53 = { search: "Search\u2026", searchLabel: "Search", filters: "Quick filters", more: "More filters", views: "Saved view", active: "Filters", clear: "Clear all", remove: "Remove filter" };
+import React126 from "react";
+import { jsx as jsx124, jsxs as jsxs116 } from "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" };
 function useCtl(value, def, cb) {
-  const [own, setOwn] = React124.useState(def);
+  const [own, setOwn] = React126.useState(def);
   const v = value !== void 0 ? value : own;
   return [v, (x) => {
     if (value === void 0) setOwn(x);
@@ -6674,7 +6940,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_LABELS53, ...labels };
+  const L = { ...DEFAULT_LABELS54, ...labels };
   const [q, setQ] = useCtl(search, defaultSearch, onSearch);
   const [cv, setCv] = useCtl(chipValue, defaultChipValue, onChipChange);
   const [vw, setVw] = useCtl(view, defaultView, onViewChange);
@@ -6692,74 +6958,74 @@ function FilterBar({ search, defaultSearch = "", onSearch, chips = [], chipValue
   };
   return /* @__PURE__ */ jsxs116("div", { className: cx("agn-filterbar", className), ...rest, children: [
     /* @__PURE__ */ jsxs116("div", { className: "agn-filterbar__row", children: [
-      /* @__PURE__ */ jsx123(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__ */ jsx123(ChipGroup, { multiple: true, options: chips, value: cv, onChange: setCv, label: L.filters }),
-      moreFilters.length > 0 && /* @__PURE__ */ jsx123(Menu, { items: moreFilters, open: moreOpen, onOpenChange: onMoreOpenChange, searchable: moreFilters.length > 7, onSelect: add, trigger: /* @__PURE__ */ jsx123(Button, { variant: "ghost", icon: "list-filter", children: L.more }) }),
-      /* @__PURE__ */ jsx123("span", { className: "agn-filterbar__spacer" }),
-      views.length > 0 && /* @__PURE__ */ jsx123(Combobox, { options: views, value: vw, onChange: setVw, icon: "bookmark", placeholder: L.views, className: "agn-filterbar__views" }),
+      /* @__PURE__ */ jsx124(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__ */ jsx124(ChipGroup, { multiple: true, options: chips, value: cv, onChange: setCv, label: L.filters }),
+      moreFilters.length > 0 && /* @__PURE__ */ jsx124(Menu, { items: moreFilters, open: moreOpen, onOpenChange: onMoreOpenChange, searchable: moreFilters.length > 7, onSelect: add, trigger: /* @__PURE__ */ jsx124(Button, { variant: "ghost", icon: "list-filter", children: L.more }) }),
+      /* @__PURE__ */ jsx124("span", { className: "agn-filterbar__spacer" }),
+      views.length > 0 && /* @__PURE__ */ jsx124(Combobox, { options: views, value: vw, onChange: setVw, icon: "bookmark", placeholder: L.views, className: "agn-filterbar__views" }),
       right
     ] }),
     (act.length > 0 || any) && /* @__PURE__ */ jsxs116("div", { className: "agn-filterbar__active", children: [
-      /* @__PURE__ */ jsx123("span", { className: "agn-filterbar__label", children: L.active }),
-      act.length > 0 && /* @__PURE__ */ jsx123(PillContainer, { bare: true, children: act.map((a) => /* @__PURE__ */ jsx123(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__ */ jsx123(Button, { variant: "link", size: "sm", onClick: clearAll, children: L.clear })
+      /* @__PURE__ */ jsx124("span", { className: "agn-filterbar__label", children: L.active }),
+      act.length > 0 && /* @__PURE__ */ jsx124(PillContainer, { bare: true, children: act.map((a) => /* @__PURE__ */ jsx124(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__ */ jsx124(Button, { variant: "link", size: "sm", onClick: clearAll, children: L.clear })
     ] })
   ] });
 }
 
 // src/dashboard/RecordSummaryWidget.jsx
-import React125 from "react";
-import { jsx as jsx124, jsxs as jsxs117 } from "react/jsx-runtime";
-var DEFAULT_LABELS54 = { open: "Open record", stage: "Stage" };
+import React127 from "react";
+import { jsx as jsx125, jsxs as jsxs117 } from "react/jsx-runtime";
+var DEFAULT_LABELS55 = { 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_LABELS54, ...labels };
-  const mediaNode = media2 || (avatar ? /* @__PURE__ */ jsx124(Avatar, { size: "lg", name: avatar }) : /* @__PURE__ */ jsx124(BlockIcon, { size: "xl", icon, product }));
+  const L = { ...DEFAULT_LABELS55, ...labels };
+  const mediaNode = media2 || (avatar ? /* @__PURE__ */ jsx125(Avatar, { size: "lg", name: avatar }) : /* @__PURE__ */ jsx125(BlockIcon, { size: "xl", icon, product }));
   const st = status && (typeof status === "string" ? { label: status } : status);
   return /* @__PURE__ */ jsxs117(Card, { padding: "md", as: "div", className: cx("agn-record", className), ...rest, children: [
     /* @__PURE__ */ jsxs117("div", { className: "agn-record__head", children: [
       mediaNode,
       /* @__PURE__ */ jsxs117("div", { className: "agn-record__heading", children: [
-        object && /* @__PURE__ */ jsx124("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: object }),
-        /* @__PURE__ */ jsx124("h3", { className: "agn-record__title", children: title }),
-        subtitle && /* @__PURE__ */ jsx124("div", { className: "agn-record__sub", children: subtitle })
+        object && /* @__PURE__ */ jsx125("div", { className: "agn-eyebrow agn-eyebrow--quiet", children: object }),
+        /* @__PURE__ */ jsx125("h3", { className: "agn-record__title", children: title }),
+        subtitle && /* @__PURE__ */ jsx125("div", { className: "agn-record__sub", children: subtitle })
       ] }),
       /* @__PURE__ */ jsxs117("div", { className: "agn-record__side", children: [
-        st && /* @__PURE__ */ jsx124(Tag, { tone: st.tone, dot: st.dot, icon: st.icon, children: st.label }),
-        onOpen && /* @__PURE__ */ jsx124(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
+        st && /* @__PURE__ */ jsx125(Tag, { tone: st.tone, dot: st.dot, icon: st.icon, children: st.label }),
+        onOpen && /* @__PURE__ */ jsx125(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
       ] })
     ] }),
-    fields.length > 0 && /* @__PURE__ */ jsx124(SummaryDetail, { fields, dense: true, className: "agn-record__fields" }),
-    stages && stages.length > 0 && /* @__PURE__ */ jsx124(Path, { steps: stages, current: stage, lost, compact: pathCompact, labels: { stage: L.stage, ...L.path || {} }, className: "agn-record__path" }),
-    actions.length > 0 && /* @__PURE__ */ jsx124("div", { className: "agn-record__actions", children: actions.map((a, i) => /* @__PURE__ */ jsx124(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__ */ jsx125(SummaryDetail, { fields, dense: true, className: "agn-record__fields" }),
+    stages && stages.length > 0 && /* @__PURE__ */ jsx125(Path, { steps: stages, current: stage, lost, compact: pathCompact, labels: { stage: L.stage, ...L.path || {} }, className: "agn-record__path" }),
+    actions.length > 0 && /* @__PURE__ */ jsx125("div", { className: "agn-record__actions", children: actions.map((a, i) => /* @__PURE__ */ jsx125(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
-import React126 from "react";
-import { Fragment as Fragment16, jsx as jsx125, jsxs as jsxs118 } from "react/jsx-runtime";
-var DEFAULT_LABELS55 = { title: "Team workload", over: "Over capacity", overCount: "over capacity", unit: "tasks", load: "workload", viewAll: "View all" };
+import React128 from "react";
+import { Fragment as Fragment17, jsx as jsx126, jsxs as jsxs118 } from "react/jsx-runtime";
+var DEFAULT_LABELS56 = { 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_LABELS55, ...labels };
+  const L = { ...DEFAULT_LABELS56, ...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__ */ jsx125(Card, { title: title || L.title, icon: "users", viewAll, labels: { viewAll: L.viewAll }, actions: overN > 0 && /* @__PURE__ */ jsxs118(Tag, { tone: "warn", icon: "triangle-alert", children: [
+  return /* @__PURE__ */ jsx126(Card, { title: title || L.title, icon: "users", viewAll, labels: { viewAll: L.viewAll }, actions: overN > 0 && /* @__PURE__ */ jsxs118(Tag, { tone: "warn", icon: "triangle-alert", children: [
     overN,
     " ",
     L.overCount
-  ] }), className: cx("agn-workload", className), ...rest, children: /* @__PURE__ */ jsx125("ul", { className: "agn-workload__list", children: rows.map((m, i) => {
+  ] }), className: cx("agn-workload", className), ...rest, children: /* @__PURE__ */ jsx126("ul", { className: "agn-workload__list", children: rows.map((m, i) => {
     const over = m.ratio > overAt;
     const text = m.value + " / " + m.capacity + " " + u;
     return /* @__PURE__ */ jsxs118("li", { className: cx("agn-workload__row", over && "agn-workload__row--over"), children: [
-      /* @__PURE__ */ jsx125(Avatar, { size: "sm", name: m.name, kind: m.kind || "person", status: m.status }),
+      /* @__PURE__ */ jsx126(Avatar, { size: "sm", name: m.name, kind: m.kind || "person", status: m.status }),
       /* @__PURE__ */ jsxs118("div", { className: "agn-workload__who", children: [
-        onMember ? /* @__PURE__ */ jsx125("button", { type: "button", className: "agn-workload__name agn-workload__name--link agn-focus", onClick: () => onMember(m), children: m.name }) : /* @__PURE__ */ jsx125("span", { className: "agn-workload__name", children: m.name }),
-        m.role && /* @__PURE__ */ jsx125("span", { className: "agn-workload__role", children: m.role })
+        onMember ? /* @__PURE__ */ jsx126("button", { type: "button", className: "agn-workload__name agn-workload__name--link agn-focus", onClick: () => onMember(m), children: m.name }) : /* @__PURE__ */ jsx126("span", { className: "agn-workload__name", children: m.name }),
+        m.role && /* @__PURE__ */ jsx126("span", { className: "agn-workload__role", children: m.role })
       ] }),
-      /* @__PURE__ */ jsx125(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__ */ jsx125("span", { className: "agn-workload__value agn-num", children: text }),
-      /* @__PURE__ */ jsx125("span", { className: "agn-workload__flag", children: over && /* @__PURE__ */ jsxs118(Fragment16, { children: [
-        /* @__PURE__ */ jsx125(Icon, { name: "triangle-alert", size: 12 }),
+      /* @__PURE__ */ jsx126(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__ */ jsx126("span", { className: "agn-workload__value agn-num", children: text }),
+      /* @__PURE__ */ jsx126("span", { className: "agn-workload__flag", children: over && /* @__PURE__ */ jsxs118(Fragment17, { children: [
+        /* @__PURE__ */ jsx126(Icon, { name: "triangle-alert", size: 12 }),
         L.over
       ] }) })
     ] }, m.id || m.name || i);
@@ -6767,14 +7033,14 @@ function TeamWorkloadWidget({ members = [], title, unit, overAt = 1, onMember, v
 }
 
 // src/dashboard/ActivityWidget.jsx
-import React127 from "react";
-import { jsx as jsx126, jsxs as jsxs119 } from "react/jsx-runtime";
+import React129 from "react";
+import { jsx as jsx127, jsxs as jsxs119 } from "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_LABELS56 = { 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_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" };
 function ActivityWidget({ items = [], types, type, defaultType = "all", onTypeChange, title, max, compact = true, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS56, ...labels };
+  const L = { ...DEFAULT_LABELS57, ...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] = React127.useState(defaultType);
+  const [own, setOwn] = React129.useState(defaultType);
   const t = type !== void 0 ? type : own;
   const set = (v) => {
     if (type === void 0) setOwn(v);
@@ -6783,42 +7049,42 @@ 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__ */ jsxs119(Card, { title: title || L.title, icon: "history", viewAll, labels: { viewAll: L.viewAll }, className: cx("agn-activity-w", className), ...rest, children: [
-    /* @__PURE__ */ jsx126("div", { className: "agn-activity-w__filter", children: /* @__PURE__ */ jsx126(SegmentedControl, { size: "sm", options: opts.map((o) => ({ label: o.label, value: o.value })), value: t, onChange: set, label: L.filter }) }),
-    shown.length ? /* @__PURE__ */ jsx126(ActivityTimeline, { items: shown, compact, labels: { show: L.show, hide: L.hide } }) : /* @__PURE__ */ jsx126(EmptyState, { compact: true, icon: "history", title: L.empty, children: L.emptyHint })
+    /* @__PURE__ */ jsx127("div", { className: "agn-activity-w__filter", children: /* @__PURE__ */ jsx127(SegmentedControl, { size: "sm", options: opts.map((o) => ({ label: o.label, value: o.value })), value: t, onChange: set, label: L.filter }) }),
+    shown.length ? /* @__PURE__ */ jsx127(ActivityTimeline, { items: shown, compact, labels: { show: L.show, hide: L.hide } }) : /* @__PURE__ */ jsx127(EmptyState, { compact: true, icon: "history", title: L.empty, children: L.emptyHint })
   ] });
 }
 
 // src/dashboard/QuickActions.jsx
-import React128 from "react";
-import { jsx as jsx127, jsxs as jsxs120 } from "react/jsx-runtime";
-var DEFAULT_LABELS57 = { title: "Quick actions" };
+import React130 from "react";
+import { jsx as jsx128, jsxs as jsxs120 } from "react/jsx-runtime";
+var DEFAULT_LABELS58 = { title: "Quick actions" };
 function QuickActions({ actions = [], onAction, columns, minTile = 168, title, labels, className, style, ...rest }) {
-  const L = { ...DEFAULT_LABELS57, ...labels };
+  const L = { ...DEFAULT_LABELS58, ...labels };
   const gridStyle = columns ? { gridTemplateColumns: "repeat(" + columns + ", minmax(0, 1fr))" } : { "--agn-quick-min": minTile + "px" };
-  const grid = /* @__PURE__ */ jsx127("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__ */ jsxs120("button", { type: "button", className: "agn-quick__tile agn-focus", disabled: a.disabled, onClick: () => {
+  const grid = /* @__PURE__ */ jsx128("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__ */ jsxs120("button", { type: "button", className: "agn-quick__tile agn-focus", disabled: a.disabled, onClick: () => {
     a.onClick && a.onClick(a);
     onAction && onAction(a);
   }, children: [
     /* @__PURE__ */ jsxs120("span", { className: "agn-quick__top", children: [
-      /* @__PURE__ */ jsx127(BlockIcon, { icon: a.icon, product: a.product, tone: a.tone || "signal", size: "lg" }),
-      a.shortcut && /* @__PURE__ */ jsx127(Kbd, { size: "sm", keys: Array.isArray(a.shortcut) ? a.shortcut : String(a.shortcut).split(" "), className: "agn-quick__kbd" }),
-      a.badge != null && /* @__PURE__ */ jsx127(Badge, { count: a.badge, solid: true, size: "sm", className: "agn-quick__badge" })
+      /* @__PURE__ */ jsx128(BlockIcon, { icon: a.icon, product: a.product, tone: a.tone || "signal", size: "lg" }),
+      a.shortcut && /* @__PURE__ */ jsx128(Kbd, { size: "sm", keys: Array.isArray(a.shortcut) ? a.shortcut : String(a.shortcut).split(" "), className: "agn-quick__kbd" }),
+      a.badge != null && /* @__PURE__ */ jsx128(Badge, { count: a.badge, solid: true, size: "sm", className: "agn-quick__badge" })
     ] }),
-    /* @__PURE__ */ jsx127("span", { className: "agn-quick__label", children: a.label }),
-    a.description && /* @__PURE__ */ jsx127("span", { className: "agn-quick__desc", children: a.description })
+    /* @__PURE__ */ jsx128("span", { className: "agn-quick__label", children: a.label }),
+    a.description && /* @__PURE__ */ jsx128("span", { className: "agn-quick__desc", children: a.description })
   ] }, a.id || a.label || i)) });
   if (!title) return grid;
-  return /* @__PURE__ */ jsx127(Card, { title, icon: "zap", padding: "sm", className: cx("agn-quick-card", className), style, ...rest, children: grid });
+  return /* @__PURE__ */ jsx128(Card, { title, icon: "zap", padding: "sm", className: cx("agn-quick-card", className), style, ...rest, children: grid });
 }
 
 // src/dashboard/NotificationsWidget.jsx
-import React129 from "react";
-import { jsx as jsx128 } from "react/jsx-runtime";
-var DEFAULT_LABELS58 = { title: "Notifications", markAll: "Mark all as read", today: "Today", yesterday: "Yesterday", empty: "You are all caught up", viewAll: "View all" };
+import React131 from "react";
+import { jsx as jsx129 } from "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" };
 function NotificationsWidget({ items = [], title, onMarkAll, onItem, max, locale, viewAll, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS58, ...labels };
-  const [readAll, setReadAll] = React129.useState(false);
-  const [read2, setRead] = React129.useState({});
+  const L = { ...DEFAULT_LABELS59, ...labels };
+  const [readAll, setReadAll] = React131.useState(false);
+  const [read2, setRead] = React131.useState({});
   const list = items.slice(0, max || void 0).map((it, i) => {
     const key = it.id || String(i);
     const open = onItem || it.onClick;
@@ -6829,41 +7095,41 @@ function NotificationsWidget({ items = [], title, onMarkAll, onItem, max, locale
     } : void 0 };
   });
   const anyUnread = list.some((i) => i.unread);
-  return /* @__PURE__ */ jsx128(Card, { as: "div", padding: "none", viewAll, labels: { viewAll: L.viewAll }, className: cx("agn-notifs-w", className), ...rest, children: /* @__PURE__ */ jsx128(NotificationList, { bare: true, title: title || L.title, items: list, locale, onMarkAll: anyUnread ? () => {
+  return /* @__PURE__ */ jsx129(Card, { as: "div", padding: "none", viewAll, labels: { viewAll: L.viewAll }, className: cx("agn-notifs-w", className), ...rest, children: /* @__PURE__ */ jsx129(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
-import React130 from "react";
-import { Fragment as Fragment17, jsx as jsx129, jsxs as jsxs121 } from "react/jsx-runtime";
+import React132 from "react";
+import { Fragment as Fragment18, jsx as jsx130, jsxs as jsxs121 } from "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_LABELS59 = { 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_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" };
 function AgentFlowWidget({ agent, title, steps = [], liveRuns, version, blockWidth = 160, gap = 24, onOpen, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS59, ...labels };
+  const L = { ...DEFAULT_LABELS60, ...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__ */ jsxs121(Fragment17, { children: [
+  const head = /* @__PURE__ */ jsxs121(Fragment18, { children: [
     title || agent,
-    version && /* @__PURE__ */ jsx129("span", { className: "agn-flow__version", children: version })
+    version && /* @__PURE__ */ jsx130("span", { className: "agn-flow__version", children: version })
   ] });
-  const actions = (liveRuns != null || onOpen) && /* @__PURE__ */ jsxs121(Fragment17, { children: [
+  const actions = (liveRuns != null || onOpen) && /* @__PURE__ */ jsxs121(Fragment18, { children: [
     liveRuns != null && /* @__PURE__ */ jsxs121(Tag, { tone: liveRuns > 0 ? "signal" : "neutral", dot: liveRuns > 0, children: [
       liveRuns,
       " ",
       liveRuns === 1 ? L.liveOne : L.live
     ] }),
-    onOpen && /* @__PURE__ */ jsx129(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
+    onOpen && /* @__PURE__ */ jsx130(ButtonIcon, { icon: "arrow-up-right", label: L.open, size: "sm", onClick: onOpen })
   ] });
-  return /* @__PURE__ */ jsx129(Card, { title: head, icon: "route", actions, padding: "none", className: cx("agn-flow-w", className), ...rest, children: /* @__PURE__ */ jsx129("div", { className: "agn-flow", role: "list", "aria-label": L.flow, children: steps.map((s, i) => {
+  return /* @__PURE__ */ jsx130(Card, { title: head, icon: "route", actions, padding: "none", className: cx("agn-flow-w", className), ...rest, children: /* @__PURE__ */ jsx130("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__ */ jsxs121(React130.Fragment, { children: [
-      i > 0 && /* @__PURE__ */ jsx129("svg", { className: "agn-flow__edge", width: gap, height: 16, viewBox: "0 0 " + gap + " 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx129(CanvasEdge, { from: { x: 2, y: 8 }, to: { x: gap - 3, y: 8 }, state: edgeState(s) }) }),
+    return /* @__PURE__ */ jsxs121(React132.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ jsx130("svg", { className: "agn-flow__edge", width: gap, height: 16, viewBox: "0 0 " + gap + " 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx130(CanvasEdge, { from: { x: 2, y: 8 }, to: { x: gap - 3, y: 8 }, state: edgeState(s) }) }),
       /* @__PURE__ */ jsxs121("div", { className: "agn-flow__step", role: "listitem", "aria-current": st === "running" ? "step" : void 0, style: { width: blockWidth }, children: [
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           CanvasBlock,
           {
             name: s.name,
@@ -6878,7 +7144,7 @@ function AgentFlowWidget({ agent, title, steps = [], liveRuns, version, blockWid
           }
         ),
         /* @__PURE__ */ jsxs121("span", { className: cx("agn-flow__caption", "agn-flow__caption--" + st), children: [
-          /* @__PURE__ */ jsx129(Icon, { name: CAP_ICON[st], size: 12, className: st === "running" ? "agn-flow__spin" : void 0 }),
+          /* @__PURE__ */ jsx130(Icon, { name: CAP_ICON[st], size: 12, className: st === "running" ? "agn-flow__spin" : void 0 }),
           caption
         ] })
       ] })
@@ -6887,12 +7153,12 @@ function AgentFlowWidget({ agent, title, steps = [], liveRuns, version, blockWid
 }
 
 // src/dashboard/LeaderboardWidget.jsx
-import React131 from "react";
-import { Fragment as Fragment18, jsx as jsx130, jsxs as jsxs122 } from "react/jsx-runtime";
-var DEFAULT_LABELS60 = { title: "Leaderboard", period: "Period", rank: "Rank", name: "Name", value: "Value", change: "Change", up: "up", down: "down", flat: "no change", viewAll: "View all" };
+import React133 from "react";
+import { Fragment as Fragment19, jsx as jsx131, jsxs as jsxs122 } from "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" };
 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_LABELS60, ...labels };
-  const [own, setOwn] = React131.useState(defaultPeriod != null ? defaultPeriod : periods && periods.length ? typeof periods[0] === "string" ? periods[0] : periods[0].value : void 0);
+  const L = { ...DEFAULT_LABELS61, ...labels };
+  const [own, setOwn] = React133.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);
@@ -6900,32 +7166,32 @@ 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__ */ jsxs122(Card, { title: title || L.title, icon: "list-ordered", viewAll, labels: { viewAll: L.viewAll }, actions: periods && /* @__PURE__ */ jsx130(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }), className: cx("agn-leader", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs122(Card, { title: title || L.title, icon: "list-ordered", viewAll, labels: { viewAll: L.viewAll }, actions: periods && /* @__PURE__ */ jsx131(SegmentedControl, { size: "sm", options: periods, value: per, onChange: setPer, label: L.period }), className: cx("agn-leader", className), ...rest, children: [
     /* @__PURE__ */ jsxs122("div", { className: "agn-leader__head", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx130("span", { children: "#" }),
-      /* @__PURE__ */ jsx130("span", { children: L.name }),
-      /* @__PURE__ */ jsx130("span", { className: "agn-leader__head-value", children: metric || L.value }),
-      /* @__PURE__ */ jsx130("span", { children: L.change })
+      /* @__PURE__ */ jsx131("span", { children: "#" }),
+      /* @__PURE__ */ jsx131("span", { children: L.name }),
+      /* @__PURE__ */ jsx131("span", { className: "agn-leader__head-value", children: metric || L.value }),
+      /* @__PURE__ */ jsx131("span", { children: L.change })
     ] }),
-    /* @__PURE__ */ jsx130("ol", { className: "agn-leader__list", children: list.map((r, i) => {
+    /* @__PURE__ */ jsx131("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__ */ jsxs122("li", { className: cx("agn-leader__row", highlight != null && (r.id === highlight || r.name === highlight) && "agn-leader__row--hl"), children: [
-        /* @__PURE__ */ jsx130("span", { className: "agn-leader__rank agn-num", children: i + 1 }),
+        /* @__PURE__ */ jsx131("span", { className: "agn-leader__rank agn-num", children: i + 1 }),
         /* @__PURE__ */ jsxs122("span", { className: "agn-leader__who", children: [
-          /* @__PURE__ */ jsx130(Avatar, { size: "sm", name: r.name, kind: r.kind || "agent", product: r.product, icon: r.icon }),
+          /* @__PURE__ */ jsx131(Avatar, { size: "sm", name: r.name, kind: r.kind || "agent", product: r.product, icon: r.icon }),
           /* @__PURE__ */ jsxs122("span", { className: "agn-leader__text", children: [
-            /* @__PURE__ */ jsx130("span", { className: "agn-leader__name", children: r.name }),
-            r.sub && /* @__PURE__ */ jsx130("span", { className: "agn-leader__sub", children: r.sub })
+            /* @__PURE__ */ jsx131("span", { className: "agn-leader__name", children: r.name }),
+            r.sub && /* @__PURE__ */ jsx131("span", { className: "agn-leader__sub", children: r.sub })
           ] })
         ] }),
         /* @__PURE__ */ jsxs122("span", { className: "agn-leader__measure", children: [
-          /* @__PURE__ */ jsx130("span", { className: "agn-leader__bar", "aria-hidden": "true", children: /* @__PURE__ */ jsx130("span", { className: "agn-leader__fill", style: { width: Math.max(2, r.value / top * 100) + "%" } }) }),
-          /* @__PURE__ */ jsx130("span", { className: "agn-leader__value agn-num", children: format(r.value) })
+          /* @__PURE__ */ jsx131("span", { className: "agn-leader__bar", "aria-hidden": "true", children: /* @__PURE__ */ jsx131("span", { className: "agn-leader__fill", style: { width: Math.max(2, r.value / top * 100) + "%" } }) }),
+          /* @__PURE__ */ jsx131("span", { className: "agn-leader__value agn-num", children: format(r.value) })
         ] }),
-        /* @__PURE__ */ jsx130("span", { className: cx("agn-leader__delta", "agn-leader__delta--" + (good == null ? "flat" : good ? "ok" : "bad")), children: d != null && /* @__PURE__ */ jsxs122(Fragment18, { children: [
-          /* @__PURE__ */ jsx130(Icon, { name: dir === "up" ? "arrow-up-right" : dir === "down" ? "arrow-down-right" : "minus", size: 12 }),
+        /* @__PURE__ */ jsx131("span", { className: cx("agn-leader__delta", "agn-leader__delta--" + (good == null ? "flat" : good ? "ok" : "bad")), children: d != null && /* @__PURE__ */ jsxs122(Fragment19, { children: [
+          /* @__PURE__ */ jsx131(Icon, { name: dir === "up" ? "arrow-up-right" : dir === "down" ? "arrow-down-right" : "minus", size: 12 }),
           /* @__PURE__ */ jsxs122("span", { className: "agn-sr", children: [
             L[dir],
             " "
@@ -6938,14 +7204,14 @@ function LeaderboardWidget({ rows = [], title, metric, periods, period, defaultP
 }
 
 // src/dashboard/AgendaWidget.jsx
-import React132 from "react";
-import { Fragment as Fragment19, jsx as jsx131, jsxs as jsxs123 } from "react/jsx-runtime";
+import React134 from "react";
+import { Fragment as Fragment20, jsx as jsx132, jsxs as jsxs123 } from "react/jsx-runtime";
 var KIND_ICON2 = { run: "play", review: "user-check", call: "phone", maintenance: "wrench", deploy: "rocket", meeting: "users" };
-var DEFAULT_LABELS61 = { 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_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 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_LABELS61, ...labels };
+  const L = { ...DEFAULT_LABELS62, ...labels };
   locale = /^en$/i.test(locale) ? "en-GB" : locale;
   const nowD = now ? toDate3(now) : /* @__PURE__ */ new Date();
   const day = date ? toDate3(date) : nowD;
@@ -6958,42 +7224,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__ */ jsxs123(Fragment19, { children: [
-    /* @__PURE__ */ jsx131("span", { className: "agn-agenda__date agn-num", children: dayText }),
-    onAdd && /* @__PURE__ */ jsx131(ButtonIcon, { icon: "calendar-plus", label: L.add, size: "sm", onClick: onAdd })
+  const actions = /* @__PURE__ */ jsxs123(Fragment20, { children: [
+    /* @__PURE__ */ jsx132("span", { className: "agn-agenda__date agn-num", children: dayText }),
+    onAdd && /* @__PURE__ */ jsx132(ButtonIcon, { icon: "calendar-plus", label: L.add, size: "sm", onClick: onAdd })
   ] });
-  const nowLine = /* @__PURE__ */ jsx131("li", { className: "agn-agenda__now", "aria-hidden": "true", children: /* @__PURE__ */ jsxs123("span", { className: "agn-agenda__now-label agn-num", children: [
+  const nowLine = /* @__PURE__ */ jsx132("li", { className: "agn-agenda__now", "aria-hidden": "true", children: /* @__PURE__ */ jsxs123("span", { className: "agn-agenda__now-label agn-num", children: [
     L.now,
     " ",
     tm(nowD)
   ] }) }, "now");
-  return /* @__PURE__ */ jsx131(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__ */ jsx131("div", { className: "agn-agenda__empty", children: /* @__PURE__ */ jsx131(EmptyState, { compact: true, icon: "calendar", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ jsxs123("ol", { className: "agn-agenda__list", children: [
+  return /* @__PURE__ */ jsx132(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__ */ jsx132("div", { className: "agn-agenda__empty", children: /* @__PURE__ */ jsx132(EmptyState, { compact: true, icon: "calendar", title: L.empty, children: L.emptyHint }) }) : /* @__PURE__ */ jsxs123("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__ */ jsxs123(React132.Fragment, { children: [
+      return /* @__PURE__ */ jsxs123(React134.Fragment, { children: [
         i === nowAt && nowLine,
         /* @__PURE__ */ jsxs123("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__ */ jsx131("span", { className: "agn-agenda__time agn-num", children: e.allDay ? L.allDay : /* @__PURE__ */ jsxs123(Fragment19, { children: [
+          /* @__PURE__ */ jsx132("span", { className: "agn-agenda__time agn-num", children: e.allDay ? L.allDay : /* @__PURE__ */ jsxs123(Fragment20, { children: [
             tm(e._s),
-            /* @__PURE__ */ jsx131("span", { className: "agn-agenda__end", children: tm(e._e) })
+            /* @__PURE__ */ jsx132("span", { className: "agn-agenda__end", children: tm(e._e) })
           ] }) }),
-          /* @__PURE__ */ jsx131("span", { className: "agn-agenda__bar", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx132("span", { className: "agn-agenda__bar", "aria-hidden": "true" }),
           /* @__PURE__ */ jsxs123("span", { className: "agn-agenda__main", children: [
-            /* @__PURE__ */ jsx131(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__ */ jsx132(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__ */ jsxs123("span", { className: "agn-agenda__meta", children: [
               e.kind && /* @__PURE__ */ jsxs123("span", { className: "agn-agenda__kind", children: [
-                /* @__PURE__ */ jsx131(Icon, { name: KIND_ICON2[e.kind] || "circle", size: 12 }),
+                /* @__PURE__ */ jsx132(Icon, { name: KIND_ICON2[e.kind] || "circle", size: 12 }),
                 L[e.kind] || e.kind
               ] }),
-              e.tenant && /* @__PURE__ */ jsx131("span", { className: "agn-agenda__tenant", children: e.tenant }),
-              e.meta && /* @__PURE__ */ jsx131("span", { children: e.meta })
+              e.tenant && /* @__PURE__ */ jsx132("span", { className: "agn-agenda__tenant", children: e.tenant }),
+              e.meta && /* @__PURE__ */ jsx132("span", { children: e.meta })
             ] })
           ] }),
-          /* @__PURE__ */ jsx131("span", { className: "agn-agenda__status", children: e._live ? /* @__PURE__ */ jsx131(Tag, { tone: "signal", dot: true, children: L.live }) : e._past ? /* @__PURE__ */ jsxs123("span", { className: "agn-agenda__done", children: [
-            /* @__PURE__ */ jsx131(Icon, { name: "check", size: 12 }),
+          /* @__PURE__ */ jsx132("span", { className: "agn-agenda__status", children: e._live ? /* @__PURE__ */ jsx132(Tag, { tone: "signal", dot: true, children: L.live }) : e._past ? /* @__PURE__ */ jsxs123("span", { className: "agn-agenda__done", children: [
+            /* @__PURE__ */ jsx132(Icon, { name: "check", size: 12 }),
             L.done
-          ] }) : showNow && mins > 0 && mins <= 60 ? /* @__PURE__ */ jsx131("span", { className: "agn-agenda__soon agn-num", children: L.soon.replace("{n}", mins) }) : null })
+          ] }) : showNow && mins > 0 && mins <= 60 ? /* @__PURE__ */ jsx132("span", { className: "agn-agenda__soon agn-num", children: L.soon.replace("{n}", mins) }) : null })
         ] })
       ] }, e.id || i);
     }),
@@ -7002,30 +7268,30 @@ function AgendaWidget({ events = [], date, now, locale = "en", title, onEvent, o
 }
 
 // src/dashboard/OnboardingWidget.jsx
-import React133 from "react";
-import { jsx as jsx132 } from "react/jsx-runtime";
-var DEFAULT_LABELS62 = { title: "Get started", hide: "Hide", complete: "Setup complete", completeHint: "Every step is done. You can hide this card.", progress: "completed", done: "Done", optional: "optional" };
+import React135 from "react";
+import { jsx as jsx133 } from "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" };
 function OnboardingWidget({ title, heading, description, steps = [], onDismiss, labels, className, ...rest }) {
-  const L = { ...DEFAULT_LABELS62, ...labels };
+  const L = { ...DEFAULT_LABELS63, ...labels };
   const all = steps.length > 0 && steps.every((s) => s.done);
-  return /* @__PURE__ */ jsx132(Card, { title: title || L.title, icon: "rocket", actions: onDismiss && /* @__PURE__ */ jsx132(ButtonIcon, { icon: "x", label: L.hide, size: "xs", onClick: onDismiss }), className: cx("agn-onboard", className), ...rest, children: all ? /* @__PURE__ */ jsx132(EmptyState, { compact: true, icon: "circle-check", title: L.complete, children: L.completeHint }) : /* @__PURE__ */ jsx132(SetupAssistant, { bare: true, title: heading, description, steps, labels: { progress: L.progress, done: L.done, optional: L.optional } }) });
+  return /* @__PURE__ */ jsx133(Card, { title: title || L.title, icon: "rocket", actions: onDismiss && /* @__PURE__ */ jsx133(ButtonIcon, { icon: "x", label: L.hide, size: "xs", onClick: onDismiss }), className: cx("agn-onboard", className), ...rest, children: all ? /* @__PURE__ */ jsx133(EmptyState, { compact: true, icon: "circle-check", title: L.complete, children: L.completeHint }) : /* @__PURE__ */ jsx133(SetupAssistant, { bare: true, title: heading, description, steps, labels: { progress: L.progress, done: L.done, optional: L.optional } }) });
 }
 
 // src/dashboard/CommentsWidget.jsx
-import React134 from "react";
-import { jsx as jsx133, jsxs as jsxs124 } from "react/jsx-runtime";
-var DEFAULT_LABELS63 = { 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__ */ jsx133("span", { className: "agn-comments__mention", children: p }, i) : p);
+import React136 from "react";
+import { jsx as jsx134, jsxs as jsxs124 } from "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__ */ jsx134("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_LABELS63, ...labels };
-  const [added, setAdded] = React134.useState([]);
+  const L = { ...DEFAULT_LABELS64, ...labels };
+  const [added, setAdded] = React136.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__ */ jsxs124(Card, { title: title || L.title, icon: "message-square", count: all.length, padding: "none", className: cx("agn-comments", className), ...rest, children: [
-    /* @__PURE__ */ jsx133("div", { className: "agn-comments__list", style: { maxHeight }, children: all.length === 0 ? /* @__PURE__ */ jsx133(EmptyState, { compact: true, icon: "message-square", title: L.empty, children: L.emptyHint }) : /* @__PURE__ */ jsx133(Feed, { children: all.map((c, i) => /* @__PURE__ */ jsx133(
+    /* @__PURE__ */ jsx134("div", { className: "agn-comments__list", style: { maxHeight }, children: all.length === 0 ? /* @__PURE__ */ jsx134(EmptyState, { compact: true, icon: "message-square", title: L.empty, children: L.emptyHint }) : /* @__PURE__ */ jsx134(Feed, { children: all.map((c, i) => /* @__PURE__ */ jsx134(
       FeedPost,
       {
         author: c.author,
@@ -7040,12 +7306,12 @@ 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__ */ jsx133(Tag, { tone: "ok", icon: "circle-check", children: L.resolved }) : void 0,
+        actions: c.resolved ? /* @__PURE__ */ jsx134(Tag, { tone: "ok", icon: "circle-check", children: L.resolved }) : void 0,
         children: withMentions(c.text)
       },
       c.id || i
     )) }) }),
-    /* @__PURE__ */ jsx133("div", { className: "agn-comments__composer", children: /* @__PURE__ */ jsx133(Publisher, { user, placeholder: L.placeholder, submitLabel: L.submit, onSubmit: submit, labels: { placeholder: L.placeholder, submit: L.submit, attach: L.attach, mention: L.mention } }) })
+    /* @__PURE__ */ jsx134("div", { className: "agn-comments__composer", children: /* @__PURE__ */ jsx134(Publisher, { user, placeholder: L.placeholder, submitLabel: L.submit, onSubmit: submit, labels: { placeholder: L.placeholder, submit: L.submit, attach: L.attach, mention: L.mention } }) })
   ] });
 }
 export {
@@ -7066,6 +7332,7 @@ export {
   ApprovalCard,
   Avatar,
   AvatarGroup,
+  BREAKPOINTS,
   Badge,
   BlockIcon,
   BrandBand,
@@ -7127,6 +7394,8 @@ export {
   Gantt,
   GlobalHeader,
   GlobalNavigation,
+  Grid,
+  GridItem,
   Heatmap,
   Icon,
   Illustration,
@@ -7148,6 +7417,7 @@ export {
   PRODUCT_NAMES,
   PageHeader,
   PageLayout,
+  PageLayoutContext,
   PageSkeleton,
   Pagination,
   Path,
@@ -7211,6 +7481,7 @@ export {
   VerticalNavigation,
   VisualPicker,
   WelcomeMat,
+  breakpointFor,
   cx,
   defaultSwatches,
   diffLines,
@@ -7230,7 +7501,11 @@ export {
   smoothStepPath,
   timeSlots,
   tokenize,
+  useBreakpoint,
   useDialog,
+  useElementWidth,
+  useOverlayFocus,
+  usePageLayout,
   useTheme,
   useToasts
 };