@flytedan/flytebot-design-system 0.1.4 → 0.2.0

package/dist/index.cjs

@@ -78,6 +78,8 @@ __export(index_exports, {
   FileStrip: () => FileStrip,
   FileTile: () => FileTile,
   Flag: () => Flag,
+  FlytedeskBrand: () => FlytedeskBrand,
+  FlytedeskMark: () => FlytedeskMark,
   FormatEta: () => FormatEta,
   Gate: () => Gate,
   IconButton: () => IconButton,
@@ -915,7 +917,7 @@ function Tip({ label, children }) {
 }
 function SidebarNav({ brand, groups = [], current: current2, onNavigate, footer, open = false, className = "", ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("nav", { className: ["fd-side", className].filter(Boolean).join(" "), "data-open": open ? "true" : "false", ...rest, children: [
-    brand ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { height: "var(--topbar-h)", display: "flex", alignItems: "center", padding: "0 18px", borderBottom: "1px solid var(--border)", flex: "none" }, children: brand }) : null,
+    brand ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { minHeight: "var(--topbar-h)", display: "flex", alignItems: "center", padding: "10px 18px", borderBottom: "1px solid var(--border)", flex: "none" }, children: brand }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { flex: 1, overflow: "auto", padding: "4px 10px 18px" }, children: groups.map((g, gi) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
       g.label ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fd-side-group", children: g.label }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fd-stack", style: { gap: 2 }, children: g.items.map((it) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -941,14 +943,27 @@ function SidebarNav({ brand, groups = [], current: current2, onNavigate, footer,
   ] });
 }
 
-// src/components/navigation/Tabs.tsx
+// src/components/navigation/FlytedeskBrand.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
+var LOGO_SRC = "https://sponsored.flytedesk.com/logo-white-bg.png";
+function FlytedeskMark({ size = "md", className = "", ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: ["fd-brand-mark", size !== "md" ? "fd-brand-mark-" + size : "", className].filter(Boolean).join(" "), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: LOGO_SRC, alt: "flytedesk" }) });
+}
+function FlytedeskBrand({ appName, size = "md", className = "", ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: ["fd-brand", size !== "md" ? "fd-brand-" + size : "", className].filter(Boolean).join(" "), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FlytedeskMark, { size }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fd-overline fd-muted", children: appName })
+  ] });
+}
+
+// src/components/navigation/Tabs.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: ["fd-tabs", className].filter(Boolean).join(" "), role: "tablist", ...rest, children: tabs.map((t) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: ["fd-tabs", className].filter(Boolean).join(" "), role: "tablist", ...rest, children: tabs.map((t) => {
     const v = typeof t === "string" ? t : t.value;
     const label = typeof t === "string" ? t : t.label;
     const count = typeof t === "string" ? void 0 : t.count;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "button",
       {
         type: "button",
@@ -958,7 +973,7 @@ function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
         onClick: onChange ? () => onChange(v) : void 0,
         children: [
           label,
-          count !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fd-badge fd-badge-neutral", style: { height: 20, padding: "0 7px" }, children: count }) : null
+          count !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "fd-badge fd-badge-neutral", style: { height: 20, padding: "0 7px" }, children: count }) : null
         ]
       },
       v
@@ -968,82 +983,82 @@ function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
 
 // src/components/navigation/Topbar.tsx
 var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Topbar({ crumbs = [], actions, loading = false, onMenu, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { className: ["fd-topbar", className].filter(Boolean).join(" "), ...rest, children: [
-    onMenu ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("i", { className: "ph ph-list" }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(React5.Fragment, { children: [
-      i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
-      i === crumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: c.href || "#", children: c.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: ["fd-topbar", className].filter(Boolean).join(" "), ...rest, children: [
+    onMenu ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "ph ph-list" }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(React5.Fragment, { children: [
+      i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
+      i === crumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("a", { href: c.href || "#", children: c.label })
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { flex: 1 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { flex: 1 } }),
     actions,
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "fd-topload", "aria-hidden": "true" }) : null
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fd-topload", "aria-hidden": "true" }) : null
   ] });
 }
 
 // src/components/feedback/Avatar.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Avatar({ name = "", src, size = "md", className = "", ...rest }) {
   const initials = name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]).join("").toUpperCase();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "span",
     {
       className: ["fd-avatar", size === "sm" ? "fd-avatar-sm" : size === "lg" ? "fd-avatar-lg" : "", className].filter(Boolean).join(" "),
       title: name || void 0,
       ...rest,
-      children: src ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src, alt: name }) : initials || /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "ph ph-user", "aria-hidden": "true" })
+      children: src ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src, alt: name }) : initials || /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", { className: "ph ph-user", "aria-hidden": "true" })
     }
   );
 }
 function AvatarStack({ people = [], size = "sm", max = 4, className = "" }) {
   const shown = people.slice(0, max);
   const rest = people.length - shown.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: ["fd-avatar-stack", className].filter(Boolean).join(" "), children: [
-    shown.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Avatar, { name: typeof p === "string" ? p : p.name, src: typeof p === "string" ? void 0 : p.src, size }, i)),
-    rest > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Avatar, { name: "+" + rest, size }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: ["fd-avatar-stack", className].filter(Boolean).join(" "), children: [
+    shown.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { name: typeof p === "string" ? p : p.name, src: typeof p === "string" ? void 0 : p.src, size }, i)),
+    rest > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { name: "+" + rest, size }) : null
   ] });
 }
 
 // src/components/feedback/Badge.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var TONES = { neutral: "fd-badge-neutral", info: "fd-badge-info", success: "fd-badge-success", warning: "fd-badge-warning", danger: "fd-badge-danger", live: "fd-badge-live", approved: "fd-badge-approved", count: "fd-badge-count" };
 function Badge({ children, tone = "neutral", dot = false, icon, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: ["fd-badge", TONES[tone] || TONES.neutral, className].filter(Boolean).join(" "), ...rest, children: [
-    dot ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fd-badge-dot", "aria-hidden": "true" }) : null,
-    icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: ["fd-badge", TONES[tone] || TONES.neutral, className].filter(Boolean).join(" "), ...rest, children: [
+    dot ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fd-badge-dot", "aria-hidden": "true" }) : null,
+    icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) : null,
     children
   ] });
 }
 
 // src/components/feedback/EmptyState.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function EmptyState({ icon = "tray", title, children, action, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: ["fd-empty", className].filter(Boolean).join(" "), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fd-empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fd-empty-title", children: title }),
-    children ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fd-empty-body", children }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: ["fd-empty", className].filter(Boolean).join(" "), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fd-empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fd-empty-title", children: title }),
+    children ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fd-empty-body", children }) : null,
     action
   ] });
 }
 
 // src/components/feedback/Flag.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Flag({ statement, cost, actions, tone = "warning", className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: ["fd-flag", "fd-flag-" + tone, className].filter(Boolean).join(" "), role: "status", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "fd-flag-text", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: ["fd-flag", "fd-flag-" + tone, className].filter(Boolean).join(" "), role: "status", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "fd-flag-text", children: [
       statement,
-      cost ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+      cost ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fd-flag-cost", children: cost })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "fd-flag-cost", children: cost })
       ] }) : null
     ] }),
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fd-flag-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "fd-flag-actions", children: actions }) : null
   ] });
 }
 
 // src/components/feedback/KeyHint.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var IS_MAC = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent || "");
 var GLYPH = {
   mod: IS_MAC ? "\u2318" : "Ctrl",
@@ -1071,10 +1086,10 @@ var GLYPH = {
 function KeyHint({ keys, size = "md", tone = "quiet", className = "", ...rest }) {
   const parts = String(keys || "").split("+").map((p) => p.trim()).filter(Boolean);
   const cls = ["fd-keyhint", size === "sm" ? "fd-keyhint-sm" : "", tone === "solid" ? "fd-keyhint-solid" : "", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: cls, "aria-hidden": "true", ...rest, children: parts.map((p, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: cls, "aria-hidden": "true", ...rest, children: parts.map((p, i) => {
     const k = p.toLowerCase();
     const glyph = GLYPH[k] || (p.length === 1 ? p.toUpperCase() : p);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("kbd", { children: glyph }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("kbd", { children: glyph }, i);
   }) });
 }
 function modifierLabel() {
@@ -1085,9 +1100,9 @@ function hasModifier(e) {
 }
 
 // src/components/feedback/Tag.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Tag({ children, icon, selected = false, onRemove, onClick, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "button",
     {
       type: "button",
@@ -1096,9 +1111,9 @@ function Tag({ children, icon, selected = false, onRemove, onClick, className =
       onClick,
       ...rest,
       children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) : null,
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) : null,
         children,
-        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "span",
           {
             className: "fd-tag-remove",
@@ -1108,7 +1123,7 @@ function Tag({ children, icon, selected = false, onRemove, onClick, className =
               e.stopPropagation();
               onRemove();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("i", { className: "ph ph-x" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", { className: "ph ph-x" })
           }
         ) : null
       ]
@@ -1117,7 +1132,7 @@ function Tag({ children, icon, selected = false, onRemove, onClick, className =
 }
 
 // src/components/feedback/Toast.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var ICON = {
   success: { i: "check", bg: "var(--ok-solid)" },
   error: { i: "x", bg: "var(--danger-solid)" },
@@ -1126,24 +1141,24 @@ var ICON = {
 };
 function Toast({ title, children, tone = "success", onUndo, onDismiss, className = "", ...rest }) {
   const ic = ICON[tone] || ICON.info;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: ["fd-toast", className].filter(Boolean).join(" "), role: "status", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fd-toast-icon", style: { background: ic.bg }, "aria-hidden": "true", children: tone === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fd-spinner", style: { width: 12, height: 12, borderWidth: 2, color: "#fff" } }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", { className: "ph ph-" + ic.i }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "fd-toast-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fd-toast-title", style: { display: "block" }, children: title }),
-      children ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fd-secondary", style: { display: "block", marginTop: 2 }, children }) : null,
-      onUndo ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { type: "button", className: "fd-btn fd-btn-link", style: { marginTop: 8 }, onClick: onUndo, children: "Undo" }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: ["fd-toast", className].filter(Boolean).join(" "), role: "status", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fd-toast-icon", style: { background: ic.bg }, "aria-hidden": "true", children: tone === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fd-spinner", style: { width: 12, height: 12, borderWidth: 2, color: "#fff" } }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("i", { className: "ph ph-" + ic.i }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "fd-toast-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fd-toast-title", style: { display: "block" }, children: title }),
+      children ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fd-secondary", style: { display: "block", marginTop: 2 }, children }) : null,
+      onUndo ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", className: "fd-btn fd-btn-link", style: { marginTop: 8 }, onClick: onUndo, children: "Undo" }) : null
     ] }),
-    onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { type: "button", className: "fd-btn-icon fd-btn-icon-sm", "aria-label": "Dismiss", onClick: onDismiss, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", { className: "ph ph-x" }) }) : null
+    onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", className: "fd-btn-icon fd-btn-icon-sm", "aria-label": "Dismiss", onClick: onDismiss, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("i", { className: "ph ph-x" }) }) : null
   ] });
 }
 
 // src/components/feedback/Tooltip.tsx
 var React6 = __toESM(require("react"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Tooltip({ label, placement = "top", children, className = "" }) {
   const [show, setShow] = React6.useState(false);
   const pos = placement === "bottom" ? { top: "calc(100% + 8px)", left: "50%", transform: "translateX(-50%)" } : { bottom: "calc(100% + 8px)", left: "50%", transform: "translateX(-50%)" };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "span",
     {
       style: { position: "relative", display: "inline-flex" },
@@ -1153,7 +1168,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
       onBlur: () => setShow(false),
       children: [
         children,
-        show ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: ["fd-tooltip", className].filter(Boolean).join(" "), role: "tooltip", style: pos, children: label }) : null
+        show ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: ["fd-tooltip", className].filter(Boolean).join(" "), role: "tooltip", style: pos, children: label }) : null
       ]
     }
   );
@@ -1161,7 +1176,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
 
 // src/components/data/Clamp.tsx
 var React7 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Clamp({
   children,
   text,
@@ -1202,17 +1217,17 @@ function Clamp({
       return !v;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: ["fd-clamp", clamped ? "is-clamped" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fd-clamp-body", ref: bodyRef, style: !maxChars && clamped ? { maxHeight } : void 0, children: maxChars ? charClamped != null ? charClamped : text != null ? text : children : children }),
-    (maxChars ? charClamped != null || open : overflows) ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { type: "button", className: "fd-clamp-more", onClick: toggle, "aria-expanded": open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: ["fd-clamp", clamped ? "is-clamped" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "fd-clamp-body", ref: bodyRef, style: !maxChars && clamped ? { maxHeight } : void 0, children: maxChars ? charClamped != null ? charClamped : text != null ? text : children : children }),
+    (maxChars ? charClamped != null || open : overflows) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("button", { type: "button", className: "fd-clamp-more", onClick: toggle, "aria-expanded": open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
       open ? lessLabel : moreLabel
     ] }) : null
   ] });
 }
 
 // src/components/data/CsiBadge.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var BANDS = {
   weak: { n: 1, label: "Weak" },
   adequate: { n: 2, label: "Adequate" },
@@ -1221,7 +1236,7 @@ var BANDS = {
 };
 function CsiMeter({ band = "weak", size = 4, width = 5, gap = 2 }) {
   const n = (BANDS[band] || BANDS.weak).n;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fd-meter", style: { gap: gap + "px" }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-meter", style: { gap: gap + "px" }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "span",
     {
       className: "fd-meter-seg" + (i <= n ? " is-on" : ""),
@@ -1232,16 +1247,16 @@ function CsiMeter({ band = "weak", size = 4, width = 5, gap = 2 }) {
 }
 function CsiBadge({ band = "weak", crp, size = "compact", preview = false, alert = false, className = "", ...rest }) {
   const b = BANDS[band] || BANDS.weak;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "span",
     {
       className: ["fd-csi", "fd-csi-" + b.n, size === "medium" ? "fd-csi-medium" : "fd-csi-compact", preview ? "fd-csi-preview" : "", className].filter(Boolean).join(" "),
       ...rest,
       children: [
-        alert ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fd-badge-dot", style: { background: "var(--csi-alert)" }, "aria-label": "Fixable" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CsiMeter, { band, size: size === "medium" ? 11 : 9, width: size === "medium" ? 4 : 3 }),
+        alert ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-badge-dot", style: { background: "var(--csi-alert)" }, "aria-label": "Fixable" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CsiMeter, { band, size: size === "medium" ? 11 : 9, width: size === "medium" ? 4 : 3 }),
         b.label,
-        crp !== void 0 && crp !== null ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fd-csi-crp", children: crp }) : null
+        crp !== void 0 && crp !== null ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-csi-crp", children: crp }) : null
       ]
     }
   );
@@ -1249,15 +1264,15 @@ function CsiBadge({ band = "weak", crp, size = "compact", preview = false, alert
 function CsiHero({ band = "weak", crp, label, className = "" }) {
   const b = BANDS[band] || BANDS.weak;
   const mark = "var(--csi-" + b.n + "-mark)";
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 10 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fd-csi-hero-num", style: { color: mark }, children: crp }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fd-label-lg", style: { color: "var(--text-2)" }, children: label || b.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fd-meter", style: { gap: 3, color: mark, width: 120 }, children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fd-meter-seg" + (i <= b.n ? " is-on" : ""), style: { height: 6, flex: 1 } }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 10 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-csi-hero-num", style: { color: mark }, children: crp }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-label-lg", style: { color: "var(--text-2)" }, children: label || b.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-meter", style: { gap: 3, color: mark, width: 120 }, children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-meter-seg" + (i <= b.n ? " is-on" : ""), style: { height: 6, flex: 1 } }, i)) })
   ] });
 }
 
 // src/components/data/DataTable.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function DataTable({
   columns = [],
   rows = [],
@@ -1274,68 +1289,68 @@ function DataTable({
   ...rest
 }) {
   const stale = refreshing && !loading;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fd-table-host", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fd-table-host", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
         className: ["fd-table-wrap", className].filter(Boolean).join(" "),
         "aria-busy": loading || refreshing ? "true" : void 0,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("table", { className: ["fd-table", compact3 ? "fd-table-compact" : ""].filter(Boolean).join(" "), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tr", { children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { className: ["fd-table", compact3 ? "fd-table-compact" : ""].filter(Boolean).join(" "), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tr", { children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "th",
             {
               scope: "col",
               style: { width: c.width },
               className: [c.numeric ? "is-num" : "", sort && sort.key === c.key ? "is-sorted" : ""].filter(Boolean).join(" "),
               "aria-sort": sort && sort.key === c.key ? sort.dir === "asc" ? "ascending" : "descending" : void 0,
-              children: c.sortable && onSort ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("button", { type: "button", onClick: () => onSort(c.key), children: [
+              children: c.sortable && onSort ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("button", { type: "button", onClick: () => onSort(c.key), children: [
                 c.label,
-                sort && sort.key === c.key ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("i", { className: "ph fd-caret ph-caret-" + (sort.dir === "asc" ? "up" : "down") }) : null
+                sort && sort.key === c.key ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("i", { className: "ph fd-caret ph-caret-" + (sort.dir === "asc" ? "up" : "down") }) : null
               ] }) : c.label
             },
             c.key
           )) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tbody", { className: stale ? "fd-stale" : void 0, children: loading ? Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tr", { children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: c.numeric ? "is-num" : "", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 13, width: c.numeric ? 52 : i % 3 === 0 ? "72%" : "88%" } }) }, c.key)) }, i)) : rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tbody", { className: stale ? "fd-stale" : void 0, children: loading ? Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tr", { children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: c.numeric ? "is-num" : "", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 13, width: c.numeric ? 52 : i % 3 === 0 ? "72%" : "88%" } }) }, c.key)) }, i)) : rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "tr",
             {
               "aria-selected": selectedId === r[rowKey] ? "true" : void 0,
               onClick: onRowClick ? () => onRowClick(r) : void 0,
               style: onRowClick ? { cursor: "pointer" } : void 0,
-              children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: c.numeric ? "is-num" : "", children: c.render ? c.render(r) : r[c.key] }, c.key))
+              children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: c.numeric ? "is-num" : "", children: c.render ? c.render(r) : r[c.key] }, c.key))
             },
             r[rowKey]
           )) })
         ] })
       }
     ),
-    stale ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fd-table-stale", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "fd-table-stale-pill", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fd-spinner", "aria-hidden": "true" }),
+    stale ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fd-table-stale", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "fd-table-stale-pill", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fd-spinner", "aria-hidden": "true" }),
       " Updating\u2026"
     ] }) }) : null
   ] });
 }
 
 // src/components/data/StatTile.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function StatTile({ label, value, sub, delta, loading = false, compact: compact3 = false, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: ["fd-stat", compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: compact3 ? 20 : 28, width: "62%" } }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "fd-stat-top", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fd-stat-figure", children: value }),
-      delta ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: delta.startsWith("-") ? "fd-stat-delta-down" : "fd-stat-delta-up", style: { fontWeight: 600, fontSize: "var(--body-sm-size)", flex: "none" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("i", { className: "ph ph-arrow-" + (delta.startsWith("-") ? "down" : "up") + "-right", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: ["fd-stat", compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: compact3 ? 20 : 28, width: "62%" } }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "fd-stat-top", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-stat-figure", children: value }),
+      delta ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: delta.startsWith("-") ? "fd-stat-delta-down" : "fd-stat-delta-up", style: { fontWeight: 600, fontSize: "var(--body-sm-size)", flex: "none" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "ph ph-arrow-" + (delta.startsWith("-") ? "down" : "up") + "-right", "aria-hidden": "true" }),
         " ",
         delta
       ] }) : null
     ] }),
-    !loading && sub ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fd-stat-sub", children: sub }) : null,
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: 10, width: "40%", marginTop: 8 } }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fd-stat-label", style: { display: "block" }, children: label })
+    !loading && sub ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-stat-sub", children: sub }) : null,
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: 10, width: "40%", marginTop: 8 } }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-stat-label", style: { display: "block" }, children: label })
   ] });
 }
 
 // src/components/data/CodeBlock.tsx
 var React8 = __toESM(require("react"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var JS_KW = /^(?:const|let|var|function|return|if|else|for|while|do|new|class|extends|import|from|export|default|await|async|try|catch|finally|throw|typeof|instanceof|of|in|switch|case|break|continue|delete|void|yield|static|get|set|this|super|interface|type|enum|implements|public|private|protected|readonly|abstract|as|satisfies|declare|namespace)$/;
 var RULES = {
   js: [
@@ -1491,7 +1506,7 @@ function tokenize(src, lang) {
 }
 function Highlighted({ code, lang }) {
   const toks = React8.useMemo(() => tokenize(code, lang), [code, lang]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: toks.map((tk, i) => tk.c ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "tok-" + tk.c, children: tk.t }, i) : tk.t) });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: toks.map((tk, i) => tk.c ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "tok-" + tk.c, children: tk.t }, i) : tk.t) });
 }
 function useCopy() {
   const [done, setDone] = React8.useState(false);
@@ -1539,24 +1554,24 @@ function CodeBlock({
   const lines = body.split("\n");
   const foldable = collapseAfter > 0 && lines.length > collapseAfter + 6;
   const shown = foldable && !open ? lines.slice(0, collapseAfter).join("\n") : body;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: ["fd-code", wrap ? "is-wrap" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fd-code-head", children: [
-      filename ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-code-file", children: filename }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-code-lang", children: languageLabel(language) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-code-spacer" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: ["fd-code", wrap ? "is-wrap" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fd-code-head", children: [
+      filename ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-code-file", children: filename }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-code-lang", children: languageLabel(language) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-code-spacer" }),
       actions,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { type: "button", className: "fd-code-act", onClick: () => setWrap((v) => !v), "aria-pressed": wrap, title: wrap ? "No wrap" : "Soft wrap", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "ph ph-text-" + (wrap ? "columns" : "align-left"), "aria-hidden": "true" }) }),
-      copyable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(body), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: copied ? "Copied" : "Copy" })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: "fd-code-act", onClick: () => setWrap((v) => !v), "aria-pressed": wrap, title: wrap ? "No wrap" : "Soft wrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("i", { className: "ph ph-text-" + (wrap ? "columns" : "align-left"), "aria-hidden": "true" }) }),
+      copyable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(body), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: copied ? "Copied" : "Copy" })
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fd-code-body", children: [
-      lineNumbers ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("pre", { className: "fd-code-gutter", "aria-hidden": "true", children: shown.split("\n").map((_, i) => i + 1 + "\n").join("") }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("pre", { className: "fd-code-pre", tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Highlighted, { code: shown, lang: language }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fd-code-body", children: [
+      lineNumbers ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("pre", { className: "fd-code-gutter", "aria-hidden": "true", children: shown.split("\n").map((_, i) => i + 1 + "\n").join("") }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("pre", { className: "fd-code-pre", tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Highlighted, { code: shown, lang: language }) }) })
     ] }),
-    foldable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
+    foldable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
       open ? "Collapse" : "Show all " + lines.length + " lines"
     ] }) : null
   ] });
@@ -1576,32 +1591,32 @@ function DiffBlock({ diff = "", filename, collapseAfter = 34, className = "" })
   const dels = all.filter((l) => l.k === "del").length;
   const foldable = collapseAfter > 0 && all.length > collapseAfter + 6;
   const rows = foldable && !open ? all.slice(0, collapseAfter) : all;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: ["fd-code", "fd-diff", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fd-code-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "ph ph-git-diff fd-code-icon", "aria-hidden": "true" }),
-      filename ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-code-file", children: filename }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-code-lang", children: "Diff" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "fd-diff-stat fd-tabular", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "is-add", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: ["fd-code", "fd-diff", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fd-code-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("i", { className: "ph ph-git-diff fd-code-icon", "aria-hidden": "true" }),
+      filename ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-code-file", children: filename }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-code-lang", children: "Diff" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "fd-diff-stat fd-tabular", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "is-add", children: [
           "+",
           adds
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "is-del", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "is-del", children: [
           "\u2212",
           dels
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-code-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(raw), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: copied ? "Copied" : "Copy" })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-code-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(raw), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: copied ? "Copied" : "Copy" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fd-diff-body", children: rows.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fd-diff-line is-" + r.k, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fd-diff-mark", "aria-hidden": "true", children: r.k === "add" ? "+" : r.k === "del" ? "\u2212" : "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("code", { children: r.k === "add" || r.k === "del" ? r.line.slice(1) : r.line })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "fd-diff-body", children: rows.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fd-diff-line is-" + r.k, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-diff-mark", "aria-hidden": "true", children: r.k === "add" ? "+" : r.k === "del" ? "\u2212" : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("code", { children: r.k === "add" || r.k === "del" ? r.line.slice(1) : r.line })
     ] }, i)) }),
-    foldable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
+    foldable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
       open ? "Collapse" : "Show all " + all.length + " lines"
     ] }) : null
   ] });
@@ -1609,7 +1624,7 @@ function DiffBlock({ diff = "", filename, collapseAfter = 34, className = "" })
 
 // src/components/data/Markdown.tsx
 var React9 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SAFE = /^(?:https?:|mailto:|tel:|#|\/|\.{1,2}\/)/i;
 var safeHref = (h) => SAFE.test(String(h || "").trim()) ? String(h).trim() : null;
 var INLINE = [
@@ -1639,22 +1654,22 @@ function inlineNodes(src, ctx, keyBase) {
     const { kind, m } = best;
     if (m.index > 0) out.push(rest.slice(0, m.index));
     const g = (i) => m[i];
-    if (kind === "code") out.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("code", { className: "fd-md-code", children: g(1) }, key()));
+    if (kind === "code") out.push(/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("code", { className: "fd-md-code", children: g(1) }, key()));
     else if (kind === "image") {
       const src2 = safeHref(g(2));
-      out.push(ctx.allowImages && src2 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { className: "fd-md-img", src: src2, alt: g(1) || "", title: g(3) || void 0, loading: "lazy" }, key()) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-md-imgalt", children: g(1) || "image" }, key()));
+      out.push(ctx.allowImages && src2 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { className: "fd-md-img", src: src2, alt: g(1) || "", title: g(3) || void 0, loading: "lazy" }, key()) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "fd-md-imgalt", children: g(1) || "image" }, key()));
     } else if (kind === "link") {
       const href = safeHref(g(2));
-      out.push(href ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href, title: g(3) || void 0, target: /^https?:/i.test(href) ? "_blank" : void 0, rel: "noopener noreferrer", onClick: ctx.onLinkClick, children: inlineNodes(g(1), ctx, key()) }, key()) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: g(1) }, key()));
+      out.push(href ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href, title: g(3) || void 0, target: /^https?:/i.test(href) ? "_blank" : void 0, rel: "noopener noreferrer", onClick: ctx.onLinkClick, children: inlineNodes(g(1), ctx, key()) }, key()) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: g(1) }, key()));
     } else if (kind === "cite") {
-      out.push(ctx.renderCitation ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(React9.Fragment, { children: ctx.renderCitation(g(1)) }, key()) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("sup", { className: "fd-md-cite", children: g(1) }, key()));
-    } else if (kind === "strongem") out.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("strong", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("em", { children: inlineNodes(g(1), ctx, key()) }) }, key()));
-    else if (kind === "strong") out.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("strong", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
-    else if (kind === "em") out.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("em", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
-    else if (kind === "del") out.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("del", { children: inlineNodes(g(1), ctx, key()) }, key()));
+      out.push(ctx.renderCitation ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(React9.Fragment, { children: ctx.renderCitation(g(1)) }, key()) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("sup", { className: "fd-md-cite", children: g(1) }, key()));
+    } else if (kind === "strongem") out.push(/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("strong", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("em", { children: inlineNodes(g(1), ctx, key()) }) }, key()));
+    else if (kind === "strong") out.push(/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("strong", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
+    else if (kind === "em") out.push(/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("em", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
+    else if (kind === "del") out.push(/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("del", { children: inlineNodes(g(1), ctx, key()) }, key()));
     else if (kind === "autolink" || kind === "bare") {
       const href = safeHref(g(1));
-      out.push(href ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", onClick: ctx.onLinkClick, children: g(1).replace(/^mailto:/, "") }, key()) : g(1));
+      out.push(href ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", onClick: ctx.onLinkClick, children: g(1).replace(/^mailto:/, "") }, key()) : g(1));
     }
     rest = rest.slice(m.index + m[0].length);
   }
@@ -1772,33 +1787,33 @@ function renderBlocks(blocks, ctx, path) {
     const k = path + "-" + i;
     switch (b.t) {
       case "code": {
-        if ((b.lang || "").toLowerCase() === "diff") return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DiffBlock, { diff: b.code, filename: b.file || void 0 }, k);
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CodeBlock, { code: b.code, language: b.lang, filename: b.file || void 0, ...ctx.codeProps || {} }, k);
+        if ((b.lang || "").toLowerCase() === "diff") return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DiffBlock, { diff: b.code, filename: b.file || void 0 }, k);
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CodeBlock, { code: b.code, language: b.lang, filename: b.file || void 0, ...ctx.codeProps || {} }, k);
       }
       case "h": {
         const lvl = Math.min(6, Math.max(1, b.level + (ctx.headingOffset || 0)));
         const Tag2 = "h" + lvl;
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Tag2, { className: "fd-md-h fd-md-h" + lvl, children: inlineNodes(b.text, ctx, k) }, k);
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tag2, { className: "fd-md-h fd-md-h" + lvl, children: inlineNodes(b.text, ctx, k) }, k);
       }
       case "hr":
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("hr", { className: "fd-md-hr" }, k);
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("hr", { className: "fd-md-hr" }, k);
       case "quote":
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("blockquote", { className: "fd-md-quote", children: renderBlocks(b.children, ctx, k) }, k);
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("blockquote", { className: "fd-md-quote", children: renderBlocks(b.children, ctx, k) }, k);
       case "list": {
         const Tag2 = b.ordered ? "ol" : "ul";
         const isTask = b.items.some((it) => it.checked != null);
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Tag2, { className: "fd-md-list" + (isTask ? " is-task" : ""), start: b.ordered && b.start !== 1 ? b.start : void 0, children: b.items.map((it, j) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("li", { className: it.checked != null ? it.checked ? "is-done" : "is-todo" : void 0, children: [
-          it.checked != null ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-md-task", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("i", { className: "ph ph-" + (it.checked ? "check-square" : "square") }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fd-md-li", children: renderBlocks(it.children, ctx, k + "-" + j) })
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tag2, { className: "fd-md-list" + (isTask ? " is-task" : ""), start: b.ordered && b.start !== 1 ? b.start : void 0, children: b.items.map((it, j) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("li", { className: it.checked != null ? it.checked ? "is-done" : "is-todo" : void 0, children: [
+          it.checked != null ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "fd-md-task", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("i", { className: "ph ph-" + (it.checked ? "check-square" : "square") }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "fd-md-li", children: renderBlocks(it.children, ctx, k + "-" + j) })
         ] }, k + "-" + j)) }, k);
       }
       case "table":
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "fd-md-tablewrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("table", { className: "fd-md-table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tr", { children: b.head.map((c, j) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { style: { textAlign: b.align[j] || "left" }, children: inlineNodes(c, ctx, k + "h" + j) }, j)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tbody", { children: b.rows.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tr", { children: b.head.map((_, ci) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { style: { textAlign: b.align[ci] || "left" }, children: inlineNodes(r[ci] || "", ctx, k + ri + "c" + ci) }, ci)) }, ri)) })
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "fd-md-tablewrap", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("table", { className: "fd-md-table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", { children: b.head.map((c, j) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("th", { style: { textAlign: b.align[j] || "left" }, children: inlineNodes(c, ctx, k + "h" + j) }, j)) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tbody", { children: b.rows.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", { children: b.head.map((_, ci) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { style: { textAlign: b.align[ci] || "left" }, children: inlineNodes(r[ci] || "", ctx, k + ri + "c" + ci) }, ci)) }, ri)) })
         ] }) }, k);
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "fd-md-p", children: inlineNodes(b.text, ctx, k) }, k);
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fd-md-p", children: inlineNodes(b.text, ctx, k) }, k);
     }
   });
 }
@@ -1813,24 +1828,24 @@ function Markdown({
 }) {
   const ctx = { allowImages, headingOffset, renderCitation, onLinkClick, codeProps };
   const blocks = React9.useMemo(() => parseBlocks(source), [source]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: ["fd-md", className].filter(Boolean).join(" "), children: renderBlocks(blocks, ctx, "b") });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: ["fd-md", className].filter(Boolean).join(" "), children: renderBlocks(blocks, ctx, "b") });
 }
 function MarkdownInline({ source = "", className = "", onLinkClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: ["fd-md-inline", className].filter(Boolean).join(" "), children: inlineNodes(source, { allowImages: false, onLinkClick }, "i") });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: ["fd-md-inline", className].filter(Boolean).join(" "), children: inlineNodes(source, { allowImages: false, onLinkClick }, "i") });
 }
 function markdownToText(src) {
   return String(src == null ? "" : src).replace(/```[\w+#-]*\n?([\s\S]*?)```/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]+)\]\([^)]*\)/g, "$1").replace(/^\s{0,3}#{1,6}\s+/gm, "").replace(/\*\*\*([^*]+)\*\*\*|\*\*([^*]+)\*\*|__([^_]+)__/g, "$1$2$3").replace(/(^|\W)[*_]([^*_\n]+)[*_](\W|$)/g, "$1$2$3").replace(/~~([^~]+)~~/g, "$1").replace(/^\s*>\s?/gm, "").trim();
 }
 
 // src/components/data/Meter.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Meter({ segments = [], unallocated = 0, height = 8, label, legend = false, className = "" }) {
   const total = segments.reduce((s, x) => s + x.value, 0) + unallocated;
   const pct = (v) => total ? v / total * 100 : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 8 }, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "fd-label-lg fd-secondary", children: label }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fd-meterbar", style: { height }, children: [
-      segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 8 }, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "fd-label-lg fd-secondary", children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "fd-meterbar", style: { height }, children: [
+      segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "span",
         {
           className: "fd-meterbar-seg",
@@ -1839,15 +1854,15 @@ function Meter({ segments = [], unallocated = 0, height = 8, label, legend = fal
         },
         i
       )),
-      unallocated > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "fd-meterbar-seg fd-meterbar-unallocated", title: "Unallocated", style: { width: pct(unallocated) + "%" } }) : null
+      unallocated > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "fd-meterbar-seg fd-meterbar-unallocated", title: "Unallocated", style: { width: pct(unallocated) + "%" } }) : null
     ] }),
-    legend ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap" }, children: [
-      segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { style: { width: 9, height: 9, borderRadius: 2, background: s.color || "var(--chart-" + (i % 8 + 1) + ")" } }),
+    legend ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap" }, children: [
+      segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { style: { width: 9, height: 9, borderRadius: 2, background: s.color || "var(--chart-" + (i % 8 + 1) + ")" } }),
         s.label
       ] }, i)),
-      unallocated > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "fd-meterbar-unallocated", style: { width: 9, height: 9, borderRadius: 2 } }),
+      unallocated > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "fd-meterbar-unallocated", style: { width: 9, height: 9, borderRadius: 2 } }),
         "Unallocated"
       ] }) : null
     ] }) : null
@@ -1855,7 +1870,7 @@ function Meter({ segments = [], unallocated = 0, height = 8, label, legend = fal
 }
 
 // src/components/data/Pagination.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Pagination({
   page = 1,
   pageSize = 25,
@@ -1880,12 +1895,12 @@ function Pagination({
     if (i === 1 || i === totalPages || Math.abs(i - page) <= span) nums.push(i);
     else if (nums[nums.length - 1] !== "\u2026") nums.push("\u2026");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: ["fd-pag", className].filter(Boolean).join(" "), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "fd-pag-count", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 12, width: 108 } }) : total === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: ["fd-pag", className].filter(Boolean).join(" "), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "fd-pag-count", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 12, width: 108 } }) : total === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
       "No ",
       unit
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("strong", { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("strong", { children: [
         from.toLocaleString(),
         "\u2013",
         to.toLocaleString()
@@ -1895,14 +1910,14 @@ function Pagination({
       " ",
       unit
     ] }) }),
-    onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("label", { className: "fd-pag-size", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Rows" }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("select", { value: pageSize, onChange: (e) => onPageSizeChange(Number(e.target.value)), "aria-label": "Rows per page", children: pageSizes.map((n) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("option", { value: n, children: n }, n)) })
+    onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "fd-pag-size", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Rows" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("select", { value: pageSize, onChange: (e) => onPageSizeChange(Number(e.target.value)), "aria-label": "Rows per page", children: pageSizes.map((n) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: n, children: n }, n)) })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "fd-pag-nav", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("button", { type: "button", onClick: () => go(1), disabled: page <= 1, "aria-label": "First page", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("i", { className: "ph ph-caret-double-left" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("button", { type: "button", onClick: () => go(page - 1), disabled: page <= 1, "aria-label": "Previous page", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("i", { className: "ph ph-caret-left" }) }),
-      nums.map((n, i) => n === "\u2026" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "fd-pag-gap", "aria-hidden": "true", children: "\u2026" }, "e" + i) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "fd-pag-nav", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { type: "button", onClick: () => go(1), disabled: page <= 1, "aria-label": "First page", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("i", { className: "ph ph-caret-double-left" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { type: "button", onClick: () => go(page - 1), disabled: page <= 1, "aria-label": "Previous page", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("i", { className: "ph ph-caret-left" }) }),
+      nums.map((n, i) => n === "\u2026" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "fd-pag-gap", "aria-hidden": "true", children: "\u2026" }, "e" + i) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "button",
         {
           type: "button",
@@ -1913,15 +1928,15 @@ function Pagination({
         },
         n
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("button", { type: "button", onClick: () => go(page + 1), disabled: page >= totalPages, "aria-label": "Next page", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("i", { className: "ph ph-caret-right" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("button", { type: "button", onClick: () => go(totalPages), disabled: page >= totalPages, "aria-label": "Last page", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("i", { className: "ph ph-caret-double-right" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { type: "button", onClick: () => go(page + 1), disabled: page >= totalPages, "aria-label": "Next page", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("i", { className: "ph ph-caret-right" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { type: "button", onClick: () => go(totalPages), disabled: page >= totalPages, "aria-label": "Last page", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("i", { className: "ph ph-caret-double-right" }) })
     ] })
   ] });
 }
 
 // src/components/data/RelativeTime.tsx
 var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var MIN = 6e4;
 var HOUR = 36e5;
 var DAY = 864e5;
@@ -1983,7 +1998,7 @@ function RelativeTime({ value, prefix, className = "", refresh: refresh2 = true,
     return () => clearInterval(id);
   }, [t, refresh2]);
   if (!t || isNaN(t)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("time", { className, dateTime: new Date(t).toISOString(), title: formatAbsolute(new Date(t)), ...rest, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("time", { className, dateTime: new Date(t).toISOString(), title: formatAbsolute(new Date(t)), ...rest, children: [
     prefix ? prefix + " " : "",
     formatRelative(new Date(t))
   ] });
@@ -2150,7 +2165,7 @@ var FileKit = {
 };
 
 // src/components/data/SegmentedMeter.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var VARIANT_FILL = {
   brand: "var(--brand)",
   neutral: "var(--n-400)",
@@ -2197,21 +2212,21 @@ function SegmentedMeter({
   const fill = (s, i) => s.color || (s.variant ? VARIANT_FILL[s.variant] : void 0) || CHART[i % CHART.length];
   const generatedId = React11.useId();
   const uid2 = id || generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: ["fd-segmeter", className].filter(Boolean).join(" "), onClick, children: [
-    label || showTotal ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fd-segmeter-head", children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-label", id: uid2 + "-l", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", {}),
-      showTotal ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "fd-segmeter-total fd-tabular", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: ["fd-segmeter", className].filter(Boolean).join(" "), onClick, children: [
+    label || showTotal ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fd-segmeter-head", children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-label", id: uid2 + "-l", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", {}),
+      showTotal ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "fd-segmeter-total fd-tabular", children: [
         format(used),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-sep", children: " / " }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-sep", children: " / " }),
         safeTotal ? format(safeTotal) : "\u2014",
-        showPercent ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "fd-segmeter-pct", children: [
+        showPercent ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "fd-segmeter-pct", children: [
           " (",
           pct,
           "%)"
         ] }) : null
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       {
         className: "fd-segmeter-rail",
@@ -2223,7 +2238,7 @@ function SegmentedMeter({
         "aria-valuemin": 0,
         "aria-valuemax": safeTotal || 100,
         "aria-valuetext": format(used) + " of " + (safeTotal ? format(safeTotal) : "unknown") + " \u2014 " + pct + "%",
-        children: items.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        children: items.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "span",
           {
             className: "fd-segmeter-seg",
@@ -2234,16 +2249,16 @@ function SegmentedMeter({
         ))
       }
     ),
-    legend ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("ul", { className: "fd-segmeter-legend", children: [
-      items.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("li", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-dot", style: { background: fill(s, i) }, "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-key", children: s.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-val fd-tabular", children: format(s.value) })
+    legend ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("ul", { className: "fd-segmeter-legend", children: [
+      items.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-dot", style: { background: fill(s, i) }, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-key", children: s.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-val fd-tabular", children: format(s.value) })
       ] }, s.id || s.label || i)),
-      safeTotal && used < safeTotal ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("li", { className: "is-remainder", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-dot is-empty", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-key", children: remainderLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-segmeter-val fd-tabular", children: format(safeTotal - used) })
+      safeTotal && used < safeTotal ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("li", { className: "is-remainder", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-dot is-empty", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-key", children: remainderLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-segmeter-val fd-tabular", children: format(safeTotal - used) })
       ] }) : null
     ] }) : null
   ] });
@@ -2251,22 +2266,22 @@ function SegmentedMeter({
 function QuotaRow({ label, percent = 0, note, tone, className = "" }) {
   const p = Math.max(0, Math.min(100, Math.round(Number(percent) || 0)));
   const auto = p >= 90 ? "danger" : p >= 70 ? "warn" : "brand";
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: ["fd-quota", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fd-quota-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-quota-label", children: label }),
-      note ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-quota-note", children: note }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "fd-quota-pct fd-tabular", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: ["fd-quota", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fd-quota-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-quota-label", children: label }),
+      note ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-quota-note", children: note }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "fd-quota-pct fd-tabular", children: [
         p,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "fd-quota-rail", role: "meter", "aria-label": typeof label === "string" ? label : void 0, "aria-valuenow": p, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "fd-quota-fill", style: { width: p + "%", background: VARIANT_FILL[tone || auto] } }) })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fd-quota-rail", role: "meter", "aria-label": typeof label === "string" ? label : void 0, "aria-valuenow": p, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-quota-fill", style: { width: p + "%", background: VARIANT_FILL[tone || auto] } }) })
   ] });
 }
 
 // src/components/data/SortMenu.tsx
 var React12 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function SortMenu({ fields = [], sort, onSort, align = "right", className = "", ...rest }) {
   const [open, setOpen] = React12.useState(false);
   const ref = React12.useRef(null);
@@ -2290,7 +2305,7 @@ function SortMenu({ fields = [], sort, onSort, align = "right", className = "",
   const arrow = (f, d) => {
     const on = cur && cur.key === f.key && dir === d;
     const label = d === "asc" ? f.numeric ? "lowest first" : "A to Z" : f.numeric ? "highest first" : "Z to A";
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "button",
       {
         type: "button",
@@ -2308,21 +2323,21 @@ function SortMenu({ fields = [], sort, onSort, align = "right", className = "",
           background: on ? "var(--brand)" : "var(--surface)",
           color: on ? "#fff" : "var(--text-muted)"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("i", { className: "ph ph-arrow-" + (d === "asc" ? "up" : "down"), style: { fontSize: 13 } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "ph ph-arrow-" + (d === "asc" ? "up" : "down"), style: { fontSize: 13 } })
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className, style: { position: "relative", display: "inline-flex" }, ref, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Button, { size: "sm", variant: "secondary", icon: dir === "asc" ? "sort-ascending" : "sort-descending", onClick: () => setOpen(!open), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className, style: { position: "relative", display: "inline-flex" }, ref, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Button, { size: "sm", variant: "secondary", icon: dir === "asc" ? "sort-ascending" : "sort-descending", onClick: () => setOpen(!open), children: [
       cur ? cur.label : "Unsorted",
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("i", { className: "ph ph-" + (dir === "asc" ? "arrow-up" : "arrow-down"), style: { fontSize: 12, marginLeft: 6, opacity: 0.75 } })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "ph ph-" + (dir === "asc" ? "arrow-up" : "arrow-down"), style: { fontSize: 12, marginLeft: 6, opacity: 0.75 } })
     ] }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-view-enter", style: { position: "absolute", top: "calc(100% + 6px)", [align]: 0, zIndex: 120, width: 280, maxWidth: "calc(100vw - 32px)", display: "block", background: "var(--surface)", border: "1px solid var(--border)", borderRadius: 10, boxShadow: "0 16px 44px rgba(11,13,17,.18)", padding: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-overline fd-muted", style: { padding: "4px 8px 6px" }, children: "Sort by" }),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-view-enter", style: { position: "absolute", top: "calc(100% + 6px)", [align]: 0, zIndex: 120, width: 280, maxWidth: "calc(100vw - 32px)", display: "block", background: "var(--surface)", border: "1px solid var(--border)", borderRadius: 10, boxShadow: "0 16px 44px rgba(11,13,17,.18)", padding: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-overline fd-muted", style: { padding: "4px 8px 6px" }, children: "Sort by" }),
       fields.map((f) => {
         const active = cur && cur.key === f.key;
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "fd-row", style: { gap: 8, padding: "4px 8px", borderRadius: 7, background: active ? "var(--surface-brand)" : "transparent" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "fd-body-sm", style: { flex: 1, fontWeight: active ? 700 : 500, color: active ? "var(--text-on-surface-brand)" : "var(--text)" }, children: f.label }),
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "fd-row", style: { gap: 8, padding: "4px 8px", borderRadius: 7, background: active ? "var(--surface-brand)" : "transparent" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-body-sm", style: { flex: 1, fontWeight: active ? 700 : 500, color: active ? "var(--text-on-surface-brand)" : "var(--text)" }, children: f.label }),
           arrow(f, "asc"),
           arrow(f, "desc")
         ] }, f.key);
@@ -2333,7 +2348,7 @@ function SortMenu({ fields = [], sort, onSort, align = "right", className = "",
 
 // src/components/data/StepList.tsx
 var React13 = __toESM(require("react"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var KIND_ICON = { tool: "wrench", search: "magnifying-glass", read: "file-text", write: "pencil-simple", reasoning: "brain", run: "terminal", fetch: "cloud-arrow-down" };
 function StepList({
   steps = [],
@@ -2359,30 +2374,30 @@ function StepList({
     if (openProp == null) setOpenState(next);
     onToggle && onToggle(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: ["fd-steps", dense ? "is-dense" : "", open ? "is-open" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { type: "button", className: "fd-steps-head", onClick: toggle, "aria-expanded": open, children: [
-      running ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-steps-spin", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "ph ph-" + (failed ? "warning-circle" : "check-circle"), "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-steps-title", children: summary }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "fd-steps-count fd-tabular", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: ["fd-steps", dense ? "is-dense" : "", open ? "is-open" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("button", { type: "button", className: "fd-steps-head", onClick: toggle, "aria-expanded": open, children: [
+      running ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-steps-spin", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { className: "ph ph-" + (failed ? "warning-circle" : "check-circle"), "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-steps-title", children: summary }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "fd-steps-count fd-tabular", children: [
         steps.length,
         " step",
         steps.length === 1 ? "" : "s",
-        failed ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "fd-steps-failed", children: [
+        failed ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "fd-steps-failed", children: [
           " \xB7 ",
           failed,
           " failed"
         ] }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down") + " fd-steps-caret", "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down") + " fd-steps-caret", "aria-hidden": "true" })
     ] }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ol", { className: "fd-steps-list", children: steps.map((s, i) => {
+    open ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ol", { className: "fd-steps-list", children: steps.map((s, i) => {
       const id = s.id || i;
       const isOpen = !!expanded[id];
       const icon = KIND_ICON[s.kind || ""] || "dot-outline";
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("li", { className: "fd-step is-" + (s.status || "ok"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "fd-step-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-step-icon", "aria-hidden": "true", children: s.status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-steps-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "ph ph-" + icon }) }),
-          s.detail ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("li", { className: "fd-step is-" + (s.status || "ok"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fd-step-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-step-icon", "aria-hidden": "true", children: s.status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-steps-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { className: "ph ph-" + icon }) }),
+          s.detail ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
             "button",
             {
               type: "button",
@@ -2390,15 +2405,15 @@ function StepList({
               "aria-expanded": isOpen,
               onClick: () => setExpanded((m) => Object.assign({}, m, { [id]: !isOpen })),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: s.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "ph ph-caret-" + (isOpen ? "up" : "down"), "aria-hidden": "true" })
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: s.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { className: "ph ph-caret-" + (isOpen ? "up" : "down"), "aria-hidden": "true" })
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-step-label is-static", children: s.label }),
-          s.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-step-badge is-error", children: "failed" }) : null,
-          showDurations && s.durationMs ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fd-step-dur fd-tabular", children: formatDuration(s.durationMs) }) : null
+          ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-step-label is-static", children: s.label }),
+          s.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-step-badge is-error", children: "failed" }) : null,
+          showDurations && s.durationMs ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-step-dur fd-tabular", children: formatDuration(s.durationMs) }) : null
         ] }),
-        s.detail && isOpen ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("pre", { className: "fd-step-detail", children: s.detail }) : null
+        s.detail && isOpen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("pre", { className: "fd-step-detail", children: s.detail }) : null
       ] }, id);
     }) }) : null
   ] });
@@ -2406,54 +2421,54 @@ function StepList({
 
 // src/components/forms/Checkbox.tsx
 var React14 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Checkbox({ label, description, card = false, indeterminate = false, className = "", ...rest }) {
   const ref = React14.useRef(null);
   React14.useEffect(() => {
     if (ref.current) ref.current.indeterminate = indeterminate;
   }, [indeterminate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "fd-choice-input", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("input", { ref, type: "checkbox", ...rest }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-choice-box", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { className: indeterminate ? "ph ph-minus" : "ph ph-check" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "fd-choice-input", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { ref, type: "checkbox", ...rest }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fd-choice-box", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("i", { className: indeterminate ? "ph ph-minus" : "ph ph-check" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "fd-choice-text", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-choice-title", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-choice-desc", children: description }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "fd-choice-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fd-choice-title", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fd-choice-desc", children: description }) : null
     ] })
   ] });
 }
 
 // src/components/forms/Radio.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Radio({ label, description, card = false, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "fd-choice-input", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: "radio", ...rest }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fd-choice-box fd-choice-box-round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fd-choice-dot" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "fd-choice-input", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("input", { type: "radio", ...rest }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-choice-box fd-choice-box-round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-choice-dot" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "fd-choice-text", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fd-choice-title", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fd-choice-desc", children: description }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "fd-choice-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-choice-title", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-choice-desc", children: description }) : null
     ] })
   ] });
 }
 
 // src/components/forms/Switch.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Switch({ label, description, className = "", ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: ["fd-switch", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("input", { type: "checkbox", role: "switch", ...rest }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-switch-track", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-switch-thumb" }) }),
-    label ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "fd-choice-text", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-switch-label", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fd-choice-desc", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { className: ["fd-switch", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("input", { type: "checkbox", role: "switch", ...rest }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-switch-track", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-switch-thumb" }) }),
+    label ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "fd-choice-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-switch-label", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-choice-desc", children: description }) : null
     ] }) : null
   ] });
 }
 
 // src/components/forms/Input.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Input({
   label,
   help,
@@ -2481,46 +2496,46 @@ function Input({
     size === "lg" ? "fd-input-lg" : "",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fd-field", style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { className: "fd-field-label", htmlFor: fieldId, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "fd-field", style, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: "fd-field-label", htmlFor: fieldId, children: [
       label,
-      required ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-field-req", "aria-hidden": "true", children: "*" }) : null
+      required ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: box, children: [
-      icon ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-input-icon", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) }) : null,
-      prefix ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-input-affix", children: prefix }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("input", { id: fieldId, disabled, style: inputStyle, "aria-invalid": error ? "true" : void 0, ...rest }),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-spinner", style: { color: "var(--text-muted)" }, "aria-label": "Loading" }) : null,
-      suffix && !loading ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-input-affix", children: suffix }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: box, children: [
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-input-icon", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) }) : null,
+      prefix ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-input-affix", children: prefix }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("input", { id: fieldId, disabled, style: inputStyle, "aria-invalid": error ? "true" : void 0, ...rest }),
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-spinner", style: { color: "var(--text-muted)" }, "aria-label": "Loading" }) : null,
+      suffix && !loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-input-affix", children: suffix }) : null
     ] }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "fd-field-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "fd-field-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
-    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fd-field-help", children: help }) : null
+    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/Textarea.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Textarea({ label, help, error, required = false, rows = 4, disabled = false, id, className = "", style, ...rest }) {
   const fieldId = id || (rest.name ? "fd-" + rest.name : void 0);
   const box = ["fd-input", "fd-input-textarea", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : "", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "fd-field", style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: "fd-field-label", htmlFor: fieldId, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fd-field", style, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { className: "fd-field-label", htmlFor: fieldId, children: [
       label,
-      required ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-field-req", children: "*" }) : null
+      required ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "fd-field-req", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: box, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("textarea", { id: fieldId, rows, disabled, "aria-invalid": error ? "true" : void 0, ...rest }) }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "fd-field-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: box, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("textarea", { id: fieldId, rows, disabled, "aria-invalid": error ? "true" : void 0, ...rest }) }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "fd-field-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
-    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-field-help", children: help }) : null
+    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/NumberInput.tsx
 var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function NumberInput({
   label,
   help,
@@ -2579,14 +2594,14 @@ function NumberInput({
     return n == null ? "" : format ? n.toLocaleString() : String(n);
   })();
   const box = ["fd-input", "fd-input-num", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { className: "fd-field-label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "fd-field-label", children: [
       label,
-      required ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "fd-field-req", children: "*" }) : null
+      required ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-field-req", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: box, style: { gap: 8 }, children: [
-      prefix ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "fd-input-affix", children: prefix }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: box, style: { gap: 8 }, children: [
+      prefix ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-input-affix", children: prefix }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "input",
         {
           inputMode: "numeric",
@@ -2619,9 +2634,9 @@ function NumberInput({
           }
         }
       ),
-      suffix ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "fd-input-affix", children: suffix }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "fd-row", style: { gap: 4, flex: "none" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      suffix ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-input-affix", children: suffix }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "fd-row", style: { gap: 4, flex: "none" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -2631,10 +2646,10 @@ function NumberInput({
             onPointerDown: () => hold(-1),
             onPointerUp: release,
             onPointerLeave: release,
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("i", { className: "ph ph-minus" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-minus" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -2644,22 +2659,22 @@ function NumberInput({
             onPointerDown: () => hold(1),
             onPointerUp: release,
             onPointerLeave: release,
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("i", { className: "ph ph-plus" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-plus" })
           }
         )
       ] })
     ] }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "fd-field-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "fd-field-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
-    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "fd-field-help", children: help }) : null
+    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/Select.tsx
 var React16 = __toESM(require("react"), 1);
 var import_react_dom4 = require("react-dom");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var norm = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function usePopPos(open, ref, estH, estW) {
   const [pos, setPos] = React16.useState(null);
@@ -2824,13 +2839,13 @@ function Select({
   });
   const fieldId = id || (rest.name ? "fd-" + rest.name : void 0);
   const box = ["fd-input", "fd-select", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "fd-field-label", htmlFor: fieldId, onClick: toggle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("label", { className: "fd-field-label", htmlFor: fieldId, onClick: toggle, children: [
       label,
-      required ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-field-req", children: "*" }) : null
+      required ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-field-req", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: box, style: { cursor: disabled ? "not-allowed" : "pointer" }, ref: boxRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: box, style: { cursor: disabled ? "not-allowed" : "pointer" }, ref: boxRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
         "button",
         {
           type: "button",
@@ -2843,13 +2858,13 @@ function Select({
           "aria-haspopup": "listbox",
           style: { all: "unset", flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 8, cursor: "inherit", overflow: "hidden" },
           children: [
-            selected && selected.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-" + selected.icon, style: { flex: "none", color: "var(--text-2)" } }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: (multiple ? chosen.length : selected) ? "var(--text)" : "var(--text-muted)" }, children: boxText }),
-            multiple && chosen.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-mono", style: { flex: "none", fontSize: 11, fontWeight: 700, padding: "1px 6px", borderRadius: 99, background: "var(--brand)", color: "#fff" }, children: chosen.length }) : null
+            selected && selected.icon ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-" + selected.icon, style: { flex: "none", color: "var(--text-2)" } }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: (multiple ? chosen.length : selected) ? "var(--text)" : "var(--text-muted)" }, children: boxText }),
+            multiple && chosen.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-mono", style: { flex: "none", fontSize: 11, fontWeight: 700, padding: "1px 6px", borderRadius: 99, background: "var(--brand)", color: "#fff" }, children: chosen.length }) : null
           ]
         }
       ),
-      clearable && (multiple ? chosen.length > 0 : selected) && !loading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      clearable && (multiple ? chosen.length > 0 : selected) && !loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "button",
         {
           type: "button",
@@ -2859,22 +2874,22 @@ function Select({
             fire(multiple ? [] : "");
           },
           style: { all: "unset", cursor: "pointer", color: "var(--text-muted)", display: "grid", placeItems: "center", padding: 2 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-x-circle", style: { fontSize: 15 } })
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-x-circle", style: { fontSize: 15 } })
         }
       ) : null,
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-spinner", style: { color: "var(--text-muted)" }, "aria-label": "Loading options" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-select-caret", onClick: toggle, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }) })
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-spinner", style: { color: "var(--text-muted)" }, "aria-label": "Loading options" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-select-caret", onClick: toggle, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }) })
     ] }),
     open && pos ? (0, import_react_dom4.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
         "div",
         {
           className: "fd-pop" + (pos.up ? " is-up" : ""),
           ref: popRef,
           style: popStyle(pos, { minWidth: Math.max(pos.width, 260), maxWidth: 380, zIndex: 130, overflowY: "hidden" }),
           children: [
-            hasSearch ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "fd-pop-search", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-magnifying-glass", style: { color: "var(--text-muted)", fontSize: 14 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            hasSearch ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fd-pop-search", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-magnifying-glass", style: { color: "var(--text-muted)", fontSize: 14 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "input",
                 {
                   autoFocus: true,
@@ -2887,15 +2902,15 @@ function Select({
                   }
                 }
               ),
-              q ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-body-sm fd-muted", children: visible.length }) : null
+              q ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-body-sm fd-muted", children: visible.length }) : null
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "fd-pop-list", role: "listbox", "aria-multiselectable": multiple || void 0, ref: listRef, style: { maxHeight: Math.max(120, pos.maxH - (hasSearch ? 64 : 12) - (multiple ? 42 : 0)) }, children: visible.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "fd-pop-empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "fd-pop-list", role: "listbox", "aria-multiselectable": multiple || void 0, ref: listRef, style: { maxHeight: Math.max(120, pos.maxH - (hasSearch ? 64 : 12) - (multiple ? 42 : 0)) }, children: visible.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fd-pop-empty", children: [
               'Nothing matches "',
               q,
               '".'
-            ] }) : groups.map((grp) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(React16.Fragment, { children: [
-              grp.g ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "fd-pop-group", children: grp.g }) : null,
-              grp.items.map(({ o, i }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            ] }) : groups.map((grp) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(React16.Fragment, { children: [
+              grp.g ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "fd-pop-group", children: grp.g }) : null,
+              grp.items.map(({ o, i }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -2907,21 +2922,21 @@ function Select({
                   onMouseEnter: () => setActive(i),
                   onClick: () => pick(o),
                   children: [
-                    multiple ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { "aria-hidden": "true", style: { flex: "none", display: "grid", placeItems: "center", width: 16, height: 16, borderRadius: 4, border: "1.5px solid " + (isOn(o.value) ? "var(--brand)" : "var(--border-strong, var(--border))"), background: isOn(o.value) ? "var(--brand)" : "var(--surface)", color: "#fff" }, children: isOn(o.value) ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-check", style: { fontSize: 11 } }) : null }) : null,
-                    o.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-opt-icon", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-" + o.icon }) }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { style: { flex: 1, minWidth: 0 }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-opt-label", children: o.label }),
-                      o.description ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-opt-desc", children: o.description }) : null
+                    multiple ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", style: { flex: "none", display: "grid", placeItems: "center", width: 16, height: 16, borderRadius: 4, border: "1.5px solid " + (isOn(o.value) ? "var(--brand)" : "var(--border-strong, var(--border))"), background: isOn(o.value) ? "var(--brand)" : "var(--surface)", color: "#fff" }, children: isOn(o.value) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-check", style: { fontSize: 11 } }) : null }) : null,
+                    o.icon ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-opt-icon", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-" + o.icon }) }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { style: { flex: 1, minWidth: 0 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-opt-label", children: o.label }),
+                      o.description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-opt-desc", children: o.description }) : null
                     ] }),
-                    o.meta ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-opt-meta", children: o.meta }) : null,
-                    multiple ? null : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-opt-check", children: o.value === value ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-check" }) : null })
+                    o.meta ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-opt-meta", children: o.meta }) : null,
+                    multiple ? null : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-opt-check", children: o.value === value ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-check" }) : null })
                   ]
                 },
                 String(o.value)
               ))
             ] }, grp.g || "_")) }),
-            multiple ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "8px 12px", borderTop: "1px solid var(--border)" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            multiple ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "8px 12px", borderTop: "1px solid var(--border)" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "button",
                 {
                   type: "button",
@@ -2930,13 +2945,13 @@ function Select({
                   children: "Select all"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { style: { flex: 1 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { style: { flex: 1 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
                 vals.length,
                 " of ",
                 opts.length
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "button",
                 {
                   type: "button",
@@ -2952,17 +2967,17 @@ function Select({
       ),
       document.body
     ) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "fd-field-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "fd-field-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
-    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-field-help", children: help }) : null
+    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/DatePicker.tsx
 var React17 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 var DOW = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var iso = (d) => d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0");
@@ -3061,9 +3076,9 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
     const startPad = new Date(y, m, 1).getDay();
     const cells = [];
     for (let i = 0; i < 42; i++) cells.push(new Date(y, m, i - startPad + 1));
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fd-cal-grid", style: { width: months > 1 ? 252 : "auto", flex: "none" }, onMouseLeave: () => setHover(null), children: [
-      DOW.map((d) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-cal-dow", children: d }, d)),
-      cells.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-cal-grid", style: { width: months > 1 ? 252 : "auto", flex: "none" }, onMouseLeave: () => setHover(null), children: [
+      DOW.map((d) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-cal-dow", children: d }, d)),
+      cells.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "button",
         {
           type: "button",
@@ -3077,20 +3092,20 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
     ] });
   };
   const nextY = vm === 11 ? vy + 1 : vy, nextM = (vm + 1) % 12;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fd-cal", style: { width: months > 1 && mode2 === "days" ? "auto" : void 0 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fd-cal-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Previous", onClick: () => mode2 === "years" ? setVy(vy - 12) : mode2 === "months" ? setVy(vy - 1) : nav(-1), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-caret-left" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("button", { type: "button", className: "fd-cal-title", onClick: () => setMode(mode2 === "days" ? "months" : mode2 === "months" ? "years" : "days"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-cal", style: { width: months > 1 && mode2 === "days" ? "auto" : void 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-cal-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Previous", onClick: () => mode2 === "years" ? setVy(vy - 12) : mode2 === "months" ? setVy(vy - 1) : nav(-1), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-caret-left" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("button", { type: "button", className: "fd-cal-title", onClick: () => setMode(mode2 === "days" ? "months" : mode2 === "months" ? "years" : "days"), children: [
         mode2 === "days" ? MONTHS[vm] + " " + vy : mode2 === "months" ? vy : vy - 5 + " \u2013 " + (vy + 6),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-caret-down", style: { fontSize: 10, marginLeft: 6, color: "var(--text-muted)" } })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-caret-down", style: { fontSize: 10, marginLeft: 6, color: "var(--text-muted)" } })
       ] }),
-      months > 1 && mode2 === "days" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-cal-title", style: { cursor: "default", background: "none" }, children: MONTHS[nextM] + " " + nextY }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Next", onClick: () => mode2 === "years" ? setVy(vy + 12) : mode2 === "months" ? setVy(vy + 1) : nav(1), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-caret-right" }) })
+      months > 1 && mode2 === "days" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-cal-title", style: { cursor: "default", background: "none" }, children: MONTHS[nextM] + " " + nextY }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Next", onClick: () => mode2 === "years" ? setVy(vy + 12) : mode2 === "months" ? setVy(vy + 1) : nav(1), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-caret-right" }) })
     ] }),
-    mode2 === "days" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { style: { display: "flex", gap: 18 }, children: [
+    mode2 === "days" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { display: "flex", gap: 18 }, children: [
       monthGrid(vy, vm),
       months > 1 ? monthGrid(nextY, nextM) : null
-    ] }) : mode2 === "months" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "fd-cal-grid-months", children: MONTHS.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    ] }) : mode2 === "months" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fd-cal-grid-months", children: MONTHS.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "button",
       {
         type: "button",
@@ -3102,7 +3117,7 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
         children: m.slice(0, 3)
       },
       m
-    )) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "fd-cal-grid-months", children: Array.from({ length: 12 }, (_, i) => vy - 5 + i).map((y) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    )) }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fd-cal-grid-months", children: Array.from({ length: 12 }, (_, i) => vy - 5 + i).map((y) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "button",
       {
         type: "button",
@@ -3115,8 +3130,8 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
       },
       y
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fd-cal-foot", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-cal-foot", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "button",
         {
           type: "button",
@@ -3130,8 +3145,8 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
           children: "Today"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { style: { flex: 1 } }),
-      range && sel.start ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { style: { flex: 1 } }),
+      range && sel.start ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
         fmt(sel.start),
         sel.end ? " \u2192 " + fmt(sel.end) : " \u2192 pick an end"
       ] }) : null
@@ -3165,14 +3180,14 @@ function DatePicker({ label, help, error, required = false, disabled = false, ra
   const toggle = () => {
     if (!disabled) setOpen(!open);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("label", { className: "fd-field-label", onClick: toggle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { className: "fd-field-label", onClick: toggle, children: [
       label,
-      required ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-field-req", children: "*" }) : null
+      required ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-field-req", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: ["fd-input", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" "), style: { cursor: disabled ? "not-allowed" : "pointer" }, onClick: toggle, ref: boxRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-input-icon", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: ["fd-input", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" "), style: { cursor: disabled ? "not-allowed" : "pointer" }, onClick: toggle, ref: boxRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-input-icon", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "button",
         {
           type: "button",
@@ -3188,10 +3203,10 @@ function DatePicker({ label, help, error, required = false, disabled = false, ra
           children: display || placeholder || (range ? "Pick a date range" : "Pick a date")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-select-caret", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-select-caret", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }) })
     ] }),
     open && pos ? (0, import_react_dom5.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "fd-pop" + (pos.up ? " is-up" : ""), ref: popRef, style: popStyle2(pos, { width: "max-content", minWidth: 0, zIndex: 130 }), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fd-pop" + (pos.up ? " is-up" : ""), ref: popRef, style: popStyle2(pos, { width: "max-content", minWidth: 0, zIndex: 130 }), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         Calendar,
         {
           range,
@@ -3205,17 +3220,17 @@ function DatePicker({ label, help, error, required = false, disabled = false, ra
       ) }),
       document.body
     ) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "fd-field-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "fd-field-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
-    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-field-help", children: help }) : null
+    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/TimePicker.tsx
 var React18 = __toESM(require("react"), 1);
 var import_react_dom6 = require("react-dom");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var pad = (n) => String(n).padStart(2, "0");
 function usePopPos3(open, ref, estH, estW) {
   const [pos, setPos] = React18.useState(null);
@@ -3302,12 +3317,12 @@ function ClockFace({ value = "09:00", onChange }) {
   };
   const handAngle = mode2 === "h" ? h12 % 12 * 30 : m * 6;
   const minuteOff = mode2 === "m" && m % 5 !== 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { padding: "4px 14px 14px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-clock-digits", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", className: "fd-clock-digit" + (mode2 === "h" ? " is-active" : ""), onClick: () => setMode("h"), children: pad(h12) }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { style: { fontSize: 24, fontWeight: 700, color: "var(--text-muted)" }, children: ":" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", className: "fd-clock-digit" + (mode2 === "m" ? " is-active" : ""), onClick: () => setMode("m"), children: pad(m) }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-stack", style: { gap: 3, marginLeft: 8 }, children: ["AM", "PM"].map((ap) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { padding: "4px 14px 14px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fd-clock-digits", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", className: "fd-clock-digit" + (mode2 === "h" ? " is-active" : ""), onClick: () => setMode("h"), children: pad(h12) }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { style: { fontSize: 24, fontWeight: 700, color: "var(--text-muted)" }, children: ":" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", className: "fd-clock-digit" + (mode2 === "m" ? " is-active" : ""), onClick: () => setMode("m"), children: pad(m) }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-stack", style: { gap: 3, marginLeft: 8 }, children: ["AM", "PM"].map((ap) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "button",
         {
           type: "button",
@@ -3318,13 +3333,13 @@ function ClockFace({ value = "09:00", onChange }) {
         ap
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-clock", ref: faceRef, onPointerDown: down, onPointerMove: move, onPointerUp: upH, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-clock-hand", style: { height: NR - (minuteOff ? 14 : 16), transform: "translateX(-50%) rotate(" + handAngle + "deg)", bottom: "50%" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-clock-pivot" }),
-      minuteOff ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { style: { position: "absolute", left: "50%", top: "50%", width: 10, height: 10, margin: -5, borderRadius: "50%", border: "2px solid var(--brand)", background: "var(--surface)", transform: "rotate(" + handAngle + "deg) translateY(-" + (NR - 6) + "px)", transformOrigin: "center", pointerEvents: "none" } }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fd-clock", ref: faceRef, onPointerDown: down, onPointerMove: move, onPointerUp: upH, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-clock-hand", style: { height: NR - (minuteOff ? 14 : 16), transform: "translateX(-50%) rotate(" + handAngle + "deg)", bottom: "50%" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-clock-pivot" }),
+      minuteOff ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { style: { position: "absolute", left: "50%", top: "50%", width: 10, height: 10, margin: -5, borderRadius: "50%", border: "2px solid var(--brand)", background: "var(--surface)", transform: "rotate(" + handAngle + "deg) translateY(-" + (NR - 6) + "px)", transformOrigin: "center", pointerEvents: "none" } }) : null,
       nums.map((n) => {
         const a = angleOf(n) * Math.PI / 180;
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "span",
           {
             className: "fd-clock-num" + (n === selNum || mode2 === "m" && n === Math.round(m / 5) * 5 % 60 && m % 5 === 0 ? " is-sel" : ""),
@@ -3335,7 +3350,7 @@ function ClockFace({ value = "09:00", onChange }) {
         );
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fd-row", style: { justifyContent: "center", gap: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-body-sm fd-muted", children: mode2 === "h" ? "Pick the hour \u2014 drag or tap" : "Now the minutes" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "fd-row", style: { justifyContent: "center", gap: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-body-sm fd-muted", children: mode2 === "h" ? "Pick the hour \u2014 drag or tap" : "Now the minutes" }) })
   ] });
 }
 function TimePicker({ label, help, error, required = false, disabled = false, value = "", onChange, placeholder = "Pick a time", className = "", style }) {
@@ -3369,14 +3384,14 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
   const toggle = () => {
     if (!disabled) setOpen(!open);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { className: "fd-field-label", onClick: toggle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("label", { className: "fd-field-label", onClick: toggle, children: [
       label,
-      required ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-field-req", children: "*" }) : null
+      required ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-field-req", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: ["fd-input", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" "), style: { cursor: disabled ? "not-allowed" : "pointer" }, onClick: toggle, ref: boxRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-input-icon", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-clock", "aria-hidden": "true" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ["fd-input", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" "), style: { cursor: disabled ? "not-allowed" : "pointer" }, onClick: toggle, ref: boxRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-input-icon", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("i", { className: "ph ph-clock", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "button",
         {
           type: "button",
@@ -3391,13 +3406,13 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
           children: disp() || placeholder
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-select-caret", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-select-caret", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }) })
     ] }),
     open && pos ? (0, import_react_dom6.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-pop" + (pos.up ? " is-up" : ""), ref: popRef, style: popStyle3(pos, { width: 262, minWidth: 0, zIndex: 130 }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ClockFace, { value: value || "09:00", onChange: (v) => onChange && onChange({ target: { value: v } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-cal-foot", style: { margin: "0 14px 12px", paddingTop: 10 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fd-pop" + (pos.up ? " is-up" : ""), ref: popRef, style: popStyle3(pos, { width: 262, minWidth: 0, zIndex: 130 }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ClockFace, { value: value || "09:00", onChange: (v) => onChange && onChange({ target: { value: v } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fd-cal-foot", style: { margin: "0 14px 12px", paddingTop: 10 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "button",
             {
               type: "button",
@@ -3410,22 +3425,22 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
               children: "Now"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { style: { flex: 1 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", onClick: () => setOpen(false), children: "Done" })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { style: { flex: 1 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", onClick: () => setOpen(false), children: "Done" })
         ] })
       ] }),
       document.body
     ) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "fd-field-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "fd-field-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
-    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fd-field-help", children: help }) : null
+    ] }) : help ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/Slider.tsx
 var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Slider({
   label,
   min = 0,
@@ -3442,15 +3457,15 @@ function Slider({
   const [dragging, setDragging] = React19.useState(false);
   const v = value === void 0 ? min : Number(value);
   const pct = max === min ? 0 : (v - min) / (max - min) * 100;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-field-label", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-num", style: { color: "var(--text-2)" }, children: format(v) })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-field-label", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-num", style: { color: "var(--text-2)" }, children: format(v) })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fd-slider", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
-      showChip && dragging ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-slider-chip", style: { left: pct + "%" }, children: format(v) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fd-slider", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
+      showChip && dragging ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-slider-chip", style: { left: pct + "%" }, children: format(v) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "input",
         {
           type: "range",
@@ -3467,13 +3482,13 @@ function Slider({
         }
       )
     ] }),
-    help ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "fd-field-help", children: help }) : null
+    help ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/RangeSlider.tsx
 var React20 = __toESM(require("react"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function RangeSlider({
   label,
   min = 0,
@@ -3530,7 +3545,7 @@ function RangeSlider({
     };
     const thin = S.length > 7 ? Math.ceil(S.length / 5) : 1;
     const pair = value || [S[0].value, S[S.length - 1].value];
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       RangeSlider,
       {
         ...rest,
@@ -3578,23 +3593,23 @@ function RangeSlider({
   };
   const showChip = (i) => drag === i || focus === i;
   const hasLabels = marks.some((m) => m.label);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), ...rest, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-field-label", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "fd-num", style: { color: "var(--text-2)" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), ...rest, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-field-label", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "fd-num", style: { color: "var(--text-2)" }, children: [
         fmt2(a),
         " \u2013 ",
         fmt2(b)
       ] })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fd-range" + (hasLabels ? " has-labels" : ""), onPointerDown: onRailDown, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-range-rail", ref: railRef }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-range-fill", style: { left: pct(a) + "%", width: pct(b) - pct(a) + "%" } }),
-      marks.map((m) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(React20.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-range-mark" + (m.value >= a && m.value <= b ? " is-in" : ""), style: { left: pct(m.value) + "%" } }),
-        m.label ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-range-mark-label", style: { left: pct(m.value) + "%" }, children: m.label }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fd-range" + (hasLabels ? " has-labels" : ""), onPointerDown: onRailDown, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-range-rail", ref: railRef }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-range-fill", style: { left: pct(a) + "%", width: pct(b) - pct(a) + "%" } }),
+      marks.map((m) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(React20.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-range-mark" + (m.value >= a && m.value <= b ? " is-in" : ""), style: { left: pct(m.value) + "%" } }),
+        m.label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-range-mark-label", style: { left: pct(m.value) + "%" }, children: m.label }) : null
       ] }, m.value)),
-      [a, b].map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      [a, b].map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         "span",
         {
           className: "fd-range-thumb" + (drag === i ? " is-drag" : ""),
@@ -3609,18 +3624,18 @@ function RangeSlider({
           onKeyDown: key(i),
           onFocus: () => setFocus(i),
           onBlur: () => setFocus(null),
-          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-range-chip", style: { opacity: showChip(i) ? 1 : void 0 }, children: fmt2(v) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-range-chip", style: { opacity: showChip(i) ? 1 : void 0 }, children: fmt2(v) })
         },
         i
       ))
     ] }),
-    help ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-field-help", children: help }) : null
+    help ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-field-help", children: help }) : null
   ] });
 }
 
 // src/components/forms/Dropzone.tsx
 var React21 = __toESM(require("react"), 1);
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Dropzone({
   onFiles,
   onReject,
@@ -3665,7 +3680,7 @@ function Dropzone({
     if (rejected.length && onReject) onReject(rejected);
     if (accepted.length && onFiles) onFiles(accepted);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "div",
     {
       className: ["fd-dropzone", over ? "is-over" : "", className].filter(Boolean).join(" "),
@@ -3676,10 +3691,10 @@ function Dropzone({
       onDrop: drop,
       children: [
         children,
-        over ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "fd-dropzone-veil", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "fd-dropzone-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", { className: "ph ph-tray-arrow-down" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-dropzone-label", children: label }),
-          hint ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "fd-dropzone-hint", children: hint }) : null
+        over ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "fd-dropzone-veil", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "fd-dropzone-card", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-tray-arrow-down" }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-dropzone-label", children: label }),
+          hint ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-dropzone-hint", children: hint }) : null
         ] }) }) : null
       ]
     }
@@ -3698,8 +3713,8 @@ function FilePickButton({
   children
 }) {
   const ref = React21.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(React21.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(React21.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "button",
       {
         type: "button",
@@ -3708,10 +3723,10 @@ function FilePickButton({
         "aria-label": label,
         title: label,
         onClick: () => ref.current && ref.current.click(),
-        children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" })
+        children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "input",
       {
         ref,
@@ -3788,7 +3803,7 @@ function useStagedFiles(upload, opts) {
 var DropzoneKit = { useStagedFiles };
 
 // src/components/forms/FileGrid.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var truncateMiddle = (name, max = 34) => {
   if (!name || name.length <= max) return name;
   const ext = /\.[A-Za-z0-9]+$/.exec(name);
@@ -3797,7 +3812,7 @@ var truncateMiddle = (name, max = 34) => {
   return head + "\u2026" + tail;
 };
 function Progress({ value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-file-prog", role: "progressbar", "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-file-prog-fill", style: { width: Math.max(4, Math.min(100, value)) + "%" } }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-file-prog", role: "progressbar", "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-file-prog-fill", style: { width: Math.max(4, Math.min(100, value)) + "%" } }) });
 }
 function FileChip({ file, onOpen, onRemove, onRetry, compact: compact3 = false, className = "" }) {
   if (!file) return null;
@@ -3806,8 +3821,8 @@ function FileChip({ file, onOpen, onRemove, onRetry, compact: compact3 = false,
   const thumb = file.thumb && file.thumb.url || (image ? file.blobUrl || file.url : null);
   const meta = file.meta || (file.size ? formatBytes(file.size) : "");
   const clickable = !!onOpen && !uploading;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: ["fd-file", compact3 ? "is-compact" : "", file.error ? "is-error" : "", uploading ? "is-uploading" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ["fd-file", compact3 ? "is-compact" : "", file.error ? "is-error" : "", uploading ? "is-uploading" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "button",
       {
         type: "button",
@@ -3816,16 +3831,16 @@ function FileChip({ file, onOpen, onRemove, onRetry, compact: compact3 = false,
         onClick: clickable ? () => onOpen(file) : void 0,
         title: file.name + (meta ? " \xB7 " + meta : ""),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "fd-file-icon", children: [
-            thumb ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("img", { src: thumb, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }),
-            (file.mime || "").startsWith("video/") ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-play fd-file-play", "aria-hidden": "true" }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "fd-file-icon", children: [
+            thumb ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { src: thumb, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }),
+            (file.mime || "").startsWith("video/") ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-play fd-file-play", "aria-hidden": "true" }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "fd-file-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-file-name", children: truncateMiddle(file.name, compact3 ? 26 : 40) }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-file-meta", children: file.error ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "fd-file-err", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "fd-file-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-file-name", children: truncateMiddle(file.name, compact3 ? 26 : 40) }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-file-meta", children: file.error ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "fd-file-err", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
               file.error
-            ] }) : uploading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "fd-tabular", children: [
+            ] }) : uploading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "fd-tabular", children: [
               Math.round(file.progress),
               "% uploaded"
             ] }) : meta })
@@ -3833,29 +3848,29 @@ function FileChip({ file, onOpen, onRemove, onRetry, compact: compact3 = false,
         ]
       }
     ),
-    uploading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Progress, { value: file.progress }) : null,
-    file.error && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "fd-file-act", onClick: () => onRetry(file), "aria-label": "Retry upload of " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "fd-file-act", onClick: () => onRemove(file), "aria-label": "Remove " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
+    uploading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Progress, { value: file.progress }) : null,
+    file.error && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "fd-file-act", onClick: () => onRetry(file), "aria-label": "Retry upload of " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
+    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "fd-file-act", onClick: () => onRemove(file), "aria-label": "Remove " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
   ] });
 }
 function FileTile({ file, onOpen, onRemove, maxHeight = 200, className = "" }) {
   if (!file) return null;
   const src = file.thumb && file.thumb.url || file.blobUrl || file.url;
   const uploading = file.progress != null && file.progress < 100 && !file.error;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("figure", { className: ["fd-tile", uploading ? "is-uploading" : "", file.error ? "is-error" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "fd-tile-btn", onClick: onOpen ? () => onOpen(file) : void 0, disabled: !onOpen, children: src ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("img", { src, alt: file.name || "", style: { maxHeight }, loading: "lazy" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-tile-fallback", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }) }) }),
-    uploading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Progress, { value: file.progress }) : null,
-    file.error ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("figcaption", { className: "fd-tile-err", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("figure", { className: ["fd-tile", uploading ? "is-uploading" : "", file.error ? "is-error" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "fd-tile-btn", onClick: onOpen ? () => onOpen(file) : void 0, disabled: !onOpen, children: src ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { src, alt: file.name || "", style: { maxHeight }, loading: "lazy" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-tile-fallback", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }) }) }),
+    uploading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Progress, { value: file.progress }) : null,
+    file.error ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("figcaption", { className: "fd-tile-err", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       file.error
     ] }) : null,
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "fd-tile-x", onClick: () => onRemove(file), "aria-label": "Remove " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
+    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "fd-tile-x", onClick: () => onRemove(file), "aria-label": "Remove " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
   ] });
 }
 function FileStrip({ files = [], size = 68, onOpen, onRemove, onRetry, className = "" }) {
   const list = files.filter(Boolean);
   if (!list.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: ["fd-filestrip", className].filter(Boolean).join(" "), style: { "--fd-cell": size + "px" }, children: list.map((f) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FileCell, { file: f, onOpen, onRemove, onRetry }, f.id || f.name)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ["fd-filestrip", className].filter(Boolean).join(" "), style: { "--fd-cell": size + "px" }, children: list.map((f) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(FileCell, { file: f, onOpen, onRemove, onRetry }, f.id || f.name)) });
 }
 var shortName = (name, keep = 5) => {
   const s = String(name || "file");
@@ -3869,19 +3884,19 @@ function FileCell({ file, onOpen, onRemove, onRetry }) {
   const image = isImage(file.mime, file.name);
   const thumb = file.thumb && file.thumb.url || (image ? file.blobUrl || file.url : null);
   const label = file.name + (file.size ? " \xB7 " + formatBytes(file.size) : "");
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: ["fd-cell", file.error ? "is-error" : "", uploading ? "is-uploading" : ""].filter(Boolean).join(" "), title: file.error ? file.name + " \u2014 " + file.error : label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", className: "fd-cell-main", onClick: onOpen ? () => onOpen(file) : void 0, disabled: !onOpen || uploading, "aria-label": "Open " + file.name, children: [
-      thumb ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("img", { src: thumb, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "fd-cell-doc", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-cell-name", children: shortName(file.name) }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-cell-size", children: file.meta || formatBytes(file.size) })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ["fd-cell", file.error ? "is-error" : "", uploading ? "is-uploading" : ""].filter(Boolean).join(" "), title: file.error ? file.name + " \u2014 " + file.error : label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("button", { type: "button", className: "fd-cell-main", onClick: onOpen ? () => onOpen(file) : void 0, disabled: !onOpen || uploading, "aria-label": "Open " + file.name, children: [
+      thumb ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { src: thumb, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "fd-cell-doc", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-cell-name", children: shortName(file.name) }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-cell-size", children: file.meta || formatBytes(file.size) })
       ] }),
-      (file.mime || "").startsWith("video/") ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-play fd-cell-play", "aria-hidden": "true" }) : null
+      (file.mime || "").startsWith("video/") ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-play fd-cell-play", "aria-hidden": "true" }) : null
     ] }),
-    uploading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Progress, { value: file.progress }) : null,
-    file.error ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "fd-cell-err", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-warning-circle" }) }) : null,
-    file.error && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "fd-cell-x is-retry", onClick: () => onRetry(file), "aria-label": "Retry upload of " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "fd-cell-x", onClick: () => onRemove(file), "aria-label": "Remove " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
+    uploading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Progress, { value: file.progress }) : null,
+    file.error ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-cell-err", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-warning-circle" }) }) : null,
+    file.error && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "fd-cell-x is-retry", onClick: () => onRetry(file), "aria-label": "Retry upload of " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
+    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "fd-cell-x", onClick: () => onRemove(file), "aria-label": "Remove " + file.name, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
   ] });
 }
 function FileGrid({ files = [], onOpen, onRemove, onRetry, tiles = true, maxHeight = 200, compact: compact3 = false, className = "" }) {
@@ -3889,15 +3904,15 @@ function FileGrid({ files = [], onOpen, onRemove, onRetry, tiles = true, maxHeig
   if (!list.length) return null;
   const pics = tiles ? list.filter((f) => isImage(f.mime, f.name)) : [];
   const rest = list.filter((f) => pics.indexOf(f) === -1);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: ["fd-filegrid", className].filter(Boolean).join(" "), children: [
-    pics.length ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "fd-filegrid-tiles", children: pics.map((f) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FileTile, { file: f, onOpen, onRemove, maxHeight }, f.id || f.name)) }) : null,
-    rest.length ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "fd-filegrid-chips", children: rest.map((f) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FileChip, { file: f, onOpen, onRemove, onRetry, compact: compact3 }, f.id || f.name)) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ["fd-filegrid", className].filter(Boolean).join(" "), children: [
+    pics.length ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "fd-filegrid-tiles", children: pics.map((f) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(FileTile, { file: f, onOpen, onRemove, maxHeight }, f.id || f.name)) }) : null,
+    rest.length ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "fd-filegrid-chips", children: rest.map((f) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(FileChip, { file: f, onOpen, onRemove, onRetry, compact: compact3 }, f.id || f.name)) }) : null
   ] });
 }
 
 // src/components/forms/MarkdownEditor.tsx
 var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent || "");
 var INLINE_RE = /(\*\*\*[^*\n]+\*\*\*|\*\*[^*\n]+\*\*|__[^_\n]+__|~~[^~\n]+~~|`[^`\n]+`|\*[^*\s][^*\n]*\*|(?<![A-Za-z0-9_])_[^_\s][^_\n]*_|\[[^\]\n]*\]\([^)\s\n]*\)|https?:\/\/\S+)/g;
 function inlineParts(text) {
@@ -4321,8 +4336,8 @@ var MarkdownEditor = React22.forwardRef(function MarkdownEditor2({
     api.replaceRange(s.start, s.end, text.replace(/\r\n?/g, "\n"));
   };
   const lh = 1.55;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ["fd-rme-wrap", disabled ? "is-disabled" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ["fd-rme-wrap", disabled ? "is-disabled" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "div",
       {
         ref: boxRef,
@@ -4355,7 +4370,7 @@ var MarkdownEditor = React22.forwardRef(function MarkdownEditor2({
         }
       }
     ),
-    !value ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "fd-rme-ph", "aria-hidden": "true", children: placeholder }) : null
+    !value ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-rme-ph", "aria-hidden": "true", children: placeholder }) : null
   ] });
 });
 
@@ -5964,7 +5979,7 @@ var SessionKit = {
 };
 
 // src/components/platform/AccountMenu.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var DEFAULT_LINKS = [
   { id: "profile", label: "Your profile", icon: "user-circle", href: "../admin/index.html#profile" },
   { id: "preferences", label: "Preferences", icon: "sliders-horizontal", href: "../admin/index.html#preferences" }
@@ -5975,7 +5990,7 @@ var DEFAULT_ADMIN_LINKS = [
   { id: "flags", label: "Feature flags", icon: "toggle-right", href: "../admin/index.html#flags", perm: "flags.manage" }
 ];
 function Item({ item, onPick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "button",
     {
       type: "button",
@@ -5983,9 +5998,9 @@ function Item({ item, onPick }) {
       className: "fd-acct-item",
       onClick: () => onPick(item),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-" + item.icon, "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { style: { flex: 1 }, children: item.label }),
-        item.badge ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge, { tone: "neutral", children: item.badge }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("i", { className: "ph ph-" + item.icon, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { style: { flex: 1 }, children: item.label }),
+        item.badge ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { tone: "neutral", children: item.badge }) : null
       ]
     }
   );
@@ -6017,8 +6032,8 @@ function AccountMenu({
     if (onSignOut) return onSignOut();
     window.alert("Signed out. (Simulated \u2014 no auth provider is wired up.)");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "button",
       {
         type: "button",
@@ -6030,32 +6045,32 @@ function AccountMenu({
         onClick: () => setOpen((o) => !o),
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Avatar, { name: user.name, size: "sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true", style: { fontSize: 11, color: "var(--text-muted)" } })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Avatar, { name: user.name, size: "sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true", style: { fontSize: 11, color: "var(--text-muted)" } })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Popover, { open, anchorRef: ref, onClose: () => setOpen(false), placement: "bottom-end", width: 272, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { role: "menu", className: "fd-stack", style: { gap: 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Avatar, { name: user.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "fd-stack", style: { gap: 1, minWidth: 0, flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: user.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-body-sm fd-muted fd-table-trunc", children: user.email })
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Popover, { open, anchorRef: ref, onClose: () => setOpen(false), placement: "bottom-end", width: 272, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { role: "menu", className: "fd-stack", style: { gap: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Avatar, { name: user.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "fd-stack", style: { gap: 1, minWidth: 0, flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: user.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-body-sm fd-muted fd-table-trunc", children: user.email })
         ] })
       ] }),
-      showRoles && session.roles.length ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "fd-row", style: { gap: 6, padding: "10px 14px", flexWrap: "wrap", borderBottom: "1px solid var(--border)" }, children: session.roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "fd-acct-group", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Item, { item: l, onPick: pick }, l.id)) }),
-      visibleAdmin.length ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-overline fd-muted", style: { padding: "8px 14px 4px", display: "block" }, children: "Administration" }),
-        visibleAdmin.map((l) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Item, { item: l, onPick: pick }, l.id))
+      showRoles && session.roles.length ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fd-row", style: { gap: 6, padding: "10px 14px", flexWrap: "wrap", borderBottom: "1px solid var(--border)" }, children: session.roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fd-acct-group", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Item, { item: l, onPick: pick }, l.id)) }),
+      visibleAdmin.length ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", style: { padding: "8px 14px 4px", display: "block" }, children: "Administration" }),
+        visibleAdmin.map((l) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Item, { item: l, onPick: pick }, l.id))
       ] }) : null,
-      allowUserSwitch ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("button", { type: "button", role: "menuitem", className: "fd-acct-item", onClick: () => setSwitching((s) => !s), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-user-switch", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { style: { flex: 1 }, children: "View as another member" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-caret-" + (switching ? "up" : "down"), "aria-hidden": "true", style: { fontSize: 11 } })
+      allowUserSwitch ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("button", { type: "button", role: "menuitem", className: "fd-acct-item", onClick: () => setSwitching((s) => !s), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("i", { className: "ph ph-user-switch", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { style: { flex: 1 }, children: "View as another member" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("i", { className: "ph ph-caret-" + (switching ? "up" : "down"), "aria-hidden": "true", style: { fontSize: 11 } })
         ] }),
-        switching ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "fd-stack", style: { gap: 0, maxHeight: 208, overflowY: "auto" }, children: session.allUsers.filter((u) => u.status === "active").map((u) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+        switching ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fd-stack", style: { gap: 0, maxHeight: 208, overflowY: "auto" }, children: session.allUsers.filter((u) => u.status === "active").map((u) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
           "button",
           {
             type: "button",
@@ -6067,20 +6082,20 @@ function AccountMenu({
               setSwitching(false);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Avatar, { name: u.name, size: "sm" }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "fd-stack", style: { gap: 0, flex: 1, minWidth: 0, alignItems: "flex-start" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { style: { fontWeight: u.id === user.id ? 700 : 500 }, children: u.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-muted", style: { fontSize: 11.5 }, children: u.roles.join(", ") })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Avatar, { name: u.name, size: "sm" }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "fd-stack", style: { gap: 0, flex: 1, minWidth: 0, alignItems: "flex-start" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { style: { fontWeight: u.id === user.id ? 700 : 500 }, children: u.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-muted", style: { fontSize: 11.5 }, children: u.roles.join(", ") })
               ] }),
-              u.id === user.id ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-check", "aria-hidden": "true", style: { color: "var(--ok-text)" } }) : null
+              u.id === user.id ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("i", { className: "ph ph-check", "aria-hidden": "true", style: { color: "var(--ok-text)" } }) : null
             ]
           },
           u.id
         )) }) : null
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("button", { type: "button", role: "menuitem", className: "fd-acct-item", "data-danger": "true", onClick: signOut, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-sign-out", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { style: { flex: 1 }, children: "Sign out" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("button", { type: "button", role: "menuitem", className: "fd-acct-item", "data-danger": "true", onClick: signOut, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("i", { className: "ph ph-sign-out", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { style: { flex: 1 }, children: "Sign out" })
       ] }) })
     ] }) })
   ] });
@@ -6088,10 +6103,10 @@ function AccountMenu({
 
 // src/components/platform/ApiSpecBrowser.tsx
 var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var METHOD_TONE = { GET: "success", POST: "info", PATCH: "warning", PUT: "warning", DELETE: "danger" };
 function Json({ obj }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("pre", { className: "fd-json", children: JSON.stringify(obj, null, 2) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("pre", { className: "fd-json", children: JSON.stringify(obj, null, 2) });
 }
 function Endpoint({ s, onRequest }) {
   const [tried, setTried] = React25.useState(null);
@@ -6105,50 +6120,50 @@ function Endpoint({ s, onRequest }) {
       setTried({ ms: Math.round((window.performance || Date).now() - t0), error: String(e && e.message || e) });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Card, { elevation: "flat", padded: false, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "14px 18px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { tone: METHOD_TONE[s.method] || "neutral", children: s.method }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { className: "fd-mono", style: { fontSize: 12.5, fontWeight: 600, color: "var(--text)", wordBreak: "break-all" }, children: s.path }),
-      s.isList ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { tone: "neutral", icon: "rows", children: "Paged list" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Card, { elevation: "flat", padded: false, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "14px 18px", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge, { tone: METHOD_TONE[s.method] || "neutral", children: s.method }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("code", { className: "fd-mono", style: { fontSize: 12.5, fontWeight: 600, color: "var(--text)", wordBreak: "break-all" }, children: s.path }),
+      s.isList ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge, { tone: "neutral", icon: "rows", children: "Paged list" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
         s.latency[0],
         "\u2013",
         s.latency[1],
         "ms"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { size: "sm", variant: "secondary", icon: "play", loading: tried === "busy", onClick: run, children: "Try it" })
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { size: "sm", variant: "secondary", icon: "play", loading: tried === "busy", onClick: run, children: "Try it" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 14, padding: "0 18px 16px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: s.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: s.purpose }),
-        s.usedBy && s.usedBy.length ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: s.usedBy.map((u) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Tag, { children: u }, u)) }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 14, padding: "0 18px 16px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: s.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: s.purpose }),
+        s.usedBy && s.usedBy.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: s.usedBy.map((u) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Tag, { children: u }, u)) }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(280px,1fr))", gap: 12, alignItems: "start" }, children: [
-        s.request ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", children: "Request body" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Json, { obj: s.request })
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(280px,1fr))", gap: 12, alignItems: "start" }, children: [
+        s.request ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", children: "Request body" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Json, { obj: s.request })
         ] }) : null,
-        s.query ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", children: "Query" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Json, { obj: s.query })
+        s.query ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", children: "Query" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Json, { obj: s.query })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", children: "Response 200" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Json, { obj: s.response })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", children: "Response 200" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Json, { obj: s.response })
         ] })
       ] }),
-      s.notes ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Flag, { tone: "info", statement: "Implementation note", cost: s.notes, actions: null }) : null,
-      tried && tried !== "busy" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", children: "Simulated response" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Badge, { tone: tried.error ? "danger" : "success", icon: "timer", children: [
+      s.notes ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Flag, { tone: "info", statement: "Implementation note", cost: s.notes, actions: null }) : null,
+      tried && tried !== "busy" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", children: "Simulated response" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Badge, { tone: tried.error ? "danger" : "success", icon: "timer", children: [
             tried.ms,
             "ms"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Json, { obj: tried.error ? { error: tried.error } : tried.data })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Json, { obj: tried.error ? { error: tried.error } : tried.data })
       ] }) : null
     ] })
   ] }) });
@@ -6176,49 +6191,49 @@ function ApiSpecBrowser({
   const effGroups = groups && groups.length ? groups : [["All endpoints", spec.map((s) => s.id)]];
   const methods = [...new Set(spec.map((s) => s.method))];
   const listCount = spec.filter((s) => s.isList).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 1100 }, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-      kicker ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", children: kicker }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
-      lede ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 1100 }, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+      kicker ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", children: kicker }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
+      lede ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede }) : null
     ] }),
-    modules && modules.length ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", children: "Filter by screen \u2014 every endpoint that screen depends on" }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tag, { icon: "stack", selected: !mod, onClick: () => setMod(null), children: [
+    modules && modules.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", children: "Filter by screen \u2014 every endpoint that screen depends on" }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Tag, { icon: "stack", selected: !mod, onClick: () => setMod(null), children: [
           "All screens ",
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-mono", children: spec.length })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-mono", children: spec.length })
         ] }),
-        modules.map((m) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tag, { icon: m.icon, selected: mod === m.id, onClick: () => setMod(mod === m.id ? null : m.id), children: [
+        modules.map((m) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Tag, { icon: m.icon, selected: mod === m.id, onClick: () => setMod(mod === m.id ? null : m.id), children: [
           m.label,
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-mono", children: m.endpoints.length })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-mono", children: m.endpoints.length })
         ] }, m.id))
       ] }),
-      activeModule ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      activeModule ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Flag,
         {
           tone: "info",
           statement: activeModule.label + " calls " + activeModule.endpoints.length + " endpoints.",
           cost: "Integration checklist for this screen: " + activeModule.endpoints.join(", ") + ". Wire these and the screen is done.",
-          actions: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { size: "sm", variant: "ghost", icon: "x", onClick: () => setMod(null), children: "Show all screens" })
+          actions: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { size: "sm", variant: "ghost", icon: "x", onClick: () => setMod(null), children: "Show all screens" })
         }
       ) : null
     ] }) : null,
-    sourceNote ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Flag, { tone: "info", statement: "Design-first: this page is the spec.", cost: sourceNote, actions: null }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find an endpoint, screen, or behavior", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
-      methods.map((m) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tag, { selected: method === m, onClick: () => setMethod(method === m ? null : m), children: [
+    sourceNote ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Flag, { tone: "info", statement: "Design-first: this page is the spec.", cost: sourceNote, actions: null }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find an endpoint, screen, or behavior", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
+      methods.map((m) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Tag, { selected: method === m, onClick: () => setMethod(method === m ? null : m), children: [
         m,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-mono", children: spec.filter((s) => s.method === m).length })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-mono", children: spec.filter((s) => s.method === m).length })
       ] }, m)),
-      listCount ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tag, { icon: "rows", selected: listOnly, onClick: () => setListOnly(!listOnly), children: [
+      listCount ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Tag, { icon: "rows", selected: listOnly, onClick: () => setListOnly(!listOnly), children: [
         "Paged lists ",
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-mono", children: listCount })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-mono", children: listCount })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
         hits.length,
         " of ",
         spec.length,
@@ -6226,23 +6241,23 @@ function ApiSpecBrowser({
         listCount ? " \xB7 " + listCount + " paged" : ""
       ] })
     ] }),
-    hits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: "No endpoint matches those filters." }) }) : effGroups.map(([g, ids]) => {
+    hits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: "No endpoint matches those filters." }) }) : effGroups.map(([g, ids]) => {
       const items = hits.filter((s) => ids.indexOf(s.id) >= 0);
       if (!items.length) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-stack", style: { gap: 12 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-label-lg", children: g }),
-        items.map((s) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Endpoint, { s, onRequest }, s.id))
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-label-lg", children: g }),
+        items.map((s) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Endpoint, { s, onRequest }, s.id))
       ] }, g);
     }),
-    conventions && conventions.length ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Card, { title: "Cross-cutting conventions", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fd-stack", style: { gap: 10 }, children: conventions.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-row", style: { gap: 12, alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-overline fd-muted", style: { width: 110, flex: "none", paddingTop: 2 }, children: k }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: v })
+    conventions && conventions.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Card, { title: "Cross-cutting conventions", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "fd-stack", style: { gap: 10 }, children: conventions.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: { gap: 12, alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", style: { width: 110, flex: "none", paddingTop: 2 }, children: k }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: v })
     ] }, k)) }) }) : null,
-    openQuestions && openQuestions.length ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Collapsible, { icon: "list-checks", title: "Open questions before implementation", subtitle: openQuestions.length + " unresolved", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fd-stack", style: { gap: 8 }, children: openQuestions.map(([id, question, why]) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start", padding: "8px 0", borderTop: "1px solid var(--border)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { tone: "danger", children: id }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: question }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "fd-body-sm fd-muted", children: why })
+    openQuestions && openQuestions.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Collapsible, { icon: "list-checks", title: "Open questions before implementation", subtitle: openQuestions.length + " unresolved", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "fd-stack", style: { gap: 8 }, children: openQuestions.map(([id, question, why]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start", padding: "8px 0", borderTop: "1px solid var(--border)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge, { tone: "danger", children: id }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: question }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm fd-muted", children: why })
       ] })
     ] }, id)) }) }) : null
   ] });
@@ -6250,7 +6265,7 @@ function ApiSpecBrowser({
 
 // src/components/platform/ProfilePage.tsx
 var React26 = __toESM(require("react"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var TIMEZONES = ["America/New_York", "America/Chicago", "America/Denver", "America/Los_Angeles", "America/Anchorage", "Pacific/Honolulu", "Europe/London", "Europe/Berlin"];
 var NOTIFY = [
   { key: "planShared", label: "A plan is shared with me", detail: "Someone sends you a plan or a client link." },
@@ -6294,43 +6309,43 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
     { id: "s2", device: "iPhone 15 \xB7 Safari", where: "Denver, CO", when: "2 hours ago" },
     { id: "s3", device: "Windows \xB7 Edge", where: "Chicago, IL", when: "Aug 12" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 860 }, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-overline fd-muted", children: "Account" }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: "Your profile" }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: "How you appear to colleagues and clients across every flytedesk app, and what we send you." })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 860 }, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-overline fd-muted", children: "Account" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: "Your profile" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: "How you appear to colleagues and clients across every flytedesk app, and what we send you." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap", alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Avatar, { name: draft.name || user.name, size: "lg" }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 4, flex: 1, minWidth: 200 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-h3", style: { margin: 0 }, children: draft.name || user.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap", alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Avatar, { name: draft.name || user.name, size: "lg" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-stack", style: { gap: 4, flex: 1, minWidth: 200 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-h3", style: { margin: 0 }, children: draft.name || user.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
           draft.title || "No title set",
           " \xB7 ",
           user.team || "No team"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 4 }, children: [
-          session.roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)),
-          user.sso ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge, { tone: "info", icon: "shield-check", children: "SSO" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 4 }, children: [
+          session.roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)),
+          user.sso ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge, { tone: "info", icon: "shield-check", children: "SSO" }) : null
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { variant: "secondary", size: "sm", icon: "image", children: "Change photo" })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { variant: "secondary", size: "sm", icon: "image", children: "Change photo" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Card,
       {
-        title: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Identity" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "Name and title appear on plans you share" })
+        title: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Identity" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "Name and title appear on plans you share" })
         ] }),
         elevation: "flat",
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 14 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Input, { label: "Full name", value: draft.name, onChange: (e) => set("name", e.target.value) }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Input, { label: "Job title", value: draft.title, onChange: (e) => set("title", e.target.value), placeholder: "e.g. Senior media planner" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-stack", style: { gap: 14 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, { label: "Full name", value: draft.name, onChange: (e) => set("name", e.target.value) }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, { label: "Job title", value: draft.title, onChange: (e) => set("title", e.target.value), placeholder: "e.g. Senior media planner" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               Input,
               {
                 label: "Work email",
@@ -6340,9 +6355,9 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
                 help: user.sso ? "Managed by your identity provider \u2014 change it there." : "Contact an administrator to change this."
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Input, { label: "Phone", value: draft.phone, onChange: (e) => set("phone", e.target.value), placeholder: "Optional" })
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, { label: "Phone", value: draft.phone, onChange: (e) => set("phone", e.target.value), placeholder: "Optional" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Textarea,
             {
               label: "Short bio",
@@ -6356,8 +6371,8 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Card, { title: "Working preferences", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Card, { title: "Working preferences", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         Select,
         {
           label: "Time zone",
@@ -6367,28 +6382,28 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
           help: "Flight dates and schedules render in this zone."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Select, { label: "Start of week", options: ["Monday", "Sunday"], placeholder: "Monday" })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Select, { label: "Start of week", options: ["Monday", "Sunday"], placeholder: "Monday" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Card,
       {
-        title: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Notifications" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "Email only for now \u2014 in-app notifications are on the roadmap" })
+        title: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Notifications" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "Email only for now \u2014 in-app notifications are on the roadmap" })
         ] }),
         elevation: "flat",
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "fd-stack", style: { gap: 14 }, children: NOTIFY.map((n) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Switch, { checked: !!draft.notify[n.key], onChange: () => setNotify(n.key), label: n.label, description: n.detail }, n.key)) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "fd-stack", style: { gap: 14 }, children: NOTIFY.map((n) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Switch, { checked: !!draft.notify[n.key], onChange: () => setNotify(n.key), label: n.label, description: n.detail }, n.key)) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       Card,
       {
-        title: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Access" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "What your roles grant you" })
+        title: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Access" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "What your roles grant you" })
         ] }),
         elevation: "flat",
-        action: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        action: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           Button,
           {
             size: "sm",
@@ -6399,39 +6414,39 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
           }
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CardRow, { label: "Roles", children: session.roles.map((r) => r.name).join(", ") || "None" }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(CardRow, { label: "Permissions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CardRow, { label: "Roles", children: session.roles.map((r) => r.name).join(", ") || "None" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(CardRow, { label: "Permissions", children: [
               session.permissions.length,
               " granted"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CardRow, { label: "Member since", children: user.joined || "\u2014" })
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CardRow, { label: "Member since", children: user.joined || "\u2014" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: "12px 0 0" }, children: "You cannot change your own roles \u2014 that is the point of them. An administrator manages roles from Admin \u2192 Users." })
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: "12px 0 0" }, children: "You cannot change your own roles \u2014 that is the point of them. An administrator manages roles from Admin \u2192 Users." })
         ]
       }
     ),
-    showSessions ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    showSessions ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Card,
       {
         title: "Signed-in devices",
         elevation: "flat",
-        action: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { size: "sm", variant: "ghost", icon: "sign-out", children: "Sign out everywhere" }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "fd-stack", style: { gap: 0 }, children: liveSessions.map((s) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: { gap: 12, padding: "10px 0", borderTop: "1px solid var(--border)", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("i", { className: "ph ph-device-mobile", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-stack", style: { gap: 1, flex: 1, minWidth: 160 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: s.device }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+        action: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { size: "sm", variant: "ghost", icon: "sign-out", children: "Sign out everywhere" }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "fd-stack", style: { gap: 0 }, children: liveSessions.map((s) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: { gap: 12, padding: "10px 0", borderTop: "1px solid var(--border)", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("i", { className: "ph ph-device-mobile", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-stack", style: { gap: 1, flex: 1, minWidth: 160 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: s.device }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
               s.where,
               " \xB7 ",
               s.when
             ] })
           ] }),
-          s.current ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge, { tone: "success", dot: true, children: "This device" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { size: "sm", variant: "ghost", children: "Revoke" })
+          s.current ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge, { tone: "success", dot: true, children: "This device" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { size: "sm", variant: "ghost", children: "Revoke" })
         ] }, s.id)) })
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "fd-row", style: {
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: {
       gap: 10,
       flexWrap: "wrap",
       position: "sticky",
@@ -6442,8 +6457,8 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
       border: "1px solid var(--border)",
       boxShadow: "0 -4px 16px rgba(11,13,17,.06)"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600, flex: 1 }, children: saved ? "Saved." : dirty ? "Unsaved changes" : "No pending changes" }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600, flex: 1 }, children: saved ? "Saved." : dirty ? "Unsaved changes" : "No pending changes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         Button,
         {
           size: "sm",
@@ -6456,7 +6471,7 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
           children: "Discard"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { size: "sm", icon: "check", disabled: !dirty, loading: saving, onClick: save, children: "Save changes" })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { size: "sm", icon: "check", disabled: !dirty, loading: saving, onClick: save, children: "Save changes" })
     ] })
   ] });
 }
@@ -6646,7 +6661,7 @@ var UseRuntimeMode = useRuntimeMode;
 var UseFeatureStatus = useFeatureStatus;
 
 // src/components/platform/RoadmapTimeline.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var STATUS = {
   shipped: { tone: "success", icon: "check-circle", label: "Wired" },
   next: { tone: "warning", icon: "traffic-cone", label: "Not wired" },
@@ -6661,45 +6676,45 @@ function RoadmapCard({ item, byKey, onOpenFlag }) {
   const s = STATUS[item.status] || STATUS.planned;
   const deps = (item.dependsOn || []).map((k) => byKey[k]).filter(Boolean);
   const blocking = deps.filter((d) => !d.implemented);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-body", style: { fontWeight: 700, flex: 1, minWidth: 140 }, children: item.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge, { tone: "neutral", icon: PROJECT_ICON[item.project] || "squares-four", children: item.project }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge, { tone: s.tone, icon: s.icon, children: s.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-body", style: { fontWeight: 700, flex: 1, minWidth: 140 }, children: item.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge, { tone: "neutral", icon: PROJECT_ICON[item.project] || "squares-four", children: item.project }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge, { tone: s.tone, icon: s.icon, children: s.label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: item.description }),
-    item.backend ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-overline fd-muted", style: { width: 62, flex: "none", paddingTop: 2 }, children: "Backend" }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-body-sm", style: { flex: 1, textWrap: "pretty" }, children: item.backend })
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: item.description }),
+    item.backend ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-overline fd-muted", style: { width: 62, flex: "none", paddingTop: 2 }, children: "Backend" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-body-sm", style: { flex: 1, textWrap: "pretty" }, children: item.backend })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-      item.effort ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("i", { className: "ph ph-hourglass-medium" }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+      item.effort ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-hourglass-medium" }),
         " ",
         item.effort
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("i", { className: "ph ph-user" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-user" }),
         " ",
         item.owner
       ] }),
-      item.screen ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge, { tone: "neutral", icon: "browser", children: "screen" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      item.screen ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge, { tone: "neutral", icon: "browser", children: "screen" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "button",
         {
           type: "button",
           onClick: () => onOpenFlag && onOpenFlag(item.key),
           style: { all: "unset", cursor: "pointer", display: "inline-flex", alignItems: "center", gap: 5 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("code", { className: "fd-mono", style: { fontSize: 11, color: "var(--brand)" }, children: item.key })
+          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("code", { className: "fd-mono", style: { fontSize: 11, color: "var(--brand)" }, children: item.key })
         }
       )
     ] }),
-    deps.length ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 6, borderTop: "1px solid var(--border)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-overline fd-muted", style: { paddingTop: 3 }, children: "After" }),
-      deps.map((d) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Tag, { icon: d.implemented ? "check" : "clock", children: d.label }, d.key))
+    deps.length ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 6, borderTop: "1px solid var(--border)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-overline fd-muted", style: { paddingTop: 3 }, children: "After" }),
+      deps.map((d) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Tag, { icon: d.implemented ? "check" : "clock", children: d.label }, d.key))
     ] }) : null,
-    blocking.length && !item.implemented ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-body-sm", style: { color: "var(--warn-text)" }, children: [
+    blocking.length && !item.implemented ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-body-sm", style: { color: "var(--warn-text)" }, children: [
       "Blocked until ",
       blocking.map((d) => d.label).join(" and "),
       " ",
@@ -6752,23 +6767,23 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
   }, 0);
   const nextPhase = items.find((i) => !i.implemented);
   let lastPhase = null;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-stack", style: { gap: 16, maxWidth: 1e3 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-overline fd-muted", children: "Architecture" }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede || "Every screen and feature in these tools is already designed and working against a simulated backend. This is the plan for connecting them to the real one \u2014 so the only work described here is server work." })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-stack", style: { gap: 16, maxWidth: 1e3 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-overline fd-muted", children: "Architecture" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede || "Every screen and feature in these tools is already designed and working against a simulated backend. This is the plan for connecting them to the real one \u2014 so the only work described here is server work." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-grid-stats is-thin", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StatTile, { compact: true, label: "Wired", value: String(rm.shipped), sub: "of " + rm.items.length + " features" }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StatTile, { compact: true, label: "Remaining", value: String(rm.remaining), sub: "backend work" }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StatTile, { compact: true, label: "Est. effort", value: days ? days + " days" : "\u2014", sub: "sum of estimates, not calendar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StatTile, { compact: true, label: "Up next", value: nextPhase ? "Phase " + nextPhase.phase : "\u2014", sub: nextPhase ? nextPhase.phaseName : "all wired" })
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-grid-stats is-thin", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StatTile, { compact: true, label: "Wired", value: String(rm.shipped), sub: "of " + rm.items.length + " features" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StatTile, { compact: true, label: "Remaining", value: String(rm.remaining), sub: "backend work" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StatTile, { compact: true, label: "Est. effort", value: days ? days + " days" : "\u2014", sub: "sum of estimates, not calendar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StatTile, { compact: true, label: "Up next", value: nextPhase ? "Phase " + nextPhase.phase : "\u2014", sub: nextPhase ? nextPhase.phaseName : "all wired" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find a feature or a piece of backend work", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Select, { placeholder: "All projects", value: project, onChange: (e) => setProject(e.target.value), options: projects, style: { width: 190 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find a feature or a piece of backend work", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Select, { placeholder: "All projects", value: project, onChange: (e) => setProject(e.target.value), options: projects, style: { width: 190 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         Button,
         {
           size: "sm",
@@ -6782,7 +6797,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       Flag,
       {
         tone: "info",
@@ -6791,51 +6806,51 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
         actions: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "fd-rm", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "fd-rm-scroll", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-rm-track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-rm-spine", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-rm-spine-done", style: { height: items.length ? 100 * shippedShown / items.length + "%" : "0%" } }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "fd-rm", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "fd-rm-scroll", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-rm-track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-rm-spine", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-rm-spine-done", style: { height: items.length ? 100 * shippedShown / items.length + "%" : "0%" } }) }),
       items.map((item, n) => {
         const showPhase = item.phase !== lastPhase;
         lastPhase = item.phase;
         const inPhase = items.filter((i) => i.phase === item.phase).length;
         const isBoundary = n === firstPending;
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(React28.Fragment, { children: [
-          showPhase ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-rm-era", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { fontWeight: 700 }, children: item.phase === 0 ? "Shipped" : "Phase " + item.phase + " \u2014 " + item.phaseName }),
-              item.phase === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-mono", style: { opacity: 0.7, fontWeight: 400 }, children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(React28.Fragment, { children: [
+          showPhase ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-rm-era", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { fontWeight: 700 }, children: item.phase === 0 ? "Shipped" : "Phase " + item.phase + " \u2014 " + item.phaseName }),
+              item.phase === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-mono", style: { opacity: 0.7, fontWeight: 400 }, children: [
                 fmtDate(item.phaseStart),
                 " \u2013 ",
                 fmtDate(item.date)
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { style: { opacity: 0.7, fontWeight: 400 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { opacity: 0.7, fontWeight: 400 }, children: [
                 "\xB7 ",
                 inPhase,
                 " feature",
                 inPhase === 1 ? "" : "s"
               ] })
             ] }),
-            item.phaseWhy ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "fd-rm-era-why", children: item.phaseWhy }) : null
+            item.phaseWhy ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "fd-rm-era-why", children: item.phaseWhy }) : null
           ] }) : null,
-          isBoundary ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "fd-rm-now", ref: nowRef, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "fd-rm-now-pill", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("i", { className: "ph ph-map-pin" }),
+          isBoundary ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "fd-rm-now", ref: nowRef, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-rm-now-pill", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-map-pin" }),
             " You are here \u2014 everything above is wired"
           ] }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-rm-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "fd-rm-dot " + (item.implemented ? "is-shipped" : item.status === "next" ? "is-next" : "") }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "fd-rm-date", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-rm-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-rm-dot " + (item.implemented ? "is-shipped" : item.status === "next" ? "is-next" : "") }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-rm-date", children: [
               fmtDate(item.date),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("br", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { opacity: 0.75 }, children: item.implemented ? "shipped" : "phase " + item.phase })
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("br", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { opacity: 0.75 }, children: item.implemented ? "shipped" : "phase " + item.phase })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(RoadmapCard, { item, byKey, onOpenFlag })
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(RoadmapCard, { item, byKey, onOpenFlag })
           ] })
         ] }, item.key);
       }),
-      !items.length ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "fd-body-sm fd-muted", children: "Nothing matches that filter." }) : null
+      !items.length ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "fd-body-sm fd-muted", children: "Nothing matches that filter." }) : null
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: [
       "Derived from the feature-flag registry \u2014 each entry's status is its flag's ",
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("code", { className: "fd-mono", children: "implemented" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("code", { className: "fd-mono", children: "implemented" }),
       " field, so this page cannot drift from what the apps actually do."
     ] })
   ] });
@@ -6844,7 +6859,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
 // src/components/platform/ComingSoon.tsx
 var React29 = __toESM(require("react"), 1);
 var import_react_dom7 = require("react-dom");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var BYPASS_STORE = "fd.soon.bypass.v1";
 function readBypassed() {
   try {
@@ -6874,35 +6889,35 @@ function useBypass(key) {
   return [on, set];
 }
 function SoonCard({ label, detail, backend, eta, effort, onRoadmap, allowed, onBypass }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-soon-badge", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "fd-soon-badge", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
       label
     ] }),
-    detail ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-soon-detail", children: detail }) : null,
-    backend ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-soon-backend", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-overline", children: "Needs" }),
+    detail ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "fd-soon-detail", children: detail }) : null,
+    backend ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "fd-soon-backend", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "fd-overline", children: "Needs" }),
       " ",
       backend
     ] }) : null,
-    eta || effort || onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-soon-meta", children: [
-      eta ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }),
+    eta || effort || onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "fd-soon-meta", children: [
+      eta ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }),
         " ",
         eta
       ] }) : null,
-      effort ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-hourglass-medium", "aria-hidden": "true" }),
+      effort ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-hourglass-medium", "aria-hidden": "true" }),
         " ",
         effort
       ] }) : null,
-      onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
+      onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
         "See the roadmap ",
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
       ] }) : null
     ] }) : null,
-    allowed ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("button", { type: "button", className: "fd-soon-view", onClick: onBypass, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-eye", "aria-hidden": "true" }),
+    allowed ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("button", { type: "button", className: "fd-soon-view", onClick: onBypass, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-eye", "aria-hidden": "true" }),
       " View and use it anyway"
     ] }) : null
   ] });
@@ -6962,9 +6977,9 @@ function ComingSoon({
   const tip = [label, detail, backend ? "Needs " + backend : null, eta ? "ETA " + eta : null, effort].filter(Boolean).join(" \xB7 ");
   if (inline) {
     if (allowed && bypassed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: ["fd-soon-inline-on", className].filter(Boolean).join(" "), ...rest, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: ["fd-soon-inline-on", className].filter(Boolean).join(" "), ...rest, children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "button",
           {
             type: "button",
@@ -6972,12 +6987,12 @@ function ComingSoon({
             title: "Unwired \u2014 writes go to the simulated backend. " + tip + " Click to re-blur.",
             onClick: () => setBypassed(false),
             "aria-label": "Re-blur this unwired feature",
-            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
           }
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       InlineSoon,
       {
         label,
@@ -6997,20 +7012,20 @@ function ComingSoon({
     );
   }
   if (allowed && bypassed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-soon-bar", role: "status", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-soon-badge", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "fd-soon-bar", role: "status", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "fd-soon-badge", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
           "Unwired feature \u2014 you are using it anyway"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-soon-bar-detail", children: "Every action here writes to the simulated backend, so nothing you do persists beyond this session." }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "fd-soon-bar-actions", children: [
-          onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "fd-soon-bar-detail", children: "Every action here writes to the simulated backend, so nothing you do persists beyond this session." }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "fd-soon-bar-actions", children: [
+          onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
             "Roadmap ",
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => setBypassed(false), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-eye-slash", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => setBypassed(false), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-eye-slash", "aria-hidden": "true" }),
             " Re-blur"
           ] })
         ] })
@@ -7018,10 +7033,10 @@ function ComingSoon({
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: ["fd-soon", className].filter(Boolean).join(" "), style: minHeight ? { minHeight } : void 0, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "fd-soon-under", style: { filter: "blur(" + blur + "px) saturate(.62)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "fd-soon-veil" }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "fd-soon-note", role: "note", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ["fd-soon", className].filter(Boolean).join(" "), style: minHeight ? { minHeight } : void 0, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "fd-soon-under", style: { filter: "blur(" + blur + "px) saturate(.62)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "fd-soon-veil" }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "fd-soon-note", role: "note", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       SoonCard,
       {
         label,
@@ -7058,7 +7073,7 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
   React29.useEffect(() => () => {
     if (close.current) clearTimeout(close.current);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "span",
     {
       ref: anchor,
@@ -7069,8 +7084,8 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
       onBlur: hide,
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-soon-under", style: { filter: "blur(" + Math.min(blur, 1.1) + "px) saturate(.66)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "fd-soon-under", style: { filter: "blur(" + Math.min(blur, 1.1) + "px) saturate(.66)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "button",
           {
             type: "button",
@@ -7081,11 +7096,11 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
             onFocus: show,
             onBlur: hide,
             onClick: () => open ? setOpen(false) : show(),
-            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
           }
         ),
         open && pos ? (0, import_react_dom7.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             "div",
             {
               className: "fd-soon-note fd-soon-hovercard",
@@ -7093,7 +7108,7 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
               style: { position: "fixed", left: pos.left, top: pos.top, bottom: pos.bottom, width: pos.width },
               onMouseEnter: show,
               onMouseLeave: hide,
-              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 SoonCard,
                 {
                   label,
@@ -7123,10 +7138,10 @@ function formatEta(iso2) {
 var FormatEta = formatEta;
 
 // src/components/platform/Gate.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function PermissionDenied({ permission, title, detail, compact: compact3 = false, className = "", ...rest }) {
   const need = Array.isArray(permission) ? permission : [permission].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       className: ["fd-stack", className].filter(Boolean).join(" "),
@@ -7142,14 +7157,14 @@ function PermissionDenied({ permission, title, detail, compact: compact3 = false
       },
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "ph ph-lock-simple", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: compact3 ? "fd-label-lg" : "fd-h3", children: title || "You do not have access to this" })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-lock-simple", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: compact3 ? "fd-label-lg" : "fd-h3", children: title || "You do not have access to this" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: detail || "Your roles do not grant this. An administrator can change that from Admin \u2192 Users." }),
-        need.length ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "fd-overline fd-muted", children: "Requires" }),
-          need.map((p) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("code", { className: "fd-mono", style: {
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: detail || "Your roles do not grant this. An administrator can change that from Admin \u2192 Users." }),
+        need.length ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-overline fd-muted", children: "Requires" }),
+          need.map((p) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("code", { className: "fd-mono", style: {
             fontSize: 11.5,
             padding: "2px 7px",
             borderRadius: 5,
@@ -7170,7 +7185,7 @@ function Gate({ perm, anyOf, role, silent = false, fallback, compact: compact3 =
   if (ok) return children;
   if (fallback !== void 0) return fallback;
   if (silent) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PermissionDenied, { permission: perm || anyOf, compact: compact3 });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PermissionDenied, { permission: perm || anyOf, compact: compact3 });
 }
 function FeatureGate({
   flag,
@@ -7191,7 +7206,7 @@ function FeatureGate({
   if (!preview) return fallback;
   const f = SessionKit.findFlag(flag) || {};
   const missing = rt.missing || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     ComingSoon,
     {
       label: label || (variant === "inline" ? f.label || "Not wired yet" : "Designed \u2014 backend not wired yet"),
@@ -7212,20 +7227,20 @@ function FeatureGate({
 function PermissionHint({ perm, children }) {
   SessionKit.useSession();
   if (SessionKit.can(perm)) return children;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "span",
     {
       title: "Requires " + (Array.isArray(perm) ? perm.join(", ") : perm),
       style: { display: "inline-flex", opacity: 0.45, cursor: "not-allowed" },
       "aria-disabled": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { pointerEvents: "none" }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { pointerEvents: "none" }, children })
     }
   );
 }
 
 // src/components/platform/ModeSwitch.tsx
 var React30 = __toESM(require("react"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog, onOpenSpec, summary }) {
   const mode2 = useRuntimeMode();
   const [open, setOpen] = React30.useState(false);
@@ -7252,8 +7267,8 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
     RuntimeKit.setMode(next);
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { style: { position: "relative", display: "inline-flex" }, ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { style: { position: "relative", display: "inline-flex" }, ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "button",
       {
         type: "button",
@@ -7263,29 +7278,29 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
         title: test ? "Test mode \u2014 every response is simulated. Click to inspect requests or return to live mode." : "Live mode \u2014 incomplete features are shown under construction. Click for test mode.",
         className: "fd-mode-btn" + (test ? " is-test" : "") + (open ? " is-open" : ""),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), style: { fontSize: 17 } }),
-          test && requestCount ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-mono fd-mode-count", children: requestCount > 99 ? "99+" : requestCount }, requestCount) : null
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), style: { fontSize: 17 } }),
+          test && requestCount ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-mono fd-mode-count", children: requestCount > 99 ? "99+" : requestCount }, requestCount) : null
         ]
       }
     ),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-view-enter fd-mode-pop", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-badge " + (test ? "fd-badge-warning" : "fd-badge-neutral"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), "aria-hidden": "true" }),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-view-enter fd-mode-pop", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-badge " + (test ? "fd-badge-warning" : "fd-badge-neutral"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), "aria-hidden": "true" }),
           test ? "Test mode" : "Live mode"
         ] }),
-        test ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+        test ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
           requestCount,
           " simulated request",
           requestCount === 1 ? "" : "s"
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { flex: 1 } }),
-        test && onClearLog ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "fd-soon-link", onClick: onClearLog, children: "Clear" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { flex: 1 } }),
+        test && onClearLog ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", className: "fd-soon-link", onClick: onClearLog, children: "Clear" }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { style: { display: "block", padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-body-sm fd-secondary", style: { display: "block", textWrap: "pretty" }, children: test ? "Every feature is usable and nothing is obstructed, but no response comes from a real service \u2014 nothing you do here persists. Use this to review and demo the design." : "This is what a user would see today. " + s.incomplete + " of " + s.total + " features depend on backend work that is not wired yet, so they render under construction." }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-row", style: { gap: 8, marginTop: 10, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { style: { display: "block", padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-body-sm fd-secondary", style: { display: "block", textWrap: "pretty" }, children: test ? "Every feature is usable and nothing is obstructed, but no response comes from a real service \u2014 nothing you do here persists. Use this to review and demo the design." : "This is what a user would see today. " + s.incomplete + " of " + s.total + " features depend on backend work that is not wired yet, so they render under construction." }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-row", style: { gap: 8, marginTop: 10, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
             s.endpointsWired,
             " endpoint",
             s.endpointsWired === 1 ? "" : "s",
@@ -7295,58 +7310,58 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
             s.total,
             " features complete"
           ] }),
-          onOpenSpec ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { flex: 1 } }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => {
+          onOpenSpec ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { flex: 1 } }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => {
               setOpen(false);
               onOpenSpec();
             }, children: [
               "API spec ",
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
             ] })
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-mode-choice", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("button", { type: "button", className: "fd-mode-opt" + (!test ? " is-on" : ""), onClick: () => go("live"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-mode-opt-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-mode-opt-title", children: "Live mode" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-mode-opt-desc", children: "Incomplete features under construction" })
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-mode-choice", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("button", { type: "button", className: "fd-mode-opt" + (!test ? " is-on" : ""), onClick: () => go("live"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-mode-opt-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-mode-opt-title", children: "Live mode" }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-mode-opt-desc", children: "Incomplete features under construction" })
           ] }),
-          !test ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
+          !test ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("button", { type: "button", className: "fd-mode-opt" + (test ? " is-on" : ""), onClick: () => go("test"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-mode-opt-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-mode-opt-title", children: "Test mode" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-mode-opt-desc", children: "Everything usable, all data simulated" })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("button", { type: "button", className: "fd-mode-opt" + (test ? " is-on" : ""), onClick: () => go("test"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-mode-opt-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-mode-opt-title", children: "Test mode" }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-mode-opt-desc", children: "Everything usable, all data simulated" })
           ] }),
-          test ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
+          test ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
         ] })
       ] }),
-      test && renderLog ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { display: "block", maxHeight: 340, overflowY: "auto", borderTop: "1px solid var(--border)" }, children: renderLog() }) : null
+      test && renderLog ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { display: "block", maxHeight: 340, overflowY: "auto", borderTop: "1px solid var(--border)" }, children: renderLog() }) : null
     ] }) : null
   ] });
 }
 function TestModeBar({ onExit }) {
   const mode2 = useRuntimeMode();
   if (mode2 !== "test") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "fd-testbar", role: "status", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "fd-badge fd-badge-warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "fd-testbar", role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "fd-badge fd-badge-warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
       "Test mode"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "fd-testbar-detail", children: "Every feature is unlocked and every response is simulated \u2014 nothing here persists." }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => onExit ? onExit() : RuntimeKit.setMode("live"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-testbar-detail", children: "Every feature is unlocked and every response is simulated \u2014 nothing here persists." }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => onExit ? onExit() : RuntimeKit.setMode("live"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
       " Back to live mode"
     ] })
   ] });
 }
 
 // src/components/planner/ChannelMeta.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var CHANNEL_WEIGHTS = {
   "OOH": 50,
   "DOOH": 50,
@@ -7399,9 +7414,9 @@ function ChannelTag({ channel, size = "md", showLabel = true, dot = false, weigh
   const m = ChannelMeta(channel);
   const wt = channelWeightOf(channel || "");
   if (dot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: ["fd-chan-dot", className].filter(Boolean).join(" "), title: m.name, style: { background: m.color }, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: ["fd-chan-dot", className].filter(Boolean).join(" "), title: m.name, style: { background: m.color }, ...rest });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "span",
     {
       className: ["fd-chan", size === "sm" ? "fd-chan-sm" : "", className].filter(Boolean).join(" "),
@@ -7409,16 +7424,16 @@ function ChannelTag({ channel, size = "md", showLabel = true, dot = false, weigh
       style: { "--chan": m.color },
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }),
-        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-chan-label", children: m.label }) : null,
-        weight ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "fd-chan-weight", children: wt || 0 }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }),
+        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-chan-label", children: m.label }) : null,
+        weight ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-chan-weight", children: wt || 0 }) : null
       ]
     }
   );
 }
 
 // src/components/planner/SaturationDistribution.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var BANDS2 = [
   { key: "weak", label: "Weak", n: 1, range: "< 50" },
   { key: "adequate", label: "Adequate", n: 2, range: "50\u2013100" },
@@ -7429,18 +7444,18 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
   const grouped = BANDS2.map((b) => ({ ...b, items: campuses.filter((c) => c.band === b.key) }));
   const tallest = Math.max(1, ...grouped.map((g) => g.items.length));
   const floor = BANDS2.find((b) => b.key === floorBand) || BANDS2[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: 12, alignItems: "end" }, children: grouped.map((g) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: 12, alignItems: "end" }, children: grouped.map((g) => {
       const mark = "var(--csi-" + g.n + "-mark)";
       const active = selectedBand === g.key;
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "button",
         {
           type: "button",
           onClick: onSelectBand ? () => onSelectBand(active ? null : g.key) : void 0,
           style: { display: "flex", flexDirection: "column", justifyContent: "flex-end", gap: 10, padding: 12, border: "1px solid " + (active ? "var(--border-strong)" : "var(--border)"), borderRadius: "var(--r-lg)", background: active ? "var(--surface-2)" : "var(--surface)", cursor: onSelectBand ? "pointer" : "default", textAlign: "left", minHeight: 190, transition: "background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { style: { display: "flex", flexDirection: "column-reverse", gap: 4, minHeight: tallest * 24 }, children: loading ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-skel", style: { height: 16, borderRadius: 4 } }, i)) : g.items.map((c) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { display: "flex", flexDirection: "column-reverse", gap: 4, minHeight: tallest * 24 }, children: loading ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-skel", style: { height: 16, borderRadius: 4 } }, i)) : g.items.map((c) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "span",
               {
                 title: c.name + " \xB7 " + c.crp,
@@ -7449,13 +7464,13 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
               },
               c.name
             )) }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "fd-row", style: { gap: 8, alignItems: "baseline" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-num-hero", style: { fontSize: 30, color: g.items.length ? "var(--text)" : "var(--text-disabled)" }, children: loading ? "\u2013" : g.items.length }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-meter", style: { gap: 2, color: mark }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-meter-seg" + (i <= g.n ? " is-on" : ""), style: { width: 4, height: 9 } }, i)) })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "fd-row", style: { gap: 8, alignItems: "baseline" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-num-hero", style: { fontSize: 30, color: g.items.length ? "var(--text)" : "var(--text-disabled)" }, children: loading ? "\u2013" : g.items.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-meter", style: { gap: 2, color: mark }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-meter-seg" + (i <= g.n ? " is-on" : ""), style: { width: 4, height: 9 } }, i)) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "fd-stack", style: { gap: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-label-lg", children: g.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "fd-body-sm fd-muted", style: { fontSize: 11.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "fd-stack", style: { gap: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-label-lg", children: g.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "fd-body-sm fd-muted", style: { fontSize: 11.5 }, children: [
                 "CRP ",
                 g.range
               ] })
@@ -7465,10 +7480,10 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
         g.key
       );
     }) }),
-    floorBand ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderRadius: "var(--r-md)", background: "var(--surface-2)", border: "1px solid var(--border)", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-meter", style: { gap: 2, color: "var(--csi-" + floor.n + "-mark)" }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "fd-meter-seg" + (i <= floor.n ? " is-on" : ""), style: { width: 5, height: 12 } }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { flex: 1, minWidth: 240 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("strong", { style: { color: "var(--text)" }, children: [
+    floorBand ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderRadius: "var(--r-md)", background: "var(--surface-2)", border: "1px solid var(--border)", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-meter", style: { gap: 2, color: "var(--csi-" + floor.n + "-mark)" }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-meter-seg" + (i <= floor.n ? " is-on" : ""), style: { width: 5, height: 12 } }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { flex: 1, minWidth: 240 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("strong", { style: { color: "var(--text)" }, children: [
           "Plan floor ",
           floorScore
         ] }),
@@ -7480,20 +7495,20 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
 
 // src/components/planner/MixGap.tsx
 var React31 = __toESM(require("react"), 1);
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function MixGap({ rows = [], loading = false, className = "" }) {
   const max = Math.max(1, ...rows.flatMap((r) => [r.target, r.realized]));
   const [hover, setHover] = React31.useState(null);
   const toneOf = (gap) => gap >= -1 ? "ok" : gap >= -4 ? "warn" : "danger";
   const TONE = { ok: "var(--ok-solid)", warn: "var(--warn-solid)", danger: "var(--danger-solid)" };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 4 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "fd-row", style: { gap: 16, justifyContent: "flex-end", paddingBottom: 6, flexWrap: "wrap" }, children: [
-      [["On target", TONE.ok], ["Close", TONE.warn], ["Short", TONE.danger]].map(([l, c]) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { width: 14, height: 9, borderRadius: 2, background: c } }),
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 4 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "fd-row", style: { gap: 16, justifyContent: "flex-end", paddingBottom: 6, flexWrap: "wrap" }, children: [
+      [["On target", TONE.ok], ["Close", TONE.warn], ["Short", TONE.danger]].map(([l, c]) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { width: 14, height: 9, borderRadius: 2, background: c } }),
         l
       ] }, l)),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { width: 3, height: 14, background: "var(--n-500)" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { width: 3, height: 14, background: "var(--n-500)" } }),
         "Target"
       ] })
     ] }),
@@ -7501,7 +7516,7 @@ function MixGap({ rows = [], loading = false, className = "" }) {
       const gap = r.realized - r.target;
       const tone = toneOf(gap);
       const tip = "Realized " + r.realized + "% vs " + r.target + "% target" + (gap < -1 ? " \xB7 " + Math.abs(gap).toFixed(0) + " pts short" : gap > 1 ? " \xB7 " + gap.toFixed(0) + " pts over" : " \xB7 on target") + (r.note ? " \u2014 " + r.note : "");
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
         "div",
         {
           className: "fd-row",
@@ -7509,15 +7524,15 @@ function MixGap({ rows = [], loading = false, className = "" }) {
           onMouseEnter: () => setHover(r.channel),
           onMouseLeave: () => setHover(null),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { width: 128, flex: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChannelTag, { channel: r.channel, size: "sm" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { position: "relative", flex: 1, height: 22, minWidth: 120 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-skel", style: { position: "absolute", inset: "5px 0", borderRadius: 3 } }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { position: "absolute", left: 0, top: 5, height: 12, width: r.realized / max * 100 + "%", background: TONE[tone], borderRadius: "2px 3px 3px 2px", transition: "width var(--dur-slow) var(--ease), background var(--dur-base) var(--ease)" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { position: "absolute", left: r.target / max * 100 + "%", top: 0, width: 3, height: 22, background: "var(--n-500)", borderRadius: 1 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "fd-num", style: { position: "absolute", right: Math.max(r.realized, r.target) / max > 0.82 ? 0 : "auto", left: Math.max(r.realized, r.target) / max > 0.82 ? "auto" : "calc(" + Math.max(r.realized, r.target) / max * 100 + "% + 10px)", top: 2, fontSize: 12, color: "var(--text-muted)", whiteSpace: "nowrap", background: Math.max(r.realized, r.target) / max > 0.82 ? "var(--surface)" : "none", paddingLeft: 3 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { width: 128, flex: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChannelTag, { channel: r.channel, size: "sm" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { position: "relative", flex: 1, height: 22, minWidth: 120 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "fd-skel", style: { position: "absolute", inset: "5px 0", borderRadius: 3 } }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { position: "absolute", left: 0, top: 5, height: 12, width: r.realized / max * 100 + "%", background: TONE[tone], borderRadius: "2px 3px 3px 2px", transition: "width var(--dur-slow) var(--ease), background var(--dur-base) var(--ease)" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { position: "absolute", left: r.target / max * 100 + "%", top: 0, width: 3, height: 22, background: "var(--n-500)", borderRadius: 1 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "fd-num", style: { position: "absolute", right: Math.max(r.realized, r.target) / max > 0.82 ? 0 : "auto", left: Math.max(r.realized, r.target) / max > 0.82 ? "auto" : "calc(" + Math.max(r.realized, r.target) / max * 100 + "% + 10px)", top: 2, fontSize: 12, color: "var(--text-muted)", whiteSpace: "nowrap", background: Math.max(r.realized, r.target) / max > 0.82 ? "var(--surface)" : "none", paddingLeft: 3 }, children: [
                 r.realized,
                 "%"
               ] }),
-              hover === r.channel ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "fd-tooltip", role: "tooltip", style: { position: "absolute", left: 0, right: "auto", bottom: 26, maxWidth: "min(340px, 100%)", whiteSpace: "normal", textAlign: "left", width: "max-content" }, children: tip }) : null
+              hover === r.channel ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "fd-tooltip", role: "tooltip", style: { position: "absolute", left: 0, right: "auto", bottom: 26, maxWidth: "min(340px, 100%)", whiteSpace: "normal", textAlign: "left", width: "max-content" }, children: tip }) : null
             ] }) })
           ]
         },
@@ -7528,7 +7543,7 @@ function MixGap({ rows = [], loading = false, className = "" }) {
 }
 
 // src/components/planner/ChannelContribution.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var money = (n) => "$" + Math.round(n).toLocaleString();
 function ChannelContribution({
   channels = [],
@@ -7544,9 +7559,9 @@ function ChannelContribution({
   const grand = total !== void 0 ? total : base + bonus;
   const pct = (v) => grand ? v / grand * 100 : 0;
   const spendTotal = channels.reduce((s, c) => s + Number(String(c.spend || 0).replace(/[^0-9.]/g, "")), 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "fd-skel", style: { height: 34, borderRadius: "var(--r-sm)" } }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "fd-row", style: { height: 34, borderRadius: "var(--r-sm)", overflow: "hidden", gap: 2, background: "var(--surface-3)" }, children: [
-      channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "fd-skel", style: { height: 34, borderRadius: "var(--r-sm)" } }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "fd-row", style: { height: 34, borderRadius: "var(--r-sm)", overflow: "hidden", gap: 2, background: "var(--surface-3)" }, children: [
+      channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "span",
         {
           title: c.name + " \xB7 " + c.crp.toFixed(1) + " CRP",
@@ -7555,7 +7570,7 @@ function ChannelContribution({
         },
         c.name
       )),
-      bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "span",
         {
           title: "Surround-sound bonus +" + bonusPct + "%",
@@ -7564,18 +7579,18 @@ function ChannelContribution({
         }
       ) : null
     ] }),
-    showTable ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("table", { className: "fd-table", style: { fontSize: "var(--body-sm-size)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("th", { style: { width: "34%" }, children: "Channel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("th", { style: { width: "16%" }, children: "Weight" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("th", { className: "is-num", style: { width: "16%" }, children: "Spend" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "CRP" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "Share" })
+    showTable ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("table", { className: "fd-table", style: { fontSize: "var(--body-sm-size)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { style: { width: "34%" }, children: "Channel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { style: { width: "16%" }, children: "Weight" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { className: "is-num", style: { width: "16%" }, children: "Spend" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "CRP" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "Share" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("tbody", { children: [
-        channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChannelTag, { channel: c.name, size: "sm" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tbody", { children: [
+        channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ChannelTag, { channel: c.name, size: "sm" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             "span",
             {
               className: "fd-badge fd-badge-neutral",
@@ -7584,38 +7599,38 @@ function ChannelContribution({
               children: "weight " + (channelWeightOf(c.name) || 0)
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "is-num", children: c.spend }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "is-num", children: c.crp.toFixed(1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("td", { className: "is-num", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { className: "is-num", children: c.spend }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { className: "is-num", children: c.crp.toFixed(1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("td", { className: "is-num", children: [
             pct(c.crp).toFixed(0),
             "%"
           ] })
         ] }, c.name)),
-        bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "fd-row", style: { gap: 9, fontWeight: 600 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { width: 9, height: 9, borderRadius: 2, background: "repeating-linear-gradient(135deg,var(--csi-3-mark) 0 3px,var(--csi-2-mark) 3px 6px)", flex: "none" } }),
+        bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "fd-row", style: { gap: 9, fontWeight: 600 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { style: { width: 9, height: 9, borderRadius: 2, background: "repeating-linear-gradient(135deg,var(--csi-3-mark) 0 3px,var(--csi-2-mark) 3px 6px)", flex: "none" } }),
             "Surround-sound bonus"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "fd-badge fd-badge-success", style: { height: 20, fontSize: 11 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "fd-badge fd-badge-success", style: { height: 20, fontSize: 11 }, children: [
             "+",
             bonusPct,
             "% of +",
             bonusMax,
             "%"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "is-num fd-muted", children: "\u2014" }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "is-num", children: bonus.toFixed(1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("td", { className: "is-num", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { className: "is-num fd-muted", children: "\u2014" }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { className: "is-num", children: bonus.toFixed(1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("td", { className: "is-num", children: [
             pct(bonus).toFixed(0),
             "%"
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("tr", { style: { background: "var(--surface-2)" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { style: { fontWeight: 700 }, children: "Campus total" }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: money(spendTotal) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: grand.toFixed(1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: "100%" })
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tr", { style: { background: "var(--surface-2)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { style: { fontWeight: 700 }, children: "Campus total" }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: money(spendTotal) }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: grand.toFixed(1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: "100%" })
         ] })
       ] })
     ] }) : null
@@ -7624,7 +7639,7 @@ function ChannelContribution({
 
 // src/components/planner/BudgetReallocator.tsx
 var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var bandFor = (crp) => crp >= 200 ? "dominant" : crp >= 100 ? "strong" : crp >= 50 ? "adequate" : "weak";
 function BudgetReallocator({
   campus,
@@ -7655,24 +7670,24 @@ function BudgetReallocator({
     setDraft(spend);
     if (onCancel) onCancel();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
     {
       className: ["fd-stack", className].filter(Boolean).join(" "),
       style: { gap: 14, padding: 18, border: "1px solid " + (dirty ? "var(--border-brand)" : "var(--border)"), borderRadius: "var(--r-lg)", background: dirty ? "var(--surface-brand)" : "var(--surface)", color: "var(--text)", transition: "background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "fd-h4", style: { flex: 1, minWidth: 140 }, children: campus }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CsiBadge, { band: nowBand, crp: Number(crp.toFixed(1)), size: "medium" }),
-          dirty ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("i", { className: "ph ph-arrow-right fd-muted", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CsiBadge, { band: nextBand, crp: Number(nextCrp.toFixed(1)), size: "medium", preview: true })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "fd-h4", style: { flex: 1, minWidth: 140 }, children: campus }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CsiBadge, { band: nowBand, crp: Number(crp.toFixed(1)), size: "medium" }),
+          dirty ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("i", { className: "ph ph-arrow-right fd-muted", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CsiBadge, { band: nextBand, crp: Number(nextCrp.toFixed(1)), size: "medium", preview: true })
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "fd-slider", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
-          dirty ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "fd-slider-chip", style: { left: pct + "%", background: delta < 0 ? "var(--danger-solid)" : "var(--ok-solid)" }, children: (delta < 0 ? "\u2212$" : "+$") + Math.abs(delta).toLocaleString() }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "fd-slider", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
+          dirty ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "fd-slider-chip", style: { left: pct + "%", background: delta < 0 ? "var(--danger-solid)" : "var(--ok-solid)" }, children: (delta < 0 ? "\u2212$" : "+$") + Math.abs(delta).toLocaleString() }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "input",
             {
               type: "range",
@@ -7688,13 +7703,13 @@ function BudgetReallocator({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1, minWidth: 150 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "fd-num", style: { fontSize: 19, fontWeight: 700 }, children: "$" + draft.toLocaleString() }),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "fd-body-sm fd-muted", children: "Arrow keys step $100, shift+arrow $1,000. Escape reverts." })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1, minWidth: 150 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "fd-num", style: { fontSize: 19, fontWeight: 700 }, children: "$" + draft.toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "fd-body-sm fd-muted", children: "Arrow keys step $100, shift+arrow $1,000. Escape reverts." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "fd-btn fd-btn-ghost", disabled: !dirty, onClick: revert, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "fd-btn fd-btn-ghost", disabled: !dirty, onClick: revert, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "button",
             {
               type: "button",
@@ -7713,7 +7728,7 @@ function BudgetReallocator({
 }
 
 // src/components/planner/SurroundSound.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var CATEGORIES = [
   { key: "ooh", label: "OOH", icon: "flag-banner", color: "var(--ch-ooh)" },
   { key: "transit", label: "Transit", icon: "bus", color: "var(--ch-transit)" },
@@ -7725,26 +7740,26 @@ var CATEGORIES = [
 function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost, className = "" }) {
   const earned = Math.max(0, Math.min(1, bonusPct / bonusMax));
   const single = present.length <= 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: CATEGORIES.map((c) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: CATEGORIES.map((c) => {
       const on = present.includes(c.key);
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
         "span",
         {
           title: c.label + (on ? " \u2014 present" : " \u2014 not bought"),
           style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 5, width: 62, padding: "10px 0", borderRadius: "var(--r-md)", border: "1px solid " + (on ? "var(--csi-2-edge)" : "var(--border)"), background: on ? "var(--csi-2-fill)" : "var(--surface-2)", color: on ? "var(--csi-2-text)" : "var(--text-disabled)" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("i", { className: "ph ph-" + c.icon, style: { fontSize: 19, color: on ? c.color : "var(--text-muted)" }, "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { style: { fontSize: 10.5, fontWeight: 700 }, children: c.label })
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-" + c.icon, style: { fontSize: 19, color: on ? c.color : "var(--text-muted)" }, "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { style: { fontSize: 10.5, fontWeight: 700 }, children: c.label })
           ]
         },
         c.key
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "fd-label-lg", children: "Surround-sound bonus earned" }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "fd-num", style: { color: single ? "var(--warn-text)" : "var(--csi-3-mark)", fontWeight: 700 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fd-label-lg", children: "Surround-sound bonus earned" }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "fd-num", style: { color: single ? "var(--warn-text)" : "var(--csi-3-mark)", fontWeight: 700 }, children: [
           "+",
           bonusPct,
           "% of +",
@@ -7752,8 +7767,8 @@ function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: { height: 8, borderRadius: "var(--r-xs)", background: "var(--surface-3)", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: { height: "100%", width: earned * 100 + "%", background: "var(--csi-3-mark)", borderRadius: "inherit", transition: "width var(--dur-slow) var(--ease)" } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { style: { height: 8, borderRadius: "var(--r-xs)", background: "var(--surface-3)", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { style: { height: "100%", width: earned * 100 + "%", background: "var(--csi-3-mark)", borderRadius: "inherit", transition: "width var(--dur-slow) var(--ease)" } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: [
         present.length,
         " of 6 channel categories present.",
         " ",
@@ -8182,7 +8197,7 @@ var React35 = __toESM(require("react"), 1);
 
 // src/components/chat/ChatTurn.tsx
 var React34 = __toESM(require("react"), 1);
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function JsonView({ value }) {
   let text;
   try {
@@ -8190,28 +8205,28 @@ function JsonView({ value }) {
   } catch (e) {
     text = String(value);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CodeBlock, { code: text, language: "json", collapseAfter: 18 });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(CodeBlock, { code: text, language: "json", collapseAfter: 18 });
 }
 function PacketCard({ packet, schema, render, onApply, applied }) {
   if (!packet) return null;
   const s = schema || {};
   const invalid = packet.valid === false;
   const title = s.heading || packet.type;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("section", { className: "fdc-packet" + (invalid ? " is-invalid" : ""), "aria-label": title, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("header", { className: "fdc-packet-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-" + (s.icon || "package"), "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-packet-title", children: title }),
-      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-packet-badge", children: "Repaired" }) : null,
-      invalid ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-packet-badge is-danger", children: "Invalid" }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("section", { className: "fdc-packet" + (invalid ? " is-invalid" : ""), "aria-label": title, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("header", { className: "fdc-packet-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-" + (s.icon || "package"), "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-packet-title", children: title }),
+      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-packet-badge", children: "Repaired" }) : null,
+      invalid ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-packet-badge is-danger", children: "Invalid" }) : null
     ] }),
-    invalid ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-packet-alert", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: packet.error || "This result failed validation and can\u2019t be applied." })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "fdc-packet-body", children: render ? render(packet) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(JsonView, { value: packet.payload }) }),
-    !invalid && onApply ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("footer", { className: "fdc-packet-foot", children: [
-      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-packet-note", children: "Corrected by the backend after a first attempt." }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", disabled: applied, onClick: () => onApply(packet), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-" + (applied ? "check" : "arrow-square-in"), "aria-hidden": "true" }),
+    invalid ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-packet-alert", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: packet.error || "This result failed validation and can\u2019t be applied." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fdc-packet-body", children: render ? render(packet) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(JsonView, { value: packet.payload }) }),
+    !invalid && onApply ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("footer", { className: "fdc-packet-foot", children: [
+      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-packet-note", children: "Corrected by the backend after a first attempt." }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", disabled: applied, onClick: () => onApply(packet), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-" + (applied ? "check" : "arrow-square-in"), "aria-hidden": "true" }),
         applied ? "Applied" : s.applyLabel || "Apply"
       ] })
     ] }) : null
@@ -8220,37 +8235,37 @@ function PacketCard({ packet, schema, render, onApply, applied }) {
 function ThinkingBlock({ text, durationMs, streaming, defaultOpen = false }) {
   const [open, setOpen] = React34.useState(defaultOpen);
   if (!text) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-think" + (open ? " is-open" : ""), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-brain", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: streaming ? "Thinking" : durationMs ? "Thought for " + formatDuration(durationMs) : "Thought process" }),
-      streaming ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", {})
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-think" + (open ? " is-open" : ""), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-brain", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: streaming ? "Thinking" : durationMs ? "Thought for " + formatDuration(durationMs) : "Thought process" }),
+      streaming ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", {})
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" })
     ] }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "fdc-think-body", children: text }) : null
+    open ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fdc-think-body", children: text }) : null
   ] });
 }
 function Citations({ items = [], onOpen }) {
   const [open, setOpen] = React34.useState(false);
   if (!items.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-cites", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-quotes", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-cites", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-quotes", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { children: [
         items.length,
         " source",
         items.length === 1 ? "" : "s"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" })
     ] }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("ol", { className: "fdc-cites-list", children: items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("li", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-cite-n fd-tabular", children: c.marker || i + 1 }),
-      c.url ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("a", { href: c.url, target: "_blank", rel: "noopener noreferrer", onClick: onOpen ? (e) => onOpen(c, e) : void 0, children: c.title || c.url }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: c.title || "Source" }),
-      c.detail ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-cite-detail", children: c.detail }) : null
+    open ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("ol", { className: "fdc-cites-list", children: items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-cite-n fd-tabular", children: c.marker || i + 1 }),
+      c.url ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("a", { href: c.url, target: "_blank", rel: "noopener noreferrer", onClick: onOpen ? (e) => onOpen(c, e) : void 0, children: c.title || c.url }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: c.title || "Source" }),
+      c.detail ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-cite-detail", children: c.detail }) : null
     ] }, c.id || i)) }) : null
   ] });
 }
@@ -8267,23 +8282,23 @@ function MessageBody({ message: m, ctx }) {
   const clamped = !expanded && !m.streaming ? clampText(raw, ctx.maxVisibleChars) : null;
   const body = clamped != null ? clamped : raw;
   const showMd = ctx.markdown && !isUser;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-body", children: [
-    m.thinking && ctx.showThinking ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ThinkingBlock, { text: m.thinking, durationMs: m.thinkingMs, streaming: m.streaming && !m.text }) : null,
-    m.steps && m.steps.length && ctx.showSteps ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StepList, { steps: m.steps, defaultOpen: m.steps.some((s) => s.status === "running"), dense: true }) : null,
-    body ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-text" + (isUser ? " is-user" : ""), children: [
-      showMd ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Markdown, { source: body, headingOffset: 2, codeProps: { collapseAfter: 22 }, renderCitation: ctx.renderCitation }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "fdc-plain", children: body }),
-      m.streaming ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-caret", "aria-hidden": "true" }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-body", children: [
+    m.thinking && ctx.showThinking ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ThinkingBlock, { text: m.thinking, durationMs: m.thinkingMs, streaming: m.streaming && !m.text }) : null,
+    m.steps && m.steps.length && ctx.showSteps ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(StepList, { steps: m.steps, defaultOpen: m.steps.some((s) => s.status === "running"), dense: true }) : null,
+    body ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-text" + (isUser ? " is-user" : ""), children: [
+      showMd ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Markdown, { source: body, headingOffset: 2, codeProps: { collapseAfter: 22 }, renderCitation: ctx.renderCitation }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fdc-plain", children: body }),
+      m.streaming ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-caret", "aria-hidden": "true" }) : null
     ] }) : null,
-    clamped != null ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(true), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }),
+    clamped != null ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(true), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }),
       "Show more",
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-more-len fd-tabular", children: raw.length < 2e3 ? raw.length.toLocaleString() + " characters" : Math.round(raw.length / 100) / 10 + "k characters" })
-    ] }) : expanded && ctx.maxVisibleChars && raw.length > ctx.maxVisibleChars ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(false), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-caret-up", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-more-len fd-tabular", children: raw.length < 2e3 ? raw.length.toLocaleString() + " characters" : Math.round(raw.length / 100) / 10 + "k characters" })
+    ] }) : expanded && ctx.maxVisibleChars && raw.length > ctx.maxVisibleChars ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(false), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-caret-up", "aria-hidden": "true" }),
       "Show less"
     ] }) : null,
-    m.attachments && m.attachments.length ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FileGrid, { files: m.attachments, onOpen: ctx.onOpenAttachment, tiles: true, maxHeight: ctx.attachmentHeight || 220, compact: ctx.narrow }) : null,
-    m.packet ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    m.attachments && m.attachments.length ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FileGrid, { files: m.attachments, onOpen: ctx.onOpenAttachment, tiles: true, maxHeight: ctx.attachmentHeight || 220, compact: ctx.narrow }) : null,
+    m.packet ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       PacketCard,
       {
         packet: m.packet,
@@ -8293,35 +8308,35 @@ function MessageBody({ message: m, ctx }) {
         applied: ctx.appliedPackets && ctx.appliedPackets[m.id]
       }
     ) : null,
-    m.citations && m.citations.length ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Citations, { items: m.citations, onOpen: ctx.onOpenCitation }) : null,
-    m.working ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-working", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", {})
+    m.citations && m.citations.length ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Citations, { items: m.citations, onOpen: ctx.onOpenCitation }) : null,
+    m.working ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-working", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "fdc-working-label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "fdc-working-label", children: [
         m.resumed ? "Resuming" : "Working",
-        m.job && m.job.status ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "fdc-working-job", children: [
+        m.job && m.job.status ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "fdc-working-job", children: [
           " \xB7 ",
           m.job.status
         ] }) : null,
-        m.job && m.job.detail ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "fdc-working-job", children: [
+        m.job && m.job.detail ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "fdc-working-job", children: [
           " \xB7 ",
           m.job.detail
         ] }) : null
       ] }),
-      m.jobId ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-working-id fd-mono", children: String(m.jobId).slice(0, 12) }) : null
+      m.jobId ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-working-id fd-mono", children: String(m.jobId).slice(0, 12) }) : null
     ] }) : null,
-    m.stopped ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-stopped", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
+    m.stopped ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-stopped", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
       "Stopped"
     ] }) : null,
-    m.error ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-error", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-error-text", children: ctx.errorCopy ? ctx.errorCopy(m.error) : m.error }),
-      m.retryable && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", className: "fdc-error-retry", onClick: ctx.onRetry, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
+    m.error ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-error", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-error-text", children: ctx.errorCopy ? ctx.errorCopy(m.error) : m.error }),
+      m.retryable && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-error-retry", onClick: ctx.onRetry, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
         "Retry"
       ] }) : null
     ] }) : null
@@ -8350,16 +8365,16 @@ function RunActions({ group, ctx }) {
   const isAssistant = group.role === "assistant";
   const fb = last.feedback;
   if (!ctx.messageActions) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-actions", role: "group", "aria-label": "Message actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", className: "fdc-act" + (copied ? " is-done" : ""), onClick: () => copy(markdownToText(text)), "aria-label": "Copy message", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-act-label", children: copied ? "Copied" : "Copy" })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-actions", role: "group", "aria-label": "Message actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-act" + (copied ? " is-done" : ""), onClick: () => copy(markdownToText(text)), "aria-label": "Copy message", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-act-label", children: copied ? "Copied" : "Copy" })
     ] }),
-    isAssistant && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("button", { type: "button", className: "fdc-act", onClick: ctx.onRetry, "aria-label": "Retry this turn", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
-    group.role === "user" && ctx.onEdit ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("button", { type: "button", className: "fdc-act", onClick: () => ctx.onEdit(last), "aria-label": "Edit and resend", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-pencil-simple", "aria-hidden": "true" }) }) : null,
-    isAssistant && ctx.onFeedback ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(React34.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("button", { type: "button", className: "fdc-act" + (fb === "up" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "up"), "aria-pressed": fb === "up", "aria-label": "Good response", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-thumbs-up", "aria-hidden": "true" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("button", { type: "button", className: "fdc-act" + (fb === "down" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "down"), "aria-pressed": fb === "down", "aria-label": "Bad response", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-thumbs-down", "aria-hidden": "true" }) })
+    isAssistant && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "fdc-act", onClick: ctx.onRetry, "aria-label": "Retry this turn", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
+    group.role === "user" && ctx.onEdit ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "fdc-act", onClick: () => ctx.onEdit(last), "aria-label": "Edit and resend", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-pencil-simple", "aria-hidden": "true" }) }) : null,
+    isAssistant && ctx.onFeedback ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(React34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "fdc-act" + (fb === "up" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "up"), "aria-pressed": fb === "up", "aria-label": "Good response", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-thumbs-up", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "fdc-act" + (fb === "down" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "down"), "aria-pressed": fb === "down", "aria-label": "Bad response", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-thumbs-down", "aria-hidden": "true" }) })
     ] }) : null,
     ctx.extraActions ? ctx.extraActions(group) : null
   ] });
@@ -8369,22 +8384,22 @@ function ChatTurn({ group, ctx }) {
   const name = isUser ? ctx.userName : group.author || ctx.assistantName;
   const avatar = isUser ? ctx.userAvatar : ctx.assistantAvatar;
   const stamp = group.messages[0].timestamp;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("article", { className: "fdc-turn is-" + group.role, "aria-label": String(name) + (stamp ? " at " + formatClock(stamp) : ""), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-turn-head", children: [
-      ctx.showAvatars ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-avatar is-" + group.role, "aria-hidden": "true", children: avatar ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("img", { src: avatar, alt: "" }) : isUser ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-avatar-txt", children: (name || "You").slice(0, 1).toUpperCase() }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("i", { className: "ph ph-" + (ctx.assistantIcon || "sparkle") }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-who", children: name }),
-      stamp ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RelativeTime, { className: "fdc-when", value: stamp }) : null,
-      group.messages.some((m) => m.model) ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "fdc-turn-model", children: group.messages.find((m) => m.model).model }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("article", { className: "fdc-turn is-" + group.role, "aria-label": String(name) + (stamp ? " at " + formatClock(stamp) : ""), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-turn-head", children: [
+      ctx.showAvatars ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-avatar is-" + group.role, "aria-hidden": "true", children: avatar ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("img", { src: avatar, alt: "" }) : isUser ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-avatar-txt", children: (name || "You").slice(0, 1).toUpperCase() }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-" + (ctx.assistantIcon || "sparkle") }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-who", children: name }),
+      stamp ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RelativeTime, { className: "fdc-when", value: stamp }) : null,
+      group.messages.some((m) => m.model) ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-turn-model", children: group.messages.find((m) => m.model).model }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fdc-turn-body", children: [
-      group.messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "fdc-msg" + (m.pending ? " is-pending" : ""), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MessageBody, { message: m, ctx }) }, m.id)),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RunActions, { group, ctx })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-turn-body", children: [
+      group.messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fdc-msg" + (m.pending ? " is-pending" : ""), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MessageBody, { message: m, ctx }) }, m.id)),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RunActions, { group, ctx })
     ] })
   ] });
 }
 
 // src/components/chat/ChatTranscript.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var GROUP_WINDOW = 6e4;
 var STICK_PX = 100;
 function groupMessages(list) {
@@ -8417,25 +8432,25 @@ function dayLabel(key) {
 }
 function Suggestions({ items = [], onPick }) {
   if (!items.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fdc-suggest", children: items.map((s, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fdc-suggest", children: items.map((s, i) => {
     const it = typeof s === "string" ? { label: s, text: s } : s;
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-suggest-item", onClick: () => onPick && onPick(it.text || it.label), children: [
-      it.icon ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-" + it.icon, "aria-hidden": "true" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "fdc-suggest-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-suggest-label", children: it.label }),
-        it.description ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-suggest-desc", children: it.description }) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", className: "fdc-suggest-item", onClick: () => onPick && onPick(it.text || it.label), children: [
+      it.icon ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-" + it.icon, "aria-hidden": "true" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "fdc-suggest-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "fdc-suggest-label", children: it.label }),
+        it.description ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "fdc-suggest-desc", children: it.description }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-arrow-up-right fdc-suggest-go", "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-arrow-up-right fdc-suggest-go", "aria-hidden": "true" })
     ] }, it.id || i);
   }) });
 }
 function LoadingTurns() {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fdc-skel", "aria-hidden": "true", children: [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-skel-turn", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fd-skel fd-skel-circle", style: { width: 22, height: 22 } }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-skel-lines", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fd-skel", style: { width: i ? "62%" : "44%", height: 11 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fd-skel", style: { width: i ? "94%" : "78%", height: 11 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fd-skel", style: { width: i ? "71%" : "56%", height: 11 } })
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fdc-skel", "aria-hidden": "true", children: [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-skel-turn", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fd-skel fd-skel-circle", style: { width: 22, height: 22 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-skel-lines", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fd-skel", style: { width: i ? "62%" : "44%", height: 11 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fd-skel", style: { width: i ? "94%" : "78%", height: 11 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fd-skel", style: { width: i ? "71%" : "56%", height: 11 } })
     ] })
   ] }, i)) });
 }
@@ -8494,36 +8509,36 @@ function ChatTranscript({
   }, []);
   const groups = React35.useMemo(() => groupMessages(messages), [messages]);
   const empty = !messages.length && status === "ready";
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
-      status === "loading" || status === "resolving" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoadingTurns, {}) : null,
-      status === "disconnected" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-dead", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-dead-icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-plugs", "aria-hidden": "true" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { className: "fdc-dead-title", children: ctx.deadTitle || "The assistant isn\u2019t reachable" }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "fdc-dead-body", children: fatal === "chat_unavailable" ? "The service reported chat_unavailable. Nothing you type will be lost \u2014 reopen the panel once it\u2019s back." : "The thread couldn\u2019t be resolved" + (fatal ? " (" + fatal + ")" : "") + ". The composer stays disabled until it resolves." }),
-        ctx.onReconnect ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fd-btn fd-btn-secondary fd-btn-sm", onClick: ctx.onReconnect, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
+      status === "loading" || status === "resolving" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LoadingTurns, {}) : null,
+      status === "disconnected" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-dead", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "fdc-dead-icon", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-plugs", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "fdc-dead-title", children: ctx.deadTitle || "The assistant isn\u2019t reachable" }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "fdc-dead-body", children: fatal === "chat_unavailable" ? "The service reported chat_unavailable. Nothing you type will be lost \u2014 reopen the panel once it\u2019s back." : "The thread couldn\u2019t be resolved" + (fatal ? " (" + fatal + ")" : "") + ". The composer stays disabled until it resolves." }),
+        ctx.onReconnect ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", className: "fd-btn fd-btn-secondary fd-btn-sm", onClick: ctx.onReconnect, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
           "Try again"
         ] }) : null
       ] }) : null,
-      empty ? renderEmpty ? renderEmpty() : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fdc-empty", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "fdc-empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-" + emptyIcon, "aria-hidden": "true" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { className: "fdc-empty-title", children: emptyTitle }),
-        emptyDescription ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "fdc-empty-body", children: emptyDescription }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Suggestions, { items: suggestions, onPick })
+      empty ? renderEmpty ? renderEmpty() : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "fdc-empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-" + emptyIcon, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "fdc-empty-title", children: emptyTitle }),
+        emptyDescription ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "fdc-empty-body", children: emptyDescription }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Suggestions, { items: suggestions, onPick })
       ] }) : null,
       groups.map((g, i) => {
         const prev = groups[i - 1];
         const k = dayKey(g.messages[0].timestamp);
         const showDay = !!k && (!prev || dayKey(prev.messages[0].timestamp) !== k);
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(React35.Fragment, { children: [
-          showDay ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fdc-day", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: dayLabel(k) }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ChatTurn, { group: g, ctx })
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(React35.Fragment, { children: [
+          showDay ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fdc-day", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: dayLabel(k) }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ChatTurn, { group: g, ctx })
         ] }, g.key || i);
       })
     ] }),
-    pill ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: "fdc-pill", onClick: () => toBottom(true), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("i", { className: "ph ph-arrow-down", "aria-hidden": "true" }),
+    pill ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", className: "fdc-pill", onClick: () => toBottom(true), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-arrow-down", "aria-hidden": "true" }),
       pill,
       " new message",
       pill === 1 ? "" : "s"
@@ -8534,7 +8549,7 @@ var TranscriptKit = { groupMessages };
 
 // src/components/chat/ChatComposer.tsx
 var React36 = __toESM(require("react"), 1);
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function ChatComposer({
   onSubmit,
   onStop,
@@ -8637,7 +8652,7 @@ function ChatComposer({
       description: it.description,
       icon: it.icon,
       meta: mention.meta,
-      shortcut: slash.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(KeyHint, { keys: slash.shortcut, size: "sm" }) : void 0,
+      shortcut: slash.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(KeyHint, { keys: slash.shortcut, size: "sm" }) : void 0,
       onSelect: () => {
         const insert = trigger.type === "slash" ? slash.immediate ? "/" + slash.id : "/" + slash.id + " " : "@" + (mention.value || mention.label) + " ";
         editor.current && editor.current.replaceRange(trigger.from, trigger.to, insert);
@@ -8700,14 +8715,14 @@ function ChatComposer({
     stopVoice.current = typeof res === "function" ? res : () => {
     };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-composer" + (disabled ? " is-disabled" : "") + (narrow ? " is-narrow" : ""), children: [
-    queue.length ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fdc-queue", "aria-label": "Queued messages", children: queue.map((q) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-queue-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-clock-countdown", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "fdc-queue-text", children: q.text || (q.attachments ? q.attachments.length + " file(s)" : "") }),
-      onRemoveQueued ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", className: "fdc-queue-x", onClick: () => onRemoveQueued(q.id), "aria-label": "Remove queued message", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fdc-composer" + (disabled ? " is-disabled" : "") + (narrow ? " is-narrow" : ""), children: [
+    queue.length ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fdc-queue", "aria-label": "Queued messages", children: queue.map((q) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fdc-queue-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-clock-countdown", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "fdc-queue-text", children: q.text || (q.attachments ? q.attachments.length + " file(s)" : "") }),
+      onRemoveQueued ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", className: "fdc-queue-x", onClick: () => onRemoveQueued(q.id), "aria-label": "Remove queued message", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
     ] }, q.id)) }) : null,
     sessionBar,
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       Dropzone,
       {
         className: "fdc-field",
@@ -8721,9 +8736,9 @@ function ChatComposer({
         disabled: !fileUploadHandler || disabled,
         label: "Drop to attach",
         hint: acceptFiles ? acceptFiles.replace(/,/g, " \xB7 ") : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { ref: wrap, className: "fdc-field-inner", children: [
-          staged.items.length ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fdc-staged", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FileStrip, { files: staged.items, size: narrow ? 60 : 68, onRemove: staged.remove, onRetry: staged.retry, onOpen: onOpenAttachment }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { ref: wrap, className: "fdc-field-inner", children: [
+          staged.items.length ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fdc-staged", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FileStrip, { files: staged.items, size: narrow ? 60 : 68, onRemove: staged.remove, onRetry: staged.retry, onOpen: onOpenAttachment }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             MarkdownEditor,
             {
               ref: editor,
@@ -8742,33 +8757,33 @@ function ChatComposer({
               ariaLabel: "Message"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-tools", children: [
-            fileUploadHandler ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FilePickButton, { onFiles: staged.add, onReject: (r) => flash(r[0].message), accept: acceptFiles, maxFileSize, label: "Attach files", icon: "plus" }) : null,
-            voiceHandler ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", className: "fd-attachbtn" + (listening ? " is-live" : ""), onClick: voice, "aria-pressed": listening, "aria-label": listening ? "Stop dictation" : "Dictate", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-" + (listening ? "waveform" : "microphone"), "aria-hidden": "true" }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fdc-tools", children: [
+            fileUploadHandler ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FilePickButton, { onFiles: staged.add, onReject: (r) => flash(r[0].message), accept: acceptFiles, maxFileSize, label: "Attach files", icon: "plus" }) : null,
+            voiceHandler ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", className: "fd-attachbtn" + (listening ? " is-live" : ""), onClick: voice, "aria-pressed": listening, "aria-label": listening ? "Stop dictation" : "Dictate", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-" + (listening ? "waveform" : "microphone"), "aria-hidden": "true" }) }) : null,
             toolbarExtras,
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "fdc-tools-gap" }),
-            maxLength && text.length > maxLength * 0.6 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "fdc-count fd-tabular" + (text.length > maxLength * 0.95 ? " is-hot" : ""), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "fdc-tools-gap" }),
+            maxLength && text.length > maxLength * 0.6 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "fdc-count fd-tabular" + (text.length > maxLength * 0.95 ? " is-hot" : ""), children: [
               text.length,
               "/",
               maxLength
             ] }) : null,
-            busy ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", className: "fdc-stop", onClick: onStop, "aria-label": "Stop generating", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: "Stop" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", className: "fdc-send", onClick: submit, disabled: !canSend, "aria-label": "Send message", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-paper-plane-right", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "fdc-send-label", children: "Send" })
+            busy ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("button", { type: "button", className: "fdc-stop", onClick: onStop, "aria-label": "Stop generating", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Stop" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("button", { type: "button", className: "fdc-send", onClick: submit, disabled: !canSend, "aria-label": "Send message", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-paper-plane-right", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "fdc-send-label", children: "Send" })
             ] })
           ] })
         ] })
       }
     ),
-    notice ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fdc-notice", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fdc-notice", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       notice
     ] }) : null,
-    hint && !notice ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fdc-hint", children: hint }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    hint && !notice ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fdc-hint", children: hint }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       Popover,
       {
         open: menuOpen,
@@ -8782,12 +8797,12 @@ function ChatComposer({
         returnFocus: false,
         closeOnOutside: true,
         label: trigger && trigger.type === "slash" ? "Commands" : "Mentions",
-        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           Menu,
           {
             items: menuItems,
             autoFocus: false,
-            header: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "fd-pop-group", children: trigger && trigger.type === "slash" ? "Commands" : "Attach context" }),
+            header: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fd-pop-group", children: trigger && trigger.type === "slash" ? "Commands" : "Attach context" }),
             onClose: () => setTrigger(null)
           }
         )
@@ -8798,7 +8813,7 @@ function ChatComposer({
 
 // src/components/chat/ChatSessionBar.tsx
 var React37 = __toESM(require("react"), 1);
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var compact2 = meterFormats.compact;
 function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extras }) {
   const [open, setOpen] = React37.useState(false);
@@ -8817,9 +8832,9 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
   if (stats && stats.runningTasks) bits.push(stats.runningTasks + " running task" + (stats.runningTasks === 1 ? "" : "s"));
   if (cu) bits.push(pct + "% context");
   const expandable = !!(cu || limits);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(React37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fdc-bar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(React37.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "fdc-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
         "button",
         {
           type: "button",
@@ -8830,16 +8845,16 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
           "aria-expanded": expandable ? open : void 0,
           "aria-label": expandable ? "Usage details" : void 0,
           children: [
-            cu ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "fdc-bar-mini", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SegmentedMeter, { total, segments: cu.segments, height: 4, showTotal: false }) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "fdc-bar-text", children: bits.join(" \xB7 ") }),
-            expandable ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-caret-right fdc-bar-caret", "aria-hidden": "true" }) : null
+            cu ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "fdc-bar-mini", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SegmentedMeter, { total, segments: cu.segments, height: 4, showTotal: false }) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "fdc-bar-text", children: bits.join(" \xB7 ") }),
+            expandable ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("i", { className: "ph ph-caret-right fdc-bar-caret", "aria-hidden": "true" }) : null
           ]
         }
       ),
       extras
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Popover, { open, anchorRef: anchor, placement: "top-start", onClose: () => setOpen(false), minWidth: 330, maxHeight: 460, padded: true, label: "Usage", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fdc-usage", children: [
-      cu ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("section", { className: "fdc-usage-sec", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Popover, { open, anchorRef: anchor, placement: "top-start", onClose: () => setOpen(false), minWidth: 330, maxHeight: 460, padded: true, label: "Usage", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "fdc-usage", children: [
+      cu ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("section", { className: "fdc-usage-sec", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         SegmentedMeter,
         {
           total,
@@ -8851,9 +8866,9 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
           remainderLabel: "Free"
         }
       ) }) : null,
-      limits && limits.length ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: "fdc-usage-sec", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h4", { className: "fdc-usage-h", children: "Usage limits" }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fdc-usage-rows", children: limits.map((l) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      limits && limits.length ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("section", { className: "fdc-usage-sec", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h4", { className: "fdc-usage-h", children: "Usage limits" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "fdc-usage-rows", children: limits.map((l) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           QuotaRow,
           {
             label: l.label,
@@ -8863,32 +8878,32 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
           l.id
         )) })
       ] }) : null,
-      stats ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: "fdc-usage-sec fdc-usage-stats", children: [
-        stats.elapsedMs ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Session" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("b", { className: "fd-tabular", children: formatDuration(stats.elapsedMs) })
+      stats ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("section", { className: "fdc-usage-sec fdc-usage-stats", children: [
+        stats.elapsedMs ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: "Session" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("b", { className: "fd-tabular", children: formatDuration(stats.elapsedMs) })
         ] }) : null,
-        stats.tokens ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Tokens" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("b", { className: "fd-tabular", children: stats.tokens.toLocaleString() })
+        stats.tokens ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: "Tokens" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("b", { className: "fd-tabular", children: stats.tokens.toLocaleString() })
         ] }) : null,
-        stats.costUsd != null ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Cost" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("b", { className: "fd-tabular", children: [
+        stats.costUsd != null ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: "Cost" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("b", { className: "fd-tabular", children: [
             "$",
             Number(stats.costUsd).toFixed(3)
           ] })
         ] }) : null,
-        stats.turns ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Turns" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("b", { className: "fd-tabular", children: stats.turns })
+        stats.turns ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: "Turns" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("b", { className: "fd-tabular", children: stats.turns })
         ] }) : null
       ] }) : null,
-      onClear ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("footer", { className: "fdc-usage-foot", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("button", { type: "button", className: "fdc-usage-clear", onClick: () => {
+      onClear ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("footer", { className: "fdc-usage-foot", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("button", { type: "button", className: "fdc-usage-clear", onClick: () => {
         setOpen(false);
         onClear();
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("i", { className: "ph ph-trash", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("i", { className: "ph ph-trash", "aria-hidden": "true" }),
         "Clear conversation"
       ] }) }) : null
     ] }) })
@@ -8925,7 +8940,7 @@ function ModelControls({
     disabled: m.disabled,
     checked: m.id === (current2 && current2.id),
     meta: m.meta,
-    shortcut: m.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(KeyHint, { keys: m.shortcut, size: "sm" }) : void 0,
+    shortcut: m.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(KeyHint, { keys: m.shortcut, size: "sm" }) : void 0,
     onSelect: () => onModelChange && onModelChange(m.id)
   });
   const items = [{ kind: "section", label: "Models" }].concat(flat.map(item));
@@ -8938,15 +8953,15 @@ function ModelControls({
     items.push({ kind: "section", label: "Fast mode" });
     items.push({
       kind: "custom",
-      render: () => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("label", { className: "fdc-switchrow", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: fastModeLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("input", { type: "checkbox", className: "fd-sr", checked: !!fastMode, onChange: (e) => onFastModeChange(e.target.checked) }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "fd-switch-track" + (fastMode ? " is-on" : ""), "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "fd-switch-thumb" }) })
+      render: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("label", { className: "fdc-switchrow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: fastModeLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "checkbox", className: "fd-sr", checked: !!fastMode, onChange: (e) => onFastModeChange(e.target.checked) }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "fd-switch-track" + (fastMode ? " is-on" : ""), "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "fd-switch-thumb" }) })
       ] })
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(React37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(React37.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       MenuButton,
       {
         items,
@@ -8957,7 +8972,7 @@ function ModelControls({
         title: "Choose a model"
       }
     ),
-    effortLevels && effortLevels.length ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    effortLevels && effortLevels.length ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       MenuButton,
       {
         placement: "top-end",
@@ -8978,7 +8993,7 @@ function ModelControls({
 }
 
 // src/components/chat/AgentChatPanel.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var SURFACES = { sidebar: "is-sidebar", inline: "is-inline", page: "is-page", modal: "is-modal", sheet: "is-sheet" };
 function AgentChatPanel({
   /* required */
@@ -9132,7 +9147,7 @@ function AgentChatPanel({
     onReconnect: engine.reload,
     deadTitle: "The assistant isn\u2019t reachable"
   };
-  const sessionBar = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  const sessionBar = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     ChatSessionBar,
     {
       sessionStats,
@@ -9141,7 +9156,7 @@ function AgentChatPanel({
       onClear: engine.visible.length ? engine.clear : void 0
     }
   );
-  const modelControls = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  const modelControls = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     ModelControls,
     {
       models,
@@ -9156,7 +9171,7 @@ function AgentChatPanel({
       narrow
     }
   );
-  const threadMenu = threads && threads.length ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  const threadMenu = threads && threads.length ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     MenuButton,
     {
       variant: "ghost",
@@ -9183,7 +9198,7 @@ function AgentChatPanel({
       })))
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "aside",
     {
       className: ["fdc-panel", SURFACES[surface] || SURFACES.sidebar, narrow ? "is-narrow" : "", className].filter(Boolean).join(" "),
@@ -9194,7 +9209,7 @@ function AgentChatPanel({
       },
       "aria-label": title,
       children: [
-        surface === "sidebar" && resizable ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        surface === "sidebar" && resizable ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             className: "fdc-grip",
@@ -9209,20 +9224,20 @@ function AgentChatPanel({
             }
           }
         ) : null,
-        showHeader ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("header", { className: "fdc-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "fdc-head-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("i", { className: "ph ph-" + assistantIcon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "fdc-head-titles", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "fdc-head-title", children: title }),
-            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "fdc-head-sub", children: subtitle }) : null
+        showHeader ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("header", { className: "fdc-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "fdc-head-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("i", { className: "ph ph-" + assistantIcon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "fdc-head-titles", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "fdc-head-title", children: title }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "fdc-head-sub", children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "fdc-head-acts", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "fdc-head-acts", children: [
             headerActions,
             threadMenu,
-            onNewThread ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onNewThread, "aria-label": "New conversation", title: "New conversation", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("i", { className: "ph ph-plus", "aria-hidden": "true" }) }) : null,
-            onClose ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onClose, "aria-label": "Close panel", title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
+            onNewThread ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onNewThread, "aria-label": "New conversation", title: "New conversation", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("i", { className: "ph ph-plus", "aria-hidden": "true" }) }) : null,
+            onClose ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onClose, "aria-label": "Close panel", title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           ChatTranscript,
           {
             messages: engine.visible,
@@ -9237,7 +9252,7 @@ function AgentChatPanel({
             renderEmpty
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           ChatComposer,
           {
             onSubmit: (text, atts) => engine.send(text, atts),
@@ -9664,6 +9679,8 @@ function createVersionStore(initialState, options) {
   FileStrip,
   FileTile,
   Flag,
+  FlytedeskBrand,
+  FlytedeskMark,
   FormatEta,
   Gate,
   IconButton,