@flytedan/flytebot-design-system 0.12.4 → 0.12.6

package/dist/index.js

@@ -50,8 +50,13 @@ function Button({
   );
 }
 
+// src/components/actions/overflowRowContext.ts
+import * as React from "react";
+var OverflowRowContext = React.createContext(false);
+var useOverflowRow = () => React.useContext(OverflowRowContext);
+
 // src/components/actions/IconButton.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function IconButton({
   icon,
   label,
@@ -63,21 +68,26 @@ function IconButton({
   className = "",
   ...rest
 }) {
+  const overflowRow = useOverflowRow();
   const cls = [
     "fd-btn-icon",
     variant === "outline" ? "fd-btn-icon-outline" : variant === "solid" ? "fd-btn-icon-solid" : "",
     tone !== "neutral" ? "is-" + tone : "",
     size === "sm" ? "fd-btn-icon-sm" : size === "lg" ? "fd-btn-icon-lg" : "",
     round ? "fd-btn-icon-round" : "",
+    overflowRow ? "fd-btn-icon-row" : "",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx2("button", { type: "button", className: cls, "aria-label": label, title: label, disabled, ...rest, children: /* @__PURE__ */ jsx2("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) });
+  return /* @__PURE__ */ jsxs2("button", { type: "button", className: cls, "aria-label": label, title: label, disabled, ...rest, children: [
+    /* @__PURE__ */ jsx2("i", { className: "ph ph-" + icon, "aria-hidden": "true" }),
+    overflowRow ? /* @__PURE__ */ jsx2("span", { className: "fd-btn-icon-row-label", children: label }) : null
+  ] });
 }
 
 // src/components/actions/Popover.tsx
-import * as React from "react";
+import * as React2 from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var MARGIN = 8;
 var parsePlacement = (p) => {
   const [side, align = "start"] = String(p || "bottom-start").split("-");
@@ -107,12 +117,12 @@ function measureLayer(el) {
 function usePopoverPosition(open, anchorRef, opts) {
   const o = opts || {};
   const { side: wantSide, align } = parsePlacement(o.placement);
-  const [pos, setPos] = React.useState(null);
-  const posRef = React.useRef(null);
-  const detachRef = React.useRef(o.onDetach);
+  const [pos, setPos] = React2.useState(null);
+  const posRef = React2.useRef(null);
+  const detachRef = React2.useRef(o.onDetach);
   detachRef.current = o.onDetach;
   const layerRef = o.layerRef;
-  React.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     if (!open || !anchorRef || !anchorRef.current) {
       posRef.current = null;
       setPos(null);
@@ -187,8 +197,8 @@ var portal = (node) => {
 };
 var ROOT_LAYER = 0;
 var LAYER_STEP = 10;
-var LayerContext = React.createContext(ROOT_LAYER);
-var useLayer = () => React.useContext(LayerContext);
+var LayerContext = React2.createContext(ROOT_LAYER);
+var useLayer = () => React2.useContext(LayerContext);
 var useOverlayLayer = (base) => {
   const parent = useLayer();
   return parent === ROOT_LAYER ? base : parent + LAYER_STEP;
@@ -218,7 +228,7 @@ function Popover({
   footer,
   children
 }) {
-  const ref = React.useRef(null);
+  const ref = React2.useRef(null);
   const pos = usePopoverPosition(!!open, anchorRef, {
     placement,
     offset,
@@ -230,9 +240,9 @@ function Popover({
     onDetach: onClose,
     layerRef: ref
   });
-  const restore = React.useRef(null);
+  const restore = React2.useRef(null);
   const zIndex = useOverlayLayer(POPOVER_BASE);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!open) return;
     restore.current = typeof document !== "undefined" ? document.activeElement : null;
     return () => {
@@ -244,7 +254,7 @@ function Popover({
       }
     };
   }, [open, returnFocus]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!open) return;
     const away = (e) => {
       if (!closeOnOutside) return;
@@ -270,7 +280,7 @@ function Popover({
   }, [open, closeOnOutside, closeOnEscape, onClose, anchorRef, triggerRef]);
   if (!open || !pos) return null;
   return portal(
-    /* @__PURE__ */ jsx3(LayerProvider, { zIndex, children: /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsx3(LayerProvider, { zIndex, children: /* @__PURE__ */ jsxs3(
       "div",
       {
         ref,
@@ -318,12 +328,12 @@ function Popover({
 }
 var isItem = (it) => !!it && it.kind !== "separator" && it.kind !== "section" && it.kind !== "custom" && !it.disabled;
 function Menu({ items = [], onSelect, onClose, autoFocus = true, className = "", footer, header }) {
-  const listRef = React.useRef(null);
-  const [active, setActive] = React.useState(() => items.findIndex(isItem));
-  const [openSub, setOpenSub] = React.useState(null);
-  const subAnchor = React.useRef(null);
-  const typed = React.useRef({ s: "", t: 0 });
-  React.useEffect(() => {
+  const listRef = React2.useRef(null);
+  const [active, setActive] = React2.useState(() => items.findIndex(isItem));
+  const [openSub, setOpenSub] = React2.useState(null);
+  const subAnchor = React2.useRef(null);
+  const typed = React2.useRef({ s: "", t: 0 });
+  React2.useEffect(() => {
     if (autoFocus && listRef.current) listRef.current.focus({ preventScroll: true });
   }, [autoFocus]);
   const move = (dir) => {
@@ -385,8 +395,8 @@ function Menu({ items = [], onSelect, onClose, autoFocus = true, className = "",
     }
   };
   const sub = openSub != null ? items[openSub] : null;
-  return /* @__PURE__ */ jsxs2(React.Fragment, { children: [
-    /* @__PURE__ */ jsxs2("div", { className: "fd-menu-frame", children: [
+  return /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
+    /* @__PURE__ */ jsxs3("div", { className: "fd-menu-frame", children: [
       header != null ? /* @__PURE__ */ jsx3("div", { className: "fd-menu-header", children: header }) : null,
       /* @__PURE__ */ jsx3(
         "div",
@@ -402,7 +412,7 @@ function Menu({ items = [], onSelect, onClose, autoFocus = true, className = "",
             if (it.kind === "section") return /* @__PURE__ */ jsx3("div", { className: "fd-pop-group", role: "presentation", children: it.label }, "h" + i);
             if (it.kind === "custom") return /* @__PURE__ */ jsx3("div", { className: "fd-menu-custom", children: it.render ? it.render() : null }, "c" + i);
             const on = !!it.checked;
-            const row = /* @__PURE__ */ jsxs2(
+            const row = /* @__PURE__ */ jsxs3(
               "button",
               {
                 type: "button",
@@ -420,7 +430,7 @@ function Menu({ items = [], onSelect, onClose, autoFocus = true, className = "",
                 onClick: () => choose(it, i),
                 children: [
                   it.icon ? /* @__PURE__ */ jsx3("span", { className: "fd-menu-icon", children: /* @__PURE__ */ jsx3("i", { className: "ph ph-" + it.icon, "aria-hidden": "true" }) }) : null,
-                  /* @__PURE__ */ jsxs2("span", { className: "fd-menu-text", children: [
+                  /* @__PURE__ */ jsxs3("span", { className: "fd-menu-text", children: [
                     /* @__PURE__ */ jsx3("span", { className: "fd-opt-label", children: it.label }),
                     it.description ? /* @__PURE__ */ jsx3("span", { className: "fd-opt-desc", children: it.description }) : null
                   ] }),
@@ -434,7 +444,7 @@ function Menu({ items = [], onSelect, onClose, autoFocus = true, className = "",
             );
             const ta = it.trailingAction;
             if (!ta) return row;
-            return /* @__PURE__ */ jsxs2("div", { className: "fd-menu-row", onMouseEnter: () => setActive(i), children: [
+            return /* @__PURE__ */ jsxs3("div", { className: "fd-menu-row", onMouseEnter: () => setActive(i), children: [
               row,
               /* @__PURE__ */ jsx3(
                 "button",
@@ -499,10 +509,10 @@ function MenuButton({
   header,
   footer
 }) {
-  const [open, setOpen] = React.useState(false);
-  const ref = React.useRef(null);
-  return /* @__PURE__ */ jsxs2(React.Fragment, { children: [
-    /* @__PURE__ */ jsxs2(
+  const [open, setOpen] = React2.useState(false);
+  const ref = React2.useRef(null);
+  return /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
@@ -559,7 +569,7 @@ function SegmentedControl({ options = [], value, onChange, className = "", ...re
 }
 
 // src/components/surfaces/Card.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function Card({
   title,
   action,
@@ -577,8 +587,8 @@ function Card({
     hoverable ? "fd-card-hoverable" : "",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs3("div", { className: cls, ...rest, children: [
-    title ? /* @__PURE__ */ jsxs3("div", { className: "fd-card-head", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: cls, ...rest, children: [
+    title ? /* @__PURE__ */ jsxs4("div", { className: "fd-card-head", children: [
       /* @__PURE__ */ jsx5("span", { className: "fd-card-head-title", children: title }),
       action
     ] }) : null,
@@ -587,15 +597,15 @@ function Card({
   ] });
 }
 function CardRow({ label, children, className = "" }) {
-  return /* @__PURE__ */ jsxs3("div", { className: ["fd-card-row", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs4("div", { className: ["fd-card-row", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsx5("span", { className: "fd-card-row-label", children: label }),
     /* @__PURE__ */ jsx5("span", { className: "fd-card-row-value", children })
   ] });
 }
 
 // src/components/surfaces/Collapsible.tsx
-import * as React2 from "react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import * as React3 from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Collapsible({
   title,
   subtitle,
@@ -608,16 +618,16 @@ function Collapsible({
   className = "",
   ...rest
 }) {
-  const [internal, setInternal] = React2.useState(defaultOpen);
+  const [internal, setInternal] = React3.useState(defaultOpen);
   const isOpen = open === void 0 ? internal : open;
   const toggle = () => {
     if (open === void 0) setInternal(!isOpen);
     if (onToggle) onToggle(!isOpen);
   };
-  return /* @__PURE__ */ jsxs4("div", { className: ["fd-coll", className].filter(Boolean).join(" "), "data-open": isOpen ? "true" : "false", ...rest, children: [
-    /* @__PURE__ */ jsxs4("button", { type: "button", className: "fd-coll-trigger", "aria-expanded": isOpen, onClick: toggle, children: [
+  return /* @__PURE__ */ jsxs5("div", { className: ["fd-coll", className].filter(Boolean).join(" "), "data-open": isOpen ? "true" : "false", ...rest, children: [
+    /* @__PURE__ */ jsxs5("button", { type: "button", className: "fd-coll-trigger", "aria-expanded": isOpen, onClick: toggle, children: [
       icon ? /* @__PURE__ */ jsx6("span", { className: "fd-coll-caret", style: { background: "var(--brand-soft)", color: "var(--brand)", transform: "none" }, children: /* @__PURE__ */ jsx6("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) }) : null,
-      /* @__PURE__ */ jsxs4("span", { style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsxs5("span", { style: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ jsx6("span", { className: "fd-coll-title", style: { display: "block" }, children: title }),
         subtitle ? /* @__PURE__ */ jsx6("span", { className: "fd-coll-sub", style: { display: "block" }, children: subtitle }) : null
       ] }),
@@ -629,19 +639,19 @@ function Collapsible({
 }
 
 // src/components/surfaces/Drawer.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var DRAWER_BASE = 90;
 function Drawer({ open = true, title, onClose, footer, children, className = "", ...rest }) {
   const zIndex = useOverlayLayer(DRAWER_BASE);
-  const [closing, setClosing] = React3.useState(false);
-  const close = React3.useCallback(() => {
+  const [closing, setClosing] = React4.useState(false);
+  const close = React4.useCallback(() => {
     if (!onClose) return;
     setClosing(true);
     setTimeout(onClose, 210);
   }, [onClose]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!open || !onClose) return;
     const h = (e) => {
       if (e.key === "Escape") close();
@@ -651,10 +661,10 @@ function Drawer({ open = true, title, onClose, footer, children, className = "",
   }, [open, onClose, close]);
   if (!open) return null;
   return createPortal2(
-    /* @__PURE__ */ jsxs5(LayerProvider, { zIndex, children: [
+    /* @__PURE__ */ jsxs6(LayerProvider, { zIndex, children: [
       /* @__PURE__ */ jsx7("div", { className: "fd-scrim" + (closing ? " is-closing" : ""), style: { display: "block", zIndex: zIndex - LAYER_STEP }, onClick: close }),
-      /* @__PURE__ */ jsxs5("aside", { className: ["fd-drawer", closing ? "is-closing" : "", className].filter(Boolean).join(" "), role: "dialog", "aria-modal": "true", ...rest, style: { zIndex }, children: [
-        /* @__PURE__ */ jsxs5("div", { className: "fd-card-head", style: { flex: "none" }, children: [
+      /* @__PURE__ */ jsxs6("aside", { className: ["fd-drawer", closing ? "is-closing" : "", className].filter(Boolean).join(" "), role: "dialog", "aria-modal": "true", ...rest, style: { zIndex }, children: [
+        /* @__PURE__ */ jsxs6("div", { className: "fd-card-head", style: { flex: "none" }, children: [
           /* @__PURE__ */ jsx7("span", { className: "fd-card-head-title", children: title }),
           onClose ? /* @__PURE__ */ jsx7("button", { type: "button", className: "fd-btn-icon", "aria-label": "Close", onClick: close, children: /* @__PURE__ */ jsx7("i", { className: "ph ph-x" }) }) : null
         ] }),
@@ -667,17 +677,17 @@ function Drawer({ open = true, title, onClose, footer, children, className = "",
 }
 
 // src/components/surfaces/Modal.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Modal({ open = true, title, description, onClose, footer, wide = false, children, className = "", ...rest }) {
-  const [closing, setClosing] = React4.useState(false);
-  const close = React4.useCallback(() => {
+  const [closing, setClosing] = React5.useState(false);
+  const close = React5.useCallback(() => {
     if (!onClose) return;
     setClosing(true);
     setTimeout(onClose, 190);
   }, [onClose]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     if (!open || !onClose) return;
     const h = (e) => {
       if (e.key === "Escape") close();
@@ -694,7 +704,7 @@ function Modal({ open = true, title, description, onClose, footer, wide = false,
         onClick: onClose ? (e) => {
           if (e.target === e.currentTarget) close();
         } : void 0,
-        children: /* @__PURE__ */ jsxs6(
+        children: /* @__PURE__ */ jsxs7(
           "div",
           {
             className: ["fd-modal", closing ? "is-closing" : "", wide ? "fd-modal-wide" : "", className].filter(Boolean).join(" "),
@@ -703,8 +713,8 @@ function Modal({ open = true, title, description, onClose, footer, wide = false,
             "aria-label": typeof title === "string" ? title : void 0,
             ...rest,
             children: [
-              title ? /* @__PURE__ */ jsxs6("div", { className: "fd-modal-head", children: [
-                /* @__PURE__ */ jsxs6("span", { style: { flex: 1, minWidth: 0 }, children: [
+              title ? /* @__PURE__ */ jsxs7("div", { className: "fd-modal-head", children: [
+                /* @__PURE__ */ jsxs7("span", { style: { flex: 1, minWidth: 0 }, children: [
                   /* @__PURE__ */ jsx8("span", { className: "fd-modal-title", style: { display: "block" }, children: title }),
                   description ? /* @__PURE__ */ jsx8("span", { className: "fd-body-sm fd-secondary", style: { display: "block", marginTop: 6 }, children: description }) : null
                 ] }),
@@ -722,7 +732,7 @@ function Modal({ open = true, title, description, onClose, footer, wide = false,
 }
 
 // src/components/loading/LoadingRegion.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function LoadingRegion({
   state = "ready",
   skeleton,
@@ -734,7 +744,7 @@ function LoadingRegion({
   ...rest
 }) {
   if (state === "empty" || state === "error") {
-    return /* @__PURE__ */ jsxs7("div", { className: ["fd-empty", className].filter(Boolean).join(" "), ...rest, children: [
+    return /* @__PURE__ */ jsxs8("div", { className: ["fd-empty", className].filter(Boolean).join(" "), ...rest, children: [
       /* @__PURE__ */ jsx9("span", { className: "fd-empty-icon", children: /* @__PURE__ */ jsx9("i", { className: state === "error" ? "ph ph-warning" : "ph ph-tray", "aria-hidden": "true" }) }),
       /* @__PURE__ */ jsx9("span", { className: "fd-empty-title", children: state === "error" ? "That didn't load" : "Nothing here yet" }),
       /* @__PURE__ */ jsx9("span", { className: "fd-empty-body", children: error || "Data will appear here once it exists." }),
@@ -742,7 +752,7 @@ function LoadingRegion({
     ] });
   }
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs7("div", { className, role: "status", "aria-busy": "true", "aria-label": label, ...rest, children: [
+    return /* @__PURE__ */ jsxs8("div", { className, role: "status", "aria-busy": "true", "aria-label": label, ...rest, children: [
       /* @__PURE__ */ jsx9("span", { className: "fd-sr", children: label }),
       skeleton
     ] });
@@ -760,14 +770,14 @@ function LoadingRegion({
 }
 
 // src/components/loading/ProgressBar.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function ProgressBar({ value, label, showValue = false, className = "", ...rest }) {
   const indeterminate = value === void 0 || value === null;
   const pct = indeterminate ? 0 : Math.max(0, Math.min(100, value));
-  return /* @__PURE__ */ jsxs8("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 8 }, children: [
-    label || showValue ? /* @__PURE__ */ jsxs8("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+  return /* @__PURE__ */ jsxs9("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 8 }, children: [
+    label || showValue ? /* @__PURE__ */ jsxs9("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
       label ? /* @__PURE__ */ jsx10("span", { className: "fd-label-lg", children: label }) : /* @__PURE__ */ jsx10("span", {}),
-      showValue && !indeterminate ? /* @__PURE__ */ jsxs8("span", { className: "fd-num fd-secondary", children: [
+      showValue && !indeterminate ? /* @__PURE__ */ jsxs9("span", { className: "fd-num fd-secondary", children: [
         pct,
         "%"
       ] }) : null
@@ -833,16 +843,16 @@ function Spinner({ size = "md", label = "Loading", className = "", style, ...res
 }
 
 // src/components/navigation/SidebarNav.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function Tip({ label, children }) {
   return /* @__PURE__ */ jsx13("span", { title: label, style: { display: "inline-flex", flex: "none" }, children });
 }
 function SidebarNav({ brand, groups = [], current: current2, onNavigate, footer, open = false, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs9("nav", { className: ["fd-side", className].filter(Boolean).join(" "), "data-open": open ? "true" : "false", ...rest, children: [
+  return /* @__PURE__ */ jsxs10("nav", { className: ["fd-side", className].filter(Boolean).join(" "), "data-open": open ? "true" : "false", ...rest, children: [
     brand ? /* @__PURE__ */ jsx13("div", { style: { height: "var(--topbar-h)", display: "flex", alignItems: "center", padding: "0 18px", borderBottom: "1px solid var(--border)", flex: "none", overflow: "hidden" }, children: brand }) : null,
-    /* @__PURE__ */ jsx13("div", { style: { flex: 1, overflow: "auto", padding: "4px 10px 18px" }, children: groups.map((g, gi) => /* @__PURE__ */ jsxs9("div", { children: [
+    /* @__PURE__ */ jsx13("div", { style: { flex: 1, overflow: "auto", padding: "4px 10px 18px" }, children: groups.map((g, gi) => /* @__PURE__ */ jsxs10("div", { children: [
       g.label ? /* @__PURE__ */ jsx13("div", { className: "fd-side-group", children: g.label }) : null,
-      /* @__PURE__ */ jsx13("div", { className: "fd-stack", style: { gap: 2 }, children: g.items.map((it) => /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsx13("div", { className: "fd-stack", style: { gap: 2 }, children: g.items.map((it) => /* @__PURE__ */ jsxs10(
         "button",
         {
           type: "button",
@@ -866,26 +876,26 @@ function SidebarNav({ brand, groups = [], current: current2, onNavigate, footer,
 }
 
 // src/components/navigation/FlytedeskBrand.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var LOGO_SRC = "https://cdn.prod.website-files.com/69a96def413819b7db64de8c/69ac8ec2ed84b986a5fb76dc_Logo%20(dark)%202.svg";
 function FlytedeskMark({ size = "md", className = "", ...rest }) {
   return /* @__PURE__ */ jsx14("span", { className: ["fd-brand-mark", size !== "md" ? "fd-brand-mark-" + size : "", className].filter(Boolean).join(" "), ...rest, children: /* @__PURE__ */ jsx14("img", { src: LOGO_SRC, alt: "flytedesk" }) });
 }
 function FlytedeskBrand({ appName, size = "md", className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs10("span", { className: ["fd-brand", size !== "md" ? "fd-brand-" + size : "", className].filter(Boolean).join(" "), ...rest, children: [
+  return /* @__PURE__ */ jsxs11("span", { className: ["fd-brand", size !== "md" ? "fd-brand-" + size : "", className].filter(Boolean).join(" "), ...rest, children: [
     /* @__PURE__ */ jsx14(FlytedeskMark, { size }),
     /* @__PURE__ */ jsx14("span", { className: "fd-overline fd-muted", children: appName })
   ] });
 }
 
 // src/components/navigation/Tabs.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
   return /* @__PURE__ */ jsx15("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__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "button",
       {
         type: "button",
@@ -904,13 +914,13 @@ function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
 }
 
 // src/components/navigation/Topbar.tsx
-import * as React5 from "react";
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import * as React6 from "react";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function useIsNarrow(breakpoint) {
-  const [narrow, setNarrow] = React5.useState(
+  const [narrow, setNarrow] = React6.useState(
     () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
   );
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mq = window.matchMedia(`(max-width: ${breakpoint}px)`);
     const apply = () => setNarrow(mq.matches);
@@ -931,11 +941,11 @@ function Topbar({
   ...rest
 }) {
   const narrow = useIsNarrow(overflowBreakpoint);
-  const [moreOpen, setMoreOpen] = React5.useState(false);
-  const moreRef = React5.useRef(null);
-  return /* @__PURE__ */ jsxs12("header", { className: ["fd-topbar", narrow ? "is-narrow" : "", className].filter(Boolean).join(" "), ...rest, children: [
+  const [moreOpen, setMoreOpen] = React6.useState(false);
+  const moreRef = React6.useRef(null);
+  return /* @__PURE__ */ jsxs13("header", { className: ["fd-topbar", narrow ? "is-narrow" : "", className].filter(Boolean).join(" "), ...rest, children: [
     onMenu ? /* @__PURE__ */ jsx16("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ jsx16("i", { className: "ph ph-list" }) }) : null,
-    /* @__PURE__ */ jsx16("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ jsxs12(React5.Fragment, { children: [
+    /* @__PURE__ */ jsx16("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ jsxs13(React6.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ jsx16("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
       i === crumbs.length - 1 ? /* @__PURE__ */ jsx16("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ jsx16(
         "a",
@@ -950,7 +960,7 @@ function Topbar({
       )
     ] }, i)) }),
     /* @__PURE__ */ jsx16("span", { style: { flex: 1 } }),
-    overflowActions != null ? narrow ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    overflowActions != null ? narrow ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
       /* @__PURE__ */ jsx16(
         "button",
         {
@@ -974,7 +984,7 @@ function Topbar({
           padded: true,
           label: "More actions",
           className: "fd-topbar-overflow",
-          children: /* @__PURE__ */ jsx16("div", { className: "fd-stack fd-topbar-overflow-list", children: overflowActions })
+          children: /* @__PURE__ */ jsx16("div", { className: "fd-stack fd-topbar-overflow-list", children: /* @__PURE__ */ jsx16(OverflowRowContext.Provider, { value: true, children: overflowActions }) })
         }
       )
     ] }) : overflowActions : null,
@@ -984,7 +994,7 @@ function Topbar({
 }
 
 // src/components/feedback/Avatar.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "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__ */ jsx17(
@@ -1000,17 +1010,17 @@ function Avatar({ name = "", src, size = "md", className = "", ...rest }) {
 function AvatarStack({ people = [], size = "sm", max = 4, className = "" }) {
   const shown = people.slice(0, max);
   const rest = people.length - shown.length;
-  return /* @__PURE__ */ jsxs13("span", { className: ["fd-avatar-stack", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs14("span", { className: ["fd-avatar-stack", className].filter(Boolean).join(" "), children: [
     shown.map((p, i) => /* @__PURE__ */ jsx17(Avatar, { name: typeof p === "string" ? p : p.name, src: typeof p === "string" ? void 0 : p.src, size }, i)),
     rest > 0 ? /* @__PURE__ */ jsx17(Avatar, { name: "+" + rest, size }) : null
   ] });
 }
 
 // src/components/feedback/Badge.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "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__ */ jsxs14("span", { className: ["fd-badge", TONES[tone] || TONES.neutral, className].filter(Boolean).join(" "), ...rest, children: [
+  return /* @__PURE__ */ jsxs15("span", { className: ["fd-badge", TONES[tone] || TONES.neutral, className].filter(Boolean).join(" "), ...rest, children: [
     dot ? /* @__PURE__ */ jsx18("span", { className: "fd-badge-dot", "aria-hidden": "true" }) : null,
     icon ? /* @__PURE__ */ jsx18("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) : null,
     children
@@ -1018,9 +1028,9 @@ function Badge({ children, tone = "neutral", dot = false, icon, className = "",
 }
 
 // src/components/feedback/EmptyState.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function EmptyState({ icon = "tray", title, children, action, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs15("div", { className: ["fd-empty", className].filter(Boolean).join(" "), ...rest, children: [
+  return /* @__PURE__ */ jsxs16("div", { className: ["fd-empty", className].filter(Boolean).join(" "), ...rest, children: [
     /* @__PURE__ */ jsx19("span", { className: "fd-empty-icon", children: /* @__PURE__ */ jsx19("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) }),
     /* @__PURE__ */ jsx19("span", { className: "fd-empty-title", children: title }),
     children ? /* @__PURE__ */ jsx19("span", { className: "fd-empty-body", children }) : null,
@@ -1029,12 +1039,12 @@ function EmptyState({ icon = "tray", title, children, action, className = "", ..
 }
 
 // src/components/feedback/Flag.tsx
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function Flag({ statement, cost, actions, tone = "warning", className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs16("div", { className: ["fd-flag", "fd-flag-" + tone, className].filter(Boolean).join(" "), role: "status", ...rest, children: [
-    /* @__PURE__ */ jsxs16("span", { className: "fd-flag-text", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: ["fd-flag", "fd-flag-" + tone, className].filter(Boolean).join(" "), role: "status", ...rest, children: [
+    /* @__PURE__ */ jsxs17("span", { className: "fd-flag-text", children: [
       statement,
-      cost ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
+      cost ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
         " ",
         /* @__PURE__ */ jsx20("span", { className: "fd-flag-cost", children: cost })
       ] }) : null
@@ -1086,10 +1096,10 @@ function hasModifier(e) {
 }
 
 // src/components/feedback/Tag.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var TONES2 = { info: "fd-tag-info", success: "fd-tag-success", warning: "fd-tag-warning", danger: "fd-tag-danger" };
 function Tag({ children, icon, selected = false, tone = "neutral", onRemove, onClick, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "button",
     {
       type: "button",
@@ -1119,7 +1129,7 @@ function Tag({ children, icon, selected = false, tone = "neutral", onRemove, onC
 }
 
 // src/components/feedback/Toast.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var ICON = {
   success: { i: "check", bg: "var(--ok-solid)" },
   error: { i: "x", bg: "var(--danger-solid)" },
@@ -1128,9 +1138,9 @@ var ICON = {
 };
 function Toast({ title, children, tone = "success", onUndo, onDismiss, className = "", ...rest }) {
   const ic = ICON[tone] || ICON.info;
-  return /* @__PURE__ */ jsxs18("div", { className: ["fd-toast", className].filter(Boolean).join(" "), role: "status", ...rest, children: [
+  return /* @__PURE__ */ jsxs19("div", { className: ["fd-toast", className].filter(Boolean).join(" "), role: "status", ...rest, children: [
     /* @__PURE__ */ jsx23("span", { className: "fd-toast-icon", style: { background: ic.bg }, "aria-hidden": "true", children: tone === "loading" ? /* @__PURE__ */ jsx23("span", { className: "fd-spinner", style: { width: 12, height: 12, borderWidth: 2, color: "#fff" } }) : /* @__PURE__ */ jsx23("i", { className: "ph ph-" + ic.i }) }),
-    /* @__PURE__ */ jsxs18("span", { className: "fd-toast-body", children: [
+    /* @__PURE__ */ jsxs19("span", { className: "fd-toast-body", children: [
       /* @__PURE__ */ jsx23("span", { className: "fd-toast-title", style: { display: "block" }, children: title }),
       children ? /* @__PURE__ */ jsx23("span", { className: "fd-secondary", style: { display: "block", marginTop: 2 }, children }) : null,
       onUndo ? /* @__PURE__ */ jsx23("button", { type: "button", className: "fd-btn fd-btn-link", style: { marginTop: 8 }, onClick: onUndo, children: "Undo" }) : null
@@ -1140,19 +1150,19 @@ function Toast({ title, children, tone = "success", onUndo, onDismiss, className
 }
 
 // src/components/feedback/Tooltip.tsx
-import * as React6 from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import * as React7 from "react";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var TOOLTIP_BASE = 150;
 var CLOSE_DELAY_MS = 120;
 function Tooltip({ label, placement = "top", children, className = "" }) {
-  const anchorRef = React6.useRef(null);
-  const bubbleRef = React6.useRef(null);
-  const [reason, setReason] = React6.useState(null);
-  const closeTimer = React6.useRef(null);
-  const id = React6.useId();
+  const anchorRef = React7.useRef(null);
+  const bubbleRef = React7.useRef(null);
+  const [reason, setReason] = React7.useState(null);
+  const closeTimer = React7.useRef(null);
+  const id = React7.useId();
   const descId = id + "-desc";
   const open = reason != null;
-  const cancelClose = React6.useCallback(() => {
+  const cancelClose = React7.useCallback(() => {
     if (closeTimer.current) {
       clearTimeout(closeTimer.current);
       closeTimer.current = null;
@@ -1162,7 +1172,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
     cancelClose();
     setReason(why);
   };
-  const hide = React6.useCallback(() => {
+  const hide = React7.useCallback(() => {
     cancelClose();
     setReason(null);
   }, [cancelClose]);
@@ -1177,7 +1187,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
       setReason((r) => r === "hover" ? null : r);
     }, CLOSE_DELAY_MS);
   };
-  React6.useEffect(() => cancelClose, [cancelClose]);
+  React7.useEffect(() => cancelClose, [cancelClose]);
   const pos = usePopoverPosition(open, anchorRef, {
     placement: placement === "bottom" ? "bottom-center" : "top-center",
     offset: 8,
@@ -1187,7 +1197,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
     onDetach: hide
   });
   const zIndex = useOverlayLayer(TOOLTIP_BASE);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!open) return;
     const key = (e) => {
       if (e.key === "Escape") hide();
@@ -1215,15 +1225,15 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
     }
     if (keyboard) show("focus");
   };
-  const described = React6.isValidElement(children) ? React6.cloneElement(children, {
+  const described = React7.isValidElement(children) ? React7.cloneElement(children, {
     "aria-describedby": [children.props["aria-describedby"], descId].filter(Boolean).join(" ")
   }) : children;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "span",
     {
       ref: anchorRef,
       className: "fd-tooltip-anchor",
-      "aria-describedby": React6.isValidElement(children) ? void 0 : descId,
+      "aria-describedby": React7.isValidElement(children) ? void 0 : descId,
       onPointerEnter: (e) => {
         if (isMouse(e)) hover();
       },
@@ -1267,8 +1277,8 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
 }
 
 // src/components/data/Clamp.tsx
-import * as React7 from "react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import * as React8 from "react";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function Clamp({
   children,
   text,
@@ -1279,16 +1289,16 @@ function Clamp({
   onToggle,
   className = ""
 }) {
-  const [open, setOpen] = React7.useState(false);
-  const [overflows, setOverflows] = React7.useState(false);
-  const bodyRef = React7.useRef(null);
-  const charClamped = React7.useMemo(() => {
+  const [open, setOpen] = React8.useState(false);
+  const [overflows, setOverflows] = React8.useState(false);
+  const bodyRef = React8.useRef(null);
+  const charClamped = React8.useMemo(() => {
     if (open || !maxChars || typeof text !== "string" || text.length <= maxChars) return null;
     const cut = text.slice(0, maxChars);
     const at = cut.lastIndexOf(" ");
     return (at > maxChars * 0.6 ? cut.slice(0, at) : cut).trimEnd() + "\u2026";
   }, [text, maxChars, open]);
-  React7.useLayoutEffect(() => {
+  React8.useLayoutEffect(() => {
     const node = bodyRef.current;
     if (maxChars || !node || !maxHeight) return;
     const measure = () => {
@@ -1309,9 +1319,9 @@ function Clamp({
       return !v;
     });
   };
-  return /* @__PURE__ */ jsxs20("div", { className: ["fd-clamp", clamped ? "is-clamped" : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs21("div", { className: ["fd-clamp", clamped ? "is-clamped" : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsx25("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__ */ jsxs20("button", { type: "button", className: "fd-clamp-more", onClick: toggle, "aria-expanded": open, children: [
+    (maxChars ? charClamped != null || open : overflows) ? /* @__PURE__ */ jsxs21("button", { type: "button", className: "fd-clamp-more", onClick: toggle, "aria-expanded": open, children: [
       /* @__PURE__ */ jsx25("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
       open ? lessLabel : moreLabel
     ] }) : null
@@ -1319,7 +1329,7 @@ function Clamp({
 }
 
 // src/components/data/CsiBadge.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var BANDS = {
   weak: { n: 1, label: "Weak" },
   adequate: { n: 2, label: "Adequate" },
@@ -1342,7 +1352,7 @@ 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__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "span",
     {
       className: ["fd-csi", "fd-csi-" + b.n, size === "medium" ? "fd-csi-medium" : "fd-csi-compact", preview ? "fd-csi-preview" : "", className].filter(Boolean).join(" "),
@@ -1359,7 +1369,7 @@ 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__ */ jsxs21("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 10 }, children: [
+  return /* @__PURE__ */ jsxs22("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 10 }, children: [
     /* @__PURE__ */ jsx26("span", { className: "fd-csi-hero-num", style: { color: mark }, children: crp !== void 0 && crp !== null ? formatCrp(crp) : "" }),
     /* @__PURE__ */ jsx26("span", { className: "fd-label-lg", style: { color: "var(--text-2)" }, children: label || b.label }),
     /* @__PURE__ */ jsx26("span", { className: "fd-meter", style: { gap: 3, color: mark, width: 120 }, children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx26("span", { className: "fd-meter-seg" + (i <= b.n ? " is-on" : ""), style: { height: 6, flex: 1 } }, i)) })
@@ -1367,7 +1377,7 @@ function CsiHero({ band = "weak", crp, label, className = "" }) {
 }
 
 // src/components/data/DataTable.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function DataTable({
   columns = [],
   rows = [],
@@ -1384,14 +1394,14 @@ function DataTable({
   ...rest
 }) {
   const stale = refreshing && !loading;
-  return /* @__PURE__ */ jsxs22("div", { className: "fd-table-host", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "fd-table-host", children: [
     /* @__PURE__ */ jsx27(
       "div",
       {
         className: ["fd-table-wrap", className].filter(Boolean).join(" "),
         "aria-busy": loading || refreshing ? "true" : void 0,
         ...rest,
-        children: /* @__PURE__ */ jsxs22("table", { className: ["fd-table", compact3 ? "fd-table-compact" : ""].filter(Boolean).join(" "), children: [
+        children: /* @__PURE__ */ jsxs23("table", { className: ["fd-table", compact3 ? "fd-table-compact" : ""].filter(Boolean).join(" "), children: [
           /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsx27("tr", { children: columns.map((c) => /* @__PURE__ */ jsx27(
             "th",
             {
@@ -1399,7 +1409,7 @@ function DataTable({
               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__ */ jsxs22("button", { type: "button", onClick: () => onSort(c.key), children: [
+              children: c.sortable && onSort ? /* @__PURE__ */ jsxs23("button", { type: "button", onClick: () => onSort(c.key), children: [
                 c.label,
                 sort && sort.key === c.key ? /* @__PURE__ */ jsx27("i", { className: "ph fd-caret ph-caret-" + (sort.dir === "asc" ? "up" : "down") }) : null
               ] }) : c.label
@@ -1419,7 +1429,7 @@ function DataTable({
         ] })
       }
     ),
-    stale ? /* @__PURE__ */ jsx27("div", { className: "fd-table-stale", children: /* @__PURE__ */ jsxs22("span", { className: "fd-table-stale-pill", role: "status", children: [
+    stale ? /* @__PURE__ */ jsx27("div", { className: "fd-table-stale", children: /* @__PURE__ */ jsxs23("span", { className: "fd-table-stale-pill", role: "status", children: [
       /* @__PURE__ */ jsx27("span", { className: "fd-spinner", "aria-hidden": "true" }),
       " Updating\u2026"
     ] }) }) : null
@@ -1427,17 +1437,19 @@ function DataTable({
 }
 
 // src/components/data/FilterBar.tsx
-import * as React8 from "react";
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import * as React9 from "react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+var FILTER_BAR_BASE = 120;
 var isSet = (v) => !(v == null || v === "" || v === false);
 function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align = "left", className = "", ...rest }) {
-  const [panel, setPanel] = React8.useState(null);
-  const rootRef = React8.useRef(null);
-  const textInputRef = React8.useRef(null);
-  const optionsRef = React8.useRef(null);
+  const [panel, setPanel] = React9.useState(null);
+  const zIndex = useOverlayLayer(FILTER_BAR_BASE);
+  const rootRef = React9.useRef(null);
+  const textInputRef = React9.useRef(null);
+  const optionsRef = React9.useRef(null);
   const editingField = panel && panel.kind === "edit" ? fields.find((f) => f.key === panel.key) : void 0;
   const dismissible = !!panel && (panel.kind === "add" || panel.kind === "edit" && editingField?.type === "select");
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     if (!dismissible) return;
     const away = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) setPanel(null);
@@ -1452,7 +1464,7 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
       document.removeEventListener("keydown", esc);
     };
   }, [dismissible]);
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     if (!panel || panel.kind !== "edit") return;
     if (editingField?.type === "text") {
       textInputRef.current?.focus();
@@ -1463,12 +1475,12 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
   }, [panel]);
   const addableFields = fields.filter((f) => !isSet(filters[f.key]));
   const startEditing = (key) => setPanel({ kind: "edit", key });
-  return /* @__PURE__ */ jsxs23("span", { className, style: { position: "relative", display: "inline-flex", flexWrap: "wrap", alignItems: "center", gap: 8 }, ref: rootRef, ...rest, children: [
+  return /* @__PURE__ */ jsxs24("span", { className, style: { position: "relative", display: "inline-flex", flexWrap: "wrap", alignItems: "center", gap: 8 }, ref: rootRef, ...rest, children: [
     fields.map((field) => {
       const value = filters[field.key];
       const editing = panel?.kind === "edit" && panel.key === field.key;
       if (editing && field.type === "text") {
-        return /* @__PURE__ */ jsxs23(
+        return /* @__PURE__ */ jsxs24(
           "span",
           {
             className: "fd-tag",
@@ -1514,19 +1526,19 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
       }
       if (editing && field.type === "select") {
         const chosen = field.options.find((o) => o.value === value);
-        return /* @__PURE__ */ jsxs23("span", { style: { position: "relative", display: "inline-flex" }, children: [
-          /* @__PURE__ */ jsxs23(Tag, { selected: true, onClick: () => setPanel(null), onRemove: () => {
+        return /* @__PURE__ */ jsxs24("span", { style: { position: "relative", display: "inline-flex" }, children: [
+          /* @__PURE__ */ jsxs24(Tag, { selected: true, onClick: () => setPanel(null), onRemove: () => {
             if (isSet(value)) onFilterRemove(field.key);
             setPanel(null);
           }, children: [
             field.label,
             chosen ? ": " + chosen.label : ""
           ] }),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx28(LayerProvider, { zIndex, children: /* @__PURE__ */ jsx28(
             "span",
             {
               className: "fd-view-enter",
-              style: { position: "absolute", top: "calc(100% + 6px)", left: 0, zIndex: 120, minWidth: 200, 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 },
+              style: { position: "absolute", top: "calc(100% + 6px)", left: 0, zIndex, minWidth: 200, 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__ */ jsx28("span", { className: "fd-stack", role: "listbox", "aria-label": field.label, ref: optionsRef, style: { gap: 2 }, children: field.options.map((o) => {
                 const on = o.value === value;
                 return /* @__PURE__ */ jsx28(
@@ -1547,13 +1559,13 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
                 );
               }) })
             }
-          )
+          ) })
         ] }, field.key);
       }
       if (isSet(value)) {
         const chosen = field.type === "select" ? field.options.find((o) => o.value === value) : void 0;
         const display = chosen ? chosen.label : String(value);
-        return /* @__PURE__ */ jsxs23(Tag, { selected: true, onClick: () => startEditing(field.key), onRemove: () => onFilterRemove(field.key), children: [
+        return /* @__PURE__ */ jsxs24(Tag, { selected: true, onClick: () => startEditing(field.key), onRemove: () => onFilterRemove(field.key), children: [
           field.label,
           ": ",
           display
@@ -1561,7 +1573,7 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
       }
       return null;
     }),
-    addableFields.length > 0 ? /* @__PURE__ */ jsxs23("span", { style: { position: "relative", display: "inline-flex" }, children: [
+    addableFields.length > 0 ? /* @__PURE__ */ jsxs24("span", { style: { position: "relative", display: "inline-flex" }, children: [
       /* @__PURE__ */ jsx28(
         Button,
         {
@@ -1574,12 +1586,12 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
           children: "Filter"
         }
       ),
-      panel?.kind === "add" ? /* @__PURE__ */ jsx28(
+      panel?.kind === "add" ? /* @__PURE__ */ jsx28(LayerProvider, { zIndex, children: /* @__PURE__ */ jsx28(
         "span",
         {
           className: "fd-view-enter",
-          style: { position: "absolute", top: "calc(100% + 6px)", [align]: 0, zIndex: 120, width: 220, 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__ */ jsxs23("span", { className: "fd-stack", role: "menu", "aria-label": "Add filter", style: { gap: 2 }, children: [
+          style: { position: "absolute", top: "calc(100% + 6px)", [align]: 0, zIndex, width: 220, 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__ */ jsxs24("span", { className: "fd-stack", role: "menu", "aria-label": "Add filter", style: { gap: 2 }, children: [
             /* @__PURE__ */ jsx28("span", { className: "fd-overline fd-muted", style: { padding: "4px 8px 6px" }, children: "Add filter" }),
             addableFields.map((f) => /* @__PURE__ */ jsx28(
               "button",
@@ -1595,18 +1607,18 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
             ))
           ] })
         }
-      ) : null
+      ) }) : null
     ] }) : null
   ] });
 }
 
 // src/components/data/StatTile.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function StatTile({ label, value, sub, delta, loading = false, compact: compact3 = false, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs24("div", { className: ["fd-stat", compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
-    loading ? /* @__PURE__ */ jsx29("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: compact3 ? 20 : 28, width: "62%" } }) : /* @__PURE__ */ jsxs24("span", { className: "fd-stat-top", children: [
+  return /* @__PURE__ */ jsxs25("div", { className: ["fd-stat", compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
+    loading ? /* @__PURE__ */ jsx29("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: compact3 ? 20 : 28, width: "62%" } }) : /* @__PURE__ */ jsxs25("span", { className: "fd-stat-top", children: [
       /* @__PURE__ */ jsx29("span", { className: "fd-stat-figure", children: value }),
-      delta ? /* @__PURE__ */ jsxs24("span", { className: delta.startsWith("-") ? "fd-stat-delta-down" : "fd-stat-delta-up", style: { fontWeight: 600, fontSize: "var(--body-sm-size)", flex: "none" }, children: [
+      delta ? /* @__PURE__ */ jsxs25("span", { className: delta.startsWith("-") ? "fd-stat-delta-down" : "fd-stat-delta-up", style: { fontWeight: 600, fontSize: "var(--body-sm-size)", flex: "none" }, children: [
         /* @__PURE__ */ jsx29("i", { className: "ph ph-arrow-" + (delta.startsWith("-") ? "down" : "up") + "-right", "aria-hidden": "true" }),
         " ",
         delta
@@ -1618,8 +1630,8 @@ function StatTile({ label, value, sub, delta, loading = false, compact: compact3
 }
 
 // src/components/data/CodeBlock.tsx
-import * as React9 from "react";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import * as React10 from "react";
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs26 } from "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: [
@@ -1774,13 +1786,13 @@ function tokenize(src, lang) {
   return out;
 }
 function Highlighted({ code, lang }) {
-  const toks = React9.useMemo(() => tokenize(code, lang), [code, lang]);
+  const toks = React10.useMemo(() => tokenize(code, lang), [code, lang]);
   return /* @__PURE__ */ jsx30(Fragment5, { children: toks.map((tk, i) => tk.c ? /* @__PURE__ */ jsx30("span", { className: "tok-" + tk.c, children: tk.t }, i) : tk.t) });
 }
 function useCopy() {
-  const [done, setDone] = React9.useState(false);
-  const timer = React9.useRef(null);
-  React9.useEffect(() => () => {
+  const [done, setDone] = React10.useState(false);
+  const timer = React10.useRef(null);
+  React10.useEffect(() => () => {
     if (timer.current) clearTimeout(timer.current);
   }, []);
   const copy = (text) => {
@@ -1816,37 +1828,37 @@ function CodeBlock({
   actions,
   className = ""
 }) {
-  const [wrap, setWrap] = React9.useState(!!wrapDefault);
-  const [open, setOpen] = React9.useState(false);
+  const [wrap, setWrap] = React10.useState(!!wrapDefault);
+  const [open, setOpen] = React10.useState(false);
   const [copied, copy] = useCopy();
   const body = String(code).replace(/\n$/, "");
   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__ */ jsxs25("div", { className: ["fd-code", wrap ? "is-wrap" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs25("div", { className: "fd-code-head", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: ["fd-code", wrap ? "is-wrap" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs26("div", { className: "fd-code-head", children: [
       filename ? /* @__PURE__ */ jsx30("span", { className: "fd-code-file", children: filename }) : null,
       /* @__PURE__ */ jsx30("span", { className: "fd-code-lang", children: languageLabel(language) }),
       /* @__PURE__ */ jsx30("span", { className: "fd-code-spacer" }),
       actions,
       /* @__PURE__ */ jsx30("button", { type: "button", className: "fd-code-act", onClick: () => setWrap((v) => !v), "aria-pressed": wrap, title: wrap ? "No wrap" : "Soft wrap", children: /* @__PURE__ */ jsx30("i", { className: "ph ph-text-" + (wrap ? "columns" : "align-left"), "aria-hidden": "true" }) }),
-      copyable ? /* @__PURE__ */ jsxs25("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(body), children: [
+      copyable ? /* @__PURE__ */ jsxs26("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(body), children: [
         /* @__PURE__ */ jsx30("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
         /* @__PURE__ */ jsx30("span", { children: copied ? "Copied" : "Copy" })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "fd-code-body", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "fd-code-body", children: [
       lineNumbers ? /* @__PURE__ */ jsx30("pre", { className: "fd-code-gutter", "aria-hidden": "true", children: shown.split("\n").map((_, i) => i + 1 + "\n").join("") }) : null,
       /* @__PURE__ */ jsx30("pre", { className: "fd-code-pre", tabIndex: 0, children: /* @__PURE__ */ jsx30("code", { children: /* @__PURE__ */ jsx30(Highlighted, { code: shown, lang: language }) }) })
     ] }),
-    foldable ? /* @__PURE__ */ jsxs25("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+    foldable ? /* @__PURE__ */ jsxs26("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
       /* @__PURE__ */ jsx30("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
       open ? "Collapse" : "Show all " + lines.length + " lines"
     ] }) : null
   ] });
 }
 function DiffBlock({ diff = "", filename, collapseAfter = 34, className = "" }) {
-  const [open, setOpen] = React9.useState(false);
+  const [open, setOpen] = React10.useState(false);
   const [copied, copy] = useCopy();
   const raw = String(diff).replace(/\n$/, "");
   const all = raw.split("\n").map((line) => {
@@ -1860,31 +1872,31 @@ 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__ */ jsxs25("div", { className: ["fd-code", "fd-diff", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs25("div", { className: "fd-code-head", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: ["fd-code", "fd-diff", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs26("div", { className: "fd-code-head", children: [
       /* @__PURE__ */ jsx30("i", { className: "ph ph-git-diff fd-code-icon", "aria-hidden": "true" }),
       filename ? /* @__PURE__ */ jsx30("span", { className: "fd-code-file", children: filename }) : /* @__PURE__ */ jsx30("span", { className: "fd-code-lang", children: "Diff" }),
-      /* @__PURE__ */ jsxs25("span", { className: "fd-diff-stat fd-tabular", children: [
-        /* @__PURE__ */ jsxs25("span", { className: "is-add", children: [
+      /* @__PURE__ */ jsxs26("span", { className: "fd-diff-stat fd-tabular", children: [
+        /* @__PURE__ */ jsxs26("span", { className: "is-add", children: [
           "+",
           adds
         ] }),
-        /* @__PURE__ */ jsxs25("span", { className: "is-del", children: [
+        /* @__PURE__ */ jsxs26("span", { className: "is-del", children: [
           "\u2212",
           dels
         ] })
       ] }),
       /* @__PURE__ */ jsx30("span", { className: "fd-code-spacer" }),
-      /* @__PURE__ */ jsxs25("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(raw), children: [
+      /* @__PURE__ */ jsxs26("button", { type: "button", className: "fd-code-act" + (copied ? " is-done" : ""), onClick: () => copy(raw), children: [
         /* @__PURE__ */ jsx30("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
         /* @__PURE__ */ jsx30("span", { children: copied ? "Copied" : "Copy" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx30("div", { className: "fd-diff-body", children: rows.map((r, i) => /* @__PURE__ */ jsxs25("div", { className: "fd-diff-line is-" + r.k, children: [
+    /* @__PURE__ */ jsx30("div", { className: "fd-diff-body", children: rows.map((r, i) => /* @__PURE__ */ jsxs26("div", { className: "fd-diff-line is-" + r.k, children: [
       /* @__PURE__ */ jsx30("span", { className: "fd-diff-mark", "aria-hidden": "true", children: r.k === "add" ? "+" : r.k === "del" ? "\u2212" : "" }),
       /* @__PURE__ */ jsx30("code", { children: r.k === "add" || r.k === "del" ? r.line.slice(1) : r.line })
     ] }, i)) }),
-    foldable ? /* @__PURE__ */ jsxs25("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+    foldable ? /* @__PURE__ */ jsxs26("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
       /* @__PURE__ */ jsx30("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" }),
       open ? "Collapse" : "Show all " + all.length + " lines"
     ] }) : null
@@ -1892,8 +1904,8 @@ function DiffBlock({ diff = "", filename, collapseAfter = 34, className = "" })
 }
 
 // src/components/data/Markdown.tsx
-import * as React10 from "react";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import * as React11 from "react";
+import { jsx as jsx31, jsxs as jsxs27 } from "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 = [
@@ -1931,7 +1943,7 @@ function inlineNodes(src, ctx, keyBase) {
       const href = safeHref(g(2));
       out.push(href ? /* @__PURE__ */ jsx31("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__ */ jsx31("span", { children: g(1) }, key()));
     } else if (kind === "cite") {
-      out.push(ctx.renderCitation ? /* @__PURE__ */ jsx31(React10.Fragment, { children: ctx.renderCitation(g(1)) }, key()) : /* @__PURE__ */ jsx31("sup", { className: "fd-md-cite", children: g(1) }, key()));
+      out.push(ctx.renderCitation ? /* @__PURE__ */ jsx31(React11.Fragment, { children: ctx.renderCitation(g(1)) }, key()) : /* @__PURE__ */ jsx31("sup", { className: "fd-md-cite", children: g(1) }, key()));
     } else if (kind === "strongem") out.push(/* @__PURE__ */ jsx31("strong", { children: /* @__PURE__ */ jsx31("em", { children: inlineNodes(g(1), ctx, key()) }) }, key()));
     else if (kind === "strong") out.push(/* @__PURE__ */ jsx31("strong", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
     else if (kind === "em") out.push(/* @__PURE__ */ jsx31("em", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
@@ -2071,13 +2083,13 @@ function renderBlocks(blocks, ctx, path) {
       case "list": {
         const Tag2 = b.ordered ? "ol" : "ul";
         const isTask = b.items.some((it) => it.checked != null);
-        return /* @__PURE__ */ jsx31(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__ */ jsxs26("li", { className: it.checked != null ? it.checked ? "is-done" : "is-todo" : void 0, children: [
+        return /* @__PURE__ */ jsx31(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__ */ jsxs27("li", { className: it.checked != null ? it.checked ? "is-done" : "is-todo" : void 0, children: [
           it.checked != null ? /* @__PURE__ */ jsx31("span", { className: "fd-md-task", "aria-hidden": "true", children: /* @__PURE__ */ jsx31("i", { className: "ph ph-" + (it.checked ? "check-square" : "square") }) }) : null,
           /* @__PURE__ */ jsx31("span", { className: "fd-md-li", children: renderBlocks(it.children, ctx, k + "-" + j) })
         ] }, k + "-" + j)) }, k);
       }
       case "table":
-        return /* @__PURE__ */ jsx31("div", { className: "fd-md-tablewrap", children: /* @__PURE__ */ jsxs26("table", { className: "fd-md-table", children: [
+        return /* @__PURE__ */ jsx31("div", { className: "fd-md-tablewrap", children: /* @__PURE__ */ jsxs27("table", { className: "fd-md-table", children: [
           /* @__PURE__ */ jsx31("thead", { children: /* @__PURE__ */ jsx31("tr", { children: b.head.map((c, j) => /* @__PURE__ */ jsx31("th", { style: { textAlign: b.align[j] || "left" }, children: inlineNodes(c, ctx, k + "h" + j) }, j)) }) }),
           /* @__PURE__ */ jsx31("tbody", { children: b.rows.map((r, ri) => /* @__PURE__ */ jsx31("tr", { children: b.head.map((_, ci) => /* @__PURE__ */ jsx31("td", { style: { textAlign: b.align[ci] || "left" }, children: inlineNodes(r[ci] || "", ctx, k + ri + "c" + ci) }, ci)) }, ri)) })
         ] }) }, k);
@@ -2096,7 +2108,7 @@ function Markdown({
   onLinkClick
 }) {
   const ctx = { allowImages, headingOffset, renderCitation, onLinkClick, codeProps };
-  const blocks = React10.useMemo(() => parseBlocks(source), [source]);
+  const blocks = React11.useMemo(() => parseBlocks(source), [source]);
   return /* @__PURE__ */ jsx31("div", { className: ["fd-md", className].filter(Boolean).join(" "), children: renderBlocks(blocks, ctx, "b") });
 }
 function MarkdownInline({ source = "", className = "", onLinkClick }) {
@@ -2107,13 +2119,13 @@ function markdownToText(src) {
 }
 
 // src/components/data/Meter.tsx
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs28 } from "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__ */ jsxs27("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 8 }, children: [
+  return /* @__PURE__ */ jsxs28("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 8 }, children: [
     label ? /* @__PURE__ */ jsx32("span", { className: "fd-label-lg fd-secondary", children: label }) : null,
-    /* @__PURE__ */ jsxs27("div", { className: "fd-meterbar", style: { height }, children: [
+    /* @__PURE__ */ jsxs28("div", { className: "fd-meterbar", style: { height }, children: [
       segments.map((s, i) => /* @__PURE__ */ jsx32(
         "span",
         {
@@ -2125,12 +2137,12 @@ function Meter({ segments = [], unallocated = 0, height = 8, label, legend = fal
       )),
       unallocated > 0 ? /* @__PURE__ */ jsx32("span", { className: "fd-meterbar-seg fd-meterbar-unallocated", title: "Unallocated", style: { width: pct(unallocated) + "%" } }) : null
     ] }),
-    legend ? /* @__PURE__ */ jsxs27("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap" }, children: [
-      segments.map((s, i) => /* @__PURE__ */ jsxs27("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
+    legend ? /* @__PURE__ */ jsxs28("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap" }, children: [
+      segments.map((s, i) => /* @__PURE__ */ jsxs28("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
         /* @__PURE__ */ jsx32("span", { style: { width: 9, height: 9, borderRadius: 2, background: s.color || "var(--chart-" + (i % 8 + 1) + ")" } }),
         s.label
       ] }, i)),
-      unallocated > 0 ? /* @__PURE__ */ jsxs27("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
+      unallocated > 0 ? /* @__PURE__ */ jsxs28("span", { className: "fd-row fd-body-sm fd-secondary", style: { gap: 7 }, children: [
         /* @__PURE__ */ jsx32("span", { className: "fd-meterbar-unallocated", style: { width: 9, height: 9, borderRadius: 2 } }),
         "Unallocated"
       ] }) : null
@@ -2139,7 +2151,7 @@ function Meter({ segments = [], unallocated = 0, height = 8, label, legend = fal
 }
 
 // src/components/data/Pagination.tsx
-import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function Pagination({
   page = 1,
   pageSize = 25,
@@ -2164,12 +2176,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__ */ jsxs28("div", { className: ["fd-pag", className].filter(Boolean).join(" "), ...rest, children: [
-    /* @__PURE__ */ jsx33("span", { className: "fd-pag-count", children: loading ? /* @__PURE__ */ jsx33("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 12, width: 108 } }) : total === 0 ? /* @__PURE__ */ jsxs28(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs29("div", { className: ["fd-pag", className].filter(Boolean).join(" "), ...rest, children: [
+    /* @__PURE__ */ jsx33("span", { className: "fd-pag-count", children: loading ? /* @__PURE__ */ jsx33("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 12, width: 108 } }) : total === 0 ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
       "No ",
       unit
-    ] }) : /* @__PURE__ */ jsxs28(Fragment7, { children: [
-      /* @__PURE__ */ jsxs28("strong", { children: [
+    ] }) : /* @__PURE__ */ jsxs29(Fragment7, { children: [
+      /* @__PURE__ */ jsxs29("strong", { children: [
         from.toLocaleString(),
         "\u2013",
         to.toLocaleString()
@@ -2179,11 +2191,11 @@ function Pagination({
       " ",
       unit
     ] }) }),
-    onPageSizeChange ? /* @__PURE__ */ jsxs28("label", { className: "fd-pag-size", children: [
+    onPageSizeChange ? /* @__PURE__ */ jsxs29("label", { className: "fd-pag-size", children: [
       /* @__PURE__ */ jsx33("span", { children: "Rows" }),
       /* @__PURE__ */ jsx33("select", { value: pageSize, onChange: (e) => onPageSizeChange(Number(e.target.value)), "aria-label": "Rows per page", children: pageSizes.map((n) => /* @__PURE__ */ jsx33("option", { value: n, children: n }, n)) })
     ] }) : null,
-    /* @__PURE__ */ jsxs28("span", { className: "fd-pag-nav", children: [
+    /* @__PURE__ */ jsxs29("span", { className: "fd-pag-nav", children: [
       /* @__PURE__ */ jsx33("button", { type: "button", onClick: () => go(1), disabled: page <= 1, "aria-label": "First page", children: /* @__PURE__ */ jsx33("i", { className: "ph ph-caret-double-left" }) }),
       /* @__PURE__ */ jsx33("button", { type: "button", onClick: () => go(page - 1), disabled: page <= 1, "aria-label": "Previous page", children: /* @__PURE__ */ jsx33("i", { className: "ph ph-caret-left" }) }),
       nums.map((n, i) => n === "\u2026" ? /* @__PURE__ */ jsx33("span", { className: "fd-pag-gap", "aria-hidden": "true", children: "\u2026" }, "e" + i) : /* @__PURE__ */ jsx33(
@@ -2204,8 +2216,8 @@ function Pagination({
 }
 
 // src/components/data/RelativeTime.tsx
-import * as React11 from "react";
-import { jsxs as jsxs29 } from "react/jsx-runtime";
+import * as React12 from "react";
+import { jsxs as jsxs30 } from "react/jsx-runtime";
 var MIN = 6e4;
 var HOUR = 36e5;
 var DAY = 864e5;
@@ -2256,9 +2268,9 @@ function formatDuration(ms) {
   return h + "h" + (m % 60 ? " " + m % 60 + "m" : "");
 }
 function RelativeTime({ value, prefix, className = "", refresh: refresh2 = true, ...rest }) {
-  const [, force] = React11.useState(0);
+  const [, force] = React12.useState(0);
   const t = value instanceof Date ? value.getTime() : Date.parse(value);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!refresh2 || !t || isNaN(t)) return;
     const abs = Math.abs(t - Date.now());
     if (abs > DAY) return;
@@ -2267,17 +2279,17 @@ function RelativeTime({ value, prefix, className = "", refresh: refresh2 = true,
     return () => clearInterval(id);
   }, [t, refresh2]);
   if (!t || isNaN(t)) return null;
-  return /* @__PURE__ */ jsxs29("time", { className, dateTime: new Date(t).toISOString(), title: formatAbsolute(new Date(t)), ...rest, children: [
+  return /* @__PURE__ */ jsxs30("time", { className, dateTime: new Date(t).toISOString(), title: formatAbsolute(new Date(t)), ...rest, children: [
     prefix ? prefix + " " : "",
     formatRelative(new Date(t))
   ] });
 }
 
 // src/components/data/ScoreMeter.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 
 // src/components/data/SegmentedMeter.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 
 // src/kits/files.ts
 function formatBytes(n) {
@@ -2437,7 +2449,7 @@ var FileKit = {
 };
 
 // src/components/data/SegmentedMeter.tsx
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 var VARIANT_FILL = {
   brand: "var(--brand)",
   neutral: "var(--n-400)",
@@ -2482,16 +2494,16 @@ function SegmentedMeter({
   const pct = safeTotal ? Math.min(100, Math.round(used / safeTotal * 100)) : 0;
   const w = (v) => safeTotal ? Math.max(0, Math.min(100, Number(v) / safeTotal * 100)) : 0;
   const fill = (s, i) => s.color || (s.variant ? VARIANT_FILL[s.variant] : void 0) || CHART[i % CHART.length];
-  const generatedId = React12.useId();
+  const generatedId = React13.useId();
   const uid2 = id || generatedId;
-  return /* @__PURE__ */ jsxs30("div", { className: ["fd-segmeter", className].filter(Boolean).join(" "), onClick, children: [
-    label || showTotal ? /* @__PURE__ */ jsxs30("div", { className: "fd-segmeter-head", children: [
+  return /* @__PURE__ */ jsxs31("div", { className: ["fd-segmeter", className].filter(Boolean).join(" "), onClick, children: [
+    label || showTotal ? /* @__PURE__ */ jsxs31("div", { className: "fd-segmeter-head", children: [
       label ? /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-label", id: uid2 + "-l", children: label }) : /* @__PURE__ */ jsx34("span", {}),
-      showTotal ? /* @__PURE__ */ jsxs30("span", { className: "fd-segmeter-total fd-tabular", children: [
+      showTotal ? /* @__PURE__ */ jsxs31("span", { className: "fd-segmeter-total fd-tabular", children: [
         format(used),
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-sep", children: " / " }),
         safeTotal ? format(safeTotal) : "\u2014",
-        showPercent ? /* @__PURE__ */ jsxs30("span", { className: "fd-segmeter-pct", children: [
+        showPercent ? /* @__PURE__ */ jsxs31("span", { className: "fd-segmeter-pct", children: [
           " (",
           pct,
           "%)"
@@ -2521,13 +2533,13 @@ function SegmentedMeter({
         ))
       }
     ),
-    legend ? /* @__PURE__ */ jsxs30("ul", { className: "fd-segmeter-legend", children: [
-      items.map((s, i) => /* @__PURE__ */ jsxs30("li", { children: [
+    legend ? /* @__PURE__ */ jsxs31("ul", { className: "fd-segmeter-legend", children: [
+      items.map((s, i) => /* @__PURE__ */ jsxs31("li", { children: [
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-dot", style: { background: fill(s, i) }, "aria-hidden": "true" }),
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-key", children: s.label }),
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-val fd-tabular", children: format(s.value) })
       ] }, s.id || s.label || i)),
-      safeTotal && used < safeTotal ? /* @__PURE__ */ jsxs30("li", { className: "is-remainder", children: [
+      safeTotal && used < safeTotal ? /* @__PURE__ */ jsxs31("li", { className: "is-remainder", children: [
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-dot is-empty", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-key", children: remainderLabel }),
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-val fd-tabular", children: format(safeTotal - used) })
@@ -2538,11 +2550,11 @@ 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__ */ jsxs30("div", { className: ["fd-quota", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs30("div", { className: "fd-quota-head", children: [
+  return /* @__PURE__ */ jsxs31("div", { className: ["fd-quota", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs31("div", { className: "fd-quota-head", children: [
       /* @__PURE__ */ jsx34("span", { className: "fd-quota-label", children: label }),
       note ? /* @__PURE__ */ jsx34("span", { className: "fd-quota-note", children: note }) : null,
-      /* @__PURE__ */ jsxs30("span", { className: "fd-quota-pct fd-tabular", children: [
+      /* @__PURE__ */ jsxs31("span", { className: "fd-quota-pct fd-tabular", children: [
         p,
         "%"
       ] })
@@ -2552,7 +2564,7 @@ function QuotaRow({ label, percent = 0, note, tone, className = "" }) {
 }
 
 // src/components/data/ScoreMeter.tsx
-import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
 function ScoreMeter({
   score,
   segments,
@@ -2566,10 +2578,10 @@ function ScoreMeter({
   breakdownWidth = 280,
   className = ""
 }) {
-  const [open, setOpen] = React13.useState(false);
-  const ref = React13.useRef(null);
+  const [open, setOpen] = React14.useState(false);
+  const ref = React14.useRef(null);
   const value = Math.max(0, Math.min(100, Math.round(Number(score) || 0)));
-  const body = /* @__PURE__ */ jsxs31(React13.Fragment, { children: [
+  const body = /* @__PURE__ */ jsxs32(React14.Fragment, { children: [
     /* @__PURE__ */ jsx35("span", { className: "fd-scoremeter-rail", style: { width }, "aria-hidden": "true", children: /* @__PURE__ */ jsx35(SegmentedMeter, { total: 100, segments, height, showTotal: false, showPercent: false, legend: false }) }),
     showScore ? /* @__PURE__ */ jsx35("span", { className: "fd-scoremeter-value fd-tabular", "aria-hidden": "true", children: value }) : null
   ] });
@@ -2588,7 +2600,7 @@ function ScoreMeter({
       }
     );
   }
-  return /* @__PURE__ */ jsxs31(React13.Fragment, { children: [
+  return /* @__PURE__ */ jsxs32(React14.Fragment, { children: [
     /* @__PURE__ */ jsx35(
       "button",
       {
@@ -2619,12 +2631,14 @@ function ScoreMeter({
 }
 
 // src/components/data/SortMenu.tsx
-import * as React14 from "react";
-import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+import * as React15 from "react";
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
+var SORT_MENU_BASE = 120;
 function SortMenu({ fields = [], sort, onSort, align = "right", size = "md", className = "", ...rest }) {
-  const [open, setOpen] = React14.useState(false);
-  const ref = React14.useRef(null);
-  React14.useEffect(() => {
+  const [open, setOpen] = React15.useState(false);
+  const zIndex = useOverlayLayer(SORT_MENU_BASE);
+  const ref = React15.useRef(null);
+  React15.useEffect(() => {
     if (!open) return;
     const away = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -2666,28 +2680,28 @@ function SortMenu({ fields = [], sort, onSort, align = "right", size = "md", cla
       }
     );
   };
-  return /* @__PURE__ */ jsxs32("span", { className, style: { position: "relative", display: "inline-flex" }, ref, ...rest, children: [
-    /* @__PURE__ */ jsxs32(Button, { size, variant: "secondary", icon: dir === "asc" ? "sort-ascending" : "sort-descending", onClick: () => setOpen(!open), children: [
+  return /* @__PURE__ */ jsxs33("span", { className, style: { position: "relative", display: "inline-flex" }, ref, ...rest, children: [
+    /* @__PURE__ */ jsxs33(Button, { size, variant: "secondary", icon: dir === "asc" ? "sort-ascending" : "sort-descending", onClick: () => setOpen(!open), children: [
       cur ? cur.label : "Unsorted",
       /* @__PURE__ */ jsx36("i", { className: "ph ph-" + (dir === "asc" ? "arrow-up" : "arrow-down"), style: { fontSize: 12, marginLeft: 6, opacity: 0.75 } })
     ] }),
-    open ? /* @__PURE__ */ jsx36("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__ */ jsxs32("span", { className: "fd-stack", style: { gap: 2 }, children: [
+    open ? /* @__PURE__ */ jsx36(LayerProvider, { zIndex, children: /* @__PURE__ */ jsx36("span", { className: "fd-view-enter", style: { position: "absolute", top: "calc(100% + 6px)", [align]: 0, zIndex, 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__ */ jsxs33("span", { className: "fd-stack", style: { gap: 2 }, children: [
       /* @__PURE__ */ jsx36("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__ */ jsxs32("span", { className: "fd-row", style: { gap: 8, padding: "4px 8px", borderRadius: 7, background: active ? "var(--surface-brand)" : "transparent" }, children: [
+        return /* @__PURE__ */ jsxs33("span", { className: "fd-row", style: { gap: 8, padding: "4px 8px", borderRadius: 7, background: active ? "var(--surface-brand)" : "transparent" }, children: [
           /* @__PURE__ */ jsx36("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);
       })
-    ] }) }) : null
+    ] }) }) }) : null
   ] });
 }
 
 // src/components/data/StepList.tsx
-import * as React15 from "react";
-import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx37, jsxs as jsxs34 } from "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 = [],
@@ -2699,9 +2713,9 @@ function StepList({
   dense = false,
   className = ""
 }) {
-  const [openState, setOpenState] = React15.useState(defaultOpen);
+  const [openState, setOpenState] = React16.useState(defaultOpen);
   const open = openProp == null ? openState : openProp;
-  const [expanded, setExpanded] = React15.useState({});
+  const [expanded, setExpanded] = React16.useState({});
   if (!steps.length) return null;
   const running = steps.some((s) => s.status === "running");
   const failed = steps.filter((s) => s.status === "error").length;
@@ -2713,15 +2727,15 @@ function StepList({
     if (openProp == null) setOpenState(next);
     onToggle && onToggle(next);
   };
-  return /* @__PURE__ */ jsxs33("div", { className: ["fd-steps", dense ? "is-dense" : "", open ? "is-open" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs33("button", { type: "button", className: "fd-steps-head", onClick: toggle, "aria-expanded": open, children: [
+  return /* @__PURE__ */ jsxs34("div", { className: ["fd-steps", dense ? "is-dense" : "", open ? "is-open" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs34("button", { type: "button", className: "fd-steps-head", onClick: toggle, "aria-expanded": open, children: [
       running ? /* @__PURE__ */ jsx37("span", { className: "fd-steps-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx37("i", { className: "ph ph-" + (failed ? "warning-circle" : "check-circle"), "aria-hidden": "true" }),
       /* @__PURE__ */ jsx37("span", { className: "fd-steps-title", children: summary }),
-      /* @__PURE__ */ jsxs33("span", { className: "fd-steps-count fd-tabular", children: [
+      /* @__PURE__ */ jsxs34("span", { className: "fd-steps-count fd-tabular", children: [
         steps.length,
         " step",
         steps.length === 1 ? "" : "s",
-        failed ? /* @__PURE__ */ jsxs33("span", { className: "fd-steps-failed", children: [
+        failed ? /* @__PURE__ */ jsxs34("span", { className: "fd-steps-failed", children: [
           " \xB7 ",
           failed,
           " failed"
@@ -2733,10 +2747,10 @@ function StepList({
       const id = s.id || i;
       const isOpen = !!expanded[id];
       const icon = KIND_ICON[s.kind || ""] || "dot-outline";
-      return /* @__PURE__ */ jsxs33("li", { className: "fd-step is-" + (s.status || "ok"), children: [
-        /* @__PURE__ */ jsxs33("div", { className: "fd-step-row", children: [
+      return /* @__PURE__ */ jsxs34("li", { className: "fd-step is-" + (s.status || "ok"), children: [
+        /* @__PURE__ */ jsxs34("div", { className: "fd-step-row", children: [
           /* @__PURE__ */ jsx37("span", { className: "fd-step-icon", "aria-hidden": "true", children: s.status === "running" ? /* @__PURE__ */ jsx37("span", { className: "fd-steps-spin" }) : /* @__PURE__ */ jsx37("i", { className: "ph ph-" + icon }) }),
-          s.detail ? /* @__PURE__ */ jsxs33(
+          s.detail ? /* @__PURE__ */ jsxs34(
             "button",
             {
               type: "button",
@@ -2759,8 +2773,8 @@ function StepList({
 }
 
 // src/components/data/VirtualList.tsx
-import * as React16 from "react";
-import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
+import * as React17 from "react";
+import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 var VIRTUAL_LIST_BUFFER_ROWS = 20;
 var VIRTUAL_LIST_ROW_GAP = 6;
 function computeVirtualWindow(opts) {
@@ -2811,35 +2825,35 @@ function VirtualList({
   className = "",
   style
 }) {
-  const [scrollTop, setScrollTop] = React16.useState(0);
-  const loaded = React16.useMemo(
+  const [scrollTop, setScrollTop] = React17.useState(0);
+  const loaded = React17.useMemo(
     () => ({ firstItemIndex, count: items.length }),
     [firstItemIndex, items.length]
   );
   const total = Math.max(totalCount == null ? 0 : totalCount, firstItemIndex + items.length);
   const bandKey = firstItemIndex + ":" + items.length;
-  const win = React16.useMemo(
+  const win = React17.useMemo(
     () => computeVirtualWindow({ scrollTop, viewportHeight: height, itemHeight, itemCount: total, loaded }),
     [scrollTop, height, itemHeight, total, loaded]
   );
-  const need = React16.useMemo(() => computeNeedMore(win, loaded), [win, loaded]);
+  const need = React17.useMemo(() => computeNeedMore(win, loaded), [win, loaded]);
   const wantStart = need.start && hasMore?.start !== false;
   const wantEnd = need.end && hasMore?.end !== false;
   const bucket2 = Math.floor(win.visibleStart / VIRTUAL_LIST_BUFFER_ROWS);
   const askKey = bandKey + "@" + bucket2;
-  const asked = React16.useRef({ start: null, end: null });
-  React16.useEffect(() => {
+  const asked = React17.useRef({ start: null, end: null });
+  React17.useEffect(() => {
     if (loading || !wantStart || asked.current.start === askKey) return;
     asked.current.start = askKey;
     onNeedMore("start", win);
   }, [wantStart, loading, askKey, onNeedMore, win]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (loading || !wantEnd || asked.current.end === askKey) return;
     asked.current.end = askKey;
     onNeedMore("end", win);
   }, [wantEnd, loading, askKey, onNeedMore, win]);
-  const lastKeysRef = React16.useRef(null);
-  const newKeys = React16.useMemo(() => {
+  const lastKeysRef = React17.useRef(null);
+  const newKeys = React17.useMemo(() => {
     const prev = lastKeysRef.current;
     if (!prev) return /* @__PURE__ */ new Set();
     const fresh = /* @__PURE__ */ new Set();
@@ -2849,7 +2863,7 @@ function VirtualList({
     }
     return fresh;
   }, [items]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     lastKeysRef.current = new Set(items.map(keyOf));
   }, [items]);
   const gapStyle = { "--fd-vlist-gap": rowGap + "px" };
@@ -2873,8 +2887,8 @@ function VirtualList({
       )
     );
   }
-  return /* @__PURE__ */ jsxs34("div", { className: ["fd-vlist-wrap", className].filter(Boolean).join(" "), style: { height, position: "relative", ...gapStyle, ...style }, children: [
-    /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35("div", { className: ["fd-vlist-wrap", className].filter(Boolean).join(" "), style: { height, position: "relative", ...gapStyle, ...style }, children: [
+    /* @__PURE__ */ jsxs35(
       "div",
       {
         className: "fd-vlist fd-scrollbar",
@@ -2886,7 +2900,7 @@ function VirtualList({
         ]
       }
     ),
-    refreshing ? /* @__PURE__ */ jsx38("div", { className: "fd-vlist-refresh-scrim", children: /* @__PURE__ */ jsxs34("div", { className: "fd-vlist-refresh-card", children: [
+    refreshing ? /* @__PURE__ */ jsx38("div", { className: "fd-vlist-refresh-scrim", children: /* @__PURE__ */ jsxs35("div", { className: "fd-vlist-refresh-card", children: [
       /* @__PURE__ */ jsx38("span", { className: "fd-spinner", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx38("span", { className: "fd-body-sm", children: refreshingLabel })
     ] }) }) : null
@@ -2894,8 +2908,8 @@ function VirtualList({
 }
 
 // src/components/data/EntityRow.tsx
-import * as React17 from "react";
-import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
 var ENTITY_ROW_METRIC_WIDTH = 74;
 var METRIC_TONE_COLOR = {
   default: "var(--text-2)",
@@ -2907,7 +2921,7 @@ function EntityRowMetrics({ metrics, className = "", style }) {
     const key = m.id || m.label || i;
     const className2 = ["fd-erow-metric", m.tone && m.tone !== "default" ? "is-" + m.tone : "", m.tooltip != null ? "is-described" : ""].filter(Boolean).join(" ");
     const tone = { color: METRIC_TONE_COLOR[m.tone || "default"] };
-    const content = /* @__PURE__ */ jsxs35(React17.Fragment, { children: [
+    const content = /* @__PURE__ */ jsxs36(React18.Fragment, { children: [
       m.icon ? /* @__PURE__ */ jsx39("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }) : null,
       /* @__PURE__ */ jsx39("span", { className: "fd-erow-metric-value fd-tabular", children: m.value }),
       /* @__PURE__ */ jsx39("span", { className: "fd-sr", children: " " + m.label })
@@ -2928,7 +2942,7 @@ function EntityRow({
   className = ""
 }) {
   const hasStrip = metrics && metrics.length > 0 || accessory != null;
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       onPointerDown,
@@ -2947,12 +2961,12 @@ function EntityRow({
       },
       children: [
         draggable ? /* @__PURE__ */ jsx39("i", { className: "ph ph-dots-six-vertical", "aria-hidden": "true", style: { fontSize: 14, flex: "none", color: "var(--text-muted)" } }) : null,
-        /* @__PURE__ */ jsxs35("span", { className: "fd-erow-body", children: [
-          /* @__PURE__ */ jsxs35("span", { className: "fd-erow-titleline", children: [
+        /* @__PURE__ */ jsxs36("span", { className: "fd-erow-body", children: [
+          /* @__PURE__ */ jsxs36("span", { className: "fd-erow-titleline", children: [
             /* @__PURE__ */ jsx39("span", { className: "fd-erow-title fd-body-sm", children: title }),
             meta ? /* @__PURE__ */ jsx39("span", { className: "fd-erow-meta", children: meta }) : null
           ] }),
-          hasStrip ? /* @__PURE__ */ jsxs35("span", { className: "fd-erow-strip", children: [
+          hasStrip ? /* @__PURE__ */ jsxs36("span", { className: "fd-erow-strip", children: [
             metrics && metrics.length ? /* @__PURE__ */ jsx39(EntityRowMetrics, { metrics }) : null,
             accessory ? /* @__PURE__ */ jsx39("span", { className: "fd-erow-accessory", children: accessory }) : null
           ] }) : null
@@ -2975,18 +2989,18 @@ function EntityRow({
 }
 
 // src/components/data/TransferList.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
 // src/components/forms/field.tsx
-import * as React18 from "react";
-import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
+import * as React19 from "react";
+import { jsx as jsx40, jsxs as jsxs37 } from "react/jsx-runtime";
 function useFieldId(id) {
-  const generated = React18.useId();
+  const generated = React19.useId();
   return id || generated;
 }
 function FieldLabel({ htmlFor, id, required = false, onClick, children }) {
-  return /* @__PURE__ */ jsxs36("label", { className: "fd-field-label", htmlFor, id, onClick, children: [
+  return /* @__PURE__ */ jsxs37("label", { className: "fd-field-label", htmlFor, id, onClick, children: [
     children,
     required ? /* @__PURE__ */ jsx40("span", { className: "fd-field-req", "aria-hidden": "true", children: "*" }) : null
   ] });
@@ -2998,7 +3012,7 @@ function useTriggerLabelling(label, id) {
 }
 
 // src/components/forms/Input.tsx
-import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs38 } from "react/jsx-runtime";
 function Input({
   label,
   help,
@@ -3025,16 +3039,16 @@ function Input({
     disabled ? "fd-input-disabled" : "",
     size === "lg" ? "fd-input-lg" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs37("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxs38("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
     label ? /* @__PURE__ */ jsx41(FieldLabel, { htmlFor: fieldId, required, children: label }) : null,
-    /* @__PURE__ */ jsxs37("div", { className: box, children: [
+    /* @__PURE__ */ jsxs38("div", { className: box, children: [
       icon ? /* @__PURE__ */ jsx41("span", { className: "fd-input-icon", children: /* @__PURE__ */ jsx41("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) }) : null,
       prefix ? /* @__PURE__ */ jsx41("span", { className: "fd-input-affix", children: prefix }) : null,
       /* @__PURE__ */ jsx41("input", { id: fieldId, disabled, style: inputStyle, "aria-invalid": error ? "true" : void 0, ...rest }),
       loading ? /* @__PURE__ */ jsx41("span", { className: "fd-spinner", style: { color: "var(--text-muted)" }, "aria-label": "Loading" }) : null,
       suffix && !loading ? /* @__PURE__ */ jsx41("span", { className: "fd-input-affix", children: suffix }) : null
     ] }),
-    error ? /* @__PURE__ */ jsxs37("span", { className: "fd-field-error", children: [
+    error ? /* @__PURE__ */ jsxs38("span", { className: "fd-field-error", children: [
       /* @__PURE__ */ jsx41("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
     ] }) : help ? /* @__PURE__ */ jsx41("span", { className: "fd-field-help", children: help }) : null
@@ -3086,7 +3100,7 @@ function SearchField({
 }
 
 // src/components/data/TransferList.tsx
-import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
 var emptyHasMore = {};
 var DRAG_THRESHOLD_PX = 5;
 function TransferList({
@@ -3100,12 +3114,12 @@ function TransferList({
   listHeight = 440,
   className = ""
 }) {
-  const [drag, setDrag] = React19.useState(null);
-  const [dragOverSide, setDragOverSide] = React19.useState(null);
-  const dragRef = React19.useRef(null);
-  const armedRef = React19.useRef(null);
-  const sideRefs = React19.useRef({ left: null, right: null });
-  const hitTestSide = React19.useCallback((x, y) => {
+  const [drag, setDrag] = React20.useState(null);
+  const [dragOverSide, setDragOverSide] = React20.useState(null);
+  const dragRef = React20.useRef(null);
+  const armedRef = React20.useRef(null);
+  const sideRefs = React20.useRef({ left: null, right: null });
+  const hitTestSide = React20.useCallback((x, y) => {
     for (const side of ["left", "right"]) {
       const el = sideRefs.current[side];
       if (!el) continue;
@@ -3114,7 +3128,7 @@ function TransferList({
     }
     return null;
   }, []);
-  const findItem = React19.useCallback(
+  const findItem = React20.useCallback(
     (side, key) => (side === "left" ? left.items : right.items).find((it) => keyOf(it) === key),
     [left.items, right.items, keyOf]
   );
@@ -3136,7 +3150,7 @@ function TransferList({
       height: rect.height
     };
   };
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const onMovePointer = (e) => {
       const armed = armedRef.current;
       if (!armed || e.pointerId !== armed.pointerId) return;
@@ -3189,7 +3203,7 @@ function TransferList({
       window.removeEventListener("pointercancel", endDrag);
     };
   }, [hitTestSide, findItem, onMove]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!drag || typeof document === "undefined") return;
     const prev = document.body.style.userSelect;
     document.body.style.userSelect = "none";
@@ -3199,7 +3213,7 @@ function TransferList({
   }, [drag]);
   const renderSide = (side, cfg, opposite) => {
     const showOverlay = drag != null && dragOverSide === side;
-    return /* @__PURE__ */ jsxs38(
+    return /* @__PURE__ */ jsxs39(
       "div",
       {
         ref: (el) => {
@@ -3207,12 +3221,12 @@ function TransferList({
         },
         className: ["fd-tlist-side", dragOverSide === side ? "is-drop-target" : ""].filter(Boolean).join(" "),
         children: [
-          cfg.label ? /* @__PURE__ */ jsxs38("span", { className: "fd-overline fd-muted", children: [
+          cfg.label ? /* @__PURE__ */ jsxs39("span", { className: "fd-overline fd-muted", children: [
             cfg.label,
             cfg.total != null ? " (" + cfg.total.toLocaleString() + ")" : ""
           ] }) : null,
           cfg.header ? /* @__PURE__ */ jsx43("div", { className: "fd-tlist-header", children: cfg.header }) : null,
-          /* @__PURE__ */ jsxs38("span", { className: "fd-row", style: { gap: 8 }, children: [
+          /* @__PURE__ */ jsxs39("span", { className: "fd-row", style: { gap: 8 }, children: [
             /* @__PURE__ */ jsx43(SearchField, { value: cfg.search, onChange: cfg.onSearchChange, placeholder: "Search", "aria-label": (cfg.label || side) + " search", style: { flex: 1 } }),
             /* @__PURE__ */ jsx43(SortMenu, { fields: cfg.sortFields, sort: cfg.sort, onSort: cfg.onSort, align: side === "left" ? "left" : "right" })
           ] }),
@@ -3259,7 +3273,7 @@ function TransferList({
             }
           ),
           cfg.footer ? /* @__PURE__ */ jsx43("div", { className: "fd-tlist-footer", children: cfg.footer }) : null,
-          showOverlay ? /* @__PURE__ */ jsx43("div", { className: "fd-tlist-drop-overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsxs38("span", { className: "fd-tlist-drop-card", children: [
+          showOverlay ? /* @__PURE__ */ jsx43("div", { className: "fd-tlist-drop-overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsxs39("span", { className: "fd-tlist-drop-card", children: [
             /* @__PURE__ */ jsx43("i", { className: "ph ph-tray-arrow-down", style: { fontSize: 18 }, "aria-hidden": "true" }),
             /* @__PURE__ */ jsx43("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: cfg.dropLabel || "Drop here" + (cfg.label ? " \u2014 " + cfg.label : "") })
           ] }) }) : null
@@ -3267,8 +3281,8 @@ function TransferList({
       }
     );
   };
-  return /* @__PURE__ */ jsxs38("div", { className: ["fd-tlist", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs38("div", { className: "fd-tlist-panes", children: [
+  return /* @__PURE__ */ jsxs39("div", { className: ["fd-tlist", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs39("div", { className: "fd-tlist-panes", children: [
       renderSide("left", left, "right"),
       renderSide("right", right, "left")
     ] }),
@@ -3297,19 +3311,19 @@ function TransferList({
 }
 
 // src/components/forms/Checkbox.tsx
-import * as React20 from "react";
-import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+import * as React21 from "react";
+import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
 function Checkbox({ label, description, card = false, indeterminate = false, className = "", ...rest }) {
-  const ref = React20.useRef(null);
-  React20.useEffect(() => {
+  const ref = React21.useRef(null);
+  React21.useEffect(() => {
     if (ref.current) ref.current.indeterminate = indeterminate;
   }, [indeterminate]);
-  return /* @__PURE__ */ jsxs39("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs39("span", { className: "fd-choice-input", children: [
+  return /* @__PURE__ */ jsxs40("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs40("span", { className: "fd-choice-input", children: [
       /* @__PURE__ */ jsx44("input", { ref, type: "checkbox", ...rest }),
       /* @__PURE__ */ jsx44("span", { className: "fd-choice-box", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("i", { className: indeterminate ? "ph ph-minus" : "ph ph-check" }) })
     ] }),
-    /* @__PURE__ */ jsxs39("span", { className: "fd-choice-text", children: [
+    /* @__PURE__ */ jsxs40("span", { className: "fd-choice-text", children: [
       /* @__PURE__ */ jsx44("span", { className: "fd-choice-title", children: label }),
       description ? /* @__PURE__ */ jsx44("span", { className: "fd-choice-desc", children: description }) : null
     ] })
@@ -3317,14 +3331,14 @@ function Checkbox({ label, description, card = false, indeterminate = false, cla
 }
 
 // src/components/forms/Radio.tsx
-import { jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
 function Radio({ label, description, card = false, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs40("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs40("span", { className: "fd-choice-input", children: [
+  return /* @__PURE__ */ jsxs41("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs41("span", { className: "fd-choice-input", children: [
       /* @__PURE__ */ jsx45("input", { type: "radio", ...rest }),
       /* @__PURE__ */ jsx45("span", { className: "fd-choice-box fd-choice-box-round", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("span", { className: "fd-choice-dot" }) })
     ] }),
-    /* @__PURE__ */ jsxs40("span", { className: "fd-choice-text", children: [
+    /* @__PURE__ */ jsxs41("span", { className: "fd-choice-text", children: [
       /* @__PURE__ */ jsx45("span", { className: "fd-choice-title", children: label }),
       description ? /* @__PURE__ */ jsx45("span", { className: "fd-choice-desc", children: description }) : null
     ] })
@@ -3332,12 +3346,12 @@ function Radio({ label, description, card = false, className = "", ...rest }) {
 }
 
 // src/components/forms/Switch.tsx
-import { jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
 function Switch({ label, description, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs41("label", { className: ["fd-switch", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs42("label", { className: ["fd-switch", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsx46("input", { type: "checkbox", role: "switch", ...rest }),
     /* @__PURE__ */ jsx46("span", { className: "fd-switch-track", children: /* @__PURE__ */ jsx46("span", { className: "fd-switch-thumb" }) }),
-    label ? /* @__PURE__ */ jsxs41("span", { className: "fd-choice-text", children: [
+    label ? /* @__PURE__ */ jsxs42("span", { className: "fd-choice-text", children: [
       /* @__PURE__ */ jsx46("span", { className: "fd-switch-label", children: label }),
       description ? /* @__PURE__ */ jsx46("span", { className: "fd-choice-desc", children: description }) : null
     ] }) : null
@@ -3345,14 +3359,14 @@ function Switch({ label, description, className = "", ...rest }) {
 }
 
 // src/components/forms/Textarea.tsx
-import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
 function Textarea({ label, help, error, required = false, rows = 4, disabled = false, id, className = "", style, ...rest }) {
   const fieldId = useFieldId(id);
   const box = ["fd-input", "fd-input-textarea", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs42("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxs43("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
     label ? /* @__PURE__ */ jsx47(FieldLabel, { htmlFor: fieldId, required, children: label }) : null,
     /* @__PURE__ */ jsx47("div", { className: box, children: /* @__PURE__ */ jsx47("textarea", { id: fieldId, rows, disabled, "aria-invalid": error ? "true" : void 0, ...rest }) }),
-    error ? /* @__PURE__ */ jsxs42("span", { className: "fd-field-error", children: [
+    error ? /* @__PURE__ */ jsxs43("span", { className: "fd-field-error", children: [
       /* @__PURE__ */ jsx47("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
     ] }) : help ? /* @__PURE__ */ jsx47("span", { className: "fd-field-help", children: help }) : null
@@ -3360,8 +3374,8 @@ function Textarea({ label, help, error, required = false, rows = 4, disabled = f
 }
 
 // src/components/forms/NumberInput.tsx
-import * as React21 from "react";
-import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
+import * as React22 from "react";
+import { jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
 function NumberInput({
   label,
   help,
@@ -3388,10 +3402,10 @@ function NumberInput({
     const n = Number(String(v == null ? "" : v).replace(/[^0-9.-]/g, ""));
     return isNaN(n) ? null : n;
   };
-  const [text, setText] = React21.useState(value == null || value === "" ? "" : String(value));
-  const [editing, setEditing] = React21.useState(false);
-  const timer = React21.useRef(null);
-  React21.useEffect(() => {
+  const [text, setText] = React22.useState(value == null || value === "" ? "" : String(value));
+  const [editing, setEditing] = React22.useState(false);
+  const timer = React22.useRef(null);
+  React22.useEffect(() => {
     if (!editing) setText(value == null || value === "" ? "" : String(value));
   }, [value, editing]);
   const clamp = (n) => Math.min(max, Math.max(min, n));
@@ -3415,7 +3429,7 @@ function NumberInput({
   const release = () => {
     if (timer.current) clearTimeout(timer.current);
   };
-  React21.useEffect(() => () => {
+  React22.useEffect(() => () => {
     if (timer.current) clearTimeout(timer.current);
   }, []);
   const shown = editing ? text : (() => {
@@ -3425,9 +3439,9 @@ function NumberInput({
   const box = ["fd-input", "fd-input-num", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" ");
   const fieldName = label || ariaLabel;
   const stepperName = (verb) => fieldName ? verb + " " + fieldName : verb;
-  return /* @__PURE__ */ jsxs43("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxs44("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
     label ? /* @__PURE__ */ jsx48(FieldLabel, { htmlFor: fieldId, required, children: label }) : null,
-    /* @__PURE__ */ jsxs43("div", { className: box, style: { gap: 8 }, children: [
+    /* @__PURE__ */ jsxs44("div", { className: box, style: { gap: 8 }, children: [
       prefix ? /* @__PURE__ */ jsx48("span", { className: "fd-input-affix", children: prefix }) : null,
       /* @__PURE__ */ jsx48(
         "input",
@@ -3465,7 +3479,7 @@ function NumberInput({
         }
       ),
       suffix ? /* @__PURE__ */ jsx48("span", { className: "fd-input-affix", children: suffix }) : null,
-      /* @__PURE__ */ jsxs43("span", { className: "fd-row", style: { gap: 4, flex: "none" }, children: [
+      /* @__PURE__ */ jsxs44("span", { className: "fd-row", style: { gap: 4, flex: "none" }, children: [
         /* @__PURE__ */ jsx48(
           "button",
           {
@@ -3494,7 +3508,7 @@ function NumberInput({
         )
       ] })
     ] }),
-    error ? /* @__PURE__ */ jsxs43("span", { className: "fd-field-error", children: [
+    error ? /* @__PURE__ */ jsxs44("span", { className: "fd-field-error", children: [
       /* @__PURE__ */ jsx48("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
     ] }) : help ? /* @__PURE__ */ jsx48("span", { className: "fd-field-help", children: help }) : null
@@ -3502,8 +3516,8 @@ function NumberInput({
 }
 
 // src/components/forms/Select.tsx
-import * as React22 from "react";
-import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
+import * as React23 from "react";
+import { jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
 var norm = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function Select({
   label,
@@ -3529,13 +3543,13 @@ function Select({
   const isOn = (v) => multiple ? vals.includes(v) : v === value;
   const hasSearch = searchable === void 0 ? opts.length > 8 : searchable;
   const { fieldId, labelId, ariaLabelledBy } = useTriggerLabelling(label, id);
-  const [open, setOpen] = React22.useState(false);
-  const [q, setQ] = React22.useState("");
-  const [active, setActive] = React22.useState(-1);
-  const rootRef = React22.useRef(null);
-  const boxRef = React22.useRef(null);
-  const listRef = React22.useRef(null);
-  const typeBuf = React22.useRef({ s: "", t: 0 });
+  const [open, setOpen] = React23.useState(false);
+  const [q, setQ] = React23.useState("");
+  const [active, setActive] = React23.useState(-1);
+  const rootRef = React23.useRef(null);
+  const boxRef = React23.useRef(null);
+  const listRef = React23.useRef(null);
+  const typeBuf = React23.useRef({ s: "", t: 0 });
   const selected = multiple ? null : opts.find((o) => o.value === value);
   const chosen = multiple ? opts.filter((o) => vals.includes(o.value)) : [];
   const boxText = multiple ? chosen.length === 0 ? placeholder : chosen.length === 1 ? chosen[0].label : summary ? summary(chosen.map((o) => o.value)) : chosen.length + " selected" : selected ? selected.label : placeholder;
@@ -3560,7 +3574,7 @@ function Select({
     }
     setOpen(!open);
   };
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     if (!open || active < 0 || !listRef.current) return;
     const el = listRef.current.querySelector('[data-i="' + active + '"]');
     if (el) {
@@ -3613,10 +3627,10 @@ function Select({
     else last.items.push({ o, i });
   });
   const box = ["fd-input", "fd-select", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs44("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
+  return /* @__PURE__ */ jsxs45("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
     label ? /* @__PURE__ */ jsx49(FieldLabel, { id: labelId, required, onClick: toggle, children: label }) : null,
-    /* @__PURE__ */ jsxs44("div", { className: box, style: { cursor: disabled ? "not-allowed" : "pointer" }, ref: boxRef, children: [
-      /* @__PURE__ */ jsxs44(
+    /* @__PURE__ */ jsxs45("div", { className: box, style: { cursor: disabled ? "not-allowed" : "pointer" }, ref: boxRef, children: [
+      /* @__PURE__ */ jsxs45(
         "button",
         {
           type: "button",
@@ -3664,7 +3678,7 @@ function Select({
         minWidth: 260,
         role: "presentation",
         style: { maxWidth: 380 },
-        header: hasSearch ? /* @__PURE__ */ jsxs44("div", { className: "fd-pop-search", children: [
+        header: hasSearch ? /* @__PURE__ */ jsxs45("div", { className: "fd-pop-search", children: [
           /* @__PURE__ */ jsx49("i", { className: "ph ph-magnifying-glass", style: { color: "var(--text-muted)", fontSize: 14 } }),
           /* @__PURE__ */ jsx49(
             "input",
@@ -3681,7 +3695,7 @@ function Select({
           ),
           q ? /* @__PURE__ */ jsx49("span", { className: "fd-body-sm fd-muted", children: visible.length }) : null
         ] }) : void 0,
-        footer: multiple ? /* @__PURE__ */ jsxs44(React22.Fragment, { children: [
+        footer: multiple ? /* @__PURE__ */ jsxs45(React23.Fragment, { children: [
           /* @__PURE__ */ jsx49(
             "button",
             {
@@ -3692,7 +3706,7 @@ function Select({
             }
           ),
           /* @__PURE__ */ jsx49("span", { style: { flex: 1 } }),
-          /* @__PURE__ */ jsxs44("span", { className: "fd-body-sm fd-muted", children: [
+          /* @__PURE__ */ jsxs45("span", { className: "fd-body-sm fd-muted", children: [
             vals.length,
             " of ",
             opts.length
@@ -3708,13 +3722,13 @@ function Select({
             }
           )
         ] }) : void 0,
-        children: /* @__PURE__ */ jsx49("div", { className: "fd-pop-list", role: "listbox", "aria-multiselectable": multiple || void 0, ref: listRef, children: visible.length === 0 ? /* @__PURE__ */ jsxs44("div", { className: "fd-pop-empty", children: [
+        children: /* @__PURE__ */ jsx49("div", { className: "fd-pop-list", role: "listbox", "aria-multiselectable": multiple || void 0, ref: listRef, children: visible.length === 0 ? /* @__PURE__ */ jsxs45("div", { className: "fd-pop-empty", children: [
           'Nothing matches "',
           q,
           '".'
-        ] }) : groups.map((grp) => /* @__PURE__ */ jsxs44(React22.Fragment, { children: [
+        ] }) : groups.map((grp) => /* @__PURE__ */ jsxs45(React23.Fragment, { children: [
           grp.g ? /* @__PURE__ */ jsx49("div", { className: "fd-pop-group", children: grp.g }) : null,
-          grp.items.map(({ o, i }) => /* @__PURE__ */ jsxs44(
+          grp.items.map(({ o, i }) => /* @__PURE__ */ jsxs45(
             "button",
             {
               type: "button",
@@ -3728,7 +3742,7 @@ function Select({
               children: [
                 multiple ? /* @__PURE__ */ jsx49("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__ */ jsx49("i", { className: "ph ph-check", style: { fontSize: 11 } }) : null }) : null,
                 o.icon ? /* @__PURE__ */ jsx49("span", { className: "fd-opt-icon", children: /* @__PURE__ */ jsx49("i", { className: "ph ph-" + o.icon }) }) : null,
-                /* @__PURE__ */ jsxs44("span", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs45("span", { style: { flex: 1, minWidth: 0 }, children: [
                   /* @__PURE__ */ jsx49("span", { className: "fd-opt-label", children: o.label }),
                   o.description ? /* @__PURE__ */ jsx49("span", { className: "fd-opt-desc", children: o.description }) : null
                 ] }),
@@ -3741,7 +3755,7 @@ function Select({
         ] }, grp.g || "_")) })
       }
     ),
-    error ? /* @__PURE__ */ jsxs44("span", { className: "fd-field-error", children: [
+    error ? /* @__PURE__ */ jsxs45("span", { className: "fd-field-error", children: [
       /* @__PURE__ */ jsx49("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
     ] }) : help ? /* @__PURE__ */ jsx49("span", { className: "fd-field-help", children: help }) : null
@@ -3749,8 +3763,8 @@ function Select({
 }
 
 // src/components/forms/DatePicker.tsx
-import * as React23 from "react";
-import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { jsx as jsx50, jsxs as jsxs46 } from "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");
@@ -3767,10 +3781,10 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
   const today = /* @__PURE__ */ new Date();
   const sel = range ? value || {} : { start: value, end: value };
   const anchor = parse(sel.start) || parse(initialMonth) || today;
-  const [vy, setVy] = React23.useState(anchor.getFullYear());
-  const [vm, setVm] = React23.useState(anchor.getMonth());
-  const [mode2, setMode] = React23.useState("days");
-  const [hover, setHover] = React23.useState(null);
+  const [vy, setVy] = React24.useState(anchor.getFullYear());
+  const [vm, setVm] = React24.useState(anchor.getMonth());
+  const [mode2, setMode] = React24.useState("days");
+  const [hover, setHover] = React24.useState(null);
   const s = parse(sel.start), e = parse(sel.end);
   const hoverEnd = range && s && !e && hover ? parse(hover) : null;
   const inRange = (d) => {
@@ -3807,7 +3821,7 @@ 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__ */ jsxs45("div", { className: "fd-cal-grid", style: { width: months > 1 ? 252 : "auto", flex: "none" }, onMouseLeave: () => setHover(null), children: [
+    return /* @__PURE__ */ jsxs46("div", { className: "fd-cal-grid", style: { width: months > 1 ? 252 : "auto", flex: "none" }, onMouseLeave: () => setHover(null), children: [
       DOW.map((d) => /* @__PURE__ */ jsx50("span", { className: "fd-cal-dow", children: d }, d)),
       cells.map((d, i) => /* @__PURE__ */ jsx50(
         "button",
@@ -3823,17 +3837,17 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
     ] });
   };
   const nextY = vm === 11 ? vy + 1 : vy, nextM = (vm + 1) % 12;
-  return /* @__PURE__ */ jsxs45("div", { className: "fd-cal", style: { width: months > 1 && mode2 === "days" ? "auto" : void 0 }, children: [
-    /* @__PURE__ */ jsxs45("div", { className: "fd-cal-head", children: [
+  return /* @__PURE__ */ jsxs46("div", { className: "fd-cal", style: { width: months > 1 && mode2 === "days" ? "auto" : void 0 }, children: [
+    /* @__PURE__ */ jsxs46("div", { className: "fd-cal-head", children: [
       /* @__PURE__ */ jsx50("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__ */ jsx50("i", { className: "ph ph-caret-left" }) }),
-      /* @__PURE__ */ jsxs45("button", { type: "button", className: "fd-cal-title", onClick: () => setMode(mode2 === "days" ? "months" : mode2 === "months" ? "years" : "days"), children: [
+      /* @__PURE__ */ jsxs46("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__ */ jsx50("i", { className: "ph ph-caret-down", style: { fontSize: 10, marginLeft: 6, color: "var(--text-muted)" } })
       ] }),
       months > 1 && mode2 === "days" ? /* @__PURE__ */ jsx50("span", { className: "fd-cal-title", style: { cursor: "default", background: "none" }, children: MONTHS[nextM] + " " + nextY }) : null,
       /* @__PURE__ */ jsx50("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__ */ jsx50("i", { className: "ph ph-caret-right" }) })
     ] }),
-    mode2 === "days" ? /* @__PURE__ */ jsxs45("div", { style: { display: "flex", gap: 18 }, children: [
+    mode2 === "days" ? /* @__PURE__ */ jsxs46("div", { style: { display: "flex", gap: 18 }, children: [
       monthGrid(vy, vm),
       months > 1 ? monthGrid(nextY, nextM) : null
     ] }) : mode2 === "months" ? /* @__PURE__ */ jsx50("div", { className: "fd-cal-grid-months", children: MONTHS.map((m, i) => /* @__PURE__ */ jsx50(
@@ -3861,7 +3875,7 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
       },
       y
     )) }),
-    /* @__PURE__ */ jsxs45("div", { className: "fd-cal-foot", children: [
+    /* @__PURE__ */ jsxs46("div", { className: "fd-cal-foot", children: [
       /* @__PURE__ */ jsx50(
         "button",
         {
@@ -3877,7 +3891,7 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
         }
       ),
       /* @__PURE__ */ jsx50("span", { style: { flex: 1 } }),
-      range && sel.start ? /* @__PURE__ */ jsxs45("span", { className: "fd-body-sm fd-muted", children: [
+      range && sel.start ? /* @__PURE__ */ jsxs46("span", { className: "fd-body-sm fd-muted", children: [
         fmt(sel.start),
         sel.end ? " \u2192 " + fmt(sel.end) : " \u2192 pick an end"
       ] }) : null
@@ -3886,16 +3900,16 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
 }
 function DatePicker({ label, help, error, required = false, disabled = false, range = false, value, onChange, placeholder, id, className = "", style, ...rest }) {
   const { fieldId, labelId, ariaLabelledBy } = useTriggerLabelling(label, id);
-  const [open, setOpen] = React23.useState(false);
-  const rootRef = React23.useRef(null);
-  const boxRef = React23.useRef(null);
+  const [open, setOpen] = React24.useState(false);
+  const rootRef = React24.useRef(null);
+  const boxRef = React24.useRef(null);
   const display = range ? value && value.start ? fmt(value.start) + (value.end ? "  \u2192  " + fmt(value.end) : "  \u2192  \u2026") : "" : fmt(value);
   const toggle = () => {
     if (!disabled) setOpen(!open);
   };
-  return /* @__PURE__ */ jsxs45("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
+  return /* @__PURE__ */ jsxs46("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
     label ? /* @__PURE__ */ jsx50(FieldLabel, { id: labelId, required, onClick: toggle, children: label }) : null,
-    /* @__PURE__ */ jsxs45("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__ */ jsxs46("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__ */ jsx50("span", { className: "fd-input-icon", children: /* @__PURE__ */ jsx50("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }) }),
       /* @__PURE__ */ jsx50(
         "button",
@@ -3942,7 +3956,7 @@ function DatePicker({ label, help, error, required = false, disabled = false, ra
         )
       }
     ),
-    error ? /* @__PURE__ */ jsxs45("span", { className: "fd-field-error", children: [
+    error ? /* @__PURE__ */ jsxs46("span", { className: "fd-field-error", children: [
       /* @__PURE__ */ jsx50("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
     ] }) : help ? /* @__PURE__ */ jsx50("span", { className: "fd-field-help", children: help }) : null
@@ -3950,8 +3964,8 @@ function DatePicker({ label, help, error, required = false, disabled = false, ra
 }
 
 // src/components/forms/TimePicker.tsx
-import * as React24 from "react";
-import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
+import * as React25 from "react";
+import { jsx as jsx51, jsxs as jsxs47 } from "react/jsx-runtime";
 var pad = (n) => String(n).padStart(2, "0");
 function ClockFace({ value = "09:00", onChange }) {
   let [h24, m] = value.split(":").map(Number);
@@ -3959,9 +3973,9 @@ function ClockFace({ value = "09:00", onChange }) {
   if (isNaN(m)) m = 0;
   const pm = h24 >= 12;
   const h12 = h24 % 12 === 0 ? 12 : h24 % 12;
-  const [mode2, setMode] = React24.useState("h");
-  const faceRef = React24.useRef(null);
-  const dragging = React24.useRef(false);
+  const [mode2, setMode] = React25.useState("h");
+  const faceRef = React25.useRef(null);
+  const dragging = React25.useRef(false);
   const set = (h, mm, isPm) => onChange((isPm ? h % 12 + 12 : h % 12) + ":" + pad(mm));
   const R = 108, NR = 80;
   const nums = mode2 === "h" ? Array.from({ length: 12 }, (_, i) => i + 1) : Array.from({ length: 12 }, (_, i) => i * 5);
@@ -3996,8 +4010,8 @@ function ClockFace({ value = "09:00", onChange }) {
   };
   const handAngle = mode2 === "h" ? h12 % 12 * 30 : m * 6;
   const minuteOff = mode2 === "m" && m % 5 !== 0;
-  return /* @__PURE__ */ jsxs46("div", { style: { padding: "4px 14px 14px" }, children: [
-    /* @__PURE__ */ jsxs46("div", { className: "fd-clock-digits", children: [
+  return /* @__PURE__ */ jsxs47("div", { style: { padding: "4px 14px 14px" }, children: [
+    /* @__PURE__ */ jsxs47("div", { className: "fd-clock-digits", children: [
       /* @__PURE__ */ jsx51("button", { type: "button", className: "fd-clock-digit" + (mode2 === "h" ? " is-active" : ""), onClick: () => setMode("h"), children: pad(h12) }),
       /* @__PURE__ */ jsx51("span", { style: { fontSize: 24, fontWeight: 700, color: "var(--text-muted)" }, children: ":" }),
       /* @__PURE__ */ jsx51("button", { type: "button", className: "fd-clock-digit" + (mode2 === "m" ? " is-active" : ""), onClick: () => setMode("m"), children: pad(m) }),
@@ -4012,7 +4026,7 @@ function ClockFace({ value = "09:00", onChange }) {
         ap
       )) })
     ] }),
-    /* @__PURE__ */ jsxs46("div", { className: "fd-clock", ref: faceRef, onPointerDown: down, onPointerMove: move, onPointerUp: upH, children: [
+    /* @__PURE__ */ jsxs47("div", { className: "fd-clock", ref: faceRef, onPointerDown: down, onPointerMove: move, onPointerUp: upH, children: [
       /* @__PURE__ */ jsx51("span", { className: "fd-clock-hand", style: { height: NR - (minuteOff ? 14 : 16), transform: "translateX(-50%) rotate(" + handAngle + "deg)", bottom: "50%" } }),
       /* @__PURE__ */ jsx51("span", { className: "fd-clock-pivot" }),
       minuteOff ? /* @__PURE__ */ jsx51("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,
@@ -4034,9 +4048,9 @@ function ClockFace({ value = "09:00", onChange }) {
 }
 function TimePicker({ label, help, error, required = false, disabled = false, value = "", onChange, placeholder = "Pick a time", id, className = "", style }) {
   const { fieldId, labelId, ariaLabelledBy } = useTriggerLabelling(label, id);
-  const [open, setOpen] = React24.useState(false);
-  const rootRef = React24.useRef(null);
-  const boxRef = React24.useRef(null);
+  const [open, setOpen] = React25.useState(false);
+  const rootRef = React25.useRef(null);
+  const boxRef = React25.useRef(null);
   const disp = () => {
     if (!value) return "";
     const [h, m] = value.split(":").map(Number);
@@ -4045,9 +4059,9 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
   const toggle = () => {
     if (!disabled) setOpen(!open);
   };
-  return /* @__PURE__ */ jsxs46("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
+  return /* @__PURE__ */ jsxs47("div", { className: ["fd-field", "fd-popfield", open ? "is-open" : "", className].filter(Boolean).join(" "), style, ref: rootRef, children: [
     label ? /* @__PURE__ */ jsx51(FieldLabel, { id: labelId, required, onClick: toggle, children: label }) : null,
-    /* @__PURE__ */ jsxs46("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__ */ jsxs47("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__ */ jsx51("span", { className: "fd-input-icon", children: /* @__PURE__ */ jsx51("i", { className: "ph ph-clock", "aria-hidden": "true" }) }),
       /* @__PURE__ */ jsx51(
         "button",
@@ -4079,7 +4093,7 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
         offset: 6,
         width: 262,
         role: "presentation",
-        footer: /* @__PURE__ */ jsxs46(React24.Fragment, { children: [
+        footer: /* @__PURE__ */ jsxs47(React25.Fragment, { children: [
           /* @__PURE__ */ jsx51(
             "button",
             {
@@ -4099,7 +4113,7 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
         children: /* @__PURE__ */ jsx51(ClockFace, { value: value || "09:00", onChange: (v) => onChange && onChange({ target: { value: v } }) })
       }
     ),
-    error ? /* @__PURE__ */ jsxs46("span", { className: "fd-field-error", children: [
+    error ? /* @__PURE__ */ jsxs47("span", { className: "fd-field-error", children: [
       /* @__PURE__ */ jsx51("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       error
     ] }) : help ? /* @__PURE__ */ jsx51("span", { className: "fd-field-help", children: help }) : null
@@ -4107,8 +4121,8 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
 }
 
 // src/components/forms/Slider.tsx
-import * as React25 from "react";
-import { jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
+import * as React26 from "react";
+import { jsx as jsx52, jsxs as jsxs48 } from "react/jsx-runtime";
 function Slider({
   label,
   min = 0,
@@ -4125,15 +4139,15 @@ function Slider({
   ...rest
 }) {
   const fieldId = useFieldId(id);
-  const [dragging, setDragging] = React25.useState(false);
+  const [dragging, setDragging] = React26.useState(false);
   const v = value === void 0 ? min : Number(value);
   const pct = max === min ? 0 : (v - min) / (max - min) * 100;
-  return /* @__PURE__ */ jsxs47("div", { className: ["fd-field", className].filter(Boolean).join(" "), children: [
-    label ? /* @__PURE__ */ jsxs47("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+  return /* @__PURE__ */ jsxs48("div", { className: ["fd-field", className].filter(Boolean).join(" "), children: [
+    label ? /* @__PURE__ */ jsxs48("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
       /* @__PURE__ */ jsx52(FieldLabel, { htmlFor: fieldId, children: label }),
       /* @__PURE__ */ jsx52("span", { className: "fd-num", style: { color: "var(--text-2)" }, children: format(v) })
     ] }) : null,
-    /* @__PURE__ */ jsxs47("div", { className: "fd-slider", children: [
+    /* @__PURE__ */ jsxs48("div", { className: "fd-slider", children: [
       /* @__PURE__ */ jsx52("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
       showChip && dragging ? /* @__PURE__ */ jsx52("span", { className: "fd-slider-chip", style: { left: pct + "%" }, children: format(v) }) : null,
       /* @__PURE__ */ jsx52(
@@ -4159,8 +4173,8 @@ function Slider({
 }
 
 // src/components/forms/RangeSlider.tsx
-import * as React26 from "react";
-import { jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { jsx as jsx53, jsxs as jsxs49 } from "react/jsx-runtime";
 function RangeSlider({
   label,
   min = 0,
@@ -4179,9 +4193,9 @@ function RangeSlider({
 }) {
   const fmt2 = format || ((v) => String(v));
   const [a, b] = value || [min, max];
-  const [drag, setDrag] = React26.useState(null);
-  const [focus, setFocus] = React26.useState(null);
-  const railRef = React26.useRef(null);
+  const [drag, setDrag] = React27.useState(null);
+  const [focus, setFocus] = React27.useState(null);
+  const railRef = React27.useRef(null);
   const pct = (v) => max === min ? 0 : (v - min) / (max - min) * 100;
   const clampPair = (i, v) => {
     v = Math.min(max, Math.max(min, Math.round(v / step) * step));
@@ -4196,7 +4210,7 @@ function RangeSlider({
     const r = railRef.current.getBoundingClientRect();
     return min + Math.min(1, Math.max(0, (e.clientX - r.left) / r.width)) * (max - min);
   };
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if (drag === null) return;
     const mv = (e) => onChange && onChange(clampPair(drag, fromEvent(e)));
     const upH = () => setDrag(null);
@@ -4265,19 +4279,19 @@ function RangeSlider({
   };
   const showChip = (i) => drag === i || focus === i;
   const hasLabels = marks.some((m) => m.label);
-  return /* @__PURE__ */ jsxs48("div", { className: ["fd-field", className].filter(Boolean).join(" "), ...rest, children: [
-    label ? /* @__PURE__ */ jsxs48("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+  return /* @__PURE__ */ jsxs49("div", { className: ["fd-field", className].filter(Boolean).join(" "), ...rest, children: [
+    label ? /* @__PURE__ */ jsxs49("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
       /* @__PURE__ */ jsx53("span", { className: "fd-field-label", children: label }),
-      /* @__PURE__ */ jsxs48("span", { className: "fd-num", style: { color: "var(--text-2)" }, children: [
+      /* @__PURE__ */ jsxs49("span", { className: "fd-num", style: { color: "var(--text-2)" }, children: [
         fmt2(a),
         " \u2013 ",
         fmt2(b)
       ] })
     ] }) : null,
-    /* @__PURE__ */ jsxs48("div", { className: "fd-range" + (hasLabels ? " has-labels" : ""), onPointerDown: onRailDown, children: [
+    /* @__PURE__ */ jsxs49("div", { className: "fd-range" + (hasLabels ? " has-labels" : ""), onPointerDown: onRailDown, children: [
       /* @__PURE__ */ jsx53("span", { className: "fd-range-rail", ref: railRef }),
       /* @__PURE__ */ jsx53("span", { className: "fd-range-fill", style: { left: pct(a) + "%", width: pct(b) - pct(a) + "%" } }),
-      marks.map((m) => /* @__PURE__ */ jsxs48(React26.Fragment, { children: [
+      marks.map((m) => /* @__PURE__ */ jsxs49(React27.Fragment, { children: [
         /* @__PURE__ */ jsx53("span", { className: "fd-range-mark" + (m.value >= a && m.value <= b ? " is-in" : ""), style: { left: pct(m.value) + "%" } }),
         m.label ? /* @__PURE__ */ jsx53("span", { className: "fd-range-mark-label", style: { left: pct(m.value) + "%" }, children: m.label }) : null
       ] }, m.value)),
@@ -4306,8 +4320,8 @@ function RangeSlider({
 }
 
 // src/components/forms/Dropzone.tsx
-import * as React27 from "react";
-import { jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
+import * as React28 from "react";
+import { jsx as jsx54, jsxs as jsxs50 } from "react/jsx-runtime";
 function Dropzone({
   onFiles,
   onReject,
@@ -4321,8 +4335,8 @@ function Dropzone({
   className = "",
   style
 }) {
-  const [over, setOver] = React27.useState(false);
-  const depth = React27.useRef(0);
+  const [over, setOver] = React28.useState(false);
+  const depth = React28.useRef(0);
   const has = (e) => {
     const dt = e.dataTransfer;
     if (!dt) return false;
@@ -4352,7 +4366,7 @@ function Dropzone({
     if (rejected.length && onReject) onReject(rejected);
     if (accepted.length && onFiles) onFiles(accepted);
   };
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className: ["fd-dropzone", over ? "is-over" : "", className].filter(Boolean).join(" "),
@@ -4363,7 +4377,7 @@ function Dropzone({
       onDrop: drop,
       children: [
         children,
-        over ? /* @__PURE__ */ jsx54("div", { className: "fd-dropzone-veil", "aria-hidden": "true", children: /* @__PURE__ */ jsxs49("div", { className: "fd-dropzone-card", children: [
+        over ? /* @__PURE__ */ jsx54("div", { className: "fd-dropzone-veil", "aria-hidden": "true", children: /* @__PURE__ */ jsxs50("div", { className: "fd-dropzone-card", children: [
           /* @__PURE__ */ jsx54("i", { className: "ph ph-tray-arrow-down" }),
           /* @__PURE__ */ jsx54("span", { className: "fd-dropzone-label", children: label }),
           hint ? /* @__PURE__ */ jsx54("span", { className: "fd-dropzone-hint", children: hint }) : null
@@ -4384,8 +4398,8 @@ function FilePickButton({
   className = "",
   children
 }) {
-  const ref = React27.useRef(null);
-  return /* @__PURE__ */ jsxs49(React27.Fragment, { children: [
+  const ref = React28.useRef(null);
+  return /* @__PURE__ */ jsxs50(React28.Fragment, { children: [
     /* @__PURE__ */ jsx54(
       "button",
       {
@@ -4418,10 +4432,10 @@ function FilePickButton({
 }
 function useStagedFiles(upload, opts) {
   const o = opts || {};
-  const [items, setItems] = React27.useState([]);
-  const controllers = React27.useRef({});
+  const [items, setItems] = React28.useState([]);
+  const controllers = React28.useRef({});
   const patch = (id, next) => setItems((list) => list.map((f) => f.id === id ? Object.assign({}, f, next) : f));
-  const run = React27.useCallback((att) => {
+  const run = React28.useCallback((att) => {
     if (!upload) return;
     const ac = typeof AbortController !== "undefined" ? new AbortController() : null;
     controllers.current[att.id] = ac;
@@ -4438,14 +4452,14 @@ function useStagedFiles(upload, opts) {
       delete controllers.current[att.id];
     });
   }, [upload]);
-  const add = React27.useCallback((files) => {
+  const add = React28.useCallback((files) => {
     if (!upload) return [];
     const atts = Array.from(files).map((f) => toAttachment(f));
     setItems((list) => list.concat(atts));
     atts.forEach(run);
     return atts;
   }, [upload, run]);
-  const remove = React27.useCallback((att) => {
+  const remove = React28.useCallback((att) => {
     const ac = controllers.current[att.id];
     if (ac) {
       try {
@@ -4456,10 +4470,10 @@ function useStagedFiles(upload, opts) {
     }
     setItems((list) => list.filter((f) => f.id !== att.id));
   }, []);
-  const retry = React27.useCallback((att) => {
+  const retry = React28.useCallback((att) => {
     run(att);
   }, [run]);
-  const clear = React27.useCallback(() => {
+  const clear = React28.useCallback(() => {
     Object.values(controllers.current).forEach((ac) => {
       try {
         ac && ac.abort();
@@ -4475,7 +4489,7 @@ function useStagedFiles(upload, opts) {
 var DropzoneKit = { useStagedFiles };
 
 // src/components/forms/FileGrid.tsx
-import { jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs51 } from "react/jsx-runtime";
 var truncateMiddle = (name, max = 34) => {
   if (!name || name.length <= max) return name;
   const ext = /\.[A-Za-z0-9]+$/.exec(name);
@@ -4493,8 +4507,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__ */ jsxs50("div", { className: ["fd-file", compact3 ? "is-compact" : "", file.error ? "is-error" : "", uploading ? "is-uploading" : "", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51("div", { className: ["fd-file", compact3 ? "is-compact" : "", file.error ? "is-error" : "", uploading ? "is-uploading" : "", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs51(
       "button",
       {
         type: "button",
@@ -4503,16 +4517,16 @@ function FileChip({ file, onOpen, onRemove, onRetry, compact: compact3 = false,
         onClick: clickable ? () => onOpen(file) : void 0,
         title: file.name + (meta ? " \xB7 " + meta : ""),
         children: [
-          /* @__PURE__ */ jsxs50("span", { className: "fd-file-icon", children: [
+          /* @__PURE__ */ jsxs51("span", { className: "fd-file-icon", children: [
             thumb ? /* @__PURE__ */ jsx55("img", { src: thumb, alt: "" }) : /* @__PURE__ */ jsx55("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }),
             (file.mime || "").startsWith("video/") ? /* @__PURE__ */ jsx55("i", { className: "ph ph-play fd-file-play", "aria-hidden": "true" }) : null
           ] }),
-          /* @__PURE__ */ jsxs50("span", { className: "fd-file-text", children: [
+          /* @__PURE__ */ jsxs51("span", { className: "fd-file-text", children: [
             /* @__PURE__ */ jsx55("span", { className: "fd-file-name", children: truncateMiddle(file.name, compact3 ? 26 : 40) }),
-            /* @__PURE__ */ jsx55("span", { className: "fd-file-meta", children: file.error ? /* @__PURE__ */ jsxs50("span", { className: "fd-file-err", children: [
+            /* @__PURE__ */ jsx55("span", { className: "fd-file-meta", children: file.error ? /* @__PURE__ */ jsxs51("span", { className: "fd-file-err", children: [
               /* @__PURE__ */ jsx55("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
               file.error
-            ] }) : uploading ? /* @__PURE__ */ jsxs50("span", { className: "fd-tabular", children: [
+            ] }) : uploading ? /* @__PURE__ */ jsxs51("span", { className: "fd-tabular", children: [
               Math.round(file.progress),
               "% uploaded"
             ] }) : meta })
@@ -4529,10 +4543,10 @@ 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__ */ jsxs50("figure", { className: ["fd-tile", uploading ? "is-uploading" : "", file.error ? "is-error" : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs51("figure", { className: ["fd-tile", uploading ? "is-uploading" : "", file.error ? "is-error" : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsx55("button", { type: "button", className: "fd-tile-btn", onClick: onOpen ? () => onOpen(file) : void 0, disabled: !onOpen, children: src ? /* @__PURE__ */ jsx55("img", { src, alt: file.name || "", style: { maxHeight }, loading: "lazy" }) : /* @__PURE__ */ jsx55("span", { className: "fd-tile-fallback", children: /* @__PURE__ */ jsx55("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }) }) }),
     uploading ? /* @__PURE__ */ jsx55(Progress, { value: file.progress }) : null,
-    file.error ? /* @__PURE__ */ jsxs50("figcaption", { className: "fd-tile-err", children: [
+    file.error ? /* @__PURE__ */ jsxs51("figcaption", { className: "fd-tile-err", children: [
       /* @__PURE__ */ jsx55("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       file.error
     ] }) : null,
@@ -4556,9 +4570,9 @@ 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__ */ jsxs50("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__ */ jsxs50("button", { type: "button", className: "fd-cell-main", onClick: onOpen ? () => onOpen(file) : void 0, disabled: !onOpen || uploading, "aria-label": "Open " + file.name, children: [
-      thumb ? /* @__PURE__ */ jsx55("img", { src: thumb, alt: "" }) : /* @__PURE__ */ jsxs50("span", { className: "fd-cell-doc", children: [
+  return /* @__PURE__ */ jsxs51("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__ */ jsxs51("button", { type: "button", className: "fd-cell-main", onClick: onOpen ? () => onOpen(file) : void 0, disabled: !onOpen || uploading, "aria-label": "Open " + file.name, children: [
+      thumb ? /* @__PURE__ */ jsx55("img", { src: thumb, alt: "" }) : /* @__PURE__ */ jsxs51("span", { className: "fd-cell-doc", children: [
         /* @__PURE__ */ jsx55("i", { className: "ph ph-" + iconForMime(file.mime, file.name), "aria-hidden": "true" }),
         /* @__PURE__ */ jsx55("span", { className: "fd-cell-name", children: shortName(file.name) }),
         /* @__PURE__ */ jsx55("span", { className: "fd-cell-size", children: file.meta || formatBytes(file.size) })
@@ -4576,15 +4590,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__ */ jsxs50("div", { className: ["fd-filegrid", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs51("div", { className: ["fd-filegrid", className].filter(Boolean).join(" "), children: [
     pics.length ? /* @__PURE__ */ jsx55("div", { className: "fd-filegrid-tiles", children: pics.map((f) => /* @__PURE__ */ jsx55(FileTile, { file: f, onOpen, onRemove, maxHeight }, f.id || f.name)) }) : null,
     rest.length ? /* @__PURE__ */ jsx55("div", { className: "fd-filegrid-chips", children: rest.map((f) => /* @__PURE__ */ jsx55(FileChip, { file: f, onOpen, onRemove, onRetry, compact: compact3 }, f.id || f.name)) }) : null
   ] });
 }
 
 // src/components/forms/MarkdownEditor.tsx
-import * as React28 from "react";
-import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
+import * as React29 from "react";
+import { jsx as jsx56, jsxs as jsxs52 } from "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) {
@@ -4797,7 +4811,7 @@ function syncDom(root, value) {
   while (root.children.length > lines.length) root.removeChild(root.lastChild);
 }
 var LIST_CONT = RE_LI;
-var MarkdownEditor = React28.forwardRef(function MarkdownEditor2({
+var MarkdownEditor = React29.forwardRef(function MarkdownEditor2({
   value = "",
   onChange,
   onSubmit,
@@ -4816,10 +4830,10 @@ var MarkdownEditor = React28.forwardRef(function MarkdownEditor2({
   className = "",
   id
 }, ref) {
-  const boxRef = React28.useRef(null);
-  const composing = React28.useRef(false);
-  const pendingCaret = React28.useRef(null);
-  React28.useLayoutEffect(() => {
+  const boxRef = React29.useRef(null);
+  const composing = React29.useRef(false);
+  const pendingCaret = React29.useRef(null);
+  React29.useLayoutEffect(() => {
     const root = boxRef.current;
     if (!root || composing.current) return;
     const active = document.activeElement === root || root.contains(document.activeElement);
@@ -4828,7 +4842,7 @@ var MarkdownEditor = React28.forwardRef(function MarkdownEditor2({
     pendingCaret.current = null;
     if (active && caret != null) placeCaret(root, caret);
   }, [value]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (autoFocus && boxRef.current) boxRef.current.focus();
   }, [autoFocus]);
   const caretNow = () => {
@@ -4895,7 +4909,7 @@ var MarkdownEditor = React28.forwardRef(function MarkdownEditor2({
       api.replaceRange(from, to, next, from + next.length);
     }
   };
-  React28.useImperativeHandle(ref, () => api);
+  React29.useImperativeHandle(ref, () => api);
   function detect(text, caret) {
     if (!onTrigger) return;
     const upto = text.slice(0, caret);
@@ -5008,7 +5022,7 @@ var MarkdownEditor = React28.forwardRef(function MarkdownEditor2({
     api.replaceRange(s.start, s.end, text.replace(/\r\n?/g, "\n"));
   };
   const lh = 1.55;
-  return /* @__PURE__ */ jsxs51("div", { className: ["fd-rme-wrap", disabled ? "is-disabled" : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs52("div", { className: ["fd-rme-wrap", disabled ? "is-disabled" : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsx56(
       "div",
       {
@@ -5047,10 +5061,10 @@ var MarkdownEditor = React28.forwardRef(function MarkdownEditor2({
 });
 
 // src/components/platform/AccountMenu.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 
 // src/kits/session.ts
-import * as React29 from "react";
+import * as React30 from "react";
 var PERMISSION_CATALOG = [
   { group: "Plans", items: [
     { key: "plan.view", label: "View plans", detail: "Read any plan in the workspace." },
@@ -6617,8 +6631,8 @@ function roadmap(overrides) {
   };
 }
 function useSession() {
-  const [s, setS] = React29.useState(getSession);
-  React29.useEffect(() => subscribe(setS), []);
+  const [s, setS] = React30.useState(getSession);
+  React30.useEffect(() => subscribe(setS), []);
   return s;
 }
 var SessionKit = {
@@ -6651,7 +6665,7 @@ var SessionKit = {
 };
 
 // src/components/platform/AccountMenu.tsx
-import { Fragment as Fragment14, jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx57, jsxs as jsxs53 } from "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" }
@@ -6662,7 +6676,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__ */ jsxs52(
+  return /* @__PURE__ */ jsxs53(
     "button",
     {
       type: "button",
@@ -6688,9 +6702,9 @@ function AccountMenu({
   ...rest
 }) {
   const session = SessionKit.useSession();
-  const [open, setOpen] = React30.useState(false);
-  const [switching, setSwitching] = React30.useState(false);
-  const ref = React30.useRef(null);
+  const [open, setOpen] = React31.useState(false);
+  const [switching, setSwitching] = React31.useState(false);
+  const ref = React31.useRef(null);
   const user = session.user;
   const visibleAdmin = adminLinks.filter((l) => !l.perm || SessionKit.can(l.perm));
   const pick = (item) => {
@@ -6704,8 +6718,8 @@ function AccountMenu({
     if (onSignOut) return onSignOut();
     window.alert("Signed out. (Simulated \u2014 no auth provider is wired up.)");
   };
-  return /* @__PURE__ */ jsxs52(Fragment14, { children: [
-    /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs53(Fragment14, { children: [
+    /* @__PURE__ */ jsxs53(
       "button",
       {
         type: "button",
@@ -6722,27 +6736,27 @@ function AccountMenu({
         ]
       }
     ),
-    /* @__PURE__ */ jsx57(Popover, { open, anchorRef: ref, onClose: () => setOpen(false), placement: "bottom-end", width: 272, children: /* @__PURE__ */ jsxs52("div", { role: "menu", className: "fd-stack", style: { gap: 0 }, children: [
-      /* @__PURE__ */ jsxs52("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+    /* @__PURE__ */ jsx57(Popover, { open, anchorRef: ref, onClose: () => setOpen(false), placement: "bottom-end", width: 272, children: /* @__PURE__ */ jsxs53("div", { role: "menu", className: "fd-stack", style: { gap: 0 }, children: [
+      /* @__PURE__ */ jsxs53("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
         /* @__PURE__ */ jsx57(Avatar, { name: user.name }),
-        /* @__PURE__ */ jsxs52("span", { className: "fd-stack", style: { gap: 1, minWidth: 0, flex: 1 }, children: [
+        /* @__PURE__ */ jsxs53("span", { className: "fd-stack", style: { gap: 1, minWidth: 0, flex: 1 }, children: [
           /* @__PURE__ */ jsx57("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: user.name }),
           /* @__PURE__ */ jsx57("span", { className: "fd-body-sm fd-muted fd-table-trunc", children: user.email })
         ] })
       ] }),
       showRoles && session.roles.length ? /* @__PURE__ */ jsx57("div", { className: "fd-row", style: { gap: 6, padding: "10px 14px", flexWrap: "wrap", borderBottom: "1px solid var(--border)" }, children: session.roles.map((r) => /* @__PURE__ */ jsx57(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)) }) : null,
       /* @__PURE__ */ jsx57("div", { className: "fd-acct-group", children: links.map((l) => /* @__PURE__ */ jsx57(Item, { item: l, onPick: pick }, l.id)) }),
-      visibleAdmin.length ? /* @__PURE__ */ jsxs52("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
+      visibleAdmin.length ? /* @__PURE__ */ jsxs53("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
         /* @__PURE__ */ jsx57("span", { className: "fd-overline fd-muted", style: { padding: "8px 14px 4px", display: "block" }, children: "Administration" }),
         visibleAdmin.map((l) => /* @__PURE__ */ jsx57(Item, { item: l, onPick: pick }, l.id))
       ] }) : null,
-      allowUserSwitch ? /* @__PURE__ */ jsxs52("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ jsxs52("button", { type: "button", role: "menuitem", className: "fd-acct-item", onClick: () => setSwitching((s) => !s), children: [
+      allowUserSwitch ? /* @__PURE__ */ jsxs53("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ jsxs53("button", { type: "button", role: "menuitem", className: "fd-acct-item", onClick: () => setSwitching((s) => !s), children: [
           /* @__PURE__ */ jsx57("i", { className: "ph ph-user-switch", "aria-hidden": "true" }),
           /* @__PURE__ */ jsx57("span", { style: { flex: 1 }, children: "View as another member" }),
           /* @__PURE__ */ jsx57("i", { className: "ph ph-caret-" + (switching ? "up" : "down"), "aria-hidden": "true", style: { fontSize: 11 } })
         ] }),
-        switching ? /* @__PURE__ */ jsx57("div", { className: "fd-stack", style: { gap: 0 }, children: session.allUsers.filter((u) => u.status === "active").map((u) => /* @__PURE__ */ jsxs52(
+        switching ? /* @__PURE__ */ jsx57("div", { className: "fd-stack", style: { gap: 0 }, children: session.allUsers.filter((u) => u.status === "active").map((u) => /* @__PURE__ */ jsxs53(
           "button",
           {
             type: "button",
@@ -6755,7 +6769,7 @@ function AccountMenu({
             },
             children: [
               /* @__PURE__ */ jsx57(Avatar, { name: u.name, size: "sm" }),
-              /* @__PURE__ */ jsxs52("span", { className: "fd-stack", style: { gap: 0, flex: 1, minWidth: 0, alignItems: "flex-start" }, children: [
+              /* @__PURE__ */ jsxs53("span", { className: "fd-stack", style: { gap: 0, flex: 1, minWidth: 0, alignItems: "flex-start" }, children: [
                 /* @__PURE__ */ jsx57("span", { style: { fontWeight: u.id === user.id ? 700 : 500 }, children: u.name }),
                 /* @__PURE__ */ jsx57("span", { className: "fd-muted", style: { fontSize: 11.5 }, children: u.roles.join(", ") })
               ] }),
@@ -6765,7 +6779,7 @@ function AccountMenu({
           u.id
         )) }) : null
       ] }) : null,
-      /* @__PURE__ */ jsx57("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: /* @__PURE__ */ jsxs52("button", { type: "button", role: "menuitem", className: "fd-acct-item", "data-danger": "true", onClick: signOut, children: [
+      /* @__PURE__ */ jsx57("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: /* @__PURE__ */ jsxs53("button", { type: "button", role: "menuitem", className: "fd-acct-item", "data-danger": "true", onClick: signOut, children: [
         /* @__PURE__ */ jsx57("i", { className: "ph ph-sign-out", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx57("span", { style: { flex: 1 }, children: "Sign out" })
       ] }) })
@@ -6774,14 +6788,14 @@ function AccountMenu({
 }
 
 // src/components/platform/ApiSpecBrowser.tsx
-import * as React31 from "react";
-import { jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
+import * as React32 from "react";
+import { jsx as jsx58, jsxs as jsxs54 } from "react/jsx-runtime";
 var METHOD_TONE = { GET: "success", POST: "info", PATCH: "warning", PUT: "warning", DELETE: "danger" };
 function Json({ obj }) {
   return /* @__PURE__ */ jsx58("pre", { className: "fd-json", children: JSON.stringify(obj, null, 2) });
 }
 function Endpoint({ s, onRequest }) {
-  const [tried, setTried] = React31.useState(null);
+  const [tried, setTried] = React32.useState(null);
   const run = async () => {
     setTried("busy");
     const t0 = (window.performance || Date).now();
@@ -6792,13 +6806,13 @@ function Endpoint({ s, onRequest }) {
       setTried({ ms: Math.round((window.performance || Date).now() - t0), error: String(e && e.message || e) });
     }
   };
-  return /* @__PURE__ */ jsx58(Card, { elevation: "flat", padded: false, children: /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 0 }, children: [
-    /* @__PURE__ */ jsxs53("div", { className: "fd-row", style: { gap: 10, padding: "14px 18px", flexWrap: "wrap" }, children: [
+  return /* @__PURE__ */ jsx58(Card, { elevation: "flat", padded: false, children: /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 0 }, children: [
+    /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: { gap: 10, padding: "14px 18px", flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsx58(Badge, { tone: METHOD_TONE[s.method] || "neutral", children: s.method }),
       /* @__PURE__ */ jsx58("code", { className: "fd-mono", style: { fontSize: 12.5, fontWeight: 600, color: "var(--text)", wordBreak: "break-all" }, children: s.path }),
       s.isList ? /* @__PURE__ */ jsx58(Badge, { tone: "neutral", icon: "rows", children: "Paged list" }) : null,
       /* @__PURE__ */ jsx58("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ jsxs53("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+      /* @__PURE__ */ jsxs54("span", { className: "fd-body-sm fd-muted fd-mono", children: [
         s.latency[0],
         "\u2013",
         s.latency[1],
@@ -6806,31 +6820,31 @@ function Endpoint({ s, onRequest }) {
       ] }),
       /* @__PURE__ */ jsx58(Button, { size: "sm", variant: "secondary", icon: "play", loading: tried === "busy", onClick: run, children: "Try it" })
     ] }),
-    /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 14, padding: "0 18px 16px" }, children: [
-      /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 6 }, children: [
+    /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 14, padding: "0 18px 16px" }, children: [
+      /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 6 }, children: [
         /* @__PURE__ */ jsx58("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: s.title }),
         /* @__PURE__ */ jsx58("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: s.purpose }),
         s.usedBy && s.usedBy.length ? /* @__PURE__ */ jsx58("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: s.usedBy.map((u) => /* @__PURE__ */ jsx58(Tag, { children: u }, u)) }) : null
       ] }),
-      /* @__PURE__ */ jsxs53("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(280px,1fr))", gap: 12, alignItems: "start" }, children: [
-        s.request ? /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 6 }, children: [
+      /* @__PURE__ */ jsxs54("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(280px,1fr))", gap: 12, alignItems: "start" }, children: [
+        s.request ? /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 6 }, children: [
           /* @__PURE__ */ jsx58("span", { className: "fd-overline fd-muted", children: "Request body" }),
           /* @__PURE__ */ jsx58(Json, { obj: s.request })
         ] }) : null,
-        s.query ? /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 6 }, children: [
+        s.query ? /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 6 }, children: [
           /* @__PURE__ */ jsx58("span", { className: "fd-overline fd-muted", children: "Query" }),
           /* @__PURE__ */ jsx58(Json, { obj: s.query })
         ] }) : null,
-        /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 6 }, children: [
+        /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 6 }, children: [
           /* @__PURE__ */ jsx58("span", { className: "fd-overline fd-muted", children: "Response 200" }),
           /* @__PURE__ */ jsx58(Json, { obj: s.response })
         ] })
       ] }),
       s.notes ? /* @__PURE__ */ jsx58(Flag, { tone: "info", statement: "Implementation note", cost: s.notes, actions: null }) : null,
-      tried && tried !== "busy" ? /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 6 }, children: [
-        /* @__PURE__ */ jsxs53("span", { className: "fd-row", style: { gap: 8 }, children: [
+      tried && tried !== "busy" ? /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 6 }, children: [
+        /* @__PURE__ */ jsxs54("span", { className: "fd-row", style: { gap: 8 }, children: [
           /* @__PURE__ */ jsx58("span", { className: "fd-overline fd-muted", children: "Simulated response" }),
-          /* @__PURE__ */ jsxs53(Badge, { tone: tried.error ? "danger" : "success", icon: "timer", children: [
+          /* @__PURE__ */ jsxs54(Badge, { tone: tried.error ? "danger" : "success", icon: "timer", children: [
             tried.ms,
             "ms"
           ] })
@@ -6854,29 +6868,29 @@ function ApiSpecBrowser({
   className = "",
   ...rest
 }) {
-  const [q, setQ] = React31.useState("");
-  const [method, setMethod] = React31.useState(null);
-  const [mod, setMod] = React31.useState(null);
-  const [listOnly, setListOnly] = React31.useState(false);
+  const [q, setQ] = React32.useState("");
+  const [method, setMethod] = React32.useState(null);
+  const [mod, setMod] = React32.useState(null);
+  const [listOnly, setListOnly] = React32.useState(false);
   const activeModule = modules && modules.find((m) => m.id === mod);
   const hits = spec.filter((s) => (!method || s.method === method) && (!listOnly || s.isList) && (!activeModule || activeModule.endpoints.indexOf(s.id) >= 0) && (!q || (s.path + " " + s.title + " " + s.purpose + " " + (s.usedBy || []).join(" ")).toLowerCase().includes(q.toLowerCase())));
   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__ */ jsxs53("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 1100 }, ...rest, children: [
-    /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 10 }, children: [
+  return /* @__PURE__ */ jsxs54("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 1100 }, ...rest, children: [
+    /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 10 }, children: [
       kicker ? /* @__PURE__ */ jsx58("span", { className: "fd-overline fd-muted", children: kicker }) : null,
       /* @__PURE__ */ jsx58("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
       lede ? /* @__PURE__ */ jsx58("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede }) : null
     ] }),
-    modules && modules.length ? /* @__PURE__ */ jsxs53("div", { className: "fd-stack", style: { gap: 8 }, children: [
+    modules && modules.length ? /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 8 }, children: [
       /* @__PURE__ */ jsx58("span", { className: "fd-overline fd-muted", children: "Filter by screen \u2014 every endpoint that screen depends on" }),
-      /* @__PURE__ */ jsxs53("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ jsxs53(Tag, { icon: "stack", selected: !mod, onClick: () => setMod(null), children: [
+      /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ jsxs54(Tag, { icon: "stack", selected: !mod, onClick: () => setMod(null), children: [
           "All screens ",
           /* @__PURE__ */ jsx58("span", { className: "fd-mono", children: spec.length })
         ] }),
-        modules.map((m) => /* @__PURE__ */ jsxs53(Tag, { icon: m.icon, selected: mod === m.id, onClick: () => setMod(mod === m.id ? null : m.id), children: [
+        modules.map((m) => /* @__PURE__ */ jsxs54(Tag, { icon: m.icon, selected: mod === m.id, onClick: () => setMod(mod === m.id ? null : m.id), children: [
           m.label,
           " ",
           /* @__PURE__ */ jsx58("span", { className: "fd-mono", children: m.endpoints.length })
@@ -6893,19 +6907,19 @@ function ApiSpecBrowser({
       ) : null
     ] }) : null,
     sourceNote ? /* @__PURE__ */ jsx58(Flag, { tone: "info", statement: "Design-first: this page is the spec.", cost: sourceNote, actions: null }) : null,
-    /* @__PURE__ */ jsxs53("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsx58(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__ */ jsxs53(Tag, { selected: method === m, onClick: () => setMethod(method === m ? null : m), children: [
+      methods.map((m) => /* @__PURE__ */ jsxs54(Tag, { selected: method === m, onClick: () => setMethod(method === m ? null : m), children: [
         m,
         " ",
         /* @__PURE__ */ jsx58("span", { className: "fd-mono", children: spec.filter((s) => s.method === m).length })
       ] }, m)),
-      listCount ? /* @__PURE__ */ jsxs53(Tag, { icon: "rows", selected: listOnly, onClick: () => setListOnly(!listOnly), children: [
+      listCount ? /* @__PURE__ */ jsxs54(Tag, { icon: "rows", selected: listOnly, onClick: () => setListOnly(!listOnly), children: [
         "Paged lists ",
         /* @__PURE__ */ jsx58("span", { className: "fd-mono", children: listCount })
       ] }) : null,
       /* @__PURE__ */ jsx58("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ jsxs53("span", { className: "fd-body-sm fd-muted", children: [
+      /* @__PURE__ */ jsxs54("span", { className: "fd-body-sm fd-muted", children: [
         hits.length,
         " of ",
         spec.length,
@@ -6916,18 +6930,18 @@ function ApiSpecBrowser({
     hits.length === 0 ? /* @__PURE__ */ jsx58(Card, { elevation: "flat", children: /* @__PURE__ */ jsx58("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__ */ jsxs53("div", { className: "fd-stack", style: { gap: 12 }, children: [
+      return /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 12 }, children: [
         /* @__PURE__ */ jsx58("span", { className: "fd-label-lg", children: g }),
         items.map((s) => /* @__PURE__ */ jsx58(Endpoint, { s, onRequest }, s.id))
       ] }, g);
     }),
-    conventions && conventions.length ? /* @__PURE__ */ jsx58(Card, { title: "Cross-cutting conventions", elevation: "flat", children: /* @__PURE__ */ jsx58("div", { className: "fd-stack", style: { gap: 10 }, children: conventions.map(([k, v]) => /* @__PURE__ */ jsxs53("div", { className: "fd-row", style: { gap: 12, alignItems: "flex-start" }, children: [
+    conventions && conventions.length ? /* @__PURE__ */ jsx58(Card, { title: "Cross-cutting conventions", elevation: "flat", children: /* @__PURE__ */ jsx58("div", { className: "fd-stack", style: { gap: 10 }, children: conventions.map(([k, v]) => /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: { gap: 12, alignItems: "flex-start" }, children: [
       /* @__PURE__ */ jsx58("span", { className: "fd-overline fd-muted", style: { width: 110, flex: "none", paddingTop: 2 }, children: k }),
       /* @__PURE__ */ jsx58("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: v })
     ] }, k)) }) }) : null,
-    openQuestions && openQuestions.length ? /* @__PURE__ */ jsx58(Collapsible, { icon: "list-checks", title: "Open questions before implementation", subtitle: openQuestions.length + " unresolved", children: /* @__PURE__ */ jsx58("div", { className: "fd-stack", style: { gap: 8 }, children: openQuestions.map(([id, question, why]) => /* @__PURE__ */ jsxs53("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start", padding: "8px 0", borderTop: "1px solid var(--border)" }, children: [
+    openQuestions && openQuestions.length ? /* @__PURE__ */ jsx58(Collapsible, { icon: "list-checks", title: "Open questions before implementation", subtitle: openQuestions.length + " unresolved", children: /* @__PURE__ */ jsx58("div", { className: "fd-stack", style: { gap: 8 }, children: openQuestions.map(([id, question, why]) => /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start", padding: "8px 0", borderTop: "1px solid var(--border)" }, children: [
       /* @__PURE__ */ jsx58(Badge, { tone: "danger", children: id }),
-      /* @__PURE__ */ jsxs53("span", { className: "fd-stack", style: { gap: 2, flex: 1 }, children: [
+      /* @__PURE__ */ jsxs54("span", { className: "fd-stack", style: { gap: 2, flex: 1 }, children: [
         /* @__PURE__ */ jsx58("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: question }),
         /* @__PURE__ */ jsx58("span", { className: "fd-body-sm fd-muted", children: why })
       ] })
@@ -6936,8 +6950,8 @@ function ApiSpecBrowser({
 }
 
 // src/components/platform/ProfilePage.tsx
-import * as React32 from "react";
-import { jsx as jsx59, jsxs as jsxs54 } from "react/jsx-runtime";
+import * as React33 from "react";
+import { jsx as jsx59, jsxs as jsxs55 } from "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." },
@@ -6949,7 +6963,7 @@ var NOTIFY = [
 function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSessions = true, className = "", ...rest }) {
   const session = SessionKit.useSession();
   const user = userProp || session.user;
-  const [draft, setDraft] = React32.useState(() => ({
+  const [draft, setDraft] = React33.useState(() => ({
     name: user.name || "",
     title: user.title || "",
     email: user.email || "",
@@ -6958,8 +6972,8 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
     bio: user.bio || "",
     notify: user.notify || { planShared: true, planChanged: true, goalMissed: true, flagChanged: false, weekly: true }
   }));
-  const [saving, setSaving] = React32.useState(false);
-  const [saved, setSaved] = React32.useState(false);
+  const [saving, setSaving] = React33.useState(false);
+  const [saved, setSaved] = React33.useState(false);
   const set = (k, v) => {
     setDraft((d) => Object.assign({}, d, { [k]: v }));
     setSaved(false);
@@ -6981,22 +6995,22 @@ 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__ */ jsxs54("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 860 }, ...rest, children: [
-    /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 10 }, children: [
+  return /* @__PURE__ */ jsxs55("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 860 }, ...rest, children: [
+    /* @__PURE__ */ jsxs55("div", { className: "fd-stack", style: { gap: 10 }, children: [
       /* @__PURE__ */ jsx59("span", { className: "fd-overline fd-muted", children: "Account" }),
       /* @__PURE__ */ jsx59("h1", { className: "fd-h1", style: { margin: 0 }, children: "Your profile" }),
       /* @__PURE__ */ jsx59("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__ */ jsx59(Card, { elevation: "flat", children: /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap", alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ jsx59(Card, { elevation: "flat", children: /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap", alignItems: "flex-start" }, children: [
       /* @__PURE__ */ jsx59(Avatar, { name: draft.name || user.name, size: "lg" }),
-      /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 4, flex: 1, minWidth: 200 }, children: [
+      /* @__PURE__ */ jsxs55("div", { className: "fd-stack", style: { gap: 4, flex: 1, minWidth: 200 }, children: [
         /* @__PURE__ */ jsx59("span", { className: "fd-h3", style: { margin: 0 }, children: draft.name || user.name }),
-        /* @__PURE__ */ jsxs54("span", { className: "fd-body-sm fd-muted", children: [
+        /* @__PURE__ */ jsxs55("span", { className: "fd-body-sm fd-muted", children: [
           draft.title || "No title set",
           " \xB7 ",
           user.team || "No team"
         ] }),
-        /* @__PURE__ */ jsxs54("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 4 }, children: [
+        /* @__PURE__ */ jsxs55("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 4 }, children: [
           session.roles.map((r) => /* @__PURE__ */ jsx59(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)),
           user.sso ? /* @__PURE__ */ jsx59(Badge, { tone: "info", icon: "shield-check", children: "SSO" }) : null
         ] })
@@ -7006,17 +7020,17 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
     /* @__PURE__ */ jsx59(
       Card,
       {
-        title: /* @__PURE__ */ jsxs54("span", { className: "fd-stack", style: { gap: 2 }, children: [
+        title: /* @__PURE__ */ jsxs55("span", { className: "fd-stack", style: { gap: 2 }, children: [
           /* @__PURE__ */ jsx59("span", { children: "Identity" }),
           /* @__PURE__ */ jsx59("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "Name and title appear on plans you share" })
         ] }),
         elevation: "flat",
-        children: /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 14 }, children: [
-          /* @__PURE__ */ jsxs54("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
+        children: /* @__PURE__ */ jsxs55("div", { className: "fd-stack", style: { gap: 14 }, children: [
+          /* @__PURE__ */ jsxs55("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
             /* @__PURE__ */ jsx59(Input, { label: "Full name", value: draft.name, onChange: (e) => set("name", e.target.value) }),
             /* @__PURE__ */ jsx59(Input, { label: "Job title", value: draft.title, onChange: (e) => set("title", e.target.value), placeholder: "e.g. Senior media planner" })
           ] }),
-          /* @__PURE__ */ jsxs54("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
+          /* @__PURE__ */ jsxs55("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
             /* @__PURE__ */ jsx59(
               Input,
               {
@@ -7043,7 +7057,7 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
         ] })
       }
     ),
-    /* @__PURE__ */ jsx59(Card, { title: "Working preferences", elevation: "flat", children: /* @__PURE__ */ jsxs54("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
+    /* @__PURE__ */ jsx59(Card, { title: "Working preferences", elevation: "flat", children: /* @__PURE__ */ jsxs55("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: [
       /* @__PURE__ */ jsx59(
         Select,
         {
@@ -7059,7 +7073,7 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
     /* @__PURE__ */ jsx59(
       Card,
       {
-        title: /* @__PURE__ */ jsxs54("span", { className: "fd-stack", style: { gap: 2 }, children: [
+        title: /* @__PURE__ */ jsxs55("span", { className: "fd-stack", style: { gap: 2 }, children: [
           /* @__PURE__ */ jsx59("span", { children: "Notifications" }),
           /* @__PURE__ */ jsx59("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "Email only for now \u2014 in-app notifications are on the roadmap" })
         ] }),
@@ -7067,10 +7081,10 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
         children: /* @__PURE__ */ jsx59("div", { className: "fd-stack", style: { gap: 14 }, children: NOTIFY.map((n) => /* @__PURE__ */ jsx59(Switch, { checked: !!draft.notify[n.key], onChange: () => setNotify(n.key), label: n.label, description: n.detail }, n.key)) })
       }
     ),
-    /* @__PURE__ */ jsxs54(
+    /* @__PURE__ */ jsxs55(
       Card,
       {
-        title: /* @__PURE__ */ jsxs54("span", { className: "fd-stack", style: { gap: 2 }, children: [
+        title: /* @__PURE__ */ jsxs55("span", { className: "fd-stack", style: { gap: 2 }, children: [
           /* @__PURE__ */ jsx59("span", { children: "Access" }),
           /* @__PURE__ */ jsx59("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "What your roles grant you" })
         ] }),
@@ -7086,9 +7100,9 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
           }
         ),
         children: [
-          /* @__PURE__ */ jsxs54("div", { className: "fd-stack", style: { gap: 0 }, children: [
+          /* @__PURE__ */ jsxs55("div", { className: "fd-stack", style: { gap: 0 }, children: [
             /* @__PURE__ */ jsx59(CardRow, { label: "Roles", children: session.roles.map((r) => r.name).join(", ") || "None" }),
-            /* @__PURE__ */ jsxs54(CardRow, { label: "Permissions", children: [
+            /* @__PURE__ */ jsxs55(CardRow, { label: "Permissions", children: [
               session.permissions.length,
               " granted"
             ] }),
@@ -7104,11 +7118,11 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
         title: "Signed-in devices",
         elevation: "flat",
         action: /* @__PURE__ */ jsx59(Button, { size: "sm", variant: "ghost", icon: "sign-out", children: "Sign out everywhere" }),
-        children: /* @__PURE__ */ jsx59("div", { className: "fd-stack", style: { gap: 0 }, children: liveSessions.map((s) => /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: { gap: 12, padding: "10px 0", borderTop: "1px solid var(--border)", flexWrap: "wrap" }, children: [
+        children: /* @__PURE__ */ jsx59("div", { className: "fd-stack", style: { gap: 0 }, children: liveSessions.map((s) => /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: { gap: 12, padding: "10px 0", borderTop: "1px solid var(--border)", flexWrap: "wrap" }, children: [
           /* @__PURE__ */ jsx59("i", { className: "ph ph-device-mobile", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs54("span", { className: "fd-stack", style: { gap: 1, flex: 1, minWidth: 160 }, children: [
+          /* @__PURE__ */ jsxs55("span", { className: "fd-stack", style: { gap: 1, flex: 1, minWidth: 160 }, children: [
             /* @__PURE__ */ jsx59("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: s.device }),
-            /* @__PURE__ */ jsxs54("span", { className: "fd-body-sm fd-muted", children: [
+            /* @__PURE__ */ jsxs55("span", { className: "fd-body-sm fd-muted", children: [
               s.where,
               " \xB7 ",
               s.when
@@ -7118,7 +7132,7 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
         ] }, s.id)) })
       }
     ) : null,
-    /* @__PURE__ */ jsxs54("div", { className: "fd-row", style: {
+    /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: {
       gap: 10,
       flexWrap: "wrap",
       position: "sticky",
@@ -7149,10 +7163,10 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
 }
 
 // src/components/platform/RoadmapTimeline.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 
 // src/kits/runtime.ts
-import * as React33 from "react";
+import * as React34 from "react";
 var WIRED_ENDPOINTS = [
   // Nothing yet. Every id below would come from a real service:
   //   "plan.get", "placements.list", …
@@ -7323,8 +7337,8 @@ var RuntimeKit = {
 };
 RuntimeKit.declare(FEATURE_NEEDS);
 function useRuntimeMode() {
-  const [m, setM] = React33.useState(RuntimeKit.getMode());
-  React33.useEffect(() => RuntimeKit.subscribe(setM), []);
+  const [m, setM] = React34.useState(RuntimeKit.getMode());
+  React34.useEffect(() => RuntimeKit.subscribe(setM), []);
   return m;
 }
 function useFeatureStatus(key) {
@@ -7343,7 +7357,7 @@ var UseRuntimeMode = useRuntimeMode;
 var UseFeatureStatus = useFeatureStatus;
 
 // src/components/platform/RoadmapTimeline.tsx
-import { jsx as jsx60, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs56 } from "react/jsx-runtime";
 var STATUS = {
   shipped: { tone: "success", icon: "check-circle", label: "Wired" },
   next: { tone: "warning", icon: "traffic-cone", label: "Not wired" },
@@ -7358,24 +7372,24 @@ 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__ */ jsx60(Card, { elevation: "flat", children: /* @__PURE__ */ jsxs55("div", { className: "fd-stack", style: { gap: 10 }, children: [
-    /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
+  return /* @__PURE__ */ jsx60(Card, { elevation: "flat", children: /* @__PURE__ */ jsxs56("div", { className: "fd-stack", style: { gap: 10 }, children: [
+    /* @__PURE__ */ jsxs56("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsx60("span", { className: "fd-body", style: { fontWeight: 700, flex: 1, minWidth: 140 }, children: item.label }),
       /* @__PURE__ */ jsx60(Badge, { tone: "neutral", icon: PROJECT_ICON[item.project] || "squares-four", children: item.project }),
       /* @__PURE__ */ jsx60(Badge, { tone: s.tone, icon: s.icon, children: s.label })
     ] }),
     /* @__PURE__ */ jsx60("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: item.description }),
-    item.backend ? /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start" }, children: [
+    item.backend ? /* @__PURE__ */ jsxs56("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start" }, children: [
       /* @__PURE__ */ jsx60("span", { className: "fd-overline fd-muted", style: { width: 62, flex: "none", paddingTop: 2 }, children: "Backend" }),
       /* @__PURE__ */ jsx60("span", { className: "fd-body-sm", style: { flex: 1, textWrap: "pretty" }, children: item.backend })
     ] }) : null,
-    /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-      item.effort ? /* @__PURE__ */ jsxs55("span", { className: "fd-body-sm fd-muted", children: [
+    /* @__PURE__ */ jsxs56("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+      item.effort ? /* @__PURE__ */ jsxs56("span", { className: "fd-body-sm fd-muted", children: [
         /* @__PURE__ */ jsx60("i", { className: "ph ph-hourglass-medium" }),
         " ",
         item.effort
       ] }) : null,
-      /* @__PURE__ */ jsxs55("span", { className: "fd-body-sm fd-muted", children: [
+      /* @__PURE__ */ jsxs56("span", { className: "fd-body-sm fd-muted", children: [
         /* @__PURE__ */ jsx60("i", { className: "ph ph-user" }),
         " ",
         item.owner
@@ -7392,11 +7406,11 @@ function RoadmapCard({ item, byKey, onOpenFlag }) {
         }
       )
     ] }),
-    deps.length ? /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 6, borderTop: "1px solid var(--border)" }, children: [
+    deps.length ? /* @__PURE__ */ jsxs56("div", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 6, borderTop: "1px solid var(--border)" }, children: [
       /* @__PURE__ */ jsx60("span", { className: "fd-overline fd-muted", style: { paddingTop: 3 }, children: "After" }),
       deps.map((d) => /* @__PURE__ */ jsx60(Tag, { icon: d.implemented ? "check" : "clock", children: d.label }, d.key))
     ] }) : null,
-    blocking.length && !item.implemented ? /* @__PURE__ */ jsxs55("span", { className: "fd-body-sm", style: { color: "var(--warn-text)" }, children: [
+    blocking.length && !item.implemented ? /* @__PURE__ */ jsxs56("span", { className: "fd-body-sm", style: { color: "var(--warn-text)" }, children: [
       "Blocked until ",
       blocking.map((d) => d.label).join(" and "),
       " ",
@@ -7407,12 +7421,12 @@ function RoadmapCard({ item, byKey, onOpenFlag }) {
 }
 function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
   const session = SessionKit.useSession();
-  const [project, setProject] = React34.useState("");
-  const [q, setQ] = React34.useState("");
-  const scrollRef = React34.useRef(null);
-  const nowRef = React34.useRef(null);
-  const rm = React34.useMemo(() => SessionKit.roadmap({ isComplete: RuntimeKit.isComplete }), [session]);
-  const byKey = React34.useMemo(() => {
+  const [project, setProject] = React35.useState("");
+  const [q, setQ] = React35.useState("");
+  const scrollRef = React35.useRef(null);
+  const nowRef = React35.useRef(null);
+  const rm = React35.useMemo(() => SessionKit.roadmap({ isComplete: RuntimeKit.isComplete }), [session]);
+  const byKey = React35.useMemo(() => {
     const m = {};
     rm.items.forEach((i) => {
       m[i.key] = i;
@@ -7421,7 +7435,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
   }, [rm]);
   const items = rm.items.filter((i) => (!project || i.project === project) && (!q || (i.label + " " + i.description + " " + (i.backend || "") + " " + i.key).toLowerCase().includes(q.toLowerCase())));
   const projects = [...new Set(rm.items.map((i) => i.project))];
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     let raf1 = 0, raf2 = 0;
     const place = () => {
       const box = scrollRef.current, mark = nowRef.current;
@@ -7449,19 +7463,19 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
   }, 0);
   const nextPhase = items.find((i) => !i.implemented);
   let lastPhase = null;
-  return /* @__PURE__ */ jsxs55("div", { className: "fd-stack", style: { gap: 16, maxWidth: 1e3 }, children: [
-    /* @__PURE__ */ jsxs55("div", { className: "fd-stack", style: { gap: 10 }, children: [
+  return /* @__PURE__ */ jsxs56("div", { className: "fd-stack", style: { gap: 16, maxWidth: 1e3 }, children: [
+    /* @__PURE__ */ jsxs56("div", { className: "fd-stack", style: { gap: 10 }, children: [
       /* @__PURE__ */ jsx60("span", { className: "fd-overline fd-muted", children: "Architecture" }),
       /* @__PURE__ */ jsx60("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
       /* @__PURE__ */ jsx60("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__ */ jsxs55("div", { className: "fd-grid-stats is-thin", children: [
+    /* @__PURE__ */ jsxs56("div", { className: "fd-grid-stats is-thin", children: [
       /* @__PURE__ */ jsx60(StatTile, { compact: true, label: "Wired", value: String(rm.shipped), sub: "of " + rm.items.length + " features" }),
       /* @__PURE__ */ jsx60(StatTile, { compact: true, label: "Remaining", value: String(rm.remaining), sub: "backend work" }),
       /* @__PURE__ */ jsx60(StatTile, { compact: true, label: "Est. effort", value: days ? days + " days" : "\u2014", sub: "sum of estimates, not calendar" }),
       /* @__PURE__ */ jsx60(StatTile, { compact: true, label: "Up next", value: nextPhase ? "Phase " + nextPhase.phase : "\u2014", sub: nextPhase ? nextPhase.phaseName : "all wired" })
     ] }),
-    /* @__PURE__ */ jsxs55("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ jsxs56("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsx60(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__ */ jsx60(Select, { placeholder: "All projects", value: project, onChange: (e) => setProject(e.target.value), options: projects, style: { width: 190 } }),
       /* @__PURE__ */ jsx60("span", { style: { flex: 1 } }),
@@ -7488,23 +7502,23 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
         actions: null
       }
     ),
-    /* @__PURE__ */ jsx60("div", { className: "fd-rm", children: /* @__PURE__ */ jsx60("div", { className: "fd-rm-scroll", ref: scrollRef, children: /* @__PURE__ */ jsxs55("div", { className: "fd-rm-track", children: [
+    /* @__PURE__ */ jsx60("div", { className: "fd-rm", children: /* @__PURE__ */ jsx60("div", { className: "fd-rm-scroll", ref: scrollRef, children: /* @__PURE__ */ jsxs56("div", { className: "fd-rm-track", children: [
       /* @__PURE__ */ jsx60("span", { className: "fd-rm-spine", children: /* @__PURE__ */ jsx60("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__ */ jsxs55(React34.Fragment, { children: [
-          showPhase ? /* @__PURE__ */ jsxs55("div", { className: "fd-rm-era", children: [
-            /* @__PURE__ */ jsxs55("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
+        return /* @__PURE__ */ jsxs56(React35.Fragment, { children: [
+          showPhase ? /* @__PURE__ */ jsxs56("div", { className: "fd-rm-era", children: [
+            /* @__PURE__ */ jsxs56("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
               /* @__PURE__ */ jsx60("span", { style: { fontWeight: 700 }, children: item.phase === 0 ? "Shipped" : "Phase " + item.phase + " \u2014 " + item.phaseName }),
-              item.phase === 0 ? null : /* @__PURE__ */ jsxs55("span", { className: "fd-mono", style: { opacity: 0.7, fontWeight: 400 }, children: [
+              item.phase === 0 ? null : /* @__PURE__ */ jsxs56("span", { className: "fd-mono", style: { opacity: 0.7, fontWeight: 400 }, children: [
                 fmtDate(item.phaseStart),
                 " \u2013 ",
                 fmtDate(item.date)
               ] }),
-              /* @__PURE__ */ jsxs55("span", { style: { opacity: 0.7, fontWeight: 400 }, children: [
+              /* @__PURE__ */ jsxs56("span", { style: { opacity: 0.7, fontWeight: 400 }, children: [
                 "\xB7 ",
                 inPhase,
                 " feature",
@@ -7513,13 +7527,13 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
             ] }),
             item.phaseWhy ? /* @__PURE__ */ jsx60("p", { className: "fd-rm-era-why", children: item.phaseWhy }) : null
           ] }) : null,
-          isBoundary ? /* @__PURE__ */ jsx60("div", { className: "fd-rm-now", ref: nowRef, children: /* @__PURE__ */ jsxs55("span", { className: "fd-rm-now-pill", children: [
+          isBoundary ? /* @__PURE__ */ jsx60("div", { className: "fd-rm-now", ref: nowRef, children: /* @__PURE__ */ jsxs56("span", { className: "fd-rm-now-pill", children: [
             /* @__PURE__ */ jsx60("i", { className: "ph ph-map-pin" }),
             " You are here \u2014 everything above is wired"
           ] }) }) : null,
-          /* @__PURE__ */ jsxs55("div", { className: "fd-rm-row", children: [
+          /* @__PURE__ */ jsxs56("div", { className: "fd-rm-row", children: [
             /* @__PURE__ */ jsx60("span", { className: "fd-rm-dot " + (item.implemented ? "is-shipped" : item.status === "next" ? "is-next" : "") }),
-            /* @__PURE__ */ jsxs55("div", { className: "fd-rm-date", children: [
+            /* @__PURE__ */ jsxs56("div", { className: "fd-rm-date", children: [
               fmtDate(item.date),
               /* @__PURE__ */ jsx60("br", {}),
               /* @__PURE__ */ jsx60("span", { style: { opacity: 0.75 }, children: item.implemented ? "shipped" : "phase " + item.phase })
@@ -7530,7 +7544,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
       }),
       !items.length ? /* @__PURE__ */ jsx60("p", { className: "fd-body-sm fd-muted", children: "Nothing matches that filter." }) : null
     ] }) }) }),
-    /* @__PURE__ */ jsxs55("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: [
+    /* @__PURE__ */ jsxs56("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__ */ jsx60("code", { className: "fd-mono", children: "implemented" }),
       " field, so this page cannot drift from what the apps actually do."
@@ -7539,9 +7553,10 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
 }
 
 // src/components/platform/ComingSoon.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { createPortal as createPortal5 } from "react-dom";
-import { Fragment as Fragment16, jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx61, jsxs as jsxs57 } from "react/jsx-runtime";
+var SOON_HOVERCARD_BASE = 220;
 var BYPASS_STORE = "fd.soon.bypass.v1";
 function readBypassed() {
   try {
@@ -7557,8 +7572,8 @@ function writeBypassed(list) {
   }
 }
 function useBypass(key) {
-  const [on, setOn] = React35.useState(() => !!key && readBypassed().indexOf(key) >= 0);
-  React35.useEffect(() => {
+  const [on, setOn] = React36.useState(() => !!key && readBypassed().indexOf(key) >= 0);
+  React36.useEffect(() => {
     setOn(!!key && readBypassed().indexOf(key) >= 0);
   }, [key]);
   const set = (next) => {
@@ -7571,43 +7586,43 @@ function useBypass(key) {
   return [on, set];
 }
 function SoonCard({ label, detail, backend, eta, effort, onRoadmap, allowed, onBypass }) {
-  return /* @__PURE__ */ jsxs56(Fragment16, { children: [
-    /* @__PURE__ */ jsxs56("span", { className: "fd-soon-badge", children: [
+  return /* @__PURE__ */ jsxs57(Fragment16, { children: [
+    /* @__PURE__ */ jsxs57("span", { className: "fd-soon-badge", children: [
       /* @__PURE__ */ jsx61("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
       label
     ] }),
     detail ? /* @__PURE__ */ jsx61("span", { className: "fd-soon-detail", children: detail }) : null,
-    backend ? /* @__PURE__ */ jsxs56("span", { className: "fd-soon-backend", children: [
+    backend ? /* @__PURE__ */ jsxs57("span", { className: "fd-soon-backend", children: [
       /* @__PURE__ */ jsx61("span", { className: "fd-overline", children: "Needs" }),
       " ",
       backend
     ] }) : null,
-    eta || effort || onRoadmap ? /* @__PURE__ */ jsxs56("span", { className: "fd-soon-meta", children: [
-      eta ? /* @__PURE__ */ jsxs56("span", { children: [
+    eta || effort || onRoadmap ? /* @__PURE__ */ jsxs57("span", { className: "fd-soon-meta", children: [
+      eta ? /* @__PURE__ */ jsxs57("span", { children: [
         /* @__PURE__ */ jsx61("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }),
         " ",
         eta
       ] }) : null,
-      effort ? /* @__PURE__ */ jsxs56("span", { children: [
+      effort ? /* @__PURE__ */ jsxs57("span", { children: [
         /* @__PURE__ */ jsx61("i", { className: "ph ph-hourglass-medium", "aria-hidden": "true" }),
         " ",
         effort
       ] }) : null,
-      onRoadmap ? /* @__PURE__ */ jsxs56("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
+      onRoadmap ? /* @__PURE__ */ jsxs57("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
         "See the roadmap ",
         /* @__PURE__ */ jsx61("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
       ] }) : null
     ] }) : null,
-    allowed ? /* @__PURE__ */ jsxs56("button", { type: "button", className: "fd-soon-view", onClick: onBypass, children: [
+    allowed ? /* @__PURE__ */ jsxs57("button", { type: "button", className: "fd-soon-view", onClick: onBypass, children: [
       /* @__PURE__ */ jsx61("i", { className: "ph ph-eye", "aria-hidden": "true" }),
       " View and use it anyway"
     ] }) : null
   ] });
 }
 function useHoverCard(open) {
-  const anchor = React35.useRef(null);
-  const [pos, setPos] = React35.useState(null);
-  React35.useLayoutEffect(() => {
+  const anchor = React36.useRef(null);
+  const [pos, setPos] = React36.useState(null);
+  React36.useLayoutEffect(() => {
     if (!open || !anchor.current) {
       setPos(null);
       return;
@@ -7659,7 +7674,7 @@ 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__ */ jsxs56("span", { className: ["fd-soon-inline-on", className].filter(Boolean).join(" "), ...rest, children: [
+      return /* @__PURE__ */ jsxs57("span", { className: ["fd-soon-inline-on", className].filter(Boolean).join(" "), ...rest, children: [
         children,
         /* @__PURE__ */ jsx61(
           "button",
@@ -7694,19 +7709,19 @@ function ComingSoon({
     );
   }
   if (allowed && bypassed) {
-    return /* @__PURE__ */ jsxs56("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, ...rest, children: [
-      /* @__PURE__ */ jsxs56("div", { className: "fd-soon-bar", role: "status", children: [
-        /* @__PURE__ */ jsxs56("span", { className: "fd-soon-badge", children: [
+    return /* @__PURE__ */ jsxs57("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, ...rest, children: [
+      /* @__PURE__ */ jsxs57("div", { className: "fd-soon-bar", role: "status", children: [
+        /* @__PURE__ */ jsxs57("span", { className: "fd-soon-badge", children: [
           /* @__PURE__ */ jsx61("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
           "Unwired feature \u2014 you are using it anyway"
         ] }),
         /* @__PURE__ */ jsx61("span", { className: "fd-soon-bar-detail", children: "Every action here writes to the simulated backend, so nothing you do persists beyond this session." }),
-        /* @__PURE__ */ jsxs56("span", { className: "fd-soon-bar-actions", children: [
-          onRoadmap ? /* @__PURE__ */ jsxs56("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
+        /* @__PURE__ */ jsxs57("span", { className: "fd-soon-bar-actions", children: [
+          onRoadmap ? /* @__PURE__ */ jsxs57("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
             "Roadmap ",
             /* @__PURE__ */ jsx61("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
           ] }) : null,
-          /* @__PURE__ */ jsxs56("button", { type: "button", className: "fd-soon-link", onClick: () => setBypassed(false), children: [
+          /* @__PURE__ */ jsxs57("button", { type: "button", className: "fd-soon-link", onClick: () => setBypassed(false), children: [
             /* @__PURE__ */ jsx61("i", { className: "ph ph-eye-slash", "aria-hidden": "true" }),
             " Re-blur"
           ] })
@@ -7715,7 +7730,7 @@ function ComingSoon({
       children
     ] });
   }
-  return /* @__PURE__ */ jsxs56("div", { className: ["fd-soon", className].filter(Boolean).join(" "), style: minHeight ? { minHeight } : void 0, ...rest, children: [
+  return /* @__PURE__ */ jsxs57("div", { className: ["fd-soon", className].filter(Boolean).join(" "), style: minHeight ? { minHeight } : void 0, ...rest, children: [
     /* @__PURE__ */ jsx61("div", { className: "fd-soon-under", style: { filter: "blur(" + blur + "px) saturate(.62)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
     /* @__PURE__ */ jsx61("div", { className: "fd-soon-veil" }),
     /* @__PURE__ */ jsx61("div", { className: "fd-soon-note", role: "note", children: /* @__PURE__ */ jsx61(
@@ -7734,9 +7749,10 @@ function ComingSoon({
   ] });
 }
 function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, onBypass, blur, tip, className, rest, children }) {
-  const [open, setOpen] = React35.useState(false);
+  const [open, setOpen] = React36.useState(false);
   const [anchor, pos] = useHoverCard(open);
-  const close = React35.useRef(null);
+  const zIndex = useOverlayLayer(SOON_HOVERCARD_BASE);
+  const close = React36.useRef(null);
   const show = () => {
     if (close.current) {
       clearTimeout(close.current);
@@ -7752,10 +7768,10 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
       setOpen(false);
     }, 140);
   };
-  React35.useEffect(() => () => {
+  React36.useEffect(() => () => {
     if (close.current) clearTimeout(close.current);
   }, []);
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     "span",
     {
       ref: anchor,
@@ -7782,12 +7798,12 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
           }
         ),
         open && pos ? createPortal5(
-          /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsx61(LayerProvider, { zIndex, children: /* @__PURE__ */ jsx61(
             "div",
             {
               className: "fd-soon-note fd-soon-hovercard",
               role: "tooltip",
-              style: { position: "fixed", left: pos.left, top: pos.top, bottom: pos.bottom, width: pos.width },
+              style: { position: "fixed", left: pos.left, top: pos.top, bottom: pos.bottom, width: pos.width, zIndex },
               onMouseEnter: show,
               onMouseLeave: hide,
               children: /* @__PURE__ */ jsx61(
@@ -7804,7 +7820,7 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
                 }
               )
             }
-          ),
+          ) }),
           document.body
         ) : null
       ]
@@ -7820,10 +7836,10 @@ function formatEta(iso2) {
 var FormatEta = formatEta;
 
 // src/components/platform/Gate.tsx
-import { jsx as jsx62, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs58 } from "react/jsx-runtime";
 function PermissionDenied({ permission, title, detail, compact: compact3 = false, className = "", ...rest }) {
   const need = Array.isArray(permission) ? permission : [permission].filter(Boolean);
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     "div",
     {
       className: ["fd-stack", className].filter(Boolean).join(" "),
@@ -7839,12 +7855,12 @@ function PermissionDenied({ permission, title, detail, compact: compact3 = false
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsxs57("span", { className: "fd-row", style: { gap: 8 }, children: [
+        /* @__PURE__ */ jsxs58("span", { className: "fd-row", style: { gap: 8 }, children: [
           /* @__PURE__ */ jsx62("i", { className: "ph ph-lock-simple", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
           /* @__PURE__ */ jsx62("span", { className: compact3 ? "fd-label-lg" : "fd-h3", children: title || "You do not have access to this" })
         ] }),
         /* @__PURE__ */ jsx62("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__ */ jsxs57("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: [
+        need.length ? /* @__PURE__ */ jsxs58("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: [
           /* @__PURE__ */ jsx62("span", { className: "fd-overline fd-muted", children: "Requires" }),
           need.map((p) => /* @__PURE__ */ jsx62("code", { className: "fd-mono", style: {
             fontSize: 11.5,
@@ -7921,13 +7937,15 @@ function PermissionHint({ perm, children }) {
 }
 
 // src/components/platform/ModeSwitch.tsx
-import * as React36 from "react";
-import { Fragment as Fragment17, jsx as jsx63, jsxs as jsxs58 } from "react/jsx-runtime";
+import * as React37 from "react";
+import { Fragment as Fragment17, jsx as jsx63, jsxs as jsxs59 } from "react/jsx-runtime";
+var MODE_SWITCH_BASE = 140;
 function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog, onOpenSpec, summary }) {
   const mode2 = useRuntimeMode();
-  const [open, setOpen] = React36.useState(false);
-  const ref = React36.useRef(null);
-  React36.useEffect(() => {
+  const [open, setOpen] = React37.useState(false);
+  const zIndex = useOverlayLayer(MODE_SWITCH_BASE);
+  const ref = React37.useRef(null);
+  React37.useEffect(() => {
     if (!open) return;
     const away = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -7949,8 +7967,8 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
     RuntimeKit.setMode(next);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs58("span", { style: { position: "relative", display: "inline-flex" }, ref, children: [
-    /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59("span", { style: { position: "relative", display: "inline-flex" }, ref, children: [
+    /* @__PURE__ */ jsxs59(
       "button",
       {
         type: "button",
@@ -7965,13 +7983,13 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
         ]
       }
     ),
-    open ? /* @__PURE__ */ jsxs58("span", { className: "fd-view-enter fd-mode-pop", children: [
-      /* @__PURE__ */ jsxs58("span", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ jsxs58("span", { className: "fd-badge " + (test ? "fd-badge-warning" : "fd-badge-neutral"), children: [
+    open ? /* @__PURE__ */ jsx63(LayerProvider, { zIndex, children: /* @__PURE__ */ jsxs59("span", { className: "fd-view-enter fd-mode-pop", style: { zIndex }, children: [
+      /* @__PURE__ */ jsxs59("span", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ jsxs59("span", { className: "fd-badge " + (test ? "fd-badge-warning" : "fd-badge-neutral"), children: [
           /* @__PURE__ */ jsx63("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), "aria-hidden": "true" }),
           test ? "Test mode" : "Live mode"
         ] }),
-        test ? /* @__PURE__ */ jsxs58("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+        test ? /* @__PURE__ */ jsxs59("span", { className: "fd-body-sm fd-muted fd-mono", children: [
           requestCount,
           " simulated request",
           requestCount === 1 ? "" : "s"
@@ -7979,10 +7997,10 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
         /* @__PURE__ */ jsx63("span", { style: { flex: 1 } }),
         test && onClearLog ? /* @__PURE__ */ jsx63("button", { type: "button", className: "fd-soon-link", onClick: onClearLog, children: "Clear" }) : null
       ] }),
-      /* @__PURE__ */ jsxs58("span", { style: { display: "block", padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+      /* @__PURE__ */ jsxs59("span", { style: { display: "block", padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
         /* @__PURE__ */ jsx63("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__ */ jsxs58("span", { className: "fd-row", style: { gap: 8, marginTop: 10, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsxs58("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+        /* @__PURE__ */ jsxs59("span", { className: "fd-row", style: { gap: 8, marginTop: 10, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsxs59("span", { className: "fd-body-sm fd-muted fd-mono", children: [
             s.endpointsWired,
             " endpoint",
             s.endpointsWired === 1 ? "" : "s",
@@ -7992,9 +8010,9 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
             s.total,
             " features complete"
           ] }),
-          onOpenSpec ? /* @__PURE__ */ jsxs58(Fragment17, { children: [
+          onOpenSpec ? /* @__PURE__ */ jsxs59(Fragment17, { children: [
             /* @__PURE__ */ jsx63("span", { style: { flex: 1 } }),
-            /* @__PURE__ */ jsxs58("button", { type: "button", className: "fd-soon-link", onClick: () => {
+            /* @__PURE__ */ jsxs59("button", { type: "button", className: "fd-soon-link", onClick: () => {
               setOpen(false);
               onOpenSpec();
             }, children: [
@@ -8004,18 +8022,18 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ jsxs58("span", { className: "fd-mode-choice", children: [
-        /* @__PURE__ */ jsxs58("button", { type: "button", className: "fd-mode-opt" + (!test ? " is-on" : ""), onClick: () => go("live"), children: [
+      /* @__PURE__ */ jsxs59("span", { className: "fd-mode-choice", children: [
+        /* @__PURE__ */ jsxs59("button", { type: "button", className: "fd-mode-opt" + (!test ? " is-on" : ""), onClick: () => go("live"), children: [
           /* @__PURE__ */ jsx63("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs58("span", { className: "fd-mode-opt-text", children: [
+          /* @__PURE__ */ jsxs59("span", { className: "fd-mode-opt-text", children: [
             /* @__PURE__ */ jsx63("span", { className: "fd-mode-opt-title", children: "Live mode" }),
             /* @__PURE__ */ jsx63("span", { className: "fd-mode-opt-desc", children: "Incomplete features under construction" })
           ] }),
           !test ? /* @__PURE__ */ jsx63("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
         ] }),
-        /* @__PURE__ */ jsxs58("button", { type: "button", className: "fd-mode-opt" + (test ? " is-on" : ""), onClick: () => go("test"), children: [
+        /* @__PURE__ */ jsxs59("button", { type: "button", className: "fd-mode-opt" + (test ? " is-on" : ""), onClick: () => go("test"), children: [
           /* @__PURE__ */ jsx63("i", { className: "ph ph-flask", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs58("span", { className: "fd-mode-opt-text", children: [
+          /* @__PURE__ */ jsxs59("span", { className: "fd-mode-opt-text", children: [
             /* @__PURE__ */ jsx63("span", { className: "fd-mode-opt-title", children: "Test mode" }),
             /* @__PURE__ */ jsx63("span", { className: "fd-mode-opt-desc", children: "Everything usable, all data simulated" })
           ] }),
@@ -8023,19 +8041,19 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
         ] })
       ] }),
       test && renderLog ? /* @__PURE__ */ jsx63("span", { style: { display: "block", maxHeight: 340, overflowY: "auto", borderTop: "1px solid var(--border)" }, children: renderLog() }) : null
-    ] }) : null
+    ] }) }) : null
   ] });
 }
 function TestModeBar({ onExit }) {
   const mode2 = useRuntimeMode();
   if (mode2 !== "test") return null;
-  return /* @__PURE__ */ jsxs58("div", { className: "fd-testbar", role: "status", children: [
-    /* @__PURE__ */ jsxs58("span", { className: "fd-badge fd-badge-warning", children: [
+  return /* @__PURE__ */ jsxs59("div", { className: "fd-testbar", role: "status", children: [
+    /* @__PURE__ */ jsxs59("span", { className: "fd-badge fd-badge-warning", children: [
       /* @__PURE__ */ jsx63("i", { className: "ph ph-flask", "aria-hidden": "true" }),
       "Test mode"
     ] }),
     /* @__PURE__ */ jsx63("span", { className: "fd-testbar-detail", children: "Every feature is unlocked and every response is simulated \u2014 nothing here persists." }),
-    /* @__PURE__ */ jsxs58("button", { type: "button", className: "fd-soon-link", onClick: () => onExit ? onExit() : RuntimeKit.setMode("live"), children: [
+    /* @__PURE__ */ jsxs59("button", { type: "button", className: "fd-soon-link", onClick: () => onExit ? onExit() : RuntimeKit.setMode("live"), children: [
       /* @__PURE__ */ jsx63("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
       " Back to live mode"
     ] })
@@ -8043,7 +8061,7 @@ function TestModeBar({ onExit }) {
 }
 
 // src/components/planner/ChannelMeta.tsx
-import { jsx as jsx64, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs60 } from "react/jsx-runtime";
 var CHANNEL_WEIGHTS = {
   "OOH": 50,
   "DOOH": 50,
@@ -8098,7 +8116,7 @@ function ChannelTag({ channel, size = "md", showLabel = true, dot = false, weigh
   if (dot) {
     return /* @__PURE__ */ jsx64("span", { className: ["fd-chan-dot", className].filter(Boolean).join(" "), title: m.name, style: { background: m.color }, ...rest });
   }
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(
     "span",
     {
       className: ["fd-chan", size === "sm" ? "fd-chan-sm" : "", className].filter(Boolean).join(" "),
@@ -8115,7 +8133,7 @@ function ChannelTag({ channel, size = "md", showLabel = true, dot = false, weigh
 }
 
 // src/components/planner/SaturationDistribution.tsx
-import { jsx as jsx65, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs61 } from "react/jsx-runtime";
 var BANDS2 = [
   { key: "weak", label: "Weak", n: 1, range: "< 50" },
   { key: "adequate", label: "Adequate", n: 2, range: "50\u2013100" },
@@ -8126,11 +8144,11 @@ 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__ */ jsxs60("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
+  return /* @__PURE__ */ jsxs61("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
     /* @__PURE__ */ jsx65("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__ */ jsxs60(
+      return /* @__PURE__ */ jsxs61(
         "button",
         {
           type: "button",
@@ -8146,13 +8164,13 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
               },
               c.name
             )) }),
-            /* @__PURE__ */ jsxs60("span", { className: "fd-row", style: { gap: 8, alignItems: "baseline" }, children: [
+            /* @__PURE__ */ jsxs61("span", { className: "fd-row", style: { gap: 8, alignItems: "baseline" }, children: [
               /* @__PURE__ */ jsx65("span", { className: "fd-num-hero", style: { fontSize: 30, color: g.items.length ? "var(--text)" : "var(--text-disabled)" }, children: loading ? "\u2013" : g.items.length }),
               /* @__PURE__ */ jsx65("span", { className: "fd-meter", style: { gap: 2, color: mark }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx65("span", { className: "fd-meter-seg" + (i <= g.n ? " is-on" : ""), style: { width: 4, height: 9 } }, i)) })
             ] }),
-            /* @__PURE__ */ jsxs60("span", { className: "fd-stack", style: { gap: 1 }, children: [
+            /* @__PURE__ */ jsxs61("span", { className: "fd-stack", style: { gap: 1 }, children: [
               /* @__PURE__ */ jsx65("span", { className: "fd-label-lg", children: g.label }),
-              /* @__PURE__ */ jsxs60("span", { className: "fd-body-sm fd-muted", style: { fontSize: 11.5 }, children: [
+              /* @__PURE__ */ jsxs61("span", { className: "fd-body-sm fd-muted", style: { fontSize: 11.5 }, children: [
                 "CRP ",
                 g.range
               ] })
@@ -8162,10 +8180,10 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
         g.key
       );
     }) }),
-    floorBand ? /* @__PURE__ */ jsxs60("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: [
+    floorBand ? /* @__PURE__ */ jsxs61("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__ */ jsx65("span", { className: "fd-meter", style: { gap: 2, color: "var(--csi-" + floor.n + "-mark)" }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx65("span", { className: "fd-meter-seg" + (i <= floor.n ? " is-on" : ""), style: { width: 5, height: 12 } }, i)) }),
-      /* @__PURE__ */ jsxs60("span", { className: "fd-body-sm fd-secondary", style: { flex: 1, minWidth: 240 }, children: [
-        /* @__PURE__ */ jsxs60("strong", { style: { color: "var(--text)" }, children: [
+      /* @__PURE__ */ jsxs61("span", { className: "fd-body-sm fd-secondary", style: { flex: 1, minWidth: 240 }, children: [
+        /* @__PURE__ */ jsxs61("strong", { style: { color: "var(--text)" }, children: [
           "Plan floor ",
           floorScore
         ] }),
@@ -8176,8 +8194,8 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
 }
 
 // src/components/planner/MixGap.tsx
-import * as React37 from "react";
-import { Fragment as Fragment18, jsx as jsx66, jsxs as jsxs61 } from "react/jsx-runtime";
+import * as React38 from "react";
+import { Fragment as Fragment18, jsx as jsx66, jsxs as jsxs62 } from "react/jsx-runtime";
 var MIX_GAP_LAYOUT = {
   trackHeight: 30,
   barHeight: 20,
@@ -8191,18 +8209,18 @@ function mixGapOffset(value, max) {
 }
 function MixGap({ rows = [], loading = false, className = "" }) {
   const max = Math.max(1, ...rows.flatMap((r) => [r.target, r.realized]));
-  const [hover, setHover] = React37.useState(null);
+  const [hover, setHover] = React38.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)" };
   const { trackHeight, barHeight, targetWidth, labelGap } = MIX_GAP_LAYOUT;
   const barTop = (trackHeight - barHeight) / 2;
-  return /* @__PURE__ */ jsxs61("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 4 }, children: [
-    /* @__PURE__ */ jsxs61("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__ */ jsxs61("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
+  return /* @__PURE__ */ jsxs62("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 4 }, children: [
+    /* @__PURE__ */ jsxs62("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__ */ jsxs62("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
         /* @__PURE__ */ jsx66("span", { style: { width: 14, height: 9, borderRadius: 2, background: c } }),
         l
       ] }, l)),
-      /* @__PURE__ */ jsxs61("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
+      /* @__PURE__ */ jsxs62("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
         /* @__PURE__ */ jsx66("span", { "data-mixgap-legend-target": "", style: { width: targetWidth, height: 16, borderRadius: 1, background: MIX_GAP_TARGET_STRIPE } }),
         "Target"
       ] })
@@ -8212,7 +8230,7 @@ function MixGap({ rows = [], loading = false, className = "" }) {
       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 : "");
       const labelLeft = r.realized > r.target ? `calc(${mixGapOffset(r.realized, max)} + ${labelGap}px)` : `calc(${mixGapOffset(r.target, max)} + ${targetWidth / 2 + labelGap}px)`;
-      return /* @__PURE__ */ jsxs61(
+      return /* @__PURE__ */ jsxs62(
         "div",
         {
           className: "fd-row",
@@ -8221,10 +8239,10 @@ function MixGap({ rows = [], loading = false, className = "" }) {
           onMouseLeave: () => setHover(null),
           children: [
             /* @__PURE__ */ jsx66("span", { style: { width: 128, flex: "none" }, children: /* @__PURE__ */ jsx66(ChannelTag, { channel: r.channel, size: "sm" }) }),
-            /* @__PURE__ */ jsx66("span", { style: { position: "relative", flex: 1, height: trackHeight, minWidth: 120 }, children: loading ? /* @__PURE__ */ jsx66("span", { className: "fd-skel", style: { position: "absolute", left: 0, right: 0, top: barTop, height: barHeight, borderRadius: 3 } }) : /* @__PURE__ */ jsxs61(Fragment18, { children: [
+            /* @__PURE__ */ jsx66("span", { style: { position: "relative", flex: 1, height: trackHeight, minWidth: 120 }, children: loading ? /* @__PURE__ */ jsx66("span", { className: "fd-skel", style: { position: "absolute", left: 0, right: 0, top: barTop, height: barHeight, borderRadius: 3 } }) : /* @__PURE__ */ jsxs62(Fragment18, { children: [
               /* @__PURE__ */ jsx66("span", { "data-mixgap-bar": "", style: { position: "absolute", left: 0, top: barTop, height: barHeight, width: mixGapOffset(r.realized, max), background: TONE[tone], borderRadius: "2px 3px 3px 2px", transition: "width var(--dur-slow) var(--ease), background var(--dur-base) var(--ease)" } }),
               /* @__PURE__ */ jsx66("span", { "data-mixgap-target": "", style: { position: "absolute", left: `calc(${mixGapOffset(r.target, max)} - ${targetWidth / 2}px)`, top: 0, width: targetWidth, height: trackHeight, background: MIX_GAP_TARGET_STRIPE, borderRadius: 1 } }),
-              /* @__PURE__ */ jsxs61("span", { "data-mixgap-label": "", className: "fd-num", style: { position: "absolute", left: labelLeft, top: "50%", transform: "translateY(-50%)", fontSize: 12, color: "var(--text-muted)", whiteSpace: "nowrap" }, children: [
+              /* @__PURE__ */ jsxs62("span", { "data-mixgap-label": "", className: "fd-num", style: { position: "absolute", left: labelLeft, top: "50%", transform: "translateY(-50%)", fontSize: 12, color: "var(--text-muted)", whiteSpace: "nowrap" }, children: [
                 r.realized,
                 "%"
               ] }),
@@ -8239,7 +8257,7 @@ function MixGap({ rows = [], loading = false, className = "" }) {
 }
 
 // src/components/planner/ChannelContribution.tsx
-import { jsx as jsx67, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs63 } from "react/jsx-runtime";
 var money = (n) => "$" + Math.round(n).toLocaleString();
 function ChannelContribution({
   channels = [],
@@ -8255,8 +8273,8 @@ 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__ */ jsxs62("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
-    loading ? /* @__PURE__ */ jsx67("span", { className: "fd-skel", style: { height: 34, borderRadius: "var(--r-sm)" } }) : /* @__PURE__ */ jsxs62("div", { className: "fd-row", style: { height: 34, borderRadius: "var(--r-sm)", overflow: "hidden", gap: 2, background: "var(--surface-3)" }, children: [
+  return /* @__PURE__ */ jsxs63("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
+    loading ? /* @__PURE__ */ jsx67("span", { className: "fd-skel", style: { height: 34, borderRadius: "var(--r-sm)" } }) : /* @__PURE__ */ jsxs63("div", { className: "fd-row", style: { height: 34, borderRadius: "var(--r-sm)", overflow: "hidden", gap: 2, background: "var(--surface-3)" }, children: [
       channels.map((c) => /* @__PURE__ */ jsx67(
         "span",
         {
@@ -8275,16 +8293,16 @@ function ChannelContribution({
         }
       ) : null
     ] }),
-    showTable ? /* @__PURE__ */ jsxs62("table", { className: "fd-table", style: { fontSize: "var(--body-sm-size)" }, children: [
-      /* @__PURE__ */ jsx67("thead", { children: /* @__PURE__ */ jsxs62("tr", { children: [
+    showTable ? /* @__PURE__ */ jsxs63("table", { className: "fd-table", style: { fontSize: "var(--body-sm-size)" }, children: [
+      /* @__PURE__ */ jsx67("thead", { children: /* @__PURE__ */ jsxs63("tr", { children: [
         /* @__PURE__ */ jsx67("th", { style: { width: "34%" }, children: "Channel" }),
         /* @__PURE__ */ jsx67("th", { style: { width: "16%" }, children: "Weight" }),
         /* @__PURE__ */ jsx67("th", { className: "is-num", style: { width: "16%" }, children: "Spend" }),
         /* @__PURE__ */ jsx67("th", { className: "is-num", style: { width: "17%" }, children: "CRP" }),
         /* @__PURE__ */ jsx67("th", { className: "is-num", style: { width: "17%" }, children: "Share" })
       ] }) }),
-      /* @__PURE__ */ jsxs62("tbody", { children: [
-        channels.map((c) => /* @__PURE__ */ jsxs62("tr", { children: [
+      /* @__PURE__ */ jsxs63("tbody", { children: [
+        channels.map((c) => /* @__PURE__ */ jsxs63("tr", { children: [
           /* @__PURE__ */ jsx67("td", { children: /* @__PURE__ */ jsx67(ChannelTag, { channel: c.name, size: "sm" }) }),
           /* @__PURE__ */ jsx67("td", { children: /* @__PURE__ */ jsx67(
             "span",
@@ -8297,17 +8315,17 @@ function ChannelContribution({
           ) }),
           /* @__PURE__ */ jsx67("td", { className: "is-num", children: c.spend }),
           /* @__PURE__ */ jsx67("td", { className: "is-num", children: c.crp.toFixed(1) }),
-          /* @__PURE__ */ jsxs62("td", { className: "is-num", children: [
+          /* @__PURE__ */ jsxs63("td", { className: "is-num", children: [
             pct(c.crp).toFixed(0),
             "%"
           ] })
         ] }, c.name)),
-        bonus > 0 ? /* @__PURE__ */ jsxs62("tr", { children: [
-          /* @__PURE__ */ jsx67("td", { children: /* @__PURE__ */ jsxs62("span", { className: "fd-row", style: { gap: 9, fontWeight: 600 }, children: [
+        bonus > 0 ? /* @__PURE__ */ jsxs63("tr", { children: [
+          /* @__PURE__ */ jsx67("td", { children: /* @__PURE__ */ jsxs63("span", { className: "fd-row", style: { gap: 9, fontWeight: 600 }, children: [
             /* @__PURE__ */ jsx67("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__ */ jsx67("td", { children: /* @__PURE__ */ jsxs62("span", { className: "fd-badge fd-badge-success", style: { height: 20, fontSize: 11 }, children: [
+          /* @__PURE__ */ jsx67("td", { children: /* @__PURE__ */ jsxs63("span", { className: "fd-badge fd-badge-success", style: { height: 20, fontSize: 11 }, children: [
             "+",
             bonusPct,
             "% of +",
@@ -8316,12 +8334,12 @@ function ChannelContribution({
           ] }) }),
           /* @__PURE__ */ jsx67("td", { className: "is-num fd-muted", children: "\u2014" }),
           /* @__PURE__ */ jsx67("td", { className: "is-num", children: bonus.toFixed(1) }),
-          /* @__PURE__ */ jsxs62("td", { className: "is-num", children: [
+          /* @__PURE__ */ jsxs63("td", { className: "is-num", children: [
             pct(bonus).toFixed(0),
             "%"
           ] })
         ] }) : null,
-        /* @__PURE__ */ jsxs62("tr", { style: { background: "var(--surface-2)" }, children: [
+        /* @__PURE__ */ jsxs63("tr", { style: { background: "var(--surface-2)" }, children: [
           /* @__PURE__ */ jsx67("td", { style: { fontWeight: 700 }, children: "Campus total" }),
           /* @__PURE__ */ jsx67("td", {}),
           /* @__PURE__ */ jsx67("td", { className: "is-num", style: { fontWeight: 700 }, children: money(spendTotal) }),
@@ -8334,8 +8352,8 @@ function ChannelContribution({
 }
 
 // src/components/planner/BudgetReallocator.tsx
-import * as React38 from "react";
-import { Fragment as Fragment19, jsx as jsx68, jsxs as jsxs63 } from "react/jsx-runtime";
+import * as React39 from "react";
+import { Fragment as Fragment19, jsx as jsx68, jsxs as jsxs64 } from "react/jsx-runtime";
 var bandFor = (crp) => crp >= 200 ? "dominant" : crp >= 100 ? "strong" : crp >= 50 ? "adequate" : "weak";
 function BudgetReallocator({
   campus,
@@ -8350,8 +8368,8 @@ function BudgetReallocator({
   onCancel,
   className = ""
 }) {
-  const [draft, setDraft] = React38.useState(spend);
-  React38.useEffect(() => setDraft(spend), [spend]);
+  const [draft, setDraft] = React39.useState(spend);
+  React39.useEffect(() => setDraft(spend), [spend]);
   const dirty = draft !== spend;
   const nextCrp = scoreFor ? scoreFor(draft) : crp;
   const nextBand = bandFor(nextCrp);
@@ -8366,21 +8384,21 @@ function BudgetReallocator({
     setDraft(spend);
     if (onCancel) onCancel();
   };
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     "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__ */ jsxs63("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ jsxs64("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
           /* @__PURE__ */ jsx68("span", { className: "fd-h4", style: { flex: 1, minWidth: 140 }, children: campus }),
           /* @__PURE__ */ jsx68(CsiBadge, { band: nowBand, crp, size: "medium" }),
-          dirty ? /* @__PURE__ */ jsxs63(Fragment19, { children: [
+          dirty ? /* @__PURE__ */ jsxs64(Fragment19, { children: [
             /* @__PURE__ */ jsx68("i", { className: "ph ph-arrow-right fd-muted", "aria-hidden": "true" }),
             /* @__PURE__ */ jsx68(CsiBadge, { band: nextBand, crp: nextCrp, size: "medium", preview: true })
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsxs63("div", { className: "fd-slider", children: [
+        /* @__PURE__ */ jsxs64("div", { className: "fd-slider", children: [
           /* @__PURE__ */ jsx68("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
           dirty ? /* @__PURE__ */ jsx68("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__ */ jsx68(
@@ -8399,8 +8417,8 @@ function BudgetReallocator({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs63("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsxs63("span", { className: "fd-stack", style: { gap: 2, flex: 1, minWidth: 150 }, children: [
+        /* @__PURE__ */ jsxs64("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsxs64("span", { className: "fd-stack", style: { gap: 2, flex: 1, minWidth: 150 }, children: [
             /* @__PURE__ */ jsx68("span", { className: "fd-num", style: { fontSize: 19, fontWeight: 700 }, children: "$" + draft.toLocaleString() }),
             /* @__PURE__ */ jsx68("span", { className: "fd-body-sm fd-muted", children: "Arrow keys step $100, shift+arrow $1,000. Escape reverts." })
           ] }),
@@ -8424,7 +8442,7 @@ function BudgetReallocator({
 }
 
 // src/components/planner/SurroundSound.tsx
-import { jsx as jsx69, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs65 } from "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)" },
@@ -8436,10 +8454,10 @@ 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__ */ jsxs64("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, children: [
+  return /* @__PURE__ */ jsxs65("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, children: [
     /* @__PURE__ */ jsx69("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: CATEGORIES.map((c) => {
       const on = present.includes(c.key);
-      return /* @__PURE__ */ jsxs64(
+      return /* @__PURE__ */ jsxs65(
         "span",
         {
           title: c.label + (on ? " \u2014 present" : " \u2014 not bought"),
@@ -8452,10 +8470,10 @@ function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost,
         c.key
       );
     }) }),
-    /* @__PURE__ */ jsxs64("div", { className: "fd-stack", style: { gap: 8 }, children: [
-      /* @__PURE__ */ jsxs64("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+    /* @__PURE__ */ jsxs65("div", { className: "fd-stack", style: { gap: 8 }, children: [
+      /* @__PURE__ */ jsxs65("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
         /* @__PURE__ */ jsx69("span", { className: "fd-label-lg", children: "Surround-sound bonus earned" }),
-        /* @__PURE__ */ jsxs64("span", { className: "fd-num", style: { color: single ? "var(--warn-text)" : "var(--csi-3-mark)", fontWeight: 700 }, children: [
+        /* @__PURE__ */ jsxs65("span", { className: "fd-num", style: { color: single ? "var(--warn-text)" : "var(--csi-3-mark)", fontWeight: 700 }, children: [
           "+",
           bonusPct,
           "% of +",
@@ -8464,7 +8482,7 @@ function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost,
         ] })
       ] }),
       /* @__PURE__ */ jsx69("div", { style: { height: 8, borderRadius: "var(--r-xs)", background: "var(--surface-3)", overflow: "hidden" }, children: /* @__PURE__ */ jsx69("div", { style: { height: "100%", width: earned * 100 + "%", background: "var(--csi-3-mark)", borderRadius: "inherit", transition: "width var(--dur-slow) var(--ease)" } }) }),
-      /* @__PURE__ */ jsxs64("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: [
+      /* @__PURE__ */ jsxs65("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: [
         present.length,
         " of 6 channel categories present.",
         " ",
@@ -8476,7 +8494,7 @@ function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost,
 }
 
 // src/components/planner/Importance.tsx
-import { jsx as jsx70, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs66 } from "react/jsx-runtime";
 var IMPORTANCE_LEVELS = [
   { id: "nudge", rank: 1, label: "Nudge", icon: "feather", description: "Breaks a tie, nothing more." },
   { id: "lean", rank: 2, label: "Lean", icon: "arrow-bend-up-right", description: "A mild preference between otherwise equal options." },
@@ -8506,7 +8524,7 @@ function importanceTokens(id) {
 function ImportanceTag({ level, showLabel = true, size = "sm", className = "" }) {
   const lvl = importanceLevel(level);
   const t = importanceTokens(level);
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     "span",
     {
       className: ["fd-imp-tag", size === "md" ? "is-md" : "", className].filter(Boolean).join(" "),
@@ -8521,8 +8539,8 @@ function ImportanceTag({ level, showLabel = true, size = "sm", className = "" })
 }
 
 // src/components/planner/PreferenceMeter.tsx
-import * as React39 from "react";
-import { jsx as jsx71, jsxs as jsxs66 } from "react/jsx-runtime";
+import * as React40 from "react";
+import { jsx as jsx71, jsxs as jsxs67 } from "react/jsx-runtime";
 function preferenceScore(criteria) {
   const earned = criteria.reduce((n, c) => n + (Number(c.earned) || 0), 0);
   const weight = criteria.reduce((n, c) => n + (Number(c.weight) || 0), 0);
@@ -8551,7 +8569,7 @@ function PreferenceMeter({
   className = ""
 }) {
   const value = score == null ? preferenceScore(criteria) : score;
-  const segments = React39.useMemo(() => preferenceSegments(criteria), [criteria]);
+  const segments = React40.useMemo(() => preferenceSegments(criteria), [criteria]);
   return /* @__PURE__ */ jsx71(
     ScoreMeter,
     {
@@ -8564,20 +8582,20 @@ function PreferenceMeter({
       placement,
       className,
       breakdownLabel: breakdownTitle,
-      breakdown: /* @__PURE__ */ jsxs66("div", { className: "fd-prefbreak", children: [
-        /* @__PURE__ */ jsxs66("div", { className: "fd-prefbreak-head", children: [
+      breakdown: /* @__PURE__ */ jsxs67("div", { className: "fd-prefbreak", children: [
+        /* @__PURE__ */ jsxs67("div", { className: "fd-prefbreak-head", children: [
           /* @__PURE__ */ jsx71("span", { className: "fd-label-lg", children: breakdownTitle }),
           /* @__PURE__ */ jsx71("span", { className: "fd-prefbreak-score fd-tabular", children: Math.round(value) })
         ] }),
         /* @__PURE__ */ jsx71("ul", { className: "fd-prefbreak-list", children: criteria.map((c) => {
           const pct = c.weight > 0 ? Math.round((Number(c.earned) || 0) / c.weight * 100) : 0;
-          return /* @__PURE__ */ jsxs66("li", { className: pct === 0 ? "fd-prefbreak-item is-unmet" : "fd-prefbreak-item", children: [
+          return /* @__PURE__ */ jsxs67("li", { className: pct === 0 ? "fd-prefbreak-item is-unmet" : "fd-prefbreak-item", children: [
             /* @__PURE__ */ jsx71(ImportanceTag, { level: c.importance }),
-            /* @__PURE__ */ jsxs66("span", { className: "fd-prefbreak-text", children: [
+            /* @__PURE__ */ jsxs67("span", { className: "fd-prefbreak-text", children: [
               /* @__PURE__ */ jsx71("span", { className: "fd-prefbreak-label", children: c.label }),
               c.note ? /* @__PURE__ */ jsx71("span", { className: "fd-prefbreak-note", children: c.note }) : null
             ] }),
-            /* @__PURE__ */ jsxs66("span", { className: "fd-prefbreak-val fd-tabular", children: [
+            /* @__PURE__ */ jsxs67("span", { className: "fd-prefbreak-val fd-tabular", children: [
               Math.round(Number(c.earned) || 0),
               /* @__PURE__ */ jsx71("span", { className: "fd-prefbreak-sep", children: "/" }),
               Math.round(c.weight)
@@ -8590,10 +8608,10 @@ function PreferenceMeter({
 }
 
 // src/components/chat/AgentChatPanel.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 
 // src/components/chat/chatEngine.ts
-import * as React40 from "react";
+import * as React41 from "react";
 var CHAT_UNAVAILABLE = "chat_unavailable";
 var JOB_PENDING = ["queued", "running"];
 var JOB_SUCCESS = ["completed", "recovered"];
@@ -8647,22 +8665,22 @@ function useChatEngine(opts) {
     onClear,
     onFeedback
   } = opts || {};
-  const [status, setStatus] = React40.useState("idle");
-  const [threadId, setThreadId] = React40.useState(null);
-  const [messages, setMessages] = React40.useState([]);
-  const [queue, setQueue] = React40.useState([]);
-  const [fatal, setFatal] = React40.useState(null);
-  const [busy, setBusy] = React40.useState(false);
-  const [turnStartedAt, setTurnStartedAt] = React40.useState(null);
-  const listRef = React40.useRef([]);
-  const queueRef = React40.useRef([]);
-  const busyRef = React40.useRef(false);
-  const stoppedRef = React40.useRef(false);
-  const abortRef = React40.useRef(null);
-  const serverCount = React40.useRef(0);
-  const threadRef = React40.useRef(null);
-  const mounted = React40.useRef(true);
-  React40.useEffect(() => {
+  const [status, setStatus] = React41.useState("idle");
+  const [threadId, setThreadId] = React41.useState(null);
+  const [messages, setMessages] = React41.useState([]);
+  const [queue, setQueue] = React41.useState([]);
+  const [fatal, setFatal] = React41.useState(null);
+  const [busy, setBusy] = React41.useState(false);
+  const [turnStartedAt, setTurnStartedAt] = React41.useState(null);
+  const listRef = React41.useRef([]);
+  const queueRef = React41.useRef([]);
+  const busyRef = React41.useRef(false);
+  const stoppedRef = React41.useRef(false);
+  const abortRef = React41.useRef(null);
+  const serverCount = React41.useRef(0);
+  const threadRef = React41.useRef(null);
+  const mounted = React41.useRef(true);
+  React41.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -8684,14 +8702,14 @@ function useChatEngine(opts) {
     }
     return false;
   };
-  const loadThread = React40.useCallback(async (id) => {
+  const loadThread = React41.useCallback(async (id) => {
     const data = await apiAdapter.getThread(id);
     const list = [...data && data.messages || []];
     serverCount.current = list.length;
     commit(list);
     return list;
   }, [apiAdapter]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!apiAdapter) {
       setStatus("idle");
       setFatal(null);
@@ -8904,7 +8922,7 @@ function useChatEngine(opts) {
       await dispatchTurn(turn);
     }
   }
-  const send = React40.useCallback((text, attachments) => {
+  const send = React41.useCallback((text, attachments) => {
     const body = (text || "").trim();
     if (!body && !(attachments && attachments.length)) return;
     if (status === "disconnected") return;
@@ -8914,7 +8932,7 @@ function useChatEngine(opts) {
     stoppedRef.current = false;
     drain();
   }, [status]);
-  const stop = React40.useCallback(() => {
+  const stop = React41.useCallback(() => {
     stoppedRef.current = true;
     const ac = abortRef.current;
     if (ac) {
@@ -8933,11 +8951,11 @@ function useChatEngine(opts) {
       store.del(STORAGE_PREFIX + threadRef.current);
     }
   }, [apiAdapter]);
-  const removeQueued = React40.useCallback((id) => {
+  const removeQueued = React41.useCallback((id) => {
     queueRef.current = queueRef.current.filter((t) => t.id !== id);
     setQueue(queueRef.current.slice());
   }, []);
-  const retry = React40.useCallback(() => {
+  const retry = React41.useCallback(() => {
     const list = listRef.current;
     let at = -1;
     for (let i = list.length - 1; i >= 0; i--) if (list[i].role === "user") {
@@ -8953,19 +8971,19 @@ function useChatEngine(opts) {
     setQueue(queueRef.current.slice());
     drain();
   }, []);
-  const clear = React40.useCallback(() => {
+  const clear = React41.useCallback(() => {
     commit([]);
     serverCount.current = 0;
     queueRef.current = [];
     setQueue([]);
     onClear && onClear();
   }, [onClear]);
-  const setFeedback = React40.useCallback((id, value) => {
+  const setFeedback = React41.useCallback((id, value) => {
     patch(id, (m) => ({ feedback: m.feedback === value ? null : value }));
     const msg = listRef.current.find((m) => m.id === id);
     onFeedback && onFeedback({ message: msg, feedback: msg ? msg.feedback : value });
   }, [onFeedback]);
-  const reload = React40.useCallback(async () => {
+  const reload = React41.useCallback(async () => {
     if (!threadRef.current) return;
     setStatus("loading");
     try {
@@ -9003,11 +9021,11 @@ var ChatKit = {
 };
 
 // src/components/chat/ChatTranscript.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 
 // src/components/chat/ChatTurn.tsx
-import * as React41 from "react";
-import { jsx as jsx72, jsxs as jsxs67 } from "react/jsx-runtime";
+import * as React42 from "react";
+import { jsx as jsx72, jsxs as jsxs68 } from "react/jsx-runtime";
 function JsonView({ value }) {
   let text;
   try {
@@ -9022,20 +9040,20 @@ function PacketCard({ packet, schema, render, onApply, applied }) {
   const s = schema || {};
   const invalid = packet.valid === false;
   const title = s.heading || packet.type;
-  return /* @__PURE__ */ jsxs67("section", { className: "fdc-packet" + (invalid ? " is-invalid" : ""), "aria-label": title, children: [
-    /* @__PURE__ */ jsxs67("header", { className: "fdc-packet-head", children: [
+  return /* @__PURE__ */ jsxs68("section", { className: "fdc-packet" + (invalid ? " is-invalid" : ""), "aria-label": title, children: [
+    /* @__PURE__ */ jsxs68("header", { className: "fdc-packet-head", children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-" + (s.icon || "package"), "aria-hidden": "true" }),
       /* @__PURE__ */ jsx72("span", { className: "fdc-packet-title", children: title }),
       packet.repaired ? /* @__PURE__ */ jsx72("span", { className: "fdc-packet-badge", children: "Repaired" }) : null,
       invalid ? /* @__PURE__ */ jsx72("span", { className: "fdc-packet-badge is-danger", children: "Invalid" }) : null
     ] }),
-    invalid ? /* @__PURE__ */ jsxs67("div", { className: "fdc-packet-alert", role: "alert", children: [
+    invalid ? /* @__PURE__ */ jsxs68("div", { className: "fdc-packet-alert", role: "alert", children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx72("span", { children: packet.error || "This result failed validation and can\u2019t be applied." })
     ] }) : /* @__PURE__ */ jsx72("div", { className: "fdc-packet-body", children: render ? render(packet) : /* @__PURE__ */ jsx72(JsonView, { value: packet.payload }) }),
-    !invalid && onApply ? /* @__PURE__ */ jsxs67("footer", { className: "fdc-packet-foot", children: [
+    !invalid && onApply ? /* @__PURE__ */ jsxs68("footer", { className: "fdc-packet-foot", children: [
       packet.repaired ? /* @__PURE__ */ jsx72("span", { className: "fdc-packet-note", children: "Corrected by the backend after a first attempt." }) : /* @__PURE__ */ jsx72("span", {}),
-      /* @__PURE__ */ jsxs67("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", disabled: applied, onClick: () => onApply(packet), children: [
+      /* @__PURE__ */ jsxs68("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", disabled: applied, onClick: () => onApply(packet), children: [
         /* @__PURE__ */ jsx72("i", { className: "ph ph-" + (applied ? "check" : "arrow-square-in"), "aria-hidden": "true" }),
         applied ? "Applied" : s.applyLabel || "Apply"
       ] })
@@ -9043,13 +9061,13 @@ function PacketCard({ packet, schema, render, onApply, applied }) {
   ] });
 }
 function ThinkingBlock({ text, durationMs, streaming, defaultOpen = false }) {
-  const [open, setOpen] = React41.useState(defaultOpen);
+  const [open, setOpen] = React42.useState(defaultOpen);
   if (!text) return null;
-  return /* @__PURE__ */ jsxs67("div", { className: "fdc-think" + (open ? " is-open" : ""), children: [
-    /* @__PURE__ */ jsxs67("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+  return /* @__PURE__ */ jsxs68("div", { className: "fdc-think" + (open ? " is-open" : ""), children: [
+    /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-brain", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx72("span", { children: streaming ? "Thinking" : durationMs ? "Thought for " + formatDuration(durationMs) : "Thought process" }),
-      streaming ? /* @__PURE__ */ jsxs67("span", { className: "fdc-dots", "aria-hidden": "true", children: [
+      streaming ? /* @__PURE__ */ jsxs68("span", { className: "fdc-dots", "aria-hidden": "true", children: [
         /* @__PURE__ */ jsx72("span", {}),
         /* @__PURE__ */ jsx72("span", {}),
         /* @__PURE__ */ jsx72("span", {})
@@ -9060,19 +9078,19 @@ function ThinkingBlock({ text, durationMs, streaming, defaultOpen = false }) {
   ] });
 }
 function Citations({ items = [], onOpen }) {
-  const [open, setOpen] = React41.useState(false);
+  const [open, setOpen] = React42.useState(false);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsxs67("div", { className: "fdc-cites", children: [
-    /* @__PURE__ */ jsxs67("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
+  return /* @__PURE__ */ jsxs68("div", { className: "fdc-cites", children: [
+    /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-quotes", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs67("span", { children: [
+      /* @__PURE__ */ jsxs68("span", { children: [
         items.length,
         " source",
         items.length === 1 ? "" : "s"
       ] }),
       /* @__PURE__ */ jsx72("i", { className: "ph ph-caret-" + (open ? "up" : "down"), "aria-hidden": "true" })
     ] }),
-    open ? /* @__PURE__ */ jsx72("ol", { className: "fdc-cites-list", children: items.map((c, i) => /* @__PURE__ */ jsxs67("li", { children: [
+    open ? /* @__PURE__ */ jsx72("ol", { className: "fdc-cites-list", children: items.map((c, i) => /* @__PURE__ */ jsxs68("li", { children: [
       /* @__PURE__ */ jsx72("span", { className: "fdc-cite-n fd-tabular", children: c.marker || i + 1 }),
       c.url ? /* @__PURE__ */ jsx72("a", { href: c.url, target: "_blank", rel: "noopener noreferrer", onClick: onOpen ? (e) => onOpen(c, e) : void 0, children: c.title || c.url }) : /* @__PURE__ */ jsx72("span", { children: c.title || "Source" }),
       c.detail ? /* @__PURE__ */ jsx72("span", { className: "fdc-cite-detail", children: c.detail }) : null
@@ -9086,24 +9104,24 @@ function clampText(text, max) {
   return (at > max * 0.6 ? cut.slice(0, at) : cut).trimEnd() + "\u2026";
 }
 function MessageBody({ message: m, ctx }) {
-  const [expanded, setExpanded] = React41.useState(false);
+  const [expanded, setExpanded] = React42.useState(false);
   const isUser = m.role === "user";
   const raw = m.text || "";
   const clamped = !expanded && !m.streaming ? clampText(raw, ctx.maxVisibleChars) : null;
   const body = clamped != null ? clamped : raw;
   const showMd = ctx.markdown && !isUser;
-  return /* @__PURE__ */ jsxs67("div", { className: "fdc-body", children: [
+  return /* @__PURE__ */ jsxs68("div", { className: "fdc-body", children: [
     m.thinking && ctx.showThinking ? /* @__PURE__ */ jsx72(ThinkingBlock, { text: m.thinking, durationMs: m.thinkingMs, streaming: m.streaming && !m.text }) : null,
     m.steps && m.steps.length && ctx.showSteps ? /* @__PURE__ */ jsx72(StepList, { steps: m.steps, defaultOpen: m.steps.some((s) => s.status === "running"), dense: true }) : null,
-    body ? /* @__PURE__ */ jsxs67("div", { className: "fdc-text" + (isUser ? " is-user" : ""), children: [
+    body ? /* @__PURE__ */ jsxs68("div", { className: "fdc-text" + (isUser ? " is-user" : ""), children: [
       showMd ? /* @__PURE__ */ jsx72(Markdown, { source: body, headingOffset: 2, codeProps: { collapseAfter: 22 }, renderCitation: ctx.renderCitation }) : /* @__PURE__ */ jsx72("div", { className: "fdc-plain", children: body }),
       m.streaming ? /* @__PURE__ */ jsx72("span", { className: "fdc-caret", "aria-hidden": "true" }) : null
     ] }) : null,
-    clamped != null ? /* @__PURE__ */ jsxs67("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(true), children: [
+    clamped != null ? /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(true), children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-caret-down", "aria-hidden": "true" }),
       "Show more",
       /* @__PURE__ */ jsx72("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__ */ jsxs67("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(false), children: [
+    ] }) : expanded && ctx.maxVisibleChars && raw.length > ctx.maxVisibleChars ? /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(false), children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-caret-up", "aria-hidden": "true" }),
       "Show less"
     ] }) : null,
@@ -9119,33 +9137,33 @@ function MessageBody({ message: m, ctx }) {
       }
     ) : null,
     m.citations && m.citations.length ? /* @__PURE__ */ jsx72(Citations, { items: m.citations, onOpen: ctx.onOpenCitation }) : null,
-    m.working ? /* @__PURE__ */ jsxs67("div", { className: "fdc-working", role: "status", children: [
-      /* @__PURE__ */ jsxs67("span", { className: "fdc-dots", "aria-hidden": "true", children: [
+    m.working ? /* @__PURE__ */ jsxs68("div", { className: "fdc-working", role: "status", children: [
+      /* @__PURE__ */ jsxs68("span", { className: "fdc-dots", "aria-hidden": "true", children: [
         /* @__PURE__ */ jsx72("span", {}),
         /* @__PURE__ */ jsx72("span", {}),
         /* @__PURE__ */ jsx72("span", {})
       ] }),
-      /* @__PURE__ */ jsxs67("span", { className: "fdc-working-label", children: [
+      /* @__PURE__ */ jsxs68("span", { className: "fdc-working-label", children: [
         m.resumed ? "Resuming" : "Working",
-        m.job && m.job.status ? /* @__PURE__ */ jsxs67("span", { className: "fdc-working-job", children: [
+        m.job && m.job.status ? /* @__PURE__ */ jsxs68("span", { className: "fdc-working-job", children: [
           " \xB7 ",
           m.job.status
         ] }) : null,
-        m.job && m.job.detail ? /* @__PURE__ */ jsxs67("span", { className: "fdc-working-job", children: [
+        m.job && m.job.detail ? /* @__PURE__ */ jsxs68("span", { className: "fdc-working-job", children: [
           " \xB7 ",
           m.job.detail
         ] }) : null
       ] }),
       m.jobId ? /* @__PURE__ */ jsx72("span", { className: "fdc-working-id fd-mono", children: String(m.jobId).slice(0, 12) }) : null
     ] }) : null,
-    m.stopped ? /* @__PURE__ */ jsxs67("div", { className: "fdc-stopped", children: [
+    m.stopped ? /* @__PURE__ */ jsxs68("div", { className: "fdc-stopped", children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
       "Stopped"
     ] }) : null,
-    m.error ? /* @__PURE__ */ jsxs67("div", { className: "fdc-error", role: "alert", children: [
+    m.error ? /* @__PURE__ */ jsxs68("div", { className: "fdc-error", role: "alert", children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx72("span", { className: "fdc-error-text", children: ctx.errorCopy ? ctx.errorCopy(m.error) : m.error }),
-      m.retryable && ctx.onRetry ? /* @__PURE__ */ jsxs67("button", { type: "button", className: "fdc-error-retry", onClick: ctx.onRetry, children: [
+      m.retryable && ctx.onRetry ? /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-error-retry", onClick: ctx.onRetry, children: [
         /* @__PURE__ */ jsx72("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
         "Retry"
       ] }) : null
@@ -9153,9 +9171,9 @@ function MessageBody({ message: m, ctx }) {
   ] });
 }
 function useCopyRun() {
-  const [done, setDone] = React41.useState(false);
-  const t = React41.useRef(null);
-  React41.useEffect(() => () => {
+  const [done, setDone] = React42.useState(false);
+  const t = React42.useRef(null);
+  React42.useEffect(() => () => {
     if (t.current) clearTimeout(t.current);
   }, []);
   return [done, (text) => {
@@ -9175,14 +9193,14 @@ function RunActions({ group, ctx }) {
   const isAssistant = group.role === "assistant";
   const fb = last.feedback;
   if (!ctx.messageActions) return null;
-  return /* @__PURE__ */ jsxs67("div", { className: "fdc-actions", role: "group", "aria-label": "Message actions", children: [
-    /* @__PURE__ */ jsxs67("button", { type: "button", className: "fdc-act" + (copied ? " is-done" : ""), onClick: () => copy(markdownToText(text)), "aria-label": "Copy message", children: [
+  return /* @__PURE__ */ jsxs68("div", { className: "fdc-actions", role: "group", "aria-label": "Message actions", children: [
+    /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-act" + (copied ? " is-done" : ""), onClick: () => copy(markdownToText(text)), "aria-label": "Copy message", children: [
       /* @__PURE__ */ jsx72("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
       /* @__PURE__ */ jsx72("span", { className: "fdc-act-label", children: copied ? "Copied" : "Copy" })
     ] }),
     isAssistant && ctx.onRetry ? /* @__PURE__ */ jsx72("button", { type: "button", className: "fdc-act", onClick: ctx.onRetry, "aria-label": "Retry this turn", children: /* @__PURE__ */ jsx72("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
     group.role === "user" && ctx.onEdit ? /* @__PURE__ */ jsx72("button", { type: "button", className: "fdc-act", onClick: () => ctx.onEdit(last), "aria-label": "Edit and resend", children: /* @__PURE__ */ jsx72("i", { className: "ph ph-pencil-simple", "aria-hidden": "true" }) }) : null,
-    isAssistant && ctx.onFeedback ? /* @__PURE__ */ jsxs67(React41.Fragment, { children: [
+    isAssistant && ctx.onFeedback ? /* @__PURE__ */ jsxs68(React42.Fragment, { children: [
       /* @__PURE__ */ jsx72("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__ */ jsx72("i", { className: "ph ph-thumbs-up", "aria-hidden": "true" }) }),
       /* @__PURE__ */ jsx72("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__ */ jsx72("i", { className: "ph ph-thumbs-down", "aria-hidden": "true" }) })
     ] }) : null,
@@ -9194,14 +9212,14 @@ 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__ */ jsxs67("article", { className: "fdc-turn is-" + group.role, "aria-label": String(name) + (stamp ? " at " + formatClock(stamp) : ""), children: [
-    /* @__PURE__ */ jsxs67("div", { className: "fdc-turn-head", children: [
+  return /* @__PURE__ */ jsxs68("article", { className: "fdc-turn is-" + group.role, "aria-label": String(name) + (stamp ? " at " + formatClock(stamp) : ""), children: [
+    /* @__PURE__ */ jsxs68("div", { className: "fdc-turn-head", children: [
       ctx.showAvatars ? /* @__PURE__ */ jsx72("span", { className: "fdc-avatar is-" + group.role, "aria-hidden": "true", children: avatar ? /* @__PURE__ */ jsx72("img", { src: avatar, alt: "" }) : isUser ? /* @__PURE__ */ jsx72("span", { className: "fdc-avatar-txt", children: (name || "You").slice(0, 1).toUpperCase() }) : /* @__PURE__ */ jsx72("i", { className: "ph ph-" + (ctx.assistantIcon || "sparkle") }) }) : null,
       /* @__PURE__ */ jsx72("span", { className: "fdc-who", children: name }),
       stamp ? /* @__PURE__ */ jsx72(RelativeTime, { className: "fdc-when", value: stamp }) : null,
       group.messages.some((m) => m.model) ? /* @__PURE__ */ jsx72("span", { className: "fdc-turn-model", children: group.messages.find((m) => m.model).model }) : null
     ] }),
-    /* @__PURE__ */ jsxs67("div", { className: "fdc-turn-body", children: [
+    /* @__PURE__ */ jsxs68("div", { className: "fdc-turn-body", children: [
       group.messages.map((m) => /* @__PURE__ */ jsx72("div", { className: "fdc-msg" + (m.pending ? " is-pending" : ""), children: /* @__PURE__ */ jsx72(MessageBody, { message: m, ctx }) }, m.id)),
       /* @__PURE__ */ jsx72(RunActions, { group, ctx })
     ] })
@@ -9209,7 +9227,7 @@ function ChatTurn({ group, ctx }) {
 }
 
 // src/components/chat/ChatTranscript.tsx
-import { jsx as jsx73, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs69 } from "react/jsx-runtime";
 var GROUP_WINDOW = 6e4;
 var STICK_PX = 100;
 function groupMessages(list) {
@@ -9244,9 +9262,9 @@ function Suggestions({ items = [], onPick }) {
   if (!items.length) return null;
   return /* @__PURE__ */ jsx73("div", { className: "fdc-suggest", children: items.map((s, i) => {
     const it = typeof s === "string" ? { label: s, text: s } : s;
-    return /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-suggest-item", onClick: () => onPick && onPick(it.text || it.label), children: [
+    return /* @__PURE__ */ jsxs69("button", { type: "button", className: "fdc-suggest-item", onClick: () => onPick && onPick(it.text || it.label), children: [
       it.icon ? /* @__PURE__ */ jsx73("i", { className: "ph ph-" + it.icon, "aria-hidden": "true" }) : null,
-      /* @__PURE__ */ jsxs68("span", { className: "fdc-suggest-text", children: [
+      /* @__PURE__ */ jsxs69("span", { className: "fdc-suggest-text", children: [
         /* @__PURE__ */ jsx73("span", { className: "fdc-suggest-label", children: it.label }),
         it.description ? /* @__PURE__ */ jsx73("span", { className: "fdc-suggest-desc", children: it.description }) : null
       ] }),
@@ -9255,9 +9273,9 @@ function Suggestions({ items = [], onPick }) {
   }) });
 }
 function LoadingTurns() {
-  return /* @__PURE__ */ jsx73("div", { className: "fdc-skel", "aria-hidden": "true", children: [0, 1].map((i) => /* @__PURE__ */ jsxs68("div", { className: "fdc-skel-turn", children: [
+  return /* @__PURE__ */ jsx73("div", { className: "fdc-skel", "aria-hidden": "true", children: [0, 1].map((i) => /* @__PURE__ */ jsxs69("div", { className: "fdc-skel-turn", children: [
     /* @__PURE__ */ jsx73("div", { className: "fd-skel fd-skel-circle", style: { width: 22, height: 22 } }),
-    /* @__PURE__ */ jsxs68("div", { className: "fdc-skel-lines", children: [
+    /* @__PURE__ */ jsxs69("div", { className: "fdc-skel-lines", children: [
       /* @__PURE__ */ jsx73("div", { className: "fd-skel", style: { width: i ? "62%" : "44%", height: 11 } }),
       /* @__PURE__ */ jsx73("div", { className: "fd-skel", style: { width: i ? "94%" : "78%", height: 11 } }),
       /* @__PURE__ */ jsx73("div", { className: "fd-skel", style: { width: i ? "71%" : "56%", height: 11 } })
@@ -9277,10 +9295,10 @@ function ChatTranscript({
   renderEmpty,
   className = ""
 }) {
-  const scroller = React42.useRef(null);
-  const stick = React42.useRef(true);
-  const [pill, setPill] = React42.useState(0);
-  const seen = React42.useRef(0);
+  const scroller = React43.useRef(null);
+  const stick = React43.useRef(true);
+  const [pill, setPill] = React43.useState(0);
+  const seen = React43.useRef(0);
   const toBottom = (smooth) => {
     const el = scroller.current;
     if (!el) return;
@@ -9299,7 +9317,7 @@ function ChatTranscript({
       seen.current = messages.length;
     }
   };
-  React42.useLayoutEffect(() => {
+  React43.useLayoutEffect(() => {
     const el = scroller.current;
     if (!el) return;
     if (stick.current) {
@@ -9307,7 +9325,7 @@ function ChatTranscript({
       seen.current = messages.length;
     } else setPill(Math.max(0, messages.length - seen.current));
   }, [messages]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     const el = scroller.current;
     const inner = el && el.firstChild;
     if (!el || !inner || typeof ResizeObserver === "undefined") return;
@@ -9317,21 +9335,21 @@ function ChatTranscript({
     ro.observe(inner);
     return () => ro.disconnect();
   }, []);
-  const groups = React42.useMemo(() => groupMessages(messages), [messages]);
+  const groups = React43.useMemo(() => groupMessages(messages), [messages]);
   const empty = !messages.length && status === "ready";
-  return /* @__PURE__ */ jsxs68("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
-    /* @__PURE__ */ jsxs68("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
+  return /* @__PURE__ */ jsxs69("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
+    /* @__PURE__ */ jsxs69("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
       status === "loading" || status === "resolving" ? /* @__PURE__ */ jsx73(LoadingTurns, {}) : null,
-      status === "disconnected" ? /* @__PURE__ */ jsxs68("div", { className: "fdc-dead", children: [
+      status === "disconnected" ? /* @__PURE__ */ jsxs69("div", { className: "fdc-dead", children: [
         /* @__PURE__ */ jsx73("span", { className: "fdc-dead-icon", children: /* @__PURE__ */ jsx73("i", { className: "ph ph-plugs", "aria-hidden": "true" }) }),
         /* @__PURE__ */ jsx73("h3", { className: "fdc-dead-title", children: ctx.deadTitle || "The assistant isn\u2019t reachable" }),
         /* @__PURE__ */ jsx73("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__ */ jsxs68("button", { type: "button", className: "fd-btn fd-btn-secondary fd-btn-sm", onClick: ctx.onReconnect, children: [
+        ctx.onReconnect ? /* @__PURE__ */ jsxs69("button", { type: "button", className: "fd-btn fd-btn-secondary fd-btn-sm", onClick: ctx.onReconnect, children: [
           /* @__PURE__ */ jsx73("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
           "Try again"
         ] }) : null
       ] }) : null,
-      empty ? renderEmpty ? renderEmpty() : /* @__PURE__ */ jsxs68("div", { className: "fdc-empty", children: [
+      empty ? renderEmpty ? renderEmpty() : /* @__PURE__ */ jsxs69("div", { className: "fdc-empty", children: [
         /* @__PURE__ */ jsx73("span", { className: "fdc-empty-icon", children: /* @__PURE__ */ jsx73("i", { className: "ph ph-" + emptyIcon, "aria-hidden": "true" }) }),
         /* @__PURE__ */ jsx73("h3", { className: "fdc-empty-title", children: emptyTitle }),
         emptyDescription ? /* @__PURE__ */ jsx73("p", { className: "fdc-empty-body", children: emptyDescription }) : null,
@@ -9341,13 +9359,13 @@ function ChatTranscript({
         const prev = groups[i - 1];
         const k = dayKey(g.messages[0].timestamp);
         const showDay = !!k && (!prev || dayKey(prev.messages[0].timestamp) !== k);
-        return /* @__PURE__ */ jsxs68(React42.Fragment, { children: [
+        return /* @__PURE__ */ jsxs69(React43.Fragment, { children: [
           showDay ? /* @__PURE__ */ jsx73("div", { className: "fdc-day", children: /* @__PURE__ */ jsx73("span", { children: dayLabel(k) }) }) : null,
           /* @__PURE__ */ jsx73(ChatTurn, { group: g, ctx })
         ] }, g.key || i);
       })
     ] }),
-    pill ? /* @__PURE__ */ jsxs68("button", { type: "button", className: "fdc-pill", onClick: () => toBottom(true), children: [
+    pill ? /* @__PURE__ */ jsxs69("button", { type: "button", className: "fdc-pill", onClick: () => toBottom(true), children: [
       /* @__PURE__ */ jsx73("i", { className: "ph ph-arrow-down", "aria-hidden": "true" }),
       pill,
       " new message",
@@ -9358,8 +9376,8 @@ function ChatTranscript({
 var TranscriptKit = { groupMessages };
 
 // src/components/chat/ChatComposer.tsx
-import * as React43 from "react";
-import { jsx as jsx74, jsxs as jsxs69 } from "react/jsx-runtime";
+import * as React44 from "react";
+import { jsx as jsx74, jsxs as jsxs70 } from "react/jsx-runtime";
 function ChatComposer({
   onSubmit,
   onStop,
@@ -9386,17 +9404,17 @@ function ChatComposer({
   onReject,
   onOpenAttachment
 }) {
-  const [text, setText] = React43.useState(draft || "");
-  const [trigger, setTrigger] = React43.useState(null);
-  const [mentionItems, setMentionItems] = React43.useState([]);
-  const [listening, setListening] = React43.useState(false);
-  const [notice, setNotice] = React43.useState(null);
-  const editor = React43.useRef(null);
-  const wrap = React43.useRef(null);
-  const stopVoice = React43.useRef(null);
+  const [text, setText] = React44.useState(draft || "");
+  const [trigger, setTrigger] = React44.useState(null);
+  const [mentionItems, setMentionItems] = React44.useState([]);
+  const [listening, setListening] = React44.useState(false);
+  const [notice, setNotice] = React44.useState(null);
+  const editor = React44.useRef(null);
+  const wrap = React44.useRef(null);
+  const stopVoice = React44.useRef(null);
   const staged = useStagedFiles(fileUploadHandler, { onError: () => {
   } });
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (draft != null && draft !== text) setText(draft);
   }, [draft]);
   const change = (v) => {
@@ -9430,7 +9448,7 @@ function ChatComposer({
     e.preventDefault();
     staged.add(found.files);
   };
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (!trigger || trigger.type !== "mention" || !mentionSources) {
       setMentionItems([]);
       return;
@@ -9448,7 +9466,7 @@ function ChatComposer({
     const q = (trigger.query || "").toLowerCase();
     setMentionItems(mentionSources.filter((m) => !q || (m.label + " " + (m.description || "")).toLowerCase().includes(q)));
   }, [trigger, mentionSources]);
-  const slashItems = React43.useMemo(() => {
+  const slashItems = React44.useMemo(() => {
     if (!trigger || trigger.type !== "slash" || !slashCommands) return [];
     const q = (trigger.query || "").toLowerCase();
     return slashCommands.filter((c) => !q || (c.id + " " + c.label + " " + (c.description || "")).toLowerCase().includes(q));
@@ -9525,8 +9543,8 @@ function ChatComposer({
     stopVoice.current = typeof res === "function" ? res : () => {
     };
   };
-  return /* @__PURE__ */ jsxs69("div", { className: "fdc-composer" + (disabled ? " is-disabled" : "") + (narrow ? " is-narrow" : ""), children: [
-    queue.length ? /* @__PURE__ */ jsx74("div", { className: "fdc-queue", "aria-label": "Queued messages", children: queue.map((q) => /* @__PURE__ */ jsxs69("div", { className: "fdc-queue-row", children: [
+  return /* @__PURE__ */ jsxs70("div", { className: "fdc-composer" + (disabled ? " is-disabled" : "") + (narrow ? " is-narrow" : ""), children: [
+    queue.length ? /* @__PURE__ */ jsx74("div", { className: "fdc-queue", "aria-label": "Queued messages", children: queue.map((q) => /* @__PURE__ */ jsxs70("div", { className: "fdc-queue-row", children: [
       /* @__PURE__ */ jsx74("i", { className: "ph ph-clock-countdown", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx74("span", { className: "fdc-queue-text", children: q.text || (q.attachments ? q.attachments.length + " file(s)" : "") }),
       onRemoveQueued ? /* @__PURE__ */ jsx74("button", { type: "button", className: "fdc-queue-x", onClick: () => onRemoveQueued(q.id), "aria-label": "Remove queued message", children: /* @__PURE__ */ jsx74("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
@@ -9546,7 +9564,7 @@ function ChatComposer({
         disabled: !fileUploadHandler || disabled,
         label: "Drop to attach",
         hint: acceptFiles ? acceptFiles.replace(/,/g, " \xB7 ") : void 0,
-        children: /* @__PURE__ */ jsxs69("div", { ref: wrap, className: "fdc-field-inner", children: [
+        children: /* @__PURE__ */ jsxs70("div", { ref: wrap, className: "fdc-field-inner", children: [
           staged.items.length ? /* @__PURE__ */ jsx74("div", { className: "fdc-staged", children: /* @__PURE__ */ jsx74(FileStrip, { files: staged.items, size: narrow ? 60 : 68, onRemove: staged.remove, onRetry: staged.retry, onOpen: onOpenAttachment }) }) : null,
           /* @__PURE__ */ jsx74(
             MarkdownEditor,
@@ -9567,20 +9585,20 @@ function ChatComposer({
               ariaLabel: "Message"
             }
           ),
-          /* @__PURE__ */ jsxs69("div", { className: "fdc-tools", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "fdc-tools", children: [
             fileUploadHandler ? /* @__PURE__ */ jsx74(FilePickButton, { onFiles: staged.add, onReject: (r) => flash(r[0].message), accept: acceptFiles, maxFileSize, label: "Attach files", icon: "plus" }) : null,
             voiceHandler ? /* @__PURE__ */ jsx74("button", { type: "button", className: "fd-attachbtn" + (listening ? " is-live" : ""), onClick: voice, "aria-pressed": listening, "aria-label": listening ? "Stop dictation" : "Dictate", children: /* @__PURE__ */ jsx74("i", { className: "ph ph-" + (listening ? "waveform" : "microphone"), "aria-hidden": "true" }) }) : null,
             toolbarExtras,
             /* @__PURE__ */ jsx74("span", { className: "fdc-tools-gap" }),
-            maxLength && text.length > maxLength * 0.6 ? /* @__PURE__ */ jsxs69("span", { className: "fdc-count fd-tabular" + (text.length > maxLength * 0.95 ? " is-hot" : ""), children: [
+            maxLength && text.length > maxLength * 0.6 ? /* @__PURE__ */ jsxs70("span", { className: "fdc-count fd-tabular" + (text.length > maxLength * 0.95 ? " is-hot" : ""), children: [
               text.length,
               "/",
               maxLength
             ] }) : null,
-            busy ? /* @__PURE__ */ jsxs69("button", { type: "button", className: "fdc-stop", onClick: onStop, "aria-label": "Stop generating", children: [
+            busy ? /* @__PURE__ */ jsxs70("button", { type: "button", className: "fdc-stop", onClick: onStop, "aria-label": "Stop generating", children: [
               /* @__PURE__ */ jsx74("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
               /* @__PURE__ */ jsx74("span", { children: "Stop" })
-            ] }) : /* @__PURE__ */ jsxs69("button", { type: "button", className: "fdc-send", onClick: submit, disabled: !canSend, "aria-label": "Send message", children: [
+            ] }) : /* @__PURE__ */ jsxs70("button", { type: "button", className: "fdc-send", onClick: submit, disabled: !canSend, "aria-label": "Send message", children: [
               /* @__PURE__ */ jsx74("i", { className: "ph ph-paper-plane-right", "aria-hidden": "true" }),
               /* @__PURE__ */ jsx74("span", { className: "fdc-send-label", children: "Send" })
             ] })
@@ -9588,7 +9606,7 @@ function ChatComposer({
         ] })
       }
     ),
-    notice ? /* @__PURE__ */ jsxs69("div", { className: "fdc-notice", role: "status", children: [
+    notice ? /* @__PURE__ */ jsxs70("div", { className: "fdc-notice", role: "status", children: [
       /* @__PURE__ */ jsx74("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       notice
     ] }) : null,
@@ -9622,12 +9640,12 @@ function ChatComposer({
 }
 
 // src/components/chat/ChatSessionBar.tsx
-import * as React44 from "react";
-import { jsx as jsx75, jsxs as jsxs70 } from "react/jsx-runtime";
+import * as React45 from "react";
+import { jsx as jsx75, jsxs as jsxs71 } from "react/jsx-runtime";
 var compact2 = meterFormats.compact;
 function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extras }) {
-  const [open, setOpen] = React44.useState(false);
-  const anchor = React44.useRef(null);
+  const [open, setOpen] = React45.useState(false);
+  const anchor = React45.useRef(null);
   const stats = sessionStats || null;
   const cu = contextUsage || null;
   const limits = usageLimits || null;
@@ -9642,9 +9660,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__ */ jsxs70(React44.Fragment, { children: [
-    /* @__PURE__ */ jsxs70("div", { className: "fdc-bar", children: [
-      /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(React45.Fragment, { children: [
+    /* @__PURE__ */ jsxs71("div", { className: "fdc-bar", children: [
+      /* @__PURE__ */ jsxs71(
         "button",
         {
           type: "button",
@@ -9674,14 +9692,14 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
         maxHeight: 460,
         padded: true,
         label: "Usage",
-        footer: onClear ? /* @__PURE__ */ jsxs70("button", { type: "button", className: "fdc-usage-clear", onClick: () => {
+        footer: onClear ? /* @__PURE__ */ jsxs71("button", { type: "button", className: "fdc-usage-clear", onClick: () => {
           setOpen(false);
           onClear();
         }, children: [
           /* @__PURE__ */ jsx75("i", { className: "ph ph-trash", "aria-hidden": "true" }),
           "Clear conversation"
         ] }) : void 0,
-        children: /* @__PURE__ */ jsxs70("div", { className: "fdc-usage", children: [
+        children: /* @__PURE__ */ jsxs71("div", { className: "fdc-usage", children: [
           cu ? /* @__PURE__ */ jsx75("section", { className: "fdc-usage-sec", children: /* @__PURE__ */ jsx75(
             SegmentedMeter,
             {
@@ -9694,7 +9712,7 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
               remainderLabel: "Free"
             }
           ) }) : null,
-          limits && limits.length ? /* @__PURE__ */ jsxs70("section", { className: "fdc-usage-sec", children: [
+          limits && limits.length ? /* @__PURE__ */ jsxs71("section", { className: "fdc-usage-sec", children: [
             /* @__PURE__ */ jsx75("h4", { className: "fdc-usage-h", children: "Usage limits" }),
             /* @__PURE__ */ jsx75("div", { className: "fdc-usage-rows", children: limits.map((l) => /* @__PURE__ */ jsx75(
               QuotaRow,
@@ -9706,23 +9724,23 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
               l.id
             )) })
           ] }) : null,
-          stats ? /* @__PURE__ */ jsxs70("section", { className: "fdc-usage-sec fdc-usage-stats", children: [
-            stats.elapsedMs ? /* @__PURE__ */ jsxs70("div", { children: [
+          stats ? /* @__PURE__ */ jsxs71("section", { className: "fdc-usage-sec fdc-usage-stats", children: [
+            stats.elapsedMs ? /* @__PURE__ */ jsxs71("div", { children: [
               /* @__PURE__ */ jsx75("span", { children: "Session" }),
               /* @__PURE__ */ jsx75("b", { className: "fd-tabular", children: formatDuration(stats.elapsedMs) })
             ] }) : null,
-            stats.tokens ? /* @__PURE__ */ jsxs70("div", { children: [
+            stats.tokens ? /* @__PURE__ */ jsxs71("div", { children: [
               /* @__PURE__ */ jsx75("span", { children: "Tokens" }),
               /* @__PURE__ */ jsx75("b", { className: "fd-tabular", children: stats.tokens.toLocaleString() })
             ] }) : null,
-            stats.costUsd != null ? /* @__PURE__ */ jsxs70("div", { children: [
+            stats.costUsd != null ? /* @__PURE__ */ jsxs71("div", { children: [
               /* @__PURE__ */ jsx75("span", { children: "Cost" }),
-              /* @__PURE__ */ jsxs70("b", { className: "fd-tabular", children: [
+              /* @__PURE__ */ jsxs71("b", { className: "fd-tabular", children: [
                 "$",
                 Number(stats.costUsd).toFixed(3)
               ] })
             ] }) : null,
-            stats.turns ? /* @__PURE__ */ jsxs70("div", { children: [
+            stats.turns ? /* @__PURE__ */ jsxs71("div", { children: [
               /* @__PURE__ */ jsx75("span", { children: "Turns" }),
               /* @__PURE__ */ jsx75("b", { className: "fd-tabular", children: stats.turns })
             ] }) : null
@@ -9776,14 +9794,14 @@ function ModelControls({
     items.push({ kind: "section", label: "Fast mode" });
     items.push({
       kind: "custom",
-      render: () => /* @__PURE__ */ jsxs70("label", { className: "fdc-switchrow", children: [
+      render: () => /* @__PURE__ */ jsxs71("label", { className: "fdc-switchrow", children: [
         /* @__PURE__ */ jsx75("span", { children: fastModeLabel }),
         /* @__PURE__ */ jsx75("input", { type: "checkbox", className: "fd-sr", checked: !!fastMode, onChange: (e) => onFastModeChange(e.target.checked) }),
         /* @__PURE__ */ jsx75("span", { className: "fd-switch-track" + (fastMode ? " is-on" : ""), "aria-hidden": "true", children: /* @__PURE__ */ jsx75("span", { className: "fd-switch-thumb" }) })
       ] })
     });
   }
-  return /* @__PURE__ */ jsxs70(React44.Fragment, { children: [
+  return /* @__PURE__ */ jsxs71(React45.Fragment, { children: [
     /* @__PURE__ */ jsx75(
       MenuButton,
       {
@@ -9816,7 +9834,7 @@ function ModelControls({
 }
 
 // src/components/chat/AgentChatPanel.tsx
-import { jsx as jsx76, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs72 } from "react/jsx-runtime";
 var SURFACES = { sidebar: "is-sidebar", inline: "is-inline", page: "is-page", modal: "is-modal", sheet: "is-sheet" };
 function AgentChatPanel({
   /* required */
@@ -9900,11 +9918,11 @@ function AgentChatPanel({
   onFeedback,
   onEditMessage
 }) {
-  const [panelWidth, setPanelWidth] = React45.useState(width);
-  const [applied, setApplied] = React45.useState({});
-  const [draft, setDraft] = React45.useState("");
-  const dragging = React45.useRef(null);
-  React45.useEffect(() => setPanelWidth(width), [width]);
+  const [panelWidth, setPanelWidth] = React46.useState(width);
+  const [applied, setApplied] = React46.useState({});
+  const [draft, setDraft] = React46.useState("");
+  const dragging = React46.useRef(null);
+  React46.useEffect(() => setPanelWidth(width), [width]);
   const engine = useChatEngine({
     contextType,
     contextId,
@@ -10021,7 +10039,7 @@ function AgentChatPanel({
       })))
     }
   ) : null;
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     "aside",
     {
       className: ["fdc-panel", SURFACES[surface] || SURFACES.sidebar, narrow ? "is-narrow" : "", className].filter(Boolean).join(" "),
@@ -10047,13 +10065,13 @@ function AgentChatPanel({
             }
           }
         ) : null,
-        showHeader ? /* @__PURE__ */ jsxs71("header", { className: "fdc-head", children: [
+        showHeader ? /* @__PURE__ */ jsxs72("header", { className: "fdc-head", children: [
           /* @__PURE__ */ jsx76("span", { className: "fdc-head-mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx76("i", { className: "ph ph-" + assistantIcon }) }),
-          /* @__PURE__ */ jsxs71("span", { className: "fdc-head-titles", children: [
+          /* @__PURE__ */ jsxs72("span", { className: "fdc-head-titles", children: [
             /* @__PURE__ */ jsx76("span", { className: "fdc-head-title", children: title }),
             subtitle ? /* @__PURE__ */ jsx76("span", { className: "fdc-head-sub", children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ jsxs71("span", { className: "fdc-head-acts", children: [
+          /* @__PURE__ */ jsxs72("span", { className: "fdc-head-acts", children: [
             headerActions,
             threadMenu,
             onNewThread ? /* @__PURE__ */ jsx76("button", { type: "button", className: "fdc-iconbtn", onClick: onNewThread, "aria-label": "New conversation", title: "New conversation", children: /* @__PURE__ */ jsx76("i", { className: "ph ph-plus", "aria-hidden": "true" }) }) : null,
@@ -10108,7 +10126,7 @@ function AgentChatPanel({
 }
 
 // src/kits/query.ts
-import * as React46 from "react";
+import * as React47 from "react";
 function eqFilter(get2) {
   return (row, value) => Array.isArray(value) ? value.includes(get2(row)) : get2(row) === value;
 }
@@ -10140,22 +10158,22 @@ function compare(a, b, dir) {
 var API = null;
 var PREFS = null;
 function useServerTable({ endpoint, params, defaults, deps, prefsKey }) {
-  const [query, setQuery] = React46.useState(() => {
+  const [query, setQuery] = React47.useState(() => {
     const store = PREFS || window.PlannerPrefs;
     const saved = prefsKey && store ? store.getTable(prefsKey) : {};
     return { ...DEFAULTS, ...defaults || {}, ...saved.pageSize ? { pageSize: saved.pageSize } : {}, ...saved.sort ? { sort: saved.sort, dir: saved.dir || "desc" } : {} };
   });
-  const savePref = React46.useCallback((patch2) => {
+  const savePref = React47.useCallback((patch2) => {
     const store = PREFS || window.PlannerPrefs;
     if (prefsKey && store) store.setTable(prefsKey, patch2);
   }, [prefsKey]);
-  const [res, setRes] = React46.useState(null);
-  const [loading, setLoading] = React46.useState(true);
-  const seq2 = React46.useRef(0);
+  const [res, setRes] = React47.useState(null);
+  const [loading, setLoading] = React47.useState(true);
+  const seq2 = React47.useRef(0);
   const depKey = (deps || []).join("|");
   const paramKey = JSON.stringify(params || {});
   const queryKey = JSON.stringify(query);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     const id = ++seq2.current;
     setLoading(true);
     const t = setTimeout(() => {