npm - @flytedan/flytebot-design-system - Versions diffs - 0.12.5 → 0.12.6 - Mend

@flytedan/flytebot-design-system 0.12.5 → 0.12.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.cjs CHANGED Viewed

@@ -253,6 +253,11 @@ function Button({
   );
 }
+// src/components/actions/overflowRowContext.ts
+var React = __toESM(require("react"), 1);
+var OverflowRowContext = React.createContext(false);
+var useOverflowRow = () => React.useContext(OverflowRowContext);
 // src/components/actions/IconButton.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function IconButton({
@@ -266,19 +271,24 @@ 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__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: cls, "aria-label": label, title: label, disabled, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: cls, "aria-label": label, title: label, disabled, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }),
+    overflowRow ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "fd-btn-icon-row-label", children: label }) : null
+  ] });
 }
 // src/components/actions/Popover.tsx
-var React = __toESM(require("react"), 1);
+var React2 = __toESM(require("react"), 1);
 var import_react_dom = require("react-dom");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var MARGIN = 8;
@@ -310,12 +320,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);
@@ -390,8 +400,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;
@@ -421,7 +431,7 @@ function Popover({
   footer,
   children
 }) {
-  const ref = React.useRef(null);
+  const ref = React2.useRef(null);
   const pos = usePopoverPosition(!!open, anchorRef, {
     placement,
     offset,
@@ -433,9 +443,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 () => {
@@ -447,7 +457,7 @@ function Popover({
       }
     };
   }, [open, returnFocus]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!open) return;
     const away = (e) => {
       if (!closeOnOutside) return;
@@ -521,12 +531,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) => {
@@ -588,7 +598,7 @@ function Menu({ items = [], onSelect, onClose, autoFocus = true, className = "",
     }
   };
   const sub = openSub != null ? items[openSub] : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React2.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "fd-menu-frame", children: [
       header != null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "fd-menu-header", children: header }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -702,9 +712,9 @@ function MenuButton({
   header,
   footer
 }) {
-  const [open, setOpen] = React.useState(false);
-  const ref = React.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React.Fragment, { children: [
+  const [open, setOpen] = React2.useState(false);
+  const ref = React2.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React2.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "button",
       {
@@ -797,7 +807,7 @@ function CardRow({ label, children, className = "" }) {
 }
 // src/components/surfaces/Collapsible.tsx
-var React2 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function Collapsible({
   title,
@@ -811,7 +821,7 @@ 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);
@@ -832,19 +842,19 @@ function Collapsible({
 }
 // src/components/surfaces/Drawer.tsx
-var React3 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime7 = require("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();
@@ -870,17 +880,17 @@ function Drawer({ open = true, title, onClose, footer, children, className = "",
 }
 // src/components/surfaces/Modal.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
 var import_jsx_runtime8 = require("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();
@@ -1107,13 +1117,13 @@ function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
 }
 // src/components/navigation/Topbar.tsx
-var React5 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_jsx_runtime16 = require("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);
@@ -1134,11 +1144,11 @@ function Topbar({
   ...rest
 }) {
   const narrow = useIsNarrow(overflowBreakpoint);
-  const [moreOpen, setMoreOpen] = React5.useState(false);
-  const moreRef = React5.useRef(null);
+  const [moreOpen, setMoreOpen] = React6.useState(false);
+  const moreRef = React6.useRef(null);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: ["fd-topbar", narrow ? "is-narrow" : "", className].filter(Boolean).join(" "), ...rest, children: [
     onMenu ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "ph ph-list" }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(React5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(React6.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
       i === crumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "a",
@@ -1177,7 +1187,7 @@ function Topbar({
           padded: true,
           label: "More actions",
           className: "fd-topbar-overflow",
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fd-stack fd-topbar-overflow-list", children: overflowActions })
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fd-stack fd-topbar-overflow-list", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(OverflowRowContext.Provider, { value: true, children: overflowActions }) })
         }
       )
     ] }) : overflowActions : null,
@@ -1343,19 +1353,19 @@ function Toast({ title, children, tone = "success", onUndo, onDismiss, className
 }
 // src/components/feedback/Tooltip.tsx
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var import_jsx_runtime24 = require("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;
@@ -1365,7 +1375,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
     cancelClose();
     setReason(why);
   };
-  const hide = React6.useCallback(() => {
+  const hide = React7.useCallback(() => {
     cancelClose();
     setReason(null);
   }, [cancelClose]);
@@ -1380,7 +1390,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,
@@ -1390,7 +1400,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();
@@ -1418,7 +1428,7 @@ 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__ */ (0, import_jsx_runtime24.jsxs)(
@@ -1426,7 +1436,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
     {
       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();
       },
@@ -1470,7 +1480,7 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
 }
 // src/components/data/Clamp.tsx
-var React7 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function Clamp({
   children,
@@ -1482,16 +1492,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 = () => {
@@ -1630,19 +1640,19 @@ function DataTable({
 }
 // src/components/data/FilterBar.tsx
-var React8 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var import_jsx_runtime28 = require("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 [panel, setPanel] = React9.useState(null);
   const zIndex = useOverlayLayer(FILTER_BAR_BASE);
-  const rootRef = React8.useRef(null);
-  const textInputRef = React8.useRef(null);
-  const optionsRef = React8.useRef(null);
+  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);
@@ -1657,7 +1667,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();
@@ -1823,7 +1833,7 @@ function StatTile({ label, value, sub, delta, loading = false, compact: compact3
 }
 // src/components/data/CodeBlock.tsx
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var JS_KW = /^(?:const|let|var|function|return|if|else|for|while|do|new|class|extends|import|from|export|default|await|async|try|catch|finally|throw|typeof|instanceof|of|in|switch|case|break|continue|delete|void|yield|static|get|set|this|super|interface|type|enum|implements|public|private|protected|readonly|abstract|as|satisfies|declare|namespace)$/;
 var RULES = {
@@ -1979,13 +1989,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__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: toks.map((tk, i) => tk.c ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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) => {
@@ -2021,8 +2031,8 @@ 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");
@@ -2051,7 +2061,7 @@ function CodeBlock({
   ] });
 }
 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) => {
@@ -2097,7 +2107,7 @@ function DiffBlock({ diff = "", filename, collapseAfter = 34, className = "" })
 }
 // src/components/data/Markdown.tsx
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var SAFE = /^(?:https?:|mailto:|tel:|#|\/|\.{1,2}\/)/i;
 var safeHref = (h) => SAFE.test(String(h || "").trim()) ? String(h).trim() : null;
@@ -2136,7 +2146,7 @@ function inlineNodes(src, ctx, keyBase) {
       const href = safeHref(g(2));
       out.push(href ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href, title: g(3) || void 0, target: /^https?:/i.test(href) ? "_blank" : void 0, rel: "noopener noreferrer", onClick: ctx.onLinkClick, children: inlineNodes(g(1), ctx, key()) }, key()) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: g(1) }, key()));
     } else if (kind === "cite") {
-      out.push(ctx.renderCitation ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(React10.Fragment, { children: ctx.renderCitation(g(1)) }, key()) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("sup", { className: "fd-md-cite", children: g(1) }, key()));
+      out.push(ctx.renderCitation ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(React11.Fragment, { children: ctx.renderCitation(g(1)) }, key()) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("sup", { className: "fd-md-cite", children: g(1) }, key()));
     } else if (kind === "strongem") out.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("strong", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("em", { children: inlineNodes(g(1), ctx, key()) }) }, key()));
     else if (kind === "strong") out.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("strong", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
     else if (kind === "em") out.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("em", { children: inlineNodes(g(1) || g(2), ctx, key()) }, key()));
@@ -2301,7 +2311,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__ */ (0, import_jsx_runtime31.jsx)("div", { className: ["fd-md", className].filter(Boolean).join(" "), children: renderBlocks(blocks, ctx, "b") });
 }
 function MarkdownInline({ source = "", className = "", onLinkClick }) {
@@ -2409,7 +2419,7 @@ function Pagination({
 }
 // src/components/data/RelativeTime.tsx
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var MIN = 6e4;
 var HOUR = 36e5;
@@ -2461,9 +2471,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;
@@ -2479,10 +2489,10 @@ function RelativeTime({ value, prefix, className = "", refresh: refresh2 = true,
 }
 // src/components/data/ScoreMeter.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 // src/components/data/SegmentedMeter.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 // src/kits/files.ts
 function formatBytes(n) {
@@ -2687,7 +2697,7 @@ 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__ */ (0, import_jsx_runtime35.jsxs)("div", { className: ["fd-segmeter", className].filter(Boolean).join(" "), onClick, children: [
     label || showTotal ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "fd-segmeter-head", children: [
@@ -2771,10 +2781,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__ */ (0, import_jsx_runtime36.jsxs)(React13.Fragment, { children: [
+  const body = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(React14.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-scoremeter-rail", style: { width }, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SegmentedMeter, { total: 100, segments, height, showTotal: false, showPercent: false, legend: false }) }),
     showScore ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fd-scoremeter-value fd-tabular", "aria-hidden": "true", children: value }) : null
   ] });
@@ -2793,7 +2803,7 @@ function ScoreMeter({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(React13.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(React14.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "button",
       {
@@ -2824,14 +2834,14 @@ function ScoreMeter({
 }
 // src/components/data/SortMenu.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_jsx_runtime37 = require("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 [open, setOpen] = React15.useState(false);
   const zIndex = useOverlayLayer(SORT_MENU_BASE);
-  const ref = React14.useRef(null);
-  React14.useEffect(() => {
+  const ref = React15.useRef(null);
+  React15.useEffect(() => {
     if (!open) return;
     const away = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -2893,7 +2903,7 @@ function SortMenu({ fields = [], sort, onSort, align = "right", size = "md", cla
 }
 // src/components/data/StepList.tsx
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var KIND_ICON = { tool: "wrench", search: "magnifying-glass", read: "file-text", write: "pencil-simple", reasoning: "brain", run: "terminal", fetch: "cloud-arrow-down" };
 function StepList({
@@ -2906,9 +2916,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;
@@ -2966,7 +2976,7 @@ function StepList({
 }
 // src/components/data/VirtualList.tsx
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var VIRTUAL_LIST_BUFFER_ROWS = 20;
 var VIRTUAL_LIST_ROW_GAP = 6;
@@ -3018,35 +3028,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();
@@ -3056,7 +3066,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" };
@@ -3101,7 +3111,7 @@ function VirtualList({
 }
 // src/components/data/EntityRow.tsx
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var ENTITY_ROW_METRIC_WIDTH = 74;
 var METRIC_TONE_COLOR = {
@@ -3114,7 +3124,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__ */ (0, import_jsx_runtime40.jsxs)(React17.Fragment, { children: [
+    const content = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(React18.Fragment, { children: [
       m.icon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-erow-metric-value fd-tabular", children: m.value }),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-sr", children: " " + m.label })
@@ -3182,14 +3192,14 @@ function EntityRow({
 }
 // src/components/data/TransferList.tsx
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var import_react_dom4 = require("react-dom");
 // src/components/forms/field.tsx
-var React18 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var import_jsx_runtime41 = require("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 }) {
@@ -3307,12 +3317,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;
@@ -3321,7 +3331,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]
   );
@@ -3343,7 +3353,7 @@ function TransferList({
       height: rect.height
     };
   };
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const onMovePointer = (e) => {
       const armed = armedRef.current;
       if (!armed || e.pointerId !== armed.pointerId) return;
@@ -3396,7 +3406,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";
@@ -3504,11 +3514,11 @@ function TransferList({
 }
 // src/components/forms/Checkbox.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var import_jsx_runtime45 = require("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__ */ (0, import_jsx_runtime45.jsxs)("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
@@ -3567,7 +3577,7 @@ function Textarea({ label, help, error, required = false, rows = 4, disabled = f
 }
 // src/components/forms/NumberInput.tsx
-var React21 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function NumberInput({
   label,
@@ -3595,10 +3605,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));
@@ -3622,7 +3632,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 : (() => {
@@ -3709,7 +3719,7 @@ function NumberInput({
 }
 // src/components/forms/Select.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var norm = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function Select({
@@ -3736,13 +3746,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;
@@ -3767,7 +3777,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) {
@@ -3888,7 +3898,7 @@ function Select({
           ),
           q ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-body-sm fd-muted", children: visible.length }) : null
         ] }) : void 0,
-        footer: multiple ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(React22.Fragment, { children: [
+        footer: multiple ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(React23.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "button",
             {
@@ -3919,7 +3929,7 @@ function Select({
           'Nothing matches "',
           q,
           '".'
-        ] }) : groups.map((grp) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(React22.Fragment, { children: [
+        ] }) : groups.map((grp) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(React23.Fragment, { children: [
           grp.g ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "fd-pop-group", children: grp.g }) : null,
           grp.items.map(({ o, i }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
             "button",
@@ -3956,7 +3966,7 @@ function Select({
 }
 // src/components/forms/DatePicker.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 var DOW = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
@@ -3974,10 +3984,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) => {
@@ -4093,9 +4103,9 @@ 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);
@@ -4157,7 +4167,7 @@ function DatePicker({ label, help, error, required = false, disabled = false, ra
 }
 // src/components/forms/TimePicker.tsx
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var pad = (n) => String(n).padStart(2, "0");
 function ClockFace({ value = "09:00", onChange }) {
@@ -4166,9 +4176,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);
@@ -4241,9 +4251,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);
@@ -4286,7 +4296,7 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
         offset: 6,
         width: 262,
         role: "presentation",
-        footer: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(React24.Fragment, { children: [
+        footer: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(React25.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "button",
             {
@@ -4314,7 +4324,7 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
 }
 // src/components/forms/Slider.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function Slider({
   label,
@@ -4332,7 +4342,7 @@ 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__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), children: [
@@ -4366,7 +4376,7 @@ function Slider({
 }
 // src/components/forms/RangeSlider.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function RangeSlider({
   label,
@@ -4386,9 +4396,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));
@@ -4403,7 +4413,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);
@@ -4484,7 +4494,7 @@ function RangeSlider({
     /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "fd-range" + (hasLabels ? " has-labels" : ""), onPointerDown: onRailDown, children: [
       /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-range-rail", ref: railRef }),
       /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-range-fill", style: { left: pct(a) + "%", width: pct(b) - pct(a) + "%" } }),
-      marks.map((m) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(React26.Fragment, { children: [
+      marks.map((m) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(React27.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-range-mark" + (m.value >= a && m.value <= b ? " is-in" : ""), style: { left: pct(m.value) + "%" } }),
         m.label ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "fd-range-mark-label", style: { left: pct(m.value) + "%" }, children: m.label }) : null
       ] }, m.value)),
@@ -4513,7 +4523,7 @@ function RangeSlider({
 }
 // src/components/forms/Dropzone.tsx
-var React27 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function Dropzone({
   onFiles,
@@ -4528,8 +4538,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;
@@ -4591,8 +4601,8 @@ function FilePickButton({
   className = "",
   children
 }) {
-  const ref = React27.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(React27.Fragment, { children: [
+  const ref = React28.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(React28.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "button",
       {
@@ -4625,10 +4635,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;
@@ -4645,14 +4655,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 {
@@ -4663,10 +4673,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();
@@ -4790,7 +4800,7 @@ function FileGrid({ files = [], onOpen, onRemove, onRetry, tiles = true, maxHeig
 }
 // src/components/forms/MarkdownEditor.tsx
-var React28 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent || "");
 var INLINE_RE = /(\*\*\*[^*\n]+\*\*\*|\*\*[^*\n]+\*\*|__[^_\n]+__|~~[^~\n]+~~|`[^`\n]+`|\*[^*\s][^*\n]*\*|(?<![A-Za-z0-9_])_[^_\s][^_\n]*_|\[[^\]\n]*\]\([^)\s\n]*\)|https?:\/\/\S+)/g;
@@ -5004,7 +5014,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,
@@ -5023,10 +5033,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);
@@ -5035,7 +5045,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 = () => {
@@ -5102,7 +5112,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);
@@ -5254,10 +5264,10 @@ var MarkdownEditor = React28.forwardRef(function MarkdownEditor2({
 });
 // src/components/platform/AccountMenu.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 // src/kits/session.ts
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var PERMISSION_CATALOG = [
   { group: "Plans", items: [
     { key: "plan.view", label: "View plans", detail: "Read any plan in the workspace." },
@@ -6824,8 +6834,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 = {
@@ -6895,9 +6905,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) => {
@@ -6981,14 +6991,14 @@ function AccountMenu({
 }
 // src/components/platform/ApiSpecBrowser.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var METHOD_TONE = { GET: "success", POST: "info", PATCH: "warning", PUT: "warning", DELETE: "danger" };
 function Json({ obj }) {
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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();
@@ -7061,10 +7071,10 @@ 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)]];
@@ -7143,7 +7153,7 @@ function ApiSpecBrowser({
 }
 // src/components/platform/ProfilePage.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var TIMEZONES = ["America/New_York", "America/Chicago", "America/Denver", "America/Los_Angeles", "America/Anchorage", "Pacific/Honolulu", "Europe/London", "Europe/Berlin"];
 var NOTIFY = [
@@ -7156,7 +7166,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 || "",
@@ -7165,8 +7175,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);
@@ -7356,10 +7366,10 @@ function ProfilePage({ user: userProp, onSave, onNavigate, sessions, showSession
 }
 // src/components/platform/RoadmapTimeline.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 // src/kits/runtime.ts
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var WIRED_ENDPOINTS = [
   // Nothing yet. Every id below would come from a real service:
   //   "plan.get", "placements.list", …
@@ -7530,8 +7540,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) {
@@ -7614,12 +7624,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;
@@ -7628,7 +7638,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;
@@ -7702,7 +7712,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
         lastPhase = item.phase;
         const inPhase = items.filter((i) => i.phase === item.phase).length;
         const isBoundary = n === firstPending;
-        return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(React34.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(React35.Fragment, { children: [
           showPhase ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "fd-rm-era", children: [
             /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { style: { fontWeight: 700 }, children: item.phase === 0 ? "Shipped" : "Phase " + item.phase + " \u2014 " + item.phaseName }),
@@ -7746,7 +7756,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
 }
 // src/components/platform/ComingSoon.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var SOON_HOVERCARD_BASE = 220;
@@ -7765,8 +7775,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) => {
@@ -7813,9 +7823,9 @@ function SoonCard({ label, detail, backend, eta, effort, onRoadmap, allowed, onB
   ] });
 }
 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;
@@ -7942,10 +7952,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 zIndex = useOverlayLayer(SOON_HOVERCARD_BASE);
-  const close = React35.useRef(null);
+  const close = React36.useRef(null);
   const show = () => {
     if (close.current) {
       clearTimeout(close.current);
@@ -7961,7 +7971,7 @@ 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__ */ (0, import_jsx_runtime62.jsxs)(
@@ -8130,15 +8140,15 @@ function PermissionHint({ perm, children }) {
 }
 // src/components/platform/ModeSwitch.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_jsx_runtime64 = require("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 [open, setOpen] = React37.useState(false);
   const zIndex = useOverlayLayer(MODE_SWITCH_BASE);
-  const ref = React36.useRef(null);
-  React36.useEffect(() => {
+  const ref = React37.useRef(null);
+  React37.useEffect(() => {
     if (!open) return;
     const away = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -8387,7 +8397,7 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
 }
 // src/components/planner/MixGap.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var MIX_GAP_LAYOUT = {
   trackHeight: 30,
@@ -8402,7 +8412,7 @@ 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;
@@ -8545,7 +8555,7 @@ function ChannelContribution({
 }
 // src/components/planner/BudgetReallocator.tsx
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var bandFor = (crp) => crp >= 200 ? "dominant" : crp >= 100 ? "strong" : crp >= 50 ? "adequate" : "weak";
 function BudgetReallocator({
@@ -8561,8 +8571,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);
@@ -8732,7 +8742,7 @@ function ImportanceTag({ level, showLabel = true, size = "sm", className = "" })
 }
 // src/components/planner/PreferenceMeter.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function preferenceScore(criteria) {
   const earned = criteria.reduce((n, c) => n + (Number(c.earned) || 0), 0);
@@ -8762,7 +8772,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__ */ (0, import_jsx_runtime72.jsx)(
     ScoreMeter,
     {
@@ -8801,10 +8811,10 @@ function PreferenceMeter({
 }
 // src/components/chat/AgentChatPanel.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 // src/components/chat/chatEngine.ts
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var CHAT_UNAVAILABLE = "chat_unavailable";
 var JOB_PENDING = ["queued", "running"];
 var JOB_SUCCESS = ["completed", "recovered"];
@@ -8858,22 +8868,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;
@@ -8895,14 +8905,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);
@@ -9115,7 +9125,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;
@@ -9125,7 +9135,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) {
@@ -9144,11 +9154,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") {
@@ -9164,19 +9174,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 {
@@ -9214,10 +9224,10 @@ var ChatKit = {
 };
 // src/components/chat/ChatTranscript.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 // src/components/chat/ChatTurn.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function JsonView({ value }) {
   let text;
@@ -9254,7 +9264,7 @@ 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__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "fdc-think" + (open ? " is-open" : ""), children: [
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
@@ -9271,7 +9281,7 @@ 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__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "fdc-cites", children: [
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: [
@@ -9297,7 +9307,7 @@ 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;
@@ -9364,9 +9374,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) => {
@@ -9393,7 +9403,7 @@ function RunActions({ group, ctx }) {
     ] }),
     isAssistant && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: "fdc-act", onClick: ctx.onRetry, "aria-label": "Retry this turn", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
     group.role === "user" && ctx.onEdit ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: "fdc-act", onClick: () => ctx.onEdit(last), "aria-label": "Edit and resend", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-pencil-simple", "aria-hidden": "true" }) }) : null,
-    isAssistant && ctx.onFeedback ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(React41.Fragment, { children: [
+    isAssistant && ctx.onFeedback ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(React42.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: "fdc-act" + (fb === "up" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "up"), "aria-pressed": fb === "up", "aria-label": "Good response", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-thumbs-up", "aria-hidden": "true" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: "fdc-act" + (fb === "down" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "down"), "aria-pressed": fb === "down", "aria-label": "Bad response", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-thumbs-down", "aria-hidden": "true" }) })
     ] }) : null,
@@ -9488,10 +9498,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;
@@ -9510,7 +9520,7 @@ function ChatTranscript({
       seen.current = messages.length;
     }
   };
-  React42.useLayoutEffect(() => {
+  React43.useLayoutEffect(() => {
     const el = scroller.current;
     if (!el) return;
     if (stick.current) {
@@ -9518,7 +9528,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;
@@ -9528,7 +9538,7 @@ 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__ */ (0, import_jsx_runtime74.jsxs)("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
     /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
@@ -9552,7 +9562,7 @@ 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__ */ (0, import_jsx_runtime74.jsxs)(React42.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(React43.Fragment, { children: [
           showDay ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "fdc-day", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: dayLabel(k) }) }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ChatTurn, { group: g, ctx })
         ] }, g.key || i);
@@ -9569,7 +9579,7 @@ function ChatTranscript({
 var TranscriptKit = { groupMessages };
 // src/components/chat/ChatComposer.tsx
-var React43 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function ChatComposer({
   onSubmit,
@@ -9597,17 +9607,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) => {
@@ -9641,7 +9651,7 @@ function ChatComposer({
     e.preventDefault();
     staged.add(found.files);
   };
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (!trigger || trigger.type !== "mention" || !mentionSources) {
       setMentionItems([]);
       return;
@@ -9659,7 +9669,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));
@@ -9833,12 +9843,12 @@ function ChatComposer({
 }
 // src/components/chat/ChatSessionBar.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var import_jsx_runtime76 = require("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;
@@ -9853,7 +9863,7 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
   if (stats && stats.runningTasks) bits.push(stats.runningTasks + " running task" + (stats.runningTasks === 1 ? "" : "s"));
   if (cu) bits.push(pct + "% context");
   const expandable = !!(cu || limits);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(React44.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(React45.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fdc-bar", children: [
       /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
         "button",
@@ -9994,7 +10004,7 @@ function ModelControls({
       ] })
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(React44.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(React45.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       MenuButton,
       {
@@ -10111,11 +10121,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,
@@ -10319,7 +10329,7 @@ function AgentChatPanel({
 }
 // src/kits/query.ts
-var React46 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 function eqFilter(get2) {
   return (row, value) => Array.isArray(value) ? value.includes(get2(row)) : get2(row) === value;
 }
@@ -10351,22 +10361,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(() => {