@flytedan/flytebot-design-system 0.72.0 → 0.73.1

package/dist/index.js

@@ -937,26 +937,57 @@ function Collapsible({
 }
 
 // src/components/surfaces/Drawer.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function Drawer({ open: open2 = true, title, onClose, footer, bare = false, children, className = "", ...rest }) {
-  const asideRef = React6.useRef(null);
+
+// src/kits/useClosingAnimation.ts
+import * as React6 from "react";
+function useClosingAnimation(open2, onClose, durationMs) {
   const [closing, setClosing] = React6.useState(false);
+  const timer = React6.useRef(null);
+  const cancel = React6.useCallback(() => {
+    if (timer.current !== null) clearTimeout(timer.current);
+    timer.current = null;
+  }, []);
+  React6.useEffect(() => {
+    if (!open2) {
+      cancel();
+      setClosing(false);
+    }
+  }, [open2, cancel]);
+  React6.useEffect(() => cancel, [cancel]);
   const close2 = React6.useCallback(() => {
     if (!onClose) return;
+    cancel();
     setClosing(true);
-    setTimeout(onClose, 210);
-  }, [onClose]);
+    timer.current = setTimeout(() => {
+      timer.current = null;
+      onClose();
+    }, durationMs);
+  }, [onClose, durationMs, cancel]);
+  return { closing, close: close2 };
+}
+
+// src/components/surfaces/Drawer.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function Drawer({ open: open2 = true, title, label, onClose, footer, bare = false, children, className = "", ...rest }) {
+  const asideRef = React7.useRef(null);
+  const { closing, close: close2 } = useClosingAnimation(!!open2, onClose, 210);
   const layer = useStackedLayer({ active: !!open2, containerRef: asideRef, trap: true, onEscape: onClose ? close2 : void 0 });
   const zIndex = useLayerZIndex(layer);
+  const titleId = React7.useId();
+  const accessibleName = bare ? label ?? (typeof title === "string" ? title : void 0) : label;
+  const unnamed = !!open2 && bare && !accessibleName;
+  React7.useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && unnamed) console.warn("Drawer: a bare Drawer has no header to name it. Pass `label`, or a string `title`, so the dialog has an accessible name.");
+  }, [unnamed]);
   if (!open2) return null;
   return createPortal2(
     /* @__PURE__ */ jsxs6(StackedLayerProvider, { layer, children: [
       /* @__PURE__ */ jsx9("div", { className: "fd-scrim" + (closing ? " is-closing" : ""), style: { display: "block", zIndex: zIndex - LAYER_STEP }, onClick: close2 }),
-      /* @__PURE__ */ jsxs6("aside", { ref: asideRef, className: ["fd-drawer", bare ? "is-bare" : "", closing ? "is-closing" : "", className].filter(Boolean).join(" "), role: "dialog", "aria-modal": "true", "aria-label": bare && typeof title === "string" ? title : void 0, ...rest, style: { zIndex }, children: [
+      /* @__PURE__ */ jsxs6("aside", { ref: asideRef, className: ["fd-drawer", bare ? "is-bare" : "", closing ? "is-closing" : "", className].filter(Boolean).join(" "), role: "dialog", "aria-modal": "true", "aria-label": accessibleName, "aria-labelledby": bare || label ? void 0 : titleId, ...rest, style: { zIndex }, children: [
         bare ? null : /* @__PURE__ */ jsxs6("div", { className: "fd-card-head", style: { flex: "none" }, children: [
-          /* @__PURE__ */ jsx9("span", { className: "fd-card-head-title", title: truncationTitle(title), children: title }),
+          /* @__PURE__ */ jsx9("span", { id: titleId, className: "fd-card-head-title", title: truncationTitle(title), children: title }),
           onClose ? /* @__PURE__ */ jsx9("button", { type: "button", className: "fd-btn-icon", "aria-label": "Close", onClick: close2, children: /* @__PURE__ */ jsx9("i", { className: "ph ph-x" }) }) : null
         ] }),
         /* @__PURE__ */ jsx9("div", { style: bare ? { flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "column" } : { flex: "1 1 auto", minHeight: 0, overflow: "auto", padding: 20 }, children: typeof children === "function" ? children(close2) : children }),
@@ -968,17 +999,12 @@ function Drawer({ open: open2 = true, title, onClose, footer, bare = false, chil
 }
 
 // src/components/surfaces/Modal.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function Modal({ open: open2 = true, title, description, onClose, footer, wide = false, children, className = "", ...rest }) {
-  const [closing, setClosing] = React7.useState(false);
-  const boxRef = React7.useRef(null);
-  const close2 = React7.useCallback(() => {
-    if (!onClose) return;
-    setClosing(true);
-    setTimeout(onClose, 190);
-  }, [onClose]);
+  const boxRef = React8.useRef(null);
+  const { closing, close: close2 } = useClosingAnimation(!!open2, onClose, 190);
   const layer = useStackedLayer({ active: !!open2, containerRef: boxRef, trap: true, onEscape: onClose ? close2 : void 0 });
   const zIndex = useLayerZIndex(layer);
   if (!open2) return null;
@@ -1061,13 +1087,13 @@ function ScreenHead({ kicker, title, lede, actions }) {
 }
 
 // src/components/layout/CardGrid.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function flattenFragments(children) {
   const out = [];
-  React8.Children.forEach(children, (child) => {
+  React9.Children.forEach(children, (child) => {
     if (child === null || child === void 0 || typeof child === "boolean") return;
-    if (React8.isValidElement(child) && child.type === React8.Fragment) {
+    if (React9.isValidElement(child) && child.type === React9.Fragment) {
       const fragmentChildren = child.props.children;
       out.push(...flattenFragments(fragmentChildren));
       return;
@@ -1085,7 +1111,7 @@ function CardGrid({ children, minCardWidth = 280, gap = "lg", className = "", st
       className: ["fd-card-grid", "fd-gap-" + gap, className].filter(Boolean).join(" "),
       style: { ["--card-grid-min"]: minCardWidth + "px", ...style },
       children: items.map((child, i) => {
-        if (React8.isValidElement(child)) {
+        if (React9.isValidElement(child)) {
           const existingRole = child.props.role;
           if (existingRole) return child;
           return /* @__PURE__ */ jsx12("div", { role: "listitem", children: child }, child.key ?? i);
@@ -1135,10 +1161,10 @@ function LoadingRegion({
 }
 
 // src/components/loading/JobTray.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 
 // src/kits/cornerStack.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { createPortal as createPortal4 } from "react-dom";
 var CORNER_STACK_INSET_PROPERTY = "--fd-corner-stack-inset";
 var SLOTS = ["jobs", "toasts"];
@@ -1188,9 +1214,9 @@ function release(slot) {
     slotElements.clear();
   }
 }
-var useSlotEffect = typeof document === "undefined" ? React9.useEffect : React9.useLayoutEffect;
+var useSlotEffect = typeof document === "undefined" ? React10.useEffect : React10.useLayoutEffect;
 function useCornerStackSlot(slot) {
-  const [element, setElement] = React9.useState(null);
+  const [element, setElement] = React10.useState(null);
   useSlotEffect(() => {
     setElement(acquire(slot));
     return () => {
@@ -1247,9 +1273,9 @@ function announcementFor(job) {
   return title + ": in progress";
 }
 function JobTray({ jobs: jobs2, onDismiss, className = "" }) {
-  const [announcement, setAnnouncement] = React10.useState("");
-  const prevStatuses = React10.useRef({});
-  React10.useEffect(() => {
+  const [announcement, setAnnouncement] = React11.useState("");
+  const prevStatuses = React11.useRef({});
+  React11.useEffect(() => {
     let next = "";
     for (const job of jobs2) {
       if (prevStatuses.current[job.id] !== job.status) {
@@ -1300,7 +1326,7 @@ function JobCard({ job, onDismiss }) {
 }
 
 // src/components/loading/PhasedProgress.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var ICON = {
   pending: "ph-circle",
@@ -1313,9 +1339,9 @@ function textOf2(node) {
   return "";
 }
 function PhasedProgress({ phases, summary, className = "" }) {
-  const [announcement, setAnnouncement] = React11.useState("");
-  const prevStatuses = React11.useRef({});
-  React11.useEffect(() => {
+  const [announcement, setAnnouncement] = React12.useState("");
+  const prevStatuses = React12.useRef({});
+  React12.useEffect(() => {
     let next = "";
     for (const phase of phases) {
       if (prevStatuses.current[phase.id] !== phase.status) {
@@ -1395,12 +1421,12 @@ function Spinner({ size = "md", label = "Loading", className = "", style, ...res
 }
 
 // src/components/navigation/SidebarNav.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function Tip({ label, children }) {
   return /* @__PURE__ */ jsx20("span", { title: label, style: { display: "inline-flex", flex: "none" }, children });
 }
-var SidebarNav = React12.forwardRef(function SidebarNav2({ brand, groups = [], current: current2, onNavigate, footer, open: open2 = false, className = "", ...rest }, ref) {
+var SidebarNav = React13.forwardRef(function SidebarNav2({ brand, groups = [], current: current2, onNavigate, footer, open: open2 = false, className = "", ...rest }, ref) {
   return /* @__PURE__ */ jsxs14(
     "nav",
     {
@@ -1439,15 +1465,15 @@ var SidebarNav = React12.forwardRef(function SidebarNav2({ brand, groups = [], c
 });
 
 // src/components/navigation/Topbar.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 
 // src/kits/useIsNarrow.ts
-import * as React13 from "react";
+import * as React14 from "react";
 function useIsNarrow(breakpoint) {
-  const [narrow, setNarrow] = React13.useState(
+  const [narrow, setNarrow] = React14.useState(
     () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
   );
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mq = window.matchMedia(`(max-width: ${breakpoint}px)`);
     const apply = () => setNarrow(mq.matches);
@@ -1471,11 +1497,11 @@ function Topbar({
   ...rest
 }) {
   const narrow = useIsNarrow(overflowBreakpoint);
-  const [moreOpen, setMoreOpen] = React14.useState(false);
-  const moreRef = React14.useRef(null);
+  const [moreOpen, setMoreOpen] = React15.useState(false);
+  const moreRef = React15.useRef(null);
   return /* @__PURE__ */ jsxs15("header", { className: ["fd-topbar", narrow ? "is-narrow" : "", className].filter(Boolean).join(" "), ...rest, children: [
     onMenu ? /* @__PURE__ */ jsx21("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ jsx21("i", { className: "ph ph-list" }) }) : null,
-    /* @__PURE__ */ jsx21("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ jsxs15(React14.Fragment, { children: [
+    /* @__PURE__ */ jsx21("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ jsxs15(React15.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ jsx21("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
       i === crumbs.length - 1 ? (
         // MP-141: the current crumb mixes a static route label with (usually) a
@@ -1528,29 +1554,37 @@ function Topbar({
 }
 
 // src/kits/useResponsiveRail.ts
-import * as React15 from "react";
+import * as React16 from "react";
+
+// src/kits/overlayLayout.ts
+var OVERLAY_BREAKPOINT = 1024;
+function useOverlayLayout() {
+  return useIsNarrow(OVERLAY_BREAKPOINT);
+}
+
+// src/kits/useResponsiveRail.ts
 function useResponsiveRail(options = {}) {
-  const { breakpoint = 1024, initialOpen = true, onPersist } = options;
-  const navRef = React15.useRef(null);
+  const { breakpoint = OVERLAY_BREAKPOINT, initialOpen = true, onPersist } = options;
+  const navRef = React16.useRef(null);
   const overlay = useIsNarrow(breakpoint);
-  const [open2, setOpenRaw] = React15.useState(() => overlay ? false : initialOpen);
-  const setOpen = React15.useCallback(
+  const [open2, setOpenRaw] = React16.useState(() => overlay ? false : initialOpen);
+  const setOpen = React16.useCallback(
     (value) => {
       setOpenRaw(value);
       if (!overlay) onPersist?.(value);
     },
     [overlay, onPersist]
   );
-  const toggle = React15.useCallback(() => setOpen(!open2), [open2, setOpen]);
-  const close2 = React15.useCallback(() => setOpenRaw(false), []);
-  const lastOverlay = React15.useRef(overlay);
-  React15.useEffect(() => {
+  const toggle = React16.useCallback(() => setOpen(!open2), [open2, setOpen]);
+  const close2 = React16.useCallback(() => setOpenRaw(false), []);
+  const lastOverlay = React16.useRef(overlay);
+  React16.useEffect(() => {
     if (lastOverlay.current === overlay) return;
     lastOverlay.current = overlay;
     setOpenRaw(!overlay);
   }, [overlay]);
   const layer = useStackedLayer({ active: overlay && open2, containerRef: navRef, trap: true, onEscape: close2 });
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     if (!overlay || !open2) return;
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -1571,7 +1605,7 @@ function AppShell({
   navFooter,
   initialNavOpen = true,
   onNavOpenChange,
-  railBreakpoint = 1024,
+  railBreakpoint = OVERLAY_BREAKPOINT,
   crumbs,
   loading,
   actions,
@@ -1677,20 +1711,20 @@ function installFlytedeskFavicon(url) {
 }
 
 // src/components/navigation/Tabs.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var FADE_WIDTH = 32;
 function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
-  const strip = React16.useRef(null);
-  const [more, setMore] = React16.useState({ start: false, end: false });
-  const measure = React16.useCallback(() => {
+  const strip = React17.useRef(null);
+  const [more, setMore] = React17.useState({ start: false, end: false });
+  const measure = React17.useCallback(() => {
     const el = strip.current;
     if (!el) return;
     const start = el.scrollLeft > 1;
     const end = el.scrollLeft + el.clientWidth < el.scrollWidth - 1;
     setMore((m) => m.start === start && m.end === end ? m : { start, end });
   }, []);
-  React16.useLayoutEffect(() => {
+  React17.useLayoutEffect(() => {
     const el = strip.current;
     measure();
     if (!el || typeof ResizeObserver === "undefined") return;
@@ -1698,7 +1732,7 @@ function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
     observer.observe(el);
     return () => observer.disconnect();
   }, [measure, tabs]);
-  const revealActive = React16.useCallback(() => {
+  const revealActive = React17.useCallback(() => {
     const el = strip.current;
     const active = el?.querySelector('[aria-selected="true"]');
     if (!el || !active || el.scrollWidth <= el.clientWidth) return;
@@ -1708,9 +1742,9 @@ function Tabs({ tabs = [], value, onChange, className = "", ...rest }) {
     else if (tab.right > box.right - FADE_WIDTH) el.scrollLeft += tab.right - box.right + FADE_WIDTH;
     measure();
   }, [measure]);
-  React16.useLayoutEffect(revealActive, [value, revealActive]);
+  React17.useLayoutEffect(revealActive, [value, revealActive]);
   const tabKeys = tabs.map((t) => typeof t === "string" ? t : t.value).join(",");
-  React16.useLayoutEffect(() => {
+  React17.useLayoutEffect(() => {
     const el = strip.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(revealActive);
@@ -1965,15 +1999,15 @@ function Toast({ title, children, tone = "success", onUndo, onDismiss, className
 }
 
 // src/components/feedback/ToastProvider.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 var DEFAULT_TOAST_DURATION_MS = 5e3;
-var ToastContext = React17.createContext(null);
+var ToastContext = React18.createContext(null);
 function ToastProvider({ children }) {
-  const [items, setItems] = React17.useState([]);
-  const timers = React17.useRef(/* @__PURE__ */ new Map());
-  const nextId = React17.useRef(1);
-  const dismiss = React17.useCallback((id) => {
+  const [items, setItems] = React18.useState([]);
+  const timers = React18.useRef(/* @__PURE__ */ new Map());
+  const nextId = React18.useRef(1);
+  const dismiss = React18.useCallback((id) => {
     setItems((current2) => current2.filter((item) => item.id !== id));
     const timer = timers.current.get(id);
     if (timer !== void 0) {
@@ -1981,7 +2015,7 @@ function ToastProvider({ children }) {
       timers.current.delete(id);
     }
   }, []);
-  const show = React17.useCallback(
+  const show = React18.useCallback(
     (title, options = {}) => {
       const { tone = "success", duration = DEFAULT_TOAST_DURATION_MS } = options;
       const id = nextId.current++;
@@ -1990,36 +2024,36 @@ function ToastProvider({ children }) {
     },
     [dismiss]
   );
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const pending = timers.current;
     return () => {
       pending.forEach(clearTimeout);
       pending.clear();
     };
   }, []);
-  const api = React17.useMemo(() => ({ show }), [show]);
+  const api = React18.useMemo(() => ({ show }), [show]);
   return /* @__PURE__ */ jsxs26(ToastContext.Provider, { value: api, children: [
     children,
     /* @__PURE__ */ jsx33(CornerStackPortal, { slot: "toasts", children: /* @__PURE__ */ jsx33("div", { className: "fd-toast-region", "aria-live": "polite", children: items.map((item) => /* @__PURE__ */ jsx33(Toast, { title: item.title, tone: item.tone, onDismiss: () => dismiss(item.id) }, item.id)) }) })
   ] });
 }
 function useToast() {
-  const api = React17.useContext(ToastContext);
+  const api = React18.useContext(ToastContext);
   if (!api) throw new Error("useToast must be used inside a <ToastProvider>");
   return api;
 }
 
 // src/components/feedback/Tooltip.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 
 // src/components/feedback/useTooltip.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { jsx as jsx34 } from "react/jsx-runtime";
 var CLOSE_DELAY_MS = 120;
 var isMouse = (e) => e.pointerType === "mouse";
 function TooltipBubble({ open: open2, labels, placement, className, onHide, onEnter, onLeave }) {
-  const anchorRef = React18.useRef(open2.anchor);
-  const bubbleRef = React18.useRef(null);
+  const anchorRef = React19.useRef(open2.anchor);
+  const bubbleRef = React19.useRef(null);
   const pos = usePopoverPosition(true, anchorRef, {
     placement: placement === "bottom" ? "bottom-center" : "top-center",
     offset: 8,
@@ -2030,7 +2064,7 @@ function TooltipBubble({ open: open2, labels, placement, className, onHide, onEn
   });
   const layer = useStackedLayer({ active: true, containerRef: bubbleRef, onEscape: onHide, returnFocus: false });
   const zIndex = useLayerZIndex(layer);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     const away = (e) => {
       const t = e.target;
       if (open2.anchor.contains(t)) return;
@@ -2061,16 +2095,16 @@ function TooltipBubble({ open: open2, labels, placement, className, onHide, onEn
   );
 }
 function useTooltip({ placement = "top", className = "" } = {}) {
-  const [open2, setOpen] = React18.useState(null);
-  const closeTimer = React18.useRef(null);
-  const focused = React18.useRef(null);
-  const cancelClose = React18.useCallback(() => {
+  const [open2, setOpen] = React19.useState(null);
+  const closeTimer = React19.useRef(null);
+  const focused = React19.useRef(null);
+  const cancelClose = React19.useCallback(() => {
     if (closeTimer.current) {
       clearTimeout(closeTimer.current);
       closeTimer.current = null;
     }
   }, []);
-  const hide = React18.useCallback(() => {
+  const hide = React19.useCallback(() => {
     cancelClose();
     focused.current = null;
     setOpen(null);
@@ -2090,7 +2124,7 @@ function useTooltip({ placement = "top", className = "" } = {}) {
       setOpen((o) => o && o.reason === "hover" ? focused.current : o);
     }, CLOSE_DELAY_MS);
   };
-  React18.useEffect(() => cancelClose, [cancelClose]);
+  React19.useEffect(() => cancelClose, [cancelClose]);
   const labels = /* @__PURE__ */ new Map();
   const bind = (id, label) => {
     labels.set(id, label);
@@ -2143,17 +2177,17 @@ function useTooltip({ placement = "top", className = "" } = {}) {
 // src/components/feedback/Tooltip.tsx
 import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function Tooltip({ label, placement = "top", children, className = "" }) {
-  const id = React19.useId();
+  const id = React20.useId();
   const descId = id + "-desc";
   const tip = useTooltip({ placement, className });
-  const described = React19.isValidElement(children) ? React19.cloneElement(children, {
+  const described = React20.isValidElement(children) ? React20.cloneElement(children, {
     "aria-describedby": [children.props["aria-describedby"], descId].filter(Boolean).join(" ")
   }) : children;
   return /* @__PURE__ */ jsxs27(
     "span",
     {
       className: "fd-tooltip-anchor",
-      "aria-describedby": React19.isValidElement(children) ? void 0 : descId,
+      "aria-describedby": React20.isValidElement(children) ? void 0 : descId,
       ...tip.bind(id, label),
       children: [
         described,
@@ -2165,16 +2199,16 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
 }
 
 // src/components/data/AnimNum.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { Fragment as Fragment6, jsx as jsx36 } from "react/jsx-runtime";
 function shouldSkipEasing() {
   if (typeof document !== "undefined" && document.hidden) return true;
   return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
 }
 function AnimNum({ value, format, duration = 550 }) {
-  const [display, setDisplay] = React20.useState(value);
-  const prev = React20.useRef(value);
-  React20.useEffect(() => {
+  const [display, setDisplay] = React21.useState(value);
+  const prev = React21.useRef(value);
+  React21.useEffect(() => {
     const from = prev.current;
     const to = value;
     prev.current = to;
@@ -2202,14 +2236,14 @@ function AnimNum({ value, format, duration = 550 }) {
 }
 
 // src/components/data/TrendChart.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 
 // src/components/useMeasuredWidth.ts
-import * as React21 from "react";
+import * as React22 from "react";
 function useMeasuredWidth(fallback) {
-  const [element, setElement] = React21.useState(null);
-  const [width, setWidth] = React21.useState(fallback);
-  React21.useLayoutEffect(() => {
+  const [element, setElement] = React22.useState(null);
+  const [width, setWidth] = React22.useState(fallback);
+  React22.useLayoutEffect(() => {
     if (!element || typeof ResizeObserver === "undefined") return;
     const measure = () => {
       const measured = Math.round(element.getBoundingClientRect().width);
@@ -2224,7 +2258,7 @@ function useMeasuredWidth(fallback) {
 }
 
 // src/components/data/SegmentedMeter.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 
 // src/kits/files.ts
 function formatBytes(n) {
@@ -2429,7 +2463,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 = React22.useId();
+  const generatedId = React23.useId();
   const uid2 = id || generatedId;
   return /* @__PURE__ */ jsxs28("div", { className: ["fd-segmeter", className].filter(Boolean).join(" "), onClick, children: [
     label || showTotal ? /* @__PURE__ */ jsxs28("div", { className: "fd-segmeter-head", children: [
@@ -2580,8 +2614,8 @@ function TrendChart({
   onRetry,
   className = ""
 }) {
-  const [activeId, setActiveId] = React23.useState(null);
-  const [pointTip, setPointTip] = React23.useState(null);
+  const [activeId, setActiveId] = React24.useState(null);
+  const [pointTip, setPointTip] = React24.useState(null);
   const isEmpty = state === "ready" && (!categories.length || !series.length || series.every((s) => !s.values.length));
   const effectiveState = isEmpty ? "empty" : state;
   const [plotRef, VBW] = useMeasuredWidth(INITIAL_WIDTH);
@@ -2695,7 +2729,7 @@ function TrendChart({
 }
 
 // src/components/data/DonutChart.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 function DonutChart({
   segments,
@@ -2710,7 +2744,7 @@ function DonutChart({
   onRetry,
   className = ""
 }) {
-  const [activeId, setActiveId] = React24.useState(null);
+  const [activeId, setActiveId] = React25.useState(null);
   const items = segments.filter((s) => Number(s.value) > 0);
   const total = items.reduce((n, s) => n + Number(s.value), 0);
   const isEmpty = state === "ready" && (!items.length || total <= 0);
@@ -2802,7 +2836,7 @@ function DonutChart({
 }
 
 // src/components/data/BarList.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 var wholePercent = (share) => formatPercent(Math.round(share * 100));
 function BarList({
@@ -2819,7 +2853,7 @@ function BarList({
   onRetry,
   className = ""
 }) {
-  const ordered = React25.useMemo(() => {
+  const ordered = React26.useMemo(() => {
     const list = sort ? [...rows].sort((a, b) => Number(b.value) - Number(a.value)) : rows;
     return maxRows ? list.slice(0, maxRows) : list;
   }, [rows, sort, maxRows]);
@@ -2961,7 +2995,7 @@ function FunnelChart({
 }
 
 // src/components/data/Clamp.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function Clamp({
   children,
@@ -2973,16 +3007,16 @@ function Clamp({
   onToggle,
   className = ""
 }) {
-  const [open2, setOpen] = React26.useState(false);
-  const [overflows, setOverflows] = React26.useState(false);
-  const bodyRef = React26.useRef(null);
-  const charClamped = React26.useMemo(() => {
+  const [open2, setOpen] = React27.useState(false);
+  const [overflows, setOverflows] = React27.useState(false);
+  const bodyRef = React27.useRef(null);
+  const charClamped = React27.useMemo(() => {
     if (open2 || !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, open2]);
-  React26.useLayoutEffect(() => {
+  React27.useLayoutEffect(() => {
     const node = bodyRef.current;
     if (maxChars || !node || !maxHeight) return;
     const measure = () => {
@@ -3240,16 +3274,16 @@ function StackedRows({ columns, rows, rowKey, loading, stale, skeletonRows, sort
 }
 
 // src/components/data/FilterBar.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 
 // src/components/forms/NumberInput.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 
 // src/components/forms/field.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
 function useFieldId(id) {
-  const generated = React27.useId();
+  const generated = React28.useId();
   return id || generated;
 }
 function FieldLabel({ htmlFor, id, required = false, onClick, children }) {
@@ -3268,10 +3302,10 @@ function HiddenFieldLabel({ id, children }) {
 }
 
 // src/components/useLatest.ts
-import * as React28 from "react";
+import * as React29 from "react";
 function useLatest(value) {
-  const ref = React28.useRef(value);
-  React28.useInsertionEffect(() => {
+  const ref = React29.useRef(value);
+  React29.useInsertionEffect(() => {
     ref.current = value;
   });
   return ref;
@@ -3354,20 +3388,20 @@ function NumberInput({
     const n = typeof v === "number" ? v : parseNumberText(v);
     return n == null || Number.isNaN(n) ? null : n;
   };
-  const [text, setText] = React29.useState(() => toText(value));
-  const [editing, setEditing] = React29.useState(false);
+  const [text, setText] = React30.useState(() => toText(value));
+  const [editing, setEditing] = React30.useState(false);
   const parsed = parseNumberText(text);
   const invalidMessage = parsed == null ? null : Number.isNaN(parsed) ? "Enter a number" : integer && !Number.isInteger(parsed) ? "Enter a whole number" : parsed < lo ? "Must be \u2265 " + lo : parsed > hi ? "Must be \u2264 " + hi : null;
   const valid = invalidMessage == null;
-  const committedRef = React29.useRef(toNumber(value));
+  const committedRef = React30.useRef(toNumber(value));
   const onChangeRef = useLatest(onChange);
   const onValidityChangeRef = useLatest(onValidityChange);
-  const focusedRef = React29.useRef(false);
-  React29.useEffect(() => {
+  const focusedRef = React30.useRef(false);
+  React30.useEffect(() => {
     committedRef.current = toNumber(value);
     if (!focusedRef.current) setText(toText(value));
   }, [value]);
-  React29.useLayoutEffect(() => {
+  React30.useLayoutEffect(() => {
     onValidityChangeRef.current?.(valid);
   }, [valid, onValidityChangeRef]);
   const fire = (n) => {
@@ -3383,7 +3417,7 @@ function NumberInput({
     return true;
   };
   const bumpRef = useLatest(bump);
-  const holdTimer = React29.useRef(null);
+  const holdTimer = React30.useRef(null);
   const release2 = () => {
     if (holdTimer.current) clearTimeout(holdTimer.current);
     holdTimer.current = null;
@@ -3402,7 +3436,7 @@ function NumberInput({
     };
     holdTimer.current = setTimeout(tick, HOLD_DELAY_MS);
   };
-  React29.useEffect(() => () => {
+  React30.useEffect(() => () => {
     if (holdTimer.current) clearTimeout(holdTimer.current);
   }, []);
   const current2 = committedRef.current;
@@ -3505,7 +3539,7 @@ function NumberInput({
 }
 
 // src/components/forms/DatePicker.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { jsx as jsx48, jsxs as jsxs39 } 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"];
@@ -3538,10 +3572,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] = React30.useState(anchor.getFullYear());
-  const [vm, setVm] = React30.useState(anchor.getMonth());
-  const [mode2, setMode] = React30.useState("days");
-  const [hover, setHover] = React30.useState(null);
+  const [vy, setVy] = React31.useState(anchor.getFullYear());
+  const [vm, setVm] = React31.useState(anchor.getMonth());
+  const [mode2, setMode] = React31.useState("days");
+  const [hover, setHover] = React31.useState(null);
   const s = parse(sel.start), e = parse(sel.end);
   const hoverEnd = range && s && !e && hover ? parse(hover) : null;
   const inRange = (d) => {
@@ -3552,12 +3586,12 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
   const isEnd = (d) => !!e && iso(d) === iso(e);
   const isEdge = (d) => isStart(d) || isEnd(d);
   const nextY = vm === 11 ? vy + 1 : vy, nextM = (vm + 1) % 12;
-  const [activeDate, setActiveDate] = React30.useState(() => {
+  const [activeDate, setActiveDate] = React31.useState(() => {
     if (s) return s;
     if (sameMonth(today, anchor.getFullYear(), anchor.getMonth())) return today;
     return new Date(anchor.getFullYear(), anchor.getMonth(), 1);
   });
-  const calRef = React30.useRef(null);
+  const calRef = React31.useRef(null);
   const pageToShow = (y, m) => {
     const idx = y * 12 + m, firstIdx = vy * 12 + vm, secondIdx = firstIdx + 1;
     if (idx === firstIdx || months > 1 && idx === secondIdx) return;
@@ -3574,7 +3608,7 @@ function Calendar({ value, range = false, onPick, initialMonth, months = 1 }) {
     setActiveDate(next);
     pageToShow(next.getFullYear(), next.getMonth());
   };
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     const el = calRef.current?.querySelector('[data-iso="' + iso(activeDate) + '"]');
     if (el) el.focus({ preventScroll: true });
   }, [activeDate, vy, vm]);
@@ -3767,9 +3801,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, "aria-label": hiddenLabel, ...rest }) {
   const { fieldId, labelId, ariaLabelledBy } = useTriggerLabelling(label, id, hiddenLabel);
-  const [open2, setOpen] = React30.useState(false);
-  const rootRef = React30.useRef(null);
-  const boxRef = React30.useRef(null);
+  const [open2, setOpen] = React31.useState(false);
+  const rootRef = React31.useRef(null);
+  const boxRef = React31.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(!open2);
@@ -3858,9 +3892,9 @@ function Textarea({ label, help, error, required = false, rows = 4, disabled = f
 }
 
 // src/components/forms/listbox.ts
-import * as React31 from "react";
+import * as React32 from "react";
 function useListboxNav({ count, onSelect }) {
-  const [active, setActive] = React31.useState(-1);
+  const [active, setActive] = React32.useState(-1);
   return {
     active,
     setActive,
@@ -3873,7 +3907,7 @@ function useListboxNav({ count, onSelect }) {
   };
 }
 function useListboxScrollIntoView(active, listRef, enabled) {
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!enabled || active < 0 || !listRef.current) return;
     const list = listRef.current;
     const el = list.querySelector('[data-i="' + active + '"]');
@@ -3891,7 +3925,7 @@ import { jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 var TAIL_CHARS = 12;
 var graphemes = new Intl.Segmenter(void 0, { granularity: "grapheme" });
 function splitForMiddleEllipsis(text) {
-  const chars = Array.from(graphemes.segment(text), (part) => part.segment);
+  const chars = Array.from(graphemes.segment(text), (part2) => part2.segment);
   if (chars.length <= TAIL_CHARS) return { head: text, tail: "" };
   return { head: chars.slice(0, -TAIL_CHARS).join(""), tail: chars.slice(-TAIL_CHARS).join("") };
 }
@@ -4094,13 +4128,13 @@ function MultiSelectPanel({
   onClose
 }) {
   const allowedOps = operatorsFor(field);
-  const [draftOperator, setDraftOperator] = React32.useState(value?.operator ?? allowedOps[0]);
+  const [draftOperator, setDraftOperator] = React33.useState(value?.operator ?? allowedOps[0]);
   const operator = allowedOps.length === 1 ? allowedOps[0] : value?.operator ?? draftOperator;
   const selected = value?.values ?? [];
   const selectedRef = useLatest(selected);
   const operatorRef = useLatest(operator);
-  const mountedRef = React32.useRef(true);
-  React32.useEffect(() => {
+  const mountedRef = React33.useRef(true);
+  React33.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -4114,20 +4148,20 @@ function MultiSelectPanel({
     if (selectedRef.current.length > 0) commit(selectedRef.current, op);
     else setDraftOperator(op);
   };
-  const [mode2, setMode] = React32.useState("search");
-  const [query, setQuery] = React32.useState("");
-  const [asyncState, setAsyncState] = React32.useState(
+  const [mode2, setMode] = React33.useState("search");
+  const [query, setQuery] = React33.useState("");
+  const [asyncState, setAsyncState] = React33.useState(
     { options: null, loading: !!field.loadOptions, error: false }
   );
-  const [retryTick, setRetryTick] = React32.useState(0);
-  const inputRef = React32.useRef(null);
-  const listRef = React32.useRef(null);
-  const listId = React32.useId();
+  const [retryTick, setRetryTick] = React33.useState(0);
+  const inputRef = React33.useRef(null);
+  const listRef = React33.useRef(null);
+  const listId = React33.useId();
   const loadOptionsRef = useLatest(field.loadOptions);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     inputRef.current?.focus();
   }, []);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     const load = loadOptionsRef.current;
     if (!load) return;
     const controller = new AbortController();
@@ -4160,17 +4194,17 @@ function MultiSelectPanel({
   };
   const nav = useListboxNav({ count: options.length, onSelect: (i) => toggle(options[i]) });
   useListboxScrollIntoView(nav.active, listRef, hasListbox);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     nav.setActive(0);
   }, [query, options.length]);
   const activeId = hasListbox && options[nav.active] ? listId + "-opt-" + nav.active : void 0;
   const liveMessage = showLoading ? "Loading\u2026" : showError ? "Couldn't load options." : options.length === 0 ? query === "" && field.emptyText || "No matches" : atLimit ? "Limit reached: at most " + field.maxValues + " values" : "";
-  const [pasteText, setPasteText] = React32.useState("");
-  const [pasteLoading, setPasteLoading] = React32.useState(false);
-  const [unmatchedTokens, setUnmatchedTokens] = React32.useState([]);
-  const [pasteError, setPasteError] = React32.useState(null);
-  const pasteWrapRef = React32.useRef(null);
-  React32.useEffect(() => {
+  const [pasteText, setPasteText] = React33.useState("");
+  const [pasteLoading, setPasteLoading] = React33.useState(false);
+  const [unmatchedTokens, setUnmatchedTokens] = React33.useState([]);
+  const [pasteError, setPasteError] = React33.useState(null);
+  const pasteWrapRef = React33.useRef(null);
+  React33.useEffect(() => {
     if (mode2 === "paste") pasteWrapRef.current?.querySelector("textarea")?.focus();
   }, [mode2]);
   const doResolve = () => {
@@ -4343,8 +4377,8 @@ function MultiSelectPanel({
   );
 }
 function useTextValidity(onFlip) {
-  const invalidRef = React32.useRef(/* @__PURE__ */ new Set());
-  const [, rerender] = React32.useReducer((n) => n + 1, 0);
+  const invalidRef = React33.useRef(/* @__PURE__ */ new Set());
+  const [, rerender] = React33.useReducer((n) => n + 1, 0);
   const onFlipRef = useLatest(onFlip);
   const record = (name, valid) => {
     const invalid = invalidRef.current;
@@ -4387,15 +4421,15 @@ function sameValue(a, b) {
   return true;
 }
 function useReseedFromProps(value, applies, reseed) {
-  const seen = React32.useRef(value);
-  React32.useLayoutEffect(() => {
+  const seen = React33.useRef(value);
+  React33.useLayoutEffect(() => {
     if (seen.current === value) return;
     seen.current = value;
     if (!sameValue(value, applies())) reseed(value);
   }, [value, applies, reseed]);
 }
 function usePreserveFocusAcrossRemount(seed, fields) {
-  const pendingName = React32.useRef(null);
+  const pendingName = React33.useRef(null);
   const fieldsRef = useLatest(fields);
   const capture = () => {
     const active = document.activeElement;
@@ -4408,7 +4442,7 @@ function usePreserveFocusAcrossRemount(seed, fields) {
       }
     }
   };
-  React32.useLayoutEffect(() => {
+  React33.useLayoutEffect(() => {
     const name = pendingName.current;
     if (!name) return;
     pendingName.current = null;
@@ -4424,14 +4458,14 @@ function RangePanel({
   onCommit,
   onClose
 }) {
-  const [draft, setDraft] = React32.useState(() => rangeDraft(value));
-  const [seed, setSeed] = React32.useState(0);
-  const minId = React32.useId();
-  const maxId = React32.useId();
-  const minWrapRef = React32.useRef(null);
-  const maxWrapRef = React32.useRef(null);
+  const [draft, setDraft] = React33.useState(() => rangeDraft(value));
+  const [seed, setSeed] = React33.useState(0);
+  const minId = React33.useId();
+  const maxId = React33.useId();
+  const minWrapRef = React33.useRef(null);
+  const maxWrapRef = React33.useRef(null);
   const preserveFocus = usePreserveFocusAcrossRemount(seed, { min: minWrapRef, max: maxWrapRef });
-  const draftRef = React32.useRef(draft);
+  const draftRef = React33.useRef(draft);
   const shown = () => {
     const { min, max } = draftRef.current;
     return applicable(field, min == null && max == null ? void 0 : { min, max }, validity.allValid());
@@ -4523,15 +4557,15 @@ function DatePanel({
   onClose
 }) {
   const maxDays = effectiveMaxDays(field);
-  const [initial] = React32.useState(() => dateDraft(field, value));
-  const [kind, setKind] = React32.useState(initial.kind);
-  const [daysDraft, setDaysDraft] = React32.useState(initial.days);
-  const daysRef = React32.useRef(daysDraft);
-  const daysConfirmed = React32.useRef(value?.kind === "withinDays");
-  const [between, setBetween] = React32.useState(initial.between);
-  const [seed, setSeed] = React32.useState(0);
-  const daysId = React32.useId();
-  const daysWrapRef = React32.useRef(null);
+  const [initial] = React33.useState(() => dateDraft(field, value));
+  const [kind, setKind] = React33.useState(initial.kind);
+  const [daysDraft, setDaysDraft] = React33.useState(initial.days);
+  const daysRef = React33.useRef(daysDraft);
+  const daysConfirmed = React33.useRef(value?.kind === "withinDays");
+  const [between, setBetween] = React33.useState(initial.between);
+  const [seed, setSeed] = React33.useState(0);
+  const daysId = React33.useId();
+  const daysWrapRef = React33.useRef(null);
   const preserveFocus = usePreserveFocusAcrossRemount(seed, { days: daysWrapRef });
   const shownWithinDays = () => {
     const days = daysRef.current;
@@ -4649,11 +4683,11 @@ function FilterButton({ children, ...rest }) {
   ] });
 }
 function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align = "left", actions, onClearAll, showActiveCount = false, loading = false, loadingLabel = "Loading the filters", className = "", ...rest }) {
-  const [panel, setPanel] = React32.useState(null);
-  const editAnchorRef = React32.useRef(null);
-  const addAnchorRef = React32.useRef(null);
-  const textInputRef = React32.useRef(null);
-  const optionsRef = React32.useRef(null);
+  const [panel, setPanel] = React33.useState(null);
+  const editAnchorRef = React33.useRef(null);
+  const addAnchorRef = React33.useRef(null);
+  const textInputRef = React33.useRef(null);
+  const optionsRef = React33.useRef(null);
   if (process.env.NODE_ENV !== "production") {
     for (const f of fields) assertValidFieldDefinition(f);
   }
@@ -4676,7 +4710,7 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
   const editingField = panel && panel.kind === "edit" ? fields.find((f) => f.key === panel.key) : void 0;
   const startEditing = (key) => setPanel({ kind: "edit", key });
   const closeEditing = () => setPanel(null);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (!panel || panel.kind !== "edit") return;
     if (editingField?.type === "text") {
       textInputRef.current?.focus();
@@ -4931,10 +4965,10 @@ function StatTile(props) {
 }
 
 // src/components/data/CodeBlock.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 
 // src/kits/clipboard.ts
-import * as React33 from "react";
+import * as React34 from "react";
 var COPIED_FEEDBACK_MS = 1600;
 function copyThroughSelection(text) {
   const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
@@ -4964,17 +4998,17 @@ async function copyToClipboard(text) {
   return copyThroughSelection(text);
 }
 function useCopyToClipboard() {
-  const [copied, setCopied] = React33.useState(false);
-  const timer = React33.useRef(null);
-  const mounted = React33.useRef(true);
-  React33.useEffect(() => {
+  const [copied, setCopied] = React34.useState(false);
+  const timer = React34.useRef(null);
+  const mounted = React34.useRef(true);
+  React34.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
       if (timer.current) clearTimeout(timer.current);
     };
   }, []);
-  const copy = React33.useCallback(async (text) => {
+  const copy = React34.useCallback(async (text) => {
     const ok = await copyToClipboard(text);
     if (ok && mounted.current) {
       setCopied(true);
@@ -5142,7 +5176,7 @@ function tokenize(src, lang) {
   return out;
 }
 function Highlighted({ code, lang }) {
-  const toks = React34.useMemo(() => tokenize(code, lang), [code, lang]);
+  const toks = React35.useMemo(() => tokenize(code, lang), [code, lang]);
   return /* @__PURE__ */ jsx54(Fragment9, { children: toks.map((tk, i) => tk.c ? /* @__PURE__ */ jsx54("span", { className: "tok-" + tk.c, children: tk.t }, i) : tk.t) });
 }
 function CodeBlock({
@@ -5156,8 +5190,8 @@ function CodeBlock({
   actions,
   className = ""
 }) {
-  const [wrap, setWrap] = React34.useState(!!wrapDefault);
-  const [open2, setOpen] = React34.useState(false);
+  const [wrap, setWrap] = React35.useState(!!wrapDefault);
+  const [open2, setOpen] = React35.useState(false);
   const [copied, copy] = useCopyToClipboard();
   const body = String(code).replace(/\n$/, "");
   const lines = body.split("\n");
@@ -5186,7 +5220,7 @@ function CodeBlock({
   ] });
 }
 function DiffBlock({ diff = "", filename, collapseAfter = 34, className = "" }) {
-  const [open2, setOpen] = React34.useState(false);
+  const [open2, setOpen] = React35.useState(false);
   const [copied, copy] = useCopyToClipboard();
   const raw = String(diff).replace(/\n$/, "");
   const all = raw.split("\n").map((line) => {
@@ -5232,7 +5266,7 @@ function DiffBlock({ diff = "", filename, collapseAfter = 34, className = "" })
 }
 
 // src/components/data/Markdown.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
 var SAFE = /^(?:https?:|mailto:|tel:|#|\/|\.{1,2}\/)/i;
 var safeHref = (h) => SAFE.test(String(h || "").trim()) ? String(h).trim() : null;
@@ -5275,7 +5309,7 @@ function hiddenInlineNodes(hidden, ctx, keyBase) {
       const href = safeHref(d(g(2)));
       out.push(href ? /* @__PURE__ */ jsx55("a", { href, title: g(3) ? d(g(3)) : void 0, target: /^https?:/i.test(href) ? "_blank" : void 0, rel: "noopener noreferrer", onClick: ctx.onLinkClick, children: hiddenInlineNodes(g(1), ctx, key()) }, key()) : /* @__PURE__ */ jsx55("span", { children: d(g(1)) }, key()));
     } else if (kind === "cite") {
-      out.push(ctx.renderCitation ? /* @__PURE__ */ jsx55(React35.Fragment, { children: ctx.renderCitation(d(g(1))) }, key()) : /* @__PURE__ */ jsx55("sup", { className: "fd-md-cite", children: d(g(1)) }, key()));
+      out.push(ctx.renderCitation ? /* @__PURE__ */ jsx55(React36.Fragment, { children: ctx.renderCitation(d(g(1))) }, key()) : /* @__PURE__ */ jsx55("sup", { className: "fd-md-cite", children: d(g(1)) }, key()));
     } else if (kind === "strongem") out.push(/* @__PURE__ */ jsx55("strong", { children: /* @__PURE__ */ jsx55("em", { children: hiddenInlineNodes(g(1), ctx, key()) }) }, key()));
     else if (kind === "strong") out.push(/* @__PURE__ */ jsx55("strong", { children: hiddenInlineNodes(g(1) || g(2), ctx, key()) }, key()));
     else if (kind === "em") out.push(/* @__PURE__ */ jsx55("em", { children: hiddenInlineNodes(g(1) || g(2), ctx, key()) }, key()));
@@ -5462,7 +5496,7 @@ function Markdown({
   tone = "default"
 }) {
   const ctx = { allowImages, headingOffset, renderCitation, onLinkClick, codeProps };
-  const blocks = React35.useMemo(() => parseBlocks(source), [source]);
+  const blocks = React36.useMemo(() => parseBlocks(source), [source]);
   return /* @__PURE__ */ jsx55("div", { className: mdClass("fd-md", size, tone, className), children: renderBlocks(blocks, ctx, "b") });
 }
 function MarkdownInline({ source = "", className = "", onLinkClick, size, tone }) {
@@ -5573,7 +5607,7 @@ function Pagination({
 }
 
 // src/components/data/RelativeTime.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { jsxs as jsxs48 } from "react/jsx-runtime";
 var MIN = 6e4;
 var HOUR = 36e5;
@@ -5625,9 +5659,9 @@ function formatDuration(ms) {
   return h + "h" + (m % 60 ? " " + m % 60 + "m" : "");
 }
 function RelativeTime({ value, prefix, className = "", refresh: refresh2 = true, ...rest }) {
-  const [, force] = React36.useState(0);
+  const [, force] = React37.useState(0);
   const t = value instanceof Date ? value.getTime() : Date.parse(value);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!refresh2 || !t || isNaN(t)) return;
     const abs = Math.abs(t - Date.now());
     if (abs > DAY) return;
@@ -5643,7 +5677,7 @@ function RelativeTime({ value, prefix, className = "", refresh: refresh2 = true,
 }
 
 // src/components/data/ScoreMeter.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 function ScoreMeter({
   score,
@@ -5658,10 +5692,10 @@ function ScoreMeter({
   breakdownWidth = 280,
   className = ""
 }) {
-  const [open2, setOpen] = React37.useState(false);
-  const ref = React37.useRef(null);
+  const [open2, setOpen] = React38.useState(false);
+  const ref = React38.useRef(null);
   const value = Math.max(0, Math.min(100, Math.round(Number(score) || 0)));
-  const body = /* @__PURE__ */ jsxs49(React37.Fragment, { children: [
+  const body = /* @__PURE__ */ jsxs49(React38.Fragment, { children: [
     /* @__PURE__ */ jsx58("span", { className: "fd-scoremeter-rail", style: { width }, "aria-hidden": "true", children: /* @__PURE__ */ jsx58(SegmentedMeter, { total: 100, segments, height, showTotal: false, showPercent: false, legend: false }) }),
     showScore ? /* @__PURE__ */ jsx58("span", { className: "fd-scoremeter-value fd-tabular", "aria-hidden": "true", children: value }) : null
   ] });
@@ -5680,7 +5714,7 @@ function ScoreMeter({
       }
     );
   }
-  return /* @__PURE__ */ jsxs49(React37.Fragment, { children: [
+  return /* @__PURE__ */ jsxs49(React38.Fragment, { children: [
     /* @__PURE__ */ jsx58(
       "button",
       {
@@ -5711,11 +5745,11 @@ function ScoreMeter({
 }
 
 // src/components/actions/inlinePanel.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { jsx as jsx59 } from "react/jsx-runtime";
 function useInlinePanel() {
-  const [open2, setOpen] = React38.useState(false);
-  const ref = React38.useRef(null);
+  const [open2, setOpen] = React39.useState(false);
+  const ref = React39.useRef(null);
   return { open: open2, setOpen, ref };
 }
 function InlinePanelSurface({ panel, align = "right", ...popover }) {
@@ -5886,7 +5920,7 @@ function SortMenu({
 }
 
 // src/components/data/StepList.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { jsx as jsx61, jsxs as jsxs51 } 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({
@@ -5900,9 +5934,9 @@ function StepList({
   className = "",
   active = false
 }) {
-  const [openState, setOpenState] = React39.useState(defaultOpen);
+  const [openState, setOpenState] = React40.useState(defaultOpen);
   const open2 = openProp == null ? openState : openProp;
-  const [expanded, setExpanded] = React39.useState({});
+  const [expanded, setExpanded] = React40.useState({});
   if (!steps.length) return null;
   const running = steps.some((s) => s.status === "running");
   const failed = steps.filter((s) => s.status === "error").length;
@@ -5960,7 +5994,7 @@ function StepList({
 }
 
 // src/components/data/VirtualList.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 var VIRTUAL_LIST_BUFFER_ROWS = 20;
 var VIRTUAL_LIST_ROW_GAP = 6;
@@ -6012,35 +6046,35 @@ function VirtualList({
   className = "",
   style
 }) {
-  const [scrollTop, setScrollTop] = React40.useState(0);
-  const loaded = React40.useMemo(
+  const [scrollTop, setScrollTop] = React41.useState(0);
+  const loaded = React41.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 = React40.useMemo(
+  const win = React41.useMemo(
     () => computeVirtualWindow({ scrollTop, viewportHeight: height, itemHeight, itemCount: total, loaded }),
     [scrollTop, height, itemHeight, total, loaded]
   );
-  const need = React40.useMemo(() => computeNeedMore(win, loaded), [win, loaded]);
+  const need = React41.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 = React40.useRef({ start: null, end: null });
-  React40.useEffect(() => {
+  const asked = React41.useRef({ start: null, end: null });
+  React41.useEffect(() => {
     if (loading || !wantStart || asked.current.start === askKey) return;
     asked.current.start = askKey;
     onNeedMore("start", win);
   }, [wantStart, loading, askKey, onNeedMore, win]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (loading || !wantEnd || asked.current.end === askKey) return;
     asked.current.end = askKey;
     onNeedMore("end", win);
   }, [wantEnd, loading, askKey, onNeedMore, win]);
-  const lastKeysRef = React40.useRef(null);
-  const newKeys = React40.useMemo(() => {
+  const lastKeysRef = React41.useRef(null);
+  const newKeys = React41.useMemo(() => {
     const prev = lastKeysRef.current;
     if (!prev) return /* @__PURE__ */ new Set();
     const fresh = /* @__PURE__ */ new Set();
@@ -6050,7 +6084,7 @@ function VirtualList({
     }
     return fresh;
   }, [items]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     lastKeysRef.current = new Set(items.map(keyOf));
   }, [items]);
   const gapStyle = { "--fd-vlist-gap": rowGap + "px" };
@@ -6095,7 +6129,7 @@ function VirtualList({
 }
 
 // src/components/data/EntityRow.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
 var ENTITY_ROW_METRIC_WIDTH = 74;
 var METRIC_TONE_COLOR = {
@@ -6108,7 +6142,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__ */ jsxs53(React41.Fragment, { children: [
+    const content = /* @__PURE__ */ jsxs53(React42.Fragment, { children: [
       m.icon ? /* @__PURE__ */ jsx63("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }) : null,
       /* @__PURE__ */ jsx63("span", { className: "fd-erow-metric-value fd-tabular", children: m.value }),
       /* @__PURE__ */ jsx63("span", { className: "fd-sr", children: " " + m.label })
@@ -6200,7 +6234,7 @@ function EntityRow({
 }
 
 // src/components/data/TransferList.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import { createPortal as createPortal5 } from "react-dom";
 
 // src/components/forms/Input.tsx
@@ -6306,12 +6340,12 @@ function TransferList({
   listHeight = 440,
   className = ""
 }) {
-  const [drag, setDrag] = React42.useState(null);
-  const [dragOverSide, setDragOverSide] = React42.useState(null);
-  const dragRef = React42.useRef(null);
-  const armedRef = React42.useRef(null);
-  const sideRefs = React42.useRef({ left: null, right: null });
-  const hitTestSide = React42.useCallback((x, y) => {
+  const [drag, setDrag] = React43.useState(null);
+  const [dragOverSide, setDragOverSide] = React43.useState(null);
+  const dragRef = React43.useRef(null);
+  const armedRef = React43.useRef(null);
+  const sideRefs = React43.useRef({ left: null, right: null });
+  const hitTestSide = React43.useCallback((x, y) => {
     for (const side of ["left", "right"]) {
       const el = sideRefs.current[side];
       if (!el) continue;
@@ -6320,7 +6354,7 @@ function TransferList({
     }
     return null;
   }, []);
-  const findItem = React42.useCallback(
+  const findItem = React43.useCallback(
     (side, key) => (side === "left" ? left.items : right.items).find((it) => keyOf(it) === key),
     [left.items, right.items, keyOf]
   );
@@ -6342,7 +6376,7 @@ function TransferList({
       height: rect.height
     };
   };
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     const onMovePointer = (e) => {
       const armed = armedRef.current;
       if (!armed || e.pointerId !== armed.pointerId) return;
@@ -6395,7 +6429,7 @@ function TransferList({
       window.removeEventListener("pointercancel", endDrag);
     };
   }, [hitTestSide, findItem, onMove]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (!drag || typeof document === "undefined") return;
     const prev = document.body.style.userSelect;
     document.body.style.userSelect = "none";
@@ -6512,7 +6546,7 @@ function FactList({ facts = [], className = "", ...rest }) {
 }
 
 // src/components/data/USChoropleth.tsx
-import * as React44 from "react";
+import * as React45 from "react";
 
 // src/components/data/usChoropleth/mapBox.ts
 var MAP_WIDTH = 975;
@@ -6577,11 +6611,11 @@ function buildChoroplethModel(values, topN, givenTotal) {
 }
 
 // src/components/data/usChoropleth/useUsStateShapes.ts
-import * as React43 from "react";
+import * as React44 from "react";
 function useUsStateShapes() {
-  const [token, setToken] = React43.useState(0);
-  const [settled, setSettled] = React43.useState(null);
-  React43.useEffect(() => {
+  const [token, setToken] = React44.useState(0);
+  const [settled, setSettled] = React44.useState(null);
+  React44.useEffect(() => {
     let current2 = true;
     import("./usStateShapes-JJARDNLL.js").then(({ STATE_SHAPES }) => {
       if (current2) setSettled({ token, state: { status: "ready", shapes: STATE_SHAPES } });
@@ -6623,7 +6657,7 @@ function nextCode(key, from) {
 }
 function StateMap({ shapes, model, figures, label, formatReadout }) {
   const tip = useTooltip();
-  const [stop, setStop] = React44.useState(US_STATE_CODES[0]);
+  const [stop, setStop] = React45.useState(US_STATE_CODES[0]);
   const onKeyDown = (event) => {
     const from = event.target.getAttribute("data-state");
     const to = from && nextCode(event.key, from);
@@ -6671,8 +6705,8 @@ function StateTable({ model, valueLabel, formatValue }) {
   return /* @__PURE__ */ jsx68(Collapsible, { title: TABLE_TITLE, children: /* @__PURE__ */ jsx68(DataTable, { columns, rows: model.rows, rowKey: "code", compact: true }) });
 }
 function USChoropleth({ values, label, valueLabel, formatValue, formatReadout, topN, total, className = "" }) {
-  const model = React44.useMemo(() => buildChoroplethModel(values, topN ?? 0, total), [values, topN, total]);
-  const figures = React44.useMemo(() => new Map(model.rows.map((row) => [row.code, row])), [model]);
+  const model = React45.useMemo(() => buildChoroplethModel(values, topN ?? 0, total), [values, topN, total]);
+  const figures = React45.useMemo(() => new Map(model.rows.map((row) => [row.code, row])), [model]);
   const { state, retry } = useUsStateShapes();
   return /* @__PURE__ */ jsxs57("div", { className: ["fd-uschoro", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxs57("div", { className: "fd-uschoro-layout", children: [
@@ -6707,11 +6741,11 @@ function USChoropleth({ values, label, valueLabel, formatValue, formatReadout, t
 }
 
 // src/components/forms/Checkbox.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 import { jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
 function Checkbox({ label, description, card = false, indeterminate = false, className = "", ...rest }) {
-  const ref = React45.useRef(null);
-  React45.useEffect(() => {
+  const ref = React46.useRef(null);
+  React46.useEffect(() => {
     if (ref.current) ref.current.indeterminate = indeterminate;
   }, [indeterminate]);
   return /* @__PURE__ */ jsxs58("label", { className: ["fd-choice", card ? "fd-choice-card" : "", className].filter(Boolean).join(" "), children: [
@@ -6758,7 +6792,7 @@ function Switch({ label, description, className = "", ...rest }) {
 }
 
 // src/components/forms/Select.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 import { jsx as jsx72, jsxs as jsxs61 } from "react/jsx-runtime";
 var norm = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function Select({
@@ -6786,12 +6820,12 @@ 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, hiddenLabel);
-  const [open2, setOpen] = React46.useState(false);
-  const [q, setQ] = React46.useState("");
-  const rootRef = React46.useRef(null);
-  const boxRef = React46.useRef(null);
-  const listRef = React46.useRef(null);
-  const typeBuf = React46.useRef({ s: "", t: 0 });
+  const [open2, setOpen] = React47.useState(false);
+  const [q, setQ] = React47.useState("");
+  const rootRef = React47.useRef(null);
+  const boxRef = React47.useRef(null);
+  const listRef = React47.useRef(null);
+  const typeBuf = React47.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;
@@ -6927,7 +6961,7 @@ function Select({
           ),
           q ? /* @__PURE__ */ jsx72("span", { className: "fd-body-sm fd-muted", children: visible.length }) : null
         ] }) : void 0,
-        footer: multiple ? /* @__PURE__ */ jsxs61(React46.Fragment, { children: [
+        footer: multiple ? /* @__PURE__ */ jsxs61(React47.Fragment, { children: [
           /* @__PURE__ */ jsx72(
             "button",
             {
@@ -6958,7 +6992,7 @@ function Select({
           'Nothing matches "',
           q,
           '".'
-        ] }) : groups.map((grp) => /* @__PURE__ */ jsxs61(React46.Fragment, { children: [
+        ] }) : groups.map((grp) => /* @__PURE__ */ jsxs61(React47.Fragment, { children: [
           grp.g ? /* @__PURE__ */ jsx72("div", { className: "fd-pop-group", children: grp.g }) : null,
           grp.items.map(({ o, i }) => /* @__PURE__ */ jsxs61(
             "button",
@@ -6995,7 +7029,7 @@ function Select({
 }
 
 // src/components/forms/TimePicker.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 import { jsx as jsx73, jsxs as jsxs62 } from "react/jsx-runtime";
 var pad = (n) => String(n).padStart(2, "0");
 function ClockFace({ value = "09:00", onChange }) {
@@ -7004,9 +7038,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] = React47.useState("h");
-  const faceRef = React47.useRef(null);
-  const dragging = React47.useRef(false);
+  const [mode2, setMode] = React48.useState("h");
+  const faceRef = React48.useRef(null);
+  const dragging = React48.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);
@@ -7079,9 +7113,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 [open2, setOpen] = React47.useState(false);
-  const rootRef = React47.useRef(null);
-  const boxRef = React47.useRef(null);
+  const [open2, setOpen] = React48.useState(false);
+  const rootRef = React48.useRef(null);
+  const boxRef = React48.useRef(null);
   const disp = () => {
     if (!value) return "";
     const [h, m] = value.split(":").map(Number);
@@ -7124,7 +7158,7 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
         offset: 6,
         width: 262,
         role: "presentation",
-        footer: /* @__PURE__ */ jsxs62(React47.Fragment, { children: [
+        footer: /* @__PURE__ */ jsxs62(React48.Fragment, { children: [
           /* @__PURE__ */ jsx73(
             "button",
             {
@@ -7152,7 +7186,7 @@ function TimePicker({ label, help, error, required = false, disabled = false, va
 }
 
 // src/components/forms/Slider.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import { jsx as jsx74, jsxs as jsxs63 } from "react/jsx-runtime";
 function Slider({
   label,
@@ -7170,7 +7204,7 @@ function Slider({
   ...rest
 }) {
   const fieldId = useFieldId(id);
-  const [dragging, setDragging] = React48.useState(false);
+  const [dragging, setDragging] = React49.useState(false);
   const v = value === void 0 ? min : Number(value);
   const pct = max === min ? 0 : (v - min) / (max - min) * 100;
   return /* @__PURE__ */ jsxs63("div", { className: ["fd-field", className].filter(Boolean).join(" "), children: [
@@ -7204,7 +7238,7 @@ function Slider({
 }
 
 // src/components/forms/RangeSlider.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 import { jsx as jsx75, jsxs as jsxs64 } from "react/jsx-runtime";
 function RangeSlider({
   label,
@@ -7224,9 +7258,9 @@ function RangeSlider({
 }) {
   const fmt2 = format || ((v) => String(v));
   const [a, b] = value || [min, max];
-  const [drag, setDrag] = React49.useState(null);
-  const [focus, setFocus] = React49.useState(null);
-  const railRef = React49.useRef(null);
+  const [drag, setDrag] = React50.useState(null);
+  const [focus, setFocus] = React50.useState(null);
+  const railRef = React50.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));
@@ -7241,7 +7275,7 @@ function RangeSlider({
     const r = railRef.current.getBoundingClientRect();
     return min + Math.min(1, Math.max(0, (e.clientX - r.left) / r.width)) * (max - min);
   };
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (drag === null) return;
     const mv = (e) => onChange && onChange(clampPair(drag, fromEvent(e)));
     const upH = () => setDrag(null);
@@ -7322,7 +7356,7 @@ function RangeSlider({
     /* @__PURE__ */ jsxs64("div", { className: "fd-range" + (hasLabels ? " has-labels" : ""), onPointerDown: onRailDown, children: [
       /* @__PURE__ */ jsx75("span", { className: "fd-range-rail", ref: railRef }),
       /* @__PURE__ */ jsx75("span", { className: "fd-range-fill", style: { left: pct(a) + "%", width: pct(b) - pct(a) + "%" } }),
-      marks.map((m) => /* @__PURE__ */ jsxs64(React49.Fragment, { children: [
+      marks.map((m) => /* @__PURE__ */ jsxs64(React50.Fragment, { children: [
         /* @__PURE__ */ jsx75("span", { className: "fd-range-mark" + (m.value >= a && m.value <= b ? " is-in" : ""), style: { left: pct(m.value) + "%" } }),
         m.label ? /* @__PURE__ */ jsx75("span", { className: "fd-range-mark-label", style: { left: pct(m.value) + "%" }, children: m.label }) : null
       ] }, m.value)),
@@ -7351,7 +7385,7 @@ function RangeSlider({
 }
 
 // src/components/forms/Dropzone.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import { jsx as jsx76, jsxs as jsxs65 } from "react/jsx-runtime";
 function Dropzone({
   onFiles,
@@ -7366,8 +7400,8 @@ function Dropzone({
   className = "",
   style
 }) {
-  const [over, setOver] = React50.useState(false);
-  const depth = React50.useRef(0);
+  const [over, setOver] = React51.useState(false);
+  const depth = React51.useRef(0);
   const has = (e) => {
     const dt = e.dataTransfer;
     if (!dt) return false;
@@ -7429,8 +7463,8 @@ function FilePickButton({
   className = "",
   children
 }) {
-  const ref = React50.useRef(null);
-  return /* @__PURE__ */ jsxs65(React50.Fragment, { children: [
+  const ref = React51.useRef(null);
+  return /* @__PURE__ */ jsxs65(React51.Fragment, { children: [
     /* @__PURE__ */ jsx76(
       "button",
       {
@@ -7463,10 +7497,10 @@ function FilePickButton({
 }
 function useStagedFiles(upload, opts) {
   const o = opts || {};
-  const [items, setItems] = React50.useState([]);
-  const controllers = React50.useRef({});
+  const [items, setItems] = React51.useState([]);
+  const controllers = React51.useRef({});
   const patch = (id, next) => setItems((list) => list.map((f) => f.id === id ? Object.assign({}, f, next) : f));
-  const run = React50.useCallback((att) => {
+  const run = React51.useCallback((att) => {
     if (!upload) return;
     const ac = typeof AbortController !== "undefined" ? new AbortController() : null;
     controllers.current[att.id] = ac;
@@ -7483,14 +7517,14 @@ function useStagedFiles(upload, opts) {
       delete controllers.current[att.id];
     });
   }, [upload]);
-  const add = React50.useCallback((files) => {
+  const add = React51.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 = React50.useCallback((att) => {
+  const remove = React51.useCallback((att) => {
     const ac = controllers.current[att.id];
     if (ac) {
       try {
@@ -7501,10 +7535,10 @@ function useStagedFiles(upload, opts) {
     }
     setItems((list) => list.filter((f) => f.id !== att.id));
   }, []);
-  const retry = React50.useCallback((att) => {
+  const retry = React51.useCallback((att) => {
     run(att);
   }, [run]);
-  const clear = React50.useCallback(() => {
+  const clear = React51.useCallback(() => {
     Object.values(controllers.current).forEach((ac) => {
       try {
         ac && ac.abort();
@@ -7628,7 +7662,7 @@ function FileGrid({ files = [], onOpen, onRemove, onRetry, tiles = true, maxHeig
 }
 
 // src/components/forms/MarkdownEditor.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import { jsx as jsx78, jsxs as jsxs67 } 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;
@@ -7842,7 +7876,7 @@ function syncDom(root, value) {
   while (root.children.length > lines.length) root.removeChild(root.lastChild);
 }
 var LIST_CONT = RE_LI;
-var MarkdownEditor = React51.forwardRef(function MarkdownEditor2({
+var MarkdownEditor = React52.forwardRef(function MarkdownEditor2({
   value = "",
   onChange,
   onSubmit,
@@ -7861,10 +7895,10 @@ var MarkdownEditor = React51.forwardRef(function MarkdownEditor2({
   className = "",
   id
 }, ref) {
-  const boxRef = React51.useRef(null);
-  const composing = React51.useRef(false);
-  const pendingCaret = React51.useRef(null);
-  React51.useLayoutEffect(() => {
+  const boxRef = React52.useRef(null);
+  const composing = React52.useRef(false);
+  const pendingCaret = React52.useRef(null);
+  React52.useLayoutEffect(() => {
     const root = boxRef.current;
     if (!root || composing.current) return;
     const active = document.activeElement === root || root.contains(document.activeElement);
@@ -7873,7 +7907,7 @@ var MarkdownEditor = React51.forwardRef(function MarkdownEditor2({
     pendingCaret.current = null;
     if (active && caret != null) placeCaret(root, caret);
   }, [value]);
-  React51.useEffect(() => {
+  React52.useEffect(() => {
     if (autoFocus && boxRef.current) boxRef.current.focus();
   }, [autoFocus]);
   const caretNow = () => {
@@ -7940,8 +7974,8 @@ var MarkdownEditor = React51.forwardRef(function MarkdownEditor2({
       api.replaceRange(from, to, next, from + next.length);
     }
   };
-  React51.useImperativeHandle(ref, () => api);
-  const caretAtKeydown = React51.useRef(-1);
+  React52.useImperativeHandle(ref, () => api);
+  const caretAtKeydown = React52.useRef(-1);
   function detect(text, caret) {
     if (!onTrigger) return;
     const upto = text.slice(0, caret);
@@ -8094,7 +8128,7 @@ var MarkdownEditor = React51.forwardRef(function MarkdownEditor2({
 });
 
 // src/components/forms/CodeEditor.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 import { EditorView, keymap, lineNumbers, placeholder as cmPlaceholder, drawSelection, Decoration } from "@codemirror/view";
 import { EditorState, StateEffect, StateField, Compartment } from "@codemirror/state";
 import { defaultKeymap, history, historyKeymap, indentMore, indentLess } from "@codemirror/commands";
@@ -8198,16 +8232,16 @@ function CodeEditor({
   const fieldId = useFieldId(id);
   const descId = fieldId + "-desc";
   const liveId = fieldId + "-live";
-  const hostRef = React52.useRef(null);
-  const viewRef = React52.useRef(null);
-  const valueRef = React52.useRef(value);
-  const onChangeRef = React52.useRef(onChange);
+  const hostRef = React53.useRef(null);
+  const viewRef = React53.useRef(null);
+  const valueRef = React53.useRef(value);
+  const onChangeRef = React53.useRef(onChange);
   onChangeRef.current = onChange;
-  const editableCompartment = React52.useRef(new Compartment()).current;
-  const attributesCompartment = React52.useRef(new Compartment()).current;
-  const errorRef = React52.useRef(error);
+  const editableCompartment = React53.useRef(new Compartment()).current;
+  const attributesCompartment = React53.useRef(new Compartment()).current;
+  const errorRef = React53.useRef(error);
   errorRef.current = error;
-  const diagnosticsCountRef = React52.useRef(diagnostics.length);
+  const diagnosticsCountRef = React53.useRef(diagnostics.length);
   diagnosticsCountRef.current = diagnostics.length;
   function contentAttributes() {
     return {
@@ -8217,7 +8251,7 @@ function CodeEditor({
       ...label ? { "aria-label": label } : {}
     };
   }
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     const host2 = hostRef.current;
     if (!host2) return;
     const updateListener = EditorView.updateListener.of((update) => {
@@ -8259,7 +8293,7 @@ function CodeEditor({
       viewRef.current = null;
     };
   }, []);
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     const view = viewRef.current;
     if (!view) return;
     const current2 = view.state.doc.toString();
@@ -8268,12 +8302,12 @@ function CodeEditor({
     }
     valueRef.current = value;
   }, [value]);
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     const view = viewRef.current;
     if (!view) return;
     view.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!disabled)) });
   }, [disabled, editableCompartment]);
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     const view = viewRef.current;
     if (!view) return;
     view.dispatch({
@@ -8331,11 +8365,11 @@ function CodeEditor({
 }
 
 // src/components/forms/RadioGroup.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import { jsx as jsx80, jsxs as jsxs69 } from "react/jsx-runtime";
 function RadioGroup({ label, labelledBy, options, value, onChange, card = false, disabled = false, name, className = "" }) {
-  const autoName = React53.useId();
-  const labelId = React53.useId();
+  const autoName = React54.useId();
+  const labelId = React54.useId();
   return /* @__PURE__ */ jsxs69("div", { role: "radiogroup", "aria-labelledby": labelledBy ?? labelId, "aria-disabled": disabled || void 0, className: ["fd-radiogroup", className].filter(Boolean).join(" "), children: [
     labelledBy === void 0 && /* @__PURE__ */ jsx80("span", { id: labelId, className: "fd-radiogroup-label", children: label }),
     options.map((o) => /* @__PURE__ */ jsx80(
@@ -8363,16 +8397,16 @@ function Fieldset({ busy = false, className = "", ...rest }) {
 }
 
 // src/components/platform/AccountMenu.tsx
-import * as React55 from "react";
+import * as React56 from "react";
 
 // src/kits/sessionContext.tsx
-import * as React54 from "react";
-var SessionContext = React54.createContext(null);
+import * as React55 from "react";
+var SessionContext = React55.createContext(null);
 function SessionProvider({ value, children }) {
-  return React54.createElement(SessionContext.Provider, { value }, children);
+  return React55.createElement(SessionContext.Provider, { value }, children);
 }
 function useSessionContext() {
-  const ctx = React54.useContext(SessionContext);
+  const ctx = React55.useContext(SessionContext);
   if (!ctx) {
     throw new Error(
       "useSessionContext() was called outside a <SessionProvider>. Wrap your app root in <SessionProvider value={...}> with your real session, or \u2014 in the docs site or a demo \u2014 in <DemoSessionProvider>, before rendering AccountMenu, Gate, ProfilePage or AppSwitcher."
@@ -8412,11 +8446,11 @@ function AccountMenu({
   ...rest
 }) {
   const { user, roles, can: can2, signOut: ctxSignOut, demo, pending } = useSessionContext();
-  const [open2, setOpen] = React55.useState(false);
-  const [switching, setSwitching] = React55.useState(false);
-  const [signingOut, setSigningOut] = React55.useState(false);
-  const [signOutError, setSignOutError] = React55.useState(null);
-  const ref = React55.useRef(null);
+  const [open2, setOpen] = React56.useState(false);
+  const [switching, setSwitching] = React56.useState(false);
+  const [signingOut, setSigningOut] = React56.useState(false);
+  const [signOutError, setSignOutError] = React56.useState(null);
+  const ref = React56.useRef(null);
   const visibleLinks = links.filter((l) => !l.perm || !pending && can2(l.perm));
   const visibleGroups = groups.map((g) => ({ label: g.label, links: g.links.filter((l) => !l.perm || !pending && can2(l.perm)) })).filter((g) => g.links.length);
   const closeMenu = () => {
@@ -8541,13 +8575,13 @@ function AccountMenu({
 }
 
 // src/components/platform/AppSwitcher.tsx
-import * as React56 from "react";
+import * as React57 from "react";
 import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
 function AppSwitcher({ apps: appsProp, onNavigate, className = "" }) {
   const { apps: contextApps } = useSessionContext();
   const apps = appsProp ?? contextApps ?? [];
-  const [open2, setOpen] = React56.useState(false);
-  const anchorRef = React56.useRef(null);
+  const [open2, setOpen] = React57.useState(false);
+  const anchorRef = React57.useRef(null);
   if (!apps.length) return null;
   const items = apps.map((app) => ({
     id: app.key,
@@ -8561,7 +8595,7 @@ function AppSwitcher({ apps: appsProp, onNavigate, className = "" }) {
       window.location.href = app.url;
     }
   }));
-  return /* @__PURE__ */ jsxs71(React56.Fragment, { children: [
+  return /* @__PURE__ */ jsxs71(React57.Fragment, { children: [
     /* @__PURE__ */ jsx83("span", { ref: anchorRef, className: ["fd-appswitch-anchor", className].filter(Boolean).join(" "), style: { display: "inline-flex" }, children: /* @__PURE__ */ jsx83(
       IconButton,
       {
@@ -8590,10 +8624,10 @@ function AppSwitcher({ apps: appsProp, onNavigate, className = "" }) {
 }
 
 // src/components/platform/AppearanceMenu.tsx
-import * as React59 from "react";
+import * as React60 from "react";
 
 // src/kits/appearance.ts
-import * as React57 from "react";
+import * as React58 from "react";
 var DEFAULT_STORAGE_KEY = "fd-appearance";
 var DEFAULT_PREFS = {
   theme: "system",
@@ -8705,8 +8739,8 @@ function watchAppearance(store, root = document.documentElement) {
   };
 }
 function useAppearancePrefs(store) {
-  const prefs = React57.useSyncExternalStore(store.subscribe, store.getSnapshot);
-  const update = React57.useCallback(
+  const prefs = React58.useSyncExternalStore(store.subscribe, store.getSnapshot);
+  const update = React58.useCallback(
     (patch) => {
       store.write({ ...store.getSnapshot(), ...patch });
     },
@@ -8716,15 +8750,15 @@ function useAppearancePrefs(store) {
 }
 
 // src/components/platform/AppearanceProvider.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 import { jsx as jsx84 } from "react/jsx-runtime";
-var AppearanceStoreContext = React58.createContext(null);
+var AppearanceStoreContext = React59.createContext(null);
 function AppearanceProvider({ store, children }) {
-  React58.useLayoutEffect(() => watchAppearance(store), [store]);
+  React59.useLayoutEffect(() => watchAppearance(store), [store]);
   return /* @__PURE__ */ jsx84(AppearanceStoreContext.Provider, { value: store, children });
 }
 function useAppearanceStore() {
-  const store = React58.useContext(AppearanceStoreContext);
+  const store = React59.useContext(AppearanceStoreContext);
   if (!store) throw new Error("AppearanceMenu and useAppearanceStore must be rendered inside an <AppearanceProvider>.");
   return store;
 }
@@ -8744,10 +8778,10 @@ var TEXT_SCALE_OPTIONS = [
 ];
 function AppearanceMenu({ className = "" }) {
   const [prefs, update] = useAppearancePrefs(useAppearanceStore());
-  const [open2, setOpen] = React59.useState(false);
-  const anchorRef = React59.useRef(null);
+  const [open2, setOpen] = React60.useState(false);
+  const anchorRef = React60.useRef(null);
   const patch = (p) => update(p);
-  return /* @__PURE__ */ jsxs72(React59.Fragment, { children: [
+  return /* @__PURE__ */ jsxs72(React60.Fragment, { children: [
     /* @__PURE__ */ jsx85("span", { ref: anchorRef, className: ["fd-appearance-anchor", className].filter(Boolean).join(" "), style: { display: "inline-flex" }, children: /* @__PURE__ */ jsx85(
       IconButton,
       {
@@ -8816,14 +8850,14 @@ function AppearanceMenu({ className = "" }) {
 }
 
 // src/components/platform/ApiSpecBrowser.tsx
-import * as React60 from "react";
+import * as React61 from "react";
 import { jsx as jsx86, jsxs as jsxs73 } from "react/jsx-runtime";
 var METHOD_TONE = { GET: "success", POST: "info", PATCH: "warning", PUT: "warning", DELETE: "danger" };
 function Json({ obj }) {
   return /* @__PURE__ */ jsx86("pre", { className: "fd-json", children: JSON.stringify(obj, null, 2) });
 }
 function Endpoint({ s, onRequest }) {
-  const [tried, setTried] = React60.useState(null);
+  const [tried, setTried] = React61.useState(null);
   const run = async () => {
     setTried("busy");
     const t0 = (window.performance || Date).now();
@@ -8896,10 +8930,10 @@ function ApiSpecBrowser({
   className = "",
   ...rest
 }) {
-  const [q, setQ] = React60.useState("");
-  const [method, setMethod] = React60.useState(null);
-  const [mod, setMod] = React60.useState(null);
-  const [listOnly, setListOnly] = React60.useState(false);
+  const [q, setQ] = React61.useState("");
+  const [method, setMethod] = React61.useState(null);
+  const [mod, setMod] = React61.useState(null);
+  const [listOnly, setListOnly] = React61.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)]];
@@ -8978,7 +9012,7 @@ function ApiSpecBrowser({
 }
 
 // src/components/platform/ProfilePage.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 import { jsx as jsx87, jsxs as jsxs74 } from "react/jsx-runtime";
 function fieldInitialValue(field, user) {
   if (field.value) return field.value(user);
@@ -9014,21 +9048,21 @@ function ProfilePage({
 }) {
   const { user: sessionUser, roles, permissions, saveProfile: saveProfile2 } = useSessionContext();
   const user = userProp || sessionUser;
-  const initialFieldValues = React61.useMemo(() => {
+  const initialFieldValues = React62.useMemo(() => {
     const values2 = {};
     for (const field of fields) values2[field.key] = fieldInitialValue(field, user);
     return values2;
   }, [user.id, fields]);
-  const initialNotify = React61.useMemo(() => {
+  const initialNotify = React62.useMemo(() => {
     const values2 = {};
     for (const n of notifications) values2[n.key] = !!user.notify?.[n.key];
     return values2;
   }, [user.id, notifications]);
-  const [values, setValues] = React61.useState(initialFieldValues);
-  const [notify, setNotify] = React61.useState(initialNotify);
-  const [saving, setSaving] = React61.useState(false);
-  const [saved, setSaved] = React61.useState(false);
-  const [prevUserId, setPrevUserId] = React61.useState(user.id);
+  const [values, setValues] = React62.useState(initialFieldValues);
+  const [notify, setNotify] = React62.useState(initialNotify);
+  const [saving, setSaving] = React62.useState(false);
+  const [saved, setSaved] = React62.useState(false);
+  const [prevUserId, setPrevUserId] = React62.useState(user.id);
   if (user.id !== prevUserId) {
     setPrevUserId(user.id);
     setValues(initialFieldValues);
@@ -9216,7 +9250,7 @@ function ProfilePage({
 }
 
 // src/components/platform/SessionScreen.tsx
-import * as React62 from "react";
+import * as React63 from "react";
 import { Fragment as Fragment22, jsx as jsx88, jsxs as jsxs75 } from "react/jsx-runtime";
 var COPY = {
   "signing-in": { busy: "Signing you in\u2026" },
@@ -9230,13 +9264,13 @@ function SessionScreen({ kind, error, onRetry, productName }) {
   const copy = COPY[kind];
   const busyMessage = "busy" in copy ? copy.busy : null;
   const failureTitle = "failure" in copy ? copy.failure : null;
-  const [announced, setAnnounced] = React62.useState("");
-  React62.useEffect(() => {
+  const [announced, setAnnounced] = React63.useState("");
+  React63.useEffect(() => {
     setAnnounced(busyMessage ?? "");
   }, [busyMessage]);
-  const titleRef = React62.useRef(null);
+  const titleRef = React63.useRef(null);
   const failed = failureTitle !== null;
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     titleRef.current?.focus({ preventScroll: true });
   }, [failed]);
   return /* @__PURE__ */ jsx88("main", { className: "fd-session-screen", children: /* @__PURE__ */ jsxs75("div", { className: "fd-session-screen-inner", children: [
@@ -9259,10 +9293,10 @@ function SessionScreen({ kind, error, onRetry, productName }) {
 }
 
 // src/components/platform/RoadmapTimeline.tsx
-import * as React65 from "react";
+import * as React66 from "react";
 
 // src/kits/session.ts
-import * as React63 from "react";
+import * as React64 from "react";
 var PERMISSION_CATALOG = [
   { group: "Plans", items: [
     { key: "plan.view", label: "View plans", detail: "Read any plan in the workspace." },
@@ -10829,8 +10863,8 @@ function roadmap(overrides) {
   };
 }
 function useSession() {
-  const [s, setS] = React63.useState(getSession);
-  React63.useEffect(() => subscribe(setS), []);
+  const [s, setS] = React64.useState(getSession);
+  React64.useEffect(() => subscribe(setS), []);
   return s;
 }
 var SessionKit = {
@@ -10863,7 +10897,7 @@ var SessionKit = {
 };
 function DemoSessionProvider({ children }) {
   const session = useSession();
-  const value = React63.useMemo(
+  const value = React64.useMemo(
     () => ({
       user: session.user,
       roles: session.roles,
@@ -10879,11 +10913,11 @@ function DemoSessionProvider({ children }) {
     }),
     [session]
   );
-  return React63.createElement(SessionProvider, { value }, children);
+  return React64.createElement(SessionProvider, { value }, children);
 }
 
 // src/kits/runtime.ts
-import * as React64 from "react";
+import * as React65 from "react";
 var WIRED_ENDPOINTS = [
   // Nothing yet. Every id below would come from a real service:
   //   "plan.get", "placements.list", …
@@ -11054,8 +11088,8 @@ var RuntimeKit = {
 };
 RuntimeKit.declare(FEATURE_NEEDS);
 function useRuntimeMode() {
-  const [m, setM] = React64.useState(RuntimeKit.getMode());
-  React64.useEffect(() => RuntimeKit.subscribe(setM), []);
+  const [m, setM] = React65.useState(RuntimeKit.getMode());
+  React65.useEffect(() => RuntimeKit.subscribe(setM), []);
   return m;
 }
 function useFeatureStatus(key) {
@@ -11138,12 +11172,12 @@ function RoadmapCard({ item, byKey, onOpenFlag }) {
 }
 function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
   const session = SessionKit.useSession();
-  const [project, setProject] = React65.useState("");
-  const [q, setQ] = React65.useState("");
-  const scrollRef = React65.useRef(null);
-  const nowRef = React65.useRef(null);
-  const rm = React65.useMemo(() => SessionKit.roadmap({ isComplete: RuntimeKit.isComplete }), [session]);
-  const byKey = React65.useMemo(() => {
+  const [project, setProject] = React66.useState("");
+  const [q, setQ] = React66.useState("");
+  const scrollRef = React66.useRef(null);
+  const nowRef = React66.useRef(null);
+  const rm = React66.useMemo(() => SessionKit.roadmap({ isComplete: RuntimeKit.isComplete }), [session]);
+  const byKey = React66.useMemo(() => {
     const m = {};
     rm.items.forEach((i) => {
       m[i.key] = i;
@@ -11152,7 +11186,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))];
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     let raf1 = 0, raf2 = 0;
     const place = () => {
       const box = scrollRef.current, mark = nowRef.current;
@@ -11226,7 +11260,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__ */ jsxs76(React65.Fragment, { children: [
+        return /* @__PURE__ */ jsxs76(React66.Fragment, { children: [
           showPhase ? /* @__PURE__ */ jsxs76("div", { className: "fd-rm-era", children: [
             /* @__PURE__ */ jsxs76("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
               /* @__PURE__ */ jsx89("span", { style: { fontWeight: 700 }, children: item.phase === 0 ? "Shipped" : "Phase " + item.phase + " \u2014 " + item.phaseName }),
@@ -11270,7 +11304,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
 }
 
 // src/components/platform/ComingSoon.tsx
-import * as React66 from "react";
+import * as React67 from "react";
 import { createPortal as createPortal6 } from "react-dom";
 import { Fragment as Fragment24, jsx as jsx90, jsxs as jsxs77 } from "react/jsx-runtime";
 var BYPASS_STORE = "fd.soon.bypass.v1";
@@ -11288,8 +11322,8 @@ function writeBypassed(list) {
   }
 }
 function useBypass(key) {
-  const [on, setOn] = React66.useState(() => !!key && readBypassed().indexOf(key) >= 0);
-  React66.useEffect(() => {
+  const [on, setOn] = React67.useState(() => !!key && readBypassed().indexOf(key) >= 0);
+  React67.useEffect(() => {
     setOn(!!key && readBypassed().indexOf(key) >= 0);
   }, [key]);
   const set = (next) => {
@@ -11336,9 +11370,9 @@ function SoonCard({ label, detail, backend, eta, effort, onRoadmap, allowed, onB
   ] });
 }
 function useHoverCard(open2) {
-  const anchor = React66.useRef(null);
-  const [pos, setPos] = React66.useState(null);
-  React66.useLayoutEffect(() => {
+  const anchor = React67.useRef(null);
+  const [pos, setPos] = React67.useState(null);
+  React67.useLayoutEffect(() => {
     if (!open2 || !anchor.current) {
       setPos(null);
       return;
@@ -11465,12 +11499,12 @@ function ComingSoon({
   ] });
 }
 function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, onBypass, blur, tip, className, rest, children }) {
-  const [open2, setOpen] = React66.useState(false);
+  const [open2, setOpen] = React67.useState(false);
   const [anchor, pos] = useHoverCard(open2);
-  const hoverCardRef = React66.useRef(null);
+  const hoverCardRef = React67.useRef(null);
   const hoverLayer = useStackedLayer({ active: open2, containerRef: hoverCardRef, returnFocus: false });
   const zIndex = useLayerZIndex(hoverLayer);
-  const close2 = React66.useRef(null);
+  const close2 = React67.useRef(null);
   const show = () => {
     if (close2.current) {
       clearTimeout(close2.current);
@@ -11486,7 +11520,7 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
       setOpen(false);
     }, 140);
   };
-  React66.useEffect(() => () => {
+  React67.useEffect(() => () => {
     if (close2.current) clearTimeout(close2.current);
   }, []);
   return /* @__PURE__ */ jsxs77(
@@ -11938,7 +11972,7 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
 }
 
 // src/components/planner/MixGap.tsx
-import * as React67 from "react";
+import * as React68 from "react";
 import { Fragment as Fragment26, jsx as jsx95, jsxs as jsxs82 } from "react/jsx-runtime";
 var MIX_GAP_LAYOUT = {
   trackHeight: 30,
@@ -11953,7 +11987,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] = React67.useState(null);
+  const [hover, setHover] = React68.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;
@@ -12096,7 +12130,7 @@ function ChannelContribution({
 }
 
 // src/components/planner/BudgetReallocator.tsx
-import * as React68 from "react";
+import * as React69 from "react";
 import { Fragment as Fragment27, jsx as jsx97, jsxs as jsxs84 } from "react/jsx-runtime";
 var bandFor = (crp) => crp >= 200 ? "dominant" : crp >= 100 ? "strong" : crp >= 50 ? "adequate" : "weak";
 function BudgetReallocator({
@@ -12112,8 +12146,8 @@ function BudgetReallocator({
   onCancel,
   className = ""
 }) {
-  const [draft, setDraft] = React68.useState(spend);
-  React68.useEffect(() => setDraft(spend), [spend]);
+  const [draft, setDraft] = React69.useState(spend);
+  React69.useEffect(() => setDraft(spend), [spend]);
   const dirty = draft !== spend;
   const nextCrp = scoreFor ? scoreFor(draft) : crp;
   const nextBand = bandFor(nextCrp);
@@ -12128,10 +12162,10 @@ function BudgetReallocator({
     setDraft(spend);
     if (onCancel) onCancel();
   };
-  const trackRef = React68.useRef(null);
-  const chipRef = React68.useRef(null);
-  const [chipLeft, setChipLeft] = React68.useState(null);
-  React68.useLayoutEffect(() => {
+  const trackRef = React69.useRef(null);
+  const chipRef = React69.useRef(null);
+  const [chipLeft, setChipLeft] = React69.useState(null);
+  React69.useLayoutEffect(() => {
     const track = trackRef.current;
     if (!dirty || !track) {
       setChipLeft(null);
@@ -12319,7 +12353,7 @@ function ImportanceTag({ level, showLabel = true, size = "sm", className = "", d
 }
 
 // src/components/planner/PreferenceMeter.tsx
-import * as React69 from "react";
+import * as React70 from "react";
 import { jsx as jsx100, jsxs as jsxs87 } from "react/jsx-runtime";
 function preferenceScore(criteria) {
   const earned = criteria.reduce((n, c) => n + (Number(c.earned) || 0), 0);
@@ -12349,7 +12383,7 @@ function PreferenceMeter({
   className = ""
 }) {
   const value = score == null ? preferenceScore(criteria) : score;
-  const segments = React69.useMemo(() => preferenceSegments(criteria), [criteria]);
+  const segments = React70.useMemo(() => preferenceSegments(criteria), [criteria]);
   return /* @__PURE__ */ jsx100(
     ScoreMeter,
     {
@@ -12388,17 +12422,13 @@ function PreferenceMeter({
 }
 
 // src/components/chat/AgentChatPanel.tsx
-import * as React75 from "react";
+import * as React77 from "react";
 
 // src/components/chat/chatEngine.ts
-import * as React70 from "react";
-var CHAT_UNAVAILABLE = "chat_unavailable";
-var JOB_PENDING = ["queued", "running"];
-var JOB_SUCCESS = ["completed", "recovered"];
-var STORAGE_PREFIX = "fdchat:job:";
-var seq = 0;
-var uid = (p) => p + "_" + ++seq + "_" + Date.now().toString(36);
-var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+import * as React72 from "react";
+
+// src/components/chat/chatStore.ts
+import * as React71 from "react";
 var safeStore = {
   get(k) {
     try {
@@ -12420,6 +12450,38 @@ var safeStore = {
     }
   }
 };
+var part = (v) => encodeURIComponent(v);
+var jobKey = (threadId) => "fdchat:job:" + part(threadId);
+var draftKey = (owner, contextType, contextId) => "fdchat:draft:" + [owner, contextType, contextId].map(part).join(":");
+function useChatDraft(owner, contextType, contextId, store = safeStore) {
+  if (owner === "") throw new Error("useChatDraft: draftOwner is an empty string; pass the signed-in user's id, or null for no owner.");
+  const key = owner === null ? null : draftKey(owner, contextType, contextId);
+  const read2 = (k) => k ? store.get(k) || "" : "";
+  const [state, setState] = React71.useState(() => ({ key, text: read2(key) }));
+  let current2 = state;
+  if (state.key !== key) {
+    current2 = { key, text: read2(key) };
+    setState(current2);
+  }
+  const setText = React71.useCallback((text) => {
+    if (key) {
+      if (text) {
+        store.set(key, text);
+        if (store.get(key) !== text) store.del(key);
+      } else store.del(key);
+    }
+    setState({ key, text });
+  }, [key, store]);
+  return [current2.text, setText];
+}
+
+// src/components/chat/chatEngine.ts
+var CHAT_UNAVAILABLE = "chat_unavailable";
+var JOB_PENDING = ["queued", "running"];
+var JOB_SUCCESS = ["completed", "recovered"];
+var seq = 0;
+var uid = (p) => p + "_" + ++seq + "_" + Date.now().toString(36);
+var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
 var isSystemMessage = (m) => !!m && (m.role === "system" || m.metadata != null && m.metadata.type === "system");
 var visibleMessages = (list) => (list || []).filter((m) => !isSystemMessage(m));
 function jobBucket(status) {
@@ -12460,33 +12522,33 @@ function useChatEngine(opts) {
     onClear,
     onFeedback
   } = opts || {};
-  const [status, setStatus] = React70.useState("idle");
-  const [threadId, setThreadId] = React70.useState(null);
-  const [messages, setMessages] = React70.useState([]);
-  const [queue, setQueue] = React70.useState([]);
-  const [fatal, setFatal] = React70.useState(null);
-  const [busy, setBusy] = React70.useState(false);
-  const [turnStartedAt, setTurnStartedAt] = React70.useState(null);
-  const listRef = React70.useRef([]);
-  const queueRef = React70.useRef([]);
-  const busyRef = React70.useRef(false);
-  const loadedRef = React70.useRef(false);
-  const stoppedRef = React70.useRef(false);
-  const abortRef = React70.useRef(null);
-  const serverCount = React70.useRef(0);
-  const serverIds = React70.useRef(/* @__PURE__ */ new Set());
-  const liveTurn = React70.useRef(null);
-  const lastTurnOwn = React70.useRef(/* @__PURE__ */ new Set());
-  const retired = React70.useRef(/* @__PURE__ */ new Set());
-  const threadRef = React70.useRef(null);
-  const mounted = React70.useRef(true);
-  React70.useEffect(() => {
+  const [status, setStatus] = React72.useState("idle");
+  const [threadId, setThreadId] = React72.useState(null);
+  const [messages, setMessages] = React72.useState([]);
+  const [queue, setQueue] = React72.useState([]);
+  const [fatal, setFatal] = React72.useState(null);
+  const [busy, setBusy] = React72.useState(false);
+  const [turnStartedAt, setTurnStartedAt] = React72.useState(null);
+  const listRef = React72.useRef([]);
+  const queueRef = React72.useRef([]);
+  const busyRef = React72.useRef(false);
+  const loadedRef = React72.useRef(false);
+  const stoppedRef = React72.useRef(false);
+  const abortRef = React72.useRef(null);
+  const serverCount = React72.useRef(0);
+  const serverIds = React72.useRef(/* @__PURE__ */ new Set());
+  const liveTurn = React72.useRef(null);
+  const lastTurnOwn = React72.useRef(/* @__PURE__ */ new Set());
+  const retired = React72.useRef(/* @__PURE__ */ new Set());
+  const threadRef = React72.useRef(null);
+  const mounted = React72.useRef(true);
+  React72.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  const describeWaitingRef = React70.useRef(describeWaiting);
+  const describeWaitingRef = React72.useRef(describeWaiting);
   describeWaitingRef.current = describeWaiting;
   const commit = (next) => {
     const derived = withWaiting(next, (pending) => describeWaitingRef.current(pending));
@@ -12505,7 +12567,7 @@ function useChatEngine(opts) {
     }
     return false;
   };
-  const loadThread = React70.useCallback(async (id) => {
+  const loadThread = React72.useCallback(async (id) => {
     const data = await apiAdapter.getThread(id);
     const list = [...data && data.messages || []];
     serverCount.current = list.length;
@@ -12545,7 +12607,7 @@ function useChatEngine(opts) {
       packet: progress.packet ?? holder.packet
     });
   }
-  React70.useEffect(() => {
+  React72.useEffect(() => {
     if (!apiAdapter) {
       setStatus("idle");
       setFatal(null);
@@ -12592,7 +12654,7 @@ function useChatEngine(opts) {
         setStatus("ready");
         loadedRef.current = true;
         onThreadReady && onThreadReady(id);
-        const stored = store.get(STORAGE_PREFIX + id);
+        const stored = store.get(jobKey(id));
         const last = [...visibleMessages(listRef.current)].reverse().find((m) => m.role === "assistant");
         if (stored) resumeJob(stored);
         else if (last && last.working && last.jobId) resumeJob(last.jobId, last.id);
@@ -12611,7 +12673,7 @@ function useChatEngine(opts) {
     };
   }, [apiAdapter, contextType, contextId, threadIdProp]);
   async function pollJob(jobId, placeholderId) {
-    store.set(STORAGE_PREFIX + threadRef.current, jobId);
+    store.set(jobKey(threadRef.current), jobId);
     const deadline = Date.now() + pendingTimeoutMs;
     while (true) {
       if (stoppedRef.current) break;
@@ -12659,7 +12721,7 @@ function useChatEngine(opts) {
     }
   }
   async function finishJob(_jobId, _job) {
-    store.del(STORAGE_PREFIX + threadRef.current);
+    store.del(jobKey(threadRef.current));
     try {
       const list = await loadThread(threadRef.current);
       const withPacket = [...list].reverse().find((m) => m && m.packet);
@@ -12669,7 +12731,7 @@ function useChatEngine(opts) {
     }
   }
   function recordFailure(placeholderId, code, retryable, job) {
-    store.del(STORAGE_PREFIX + threadRef.current);
+    store.del(jobKey(threadRef.current));
     if (!listRef.current.some((m) => m.id === placeholderId)) {
       push({ id: placeholderId, role: "assistant", text: null });
     }
@@ -12777,7 +12839,7 @@ function useChatEngine(opts) {
       await dispatchTurn(turn);
     }
   }
-  const send = React70.useCallback((text, attachments) => {
+  const send = React72.useCallback((text, attachments) => {
     const body = (text || "").trim();
     if (!body && !(attachments && attachments.length)) return;
     if (status === "disconnected") return;
@@ -12787,7 +12849,7 @@ function useChatEngine(opts) {
     stoppedRef.current = false;
     drain();
   }, [status]);
-  const stop = React70.useCallback(() => {
+  const stop = React72.useCallback(() => {
     stoppedRef.current = true;
     const ac = abortRef.current;
     if (ac) {
@@ -12803,14 +12865,14 @@ function useChatEngine(opts) {
         Promise.resolve(apiAdapter.cancelJob(holder.jobId)).catch(() => {
         });
       }
-      store.del(STORAGE_PREFIX + threadRef.current);
+      store.del(jobKey(threadRef.current));
     }
   }, [apiAdapter]);
-  const removeQueued = React70.useCallback((id) => {
+  const removeQueued = React72.useCallback((id) => {
     queueRef.current = queueRef.current.filter((t) => t.id !== id);
     setQueue(queueRef.current.slice());
   }, []);
-  const retry = React70.useCallback(() => {
+  const retry = React72.useCallback(() => {
     const list = listRef.current;
     let at = -1;
     for (let i = list.length - 1; i >= 0; i--) if (list[i].role === "user") {
@@ -12827,19 +12889,19 @@ function useChatEngine(opts) {
     setQueue(queueRef.current.slice());
     drain();
   }, []);
-  const clear = React70.useCallback(() => {
+  const clear = React72.useCallback(() => {
     commit([]);
     serverCount.current = 0;
     queueRef.current = [];
     setQueue([]);
     onClear && onClear();
   }, [onClear]);
-  const setFeedback = React70.useCallback((id, value) => {
+  const setFeedback = React72.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 = React70.useCallback(async () => {
+  const reload = React72.useCallback(async () => {
     if (!threadRef.current) return;
     setStatus("loading");
     try {
@@ -12877,10 +12939,10 @@ var ChatKit = {
 };
 
 // src/components/chat/ChatTranscript.tsx
-import * as React72 from "react";
+import * as React74 from "react";
 
 // src/components/chat/ChatTurn.tsx
-import * as React71 from "react";
+import * as React73 from "react";
 import { jsx as jsx101, jsxs as jsxs88 } from "react/jsx-runtime";
 function JsonView({ value }) {
   let text;
@@ -12917,7 +12979,7 @@ function PacketCard({ packet, schema, render, onApply, applied }) {
   ] });
 }
 function ThinkingBlock({ text, durationMs, streaming, defaultOpen = false }) {
-  const [open2, setOpen] = React71.useState(defaultOpen);
+  const [open2, setOpen] = React73.useState(defaultOpen);
   if (!text) return null;
   return /* @__PURE__ */ jsxs88("div", { className: "fdc-think" + (open2 ? " is-open" : ""), children: [
     /* @__PURE__ */ jsxs88("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open2, children: [
@@ -12934,7 +12996,7 @@ function ThinkingBlock({ text, durationMs, streaming, defaultOpen = false }) {
   ] });
 }
 function Citations({ items = [], onOpen }) {
-  const [open2, setOpen] = React71.useState(false);
+  const [open2, setOpen] = React73.useState(false);
   if (!items.length) return null;
   return /* @__PURE__ */ jsxs88("div", { className: "fdc-cites", children: [
     /* @__PURE__ */ jsxs88("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open2, children: [
@@ -12960,7 +13022,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] = React71.useState(false);
+  const [expanded, setExpanded] = React73.useState(false);
   const isUser = m.role === "user";
   const raw = m.text || "";
   const clamped = !expanded && !m.streaming ? clampText(raw, ctx.maxVisibleChars) : null;
@@ -13039,7 +13101,7 @@ function RunActions({ group, ctx }) {
     ] }),
     isAssistant && ctx.onRetry ? /* @__PURE__ */ jsx101("button", { type: "button", className: "fdc-act", onClick: ctx.onRetry, "aria-label": "Retry this turn", children: /* @__PURE__ */ jsx101("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
     group.role === "user" && ctx.onEdit ? /* @__PURE__ */ jsx101("button", { type: "button", className: "fdc-act", onClick: () => ctx.onEdit(last), "aria-label": "Edit and resend", children: /* @__PURE__ */ jsx101("i", { className: "ph ph-pencil-simple", "aria-hidden": "true" }) }) : null,
-    isAssistant && ctx.onFeedback ? /* @__PURE__ */ jsxs88(React71.Fragment, { children: [
+    isAssistant && ctx.onFeedback ? /* @__PURE__ */ jsxs88(React73.Fragment, { children: [
       /* @__PURE__ */ jsx101("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__ */ jsx101("i", { className: "ph ph-thumbs-up", "aria-hidden": "true" }) }),
       /* @__PURE__ */ jsx101("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__ */ jsx101("i", { className: "ph ph-thumbs-down", "aria-hidden": "true" }) })
     ] }) : null,
@@ -13134,10 +13196,10 @@ function ChatTranscript({
   renderEmpty,
   className = ""
 }) {
-  const scroller = React72.useRef(null);
-  const stick = React72.useRef(true);
-  const [pill, setPill] = React72.useState(0);
-  const seen = React72.useRef(0);
+  const scroller = React74.useRef(null);
+  const stick = React74.useRef(true);
+  const [pill, setPill] = React74.useState(0);
+  const seen = React74.useRef(0);
   const toBottom = (smooth) => {
     const el = scroller.current;
     if (!el) return;
@@ -13156,7 +13218,7 @@ function ChatTranscript({
       seen.current = messages.length;
     }
   };
-  React72.useLayoutEffect(() => {
+  React74.useLayoutEffect(() => {
     const el = scroller.current;
     if (!el) return;
     if (stick.current) {
@@ -13164,7 +13226,7 @@ function ChatTranscript({
       seen.current = messages.length;
     } else setPill(Math.max(0, messages.length - seen.current));
   }, [messages]);
-  React72.useEffect(() => {
+  React74.useEffect(() => {
     const el = scroller.current;
     const inner = el && el.firstChild;
     if (!el || !inner || typeof ResizeObserver === "undefined") return;
@@ -13174,7 +13236,7 @@ function ChatTranscript({
     ro.observe(inner);
     return () => ro.disconnect();
   }, []);
-  const groups = React72.useMemo(() => groupMessages(messages), [messages]);
+  const groups = React74.useMemo(() => groupMessages(messages), [messages]);
   const empty = !messages.length && status === "ready";
   return /* @__PURE__ */ jsxs89("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
     /* @__PURE__ */ jsxs89("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
@@ -13198,7 +13260,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__ */ jsxs89(React72.Fragment, { children: [
+        return /* @__PURE__ */ jsxs89(React74.Fragment, { children: [
           showDay ? /* @__PURE__ */ jsx102("div", { className: "fdc-day", children: /* @__PURE__ */ jsx102("span", { children: dayLabel(k) }) }) : null,
           /* @__PURE__ */ jsx102(ChatTurn, { group: g, ctx })
         ] }, g.key || i);
@@ -13215,7 +13277,7 @@ function ChatTranscript({
 var TranscriptKit = { groupMessages };
 
 // src/components/chat/ChatComposer.tsx
-import * as React73 from "react";
+import * as React75 from "react";
 import { jsx as jsx103, jsxs as jsxs90 } from "react/jsx-runtime";
 function ChatComposer({
   onSubmit,
@@ -13243,17 +13305,17 @@ function ChatComposer({
   onReject,
   onOpenAttachment
 }) {
-  const [text, setText] = React73.useState(draft || "");
-  const [trigger, setTrigger] = React73.useState(null);
-  const [mentionItems, setMentionItems] = React73.useState([]);
-  const [listening, setListening] = React73.useState(false);
-  const [notice, setNotice] = React73.useState(null);
-  const editor = React73.useRef(null);
-  const wrap = React73.useRef(null);
-  const stopVoice = React73.useRef(null);
+  const [text, setText] = React75.useState(draft || "");
+  const [trigger, setTrigger] = React75.useState(null);
+  const [mentionItems, setMentionItems] = React75.useState([]);
+  const [listening, setListening] = React75.useState(false);
+  const [notice, setNotice] = React75.useState(null);
+  const editor = React75.useRef(null);
+  const wrap = React75.useRef(null);
+  const stopVoice = React75.useRef(null);
   const staged = useStagedFiles(fileUploadHandler, { onError: () => {
   } });
-  React73.useEffect(() => {
+  React75.useEffect(() => {
     if (draft != null && draft !== text) setText(draft);
   }, [draft]);
   const change = (v) => {
@@ -13289,7 +13351,7 @@ function ChatComposer({
     e.preventDefault();
     staged.add(found.files);
   };
-  React73.useEffect(() => {
+  React75.useEffect(() => {
     if (!trigger || trigger.type !== "mention" || !mentionSources) {
       setMentionItems([]);
       return;
@@ -13307,7 +13369,7 @@ function ChatComposer({
     const q = (trigger.query || "").toLowerCase();
     setMentionItems(mentionSources.filter((m) => !q || (m.label + " " + (m.description || "")).toLowerCase().includes(q)));
   }, [trigger, mentionSources]);
-  const slashItems = React73.useMemo(() => {
+  const slashItems = React75.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));
@@ -13477,12 +13539,12 @@ function ChatComposer({
 }
 
 // src/components/chat/ChatSessionBar.tsx
-import * as React74 from "react";
+import * as React76 from "react";
 import { jsx as jsx104, jsxs as jsxs91 } from "react/jsx-runtime";
 var compact2 = meterFormats.compact;
 function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extras }) {
-  const [open2, setOpen] = React74.useState(false);
-  const anchor = React74.useRef(null);
+  const [open2, setOpen] = React76.useState(false);
+  const anchor = React76.useRef(null);
   const stats = sessionStats || null;
   const cu = contextUsage || null;
   const limits = usageLimits || null;
@@ -13497,7 +13559,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__ */ jsxs91(React74.Fragment, { children: [
+  return /* @__PURE__ */ jsxs91(React76.Fragment, { children: [
     /* @__PURE__ */ jsxs91("div", { className: "fdc-bar", children: [
       /* @__PURE__ */ jsxs91(
         "button",
@@ -13638,7 +13700,7 @@ function ModelControls({
       ] })
     });
   }
-  return /* @__PURE__ */ jsxs91(React74.Fragment, { children: [
+  return /* @__PURE__ */ jsxs91(React76.Fragment, { children: [
     /* @__PURE__ */ jsx104(
       MenuButton,
       {
@@ -13677,6 +13739,7 @@ function AgentChatPanel({
   /* required */
   contextType,
   contextId,
+  draftOwner,
   apiAdapter,
   threadId,
   /* identity + chrome */
@@ -13757,11 +13820,11 @@ function AgentChatPanel({
   onFeedback,
   onEditMessage
 }) {
-  const [panelWidth, setPanelWidth] = React75.useState(width);
-  const [applied, setApplied] = React75.useState({});
-  const [draft, setDraft] = React75.useState("");
-  const dragging = React75.useRef(null);
-  React75.useEffect(() => setPanelWidth(width), [width]);
+  const [panelWidth, setPanelWidth] = React77.useState(width);
+  const [applied, setApplied] = React77.useState({});
+  const [draft, setDraft] = useChatDraft(draftOwner, contextType, contextId);
+  const dragging = React77.useRef(null);
+  React77.useEffect(() => setPanelWidth(width), [width]);
   const engine = useChatEngine({
     contextType,
     contextId,
@@ -13967,7 +14030,7 @@ function AgentChatPanel({
 }
 
 // src/components/files/FileViewer.tsx
-import * as React76 from "react";
+import * as React78 from "react";
 import { jsx as jsx106, jsxs as jsxs93 } from "react/jsx-runtime";
 function previewKindOf(file) {
   const mime = (file.mime || "").toLowerCase();
@@ -14024,13 +14087,13 @@ function parseDelimited(text, delimiter) {
   return rows;
 }
 function usePreview(file, kind, resolveUrl) {
-  const [state, setState] = React76.useState({ status: "loading" });
-  const [attempt, setAttempt] = React76.useState(0);
-  const resolveRef = React76.useRef(resolveUrl);
-  React76.useEffect(() => {
+  const [state, setState] = React78.useState({ status: "loading" });
+  const [attempt, setAttempt] = React78.useState(0);
+  const resolveRef = React78.useRef(resolveUrl);
+  React78.useEffect(() => {
     resolveRef.current = resolveUrl;
   }, [resolveUrl]);
-  React76.useEffect(() => {
+  React78.useEffect(() => {
     if (kind === "none") {
       setState({ status: "ready" });
       return;
@@ -14060,7 +14123,7 @@ function usePreview(file, kind, resolveUrl) {
       if (ac) ac.abort();
     };
   }, [file.id, kind, attempt]);
-  return { ...state, retry: React76.useCallback(() => setAttempt((a) => a + 1), []) };
+  return { ...state, retry: React78.useCallback(() => setAttempt((a) => a + 1), []) };
 }
 function PreviewBody({ file, kind, state }) {
   if (kind === "image") return /* @__PURE__ */ jsx106("img", { className: "fd-fv-image", src: state.url, alt: file.name || "Preview" });
@@ -14105,13 +14168,13 @@ function PreviewBody({ file, kind, state }) {
   ] });
 }
 function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel = "Details", onClose, actions, className = "" }) {
-  const kind = React76.useMemo(() => previewKindOf(file), [file]);
+  const kind = React78.useMemo(() => previewKindOf(file), [file]);
   const preview = usePreview(file, kind, resolveUrl);
-  const [tab, setTab] = React76.useState("preview");
-  const [downloading, setDownloading] = React76.useState(false);
-  const [downloadError, setDownloadError] = React76.useState(null);
+  const [tab, setTab] = React78.useState("preview");
+  const [downloading, setDownloading] = React78.useState(false);
+  const [downloadError, setDownloadError] = React78.useState(null);
   const hasSide = sidePanel != null;
-  React76.useEffect(() => {
+  React78.useEffect(() => {
     setTab("preview");
   }, [file.id]);
   const download = () => {
@@ -14178,7 +14241,7 @@ function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel = "Details", o
 }
 
 // src/components/files/FileBrowser.tsx
-import * as React77 from "react";
+import * as React79 from "react";
 import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs94 } from "react/jsx-runtime";
 function childrenOf(folders, parentId) {
   return folders.filter((f) => f.parentId === parentId).sort((a, b) => a.name.localeCompare(b.name));
@@ -14288,8 +14351,8 @@ function FolderPickerMenu({
   ] });
 }
 function RowShell({ icon, name, meta, onOpen, draggableId, isDropTarget, onDropPayload, actions, className = "" }) {
-  const [over, setOver] = React77.useState(false);
-  const dragCounter = React77.useRef(0);
+  const [over, setOver] = React79.useState(false);
+  const dragCounter = React79.useRef(0);
   const dropHandlers = isDropTarget ? {
     onDragEnter: (e) => {
       if (!hasInternalPayload(e)) return;
@@ -14337,8 +14400,8 @@ function RowShell({ icon, name, meta, onOpen, draggableId, isDropTarget, onDropP
 }
 function TreeNode({ folder, depth, folders, currentFolderId, onNavigate, onMoveInto, canMove }) {
   const kids = childrenOf(folders, folder.id);
-  const [expanded, setExpanded] = React77.useState(() => currentFolderId != null && isSelfOrDescendant(folders, folder.id, currentFolderId));
-  React77.useEffect(() => {
+  const [expanded, setExpanded] = React79.useState(() => currentFolderId != null && isSelfOrDescendant(folders, folder.id, currentFolderId));
+  React79.useEffect(() => {
     if (currentFolderId != null && isSelfOrDescendant(folders, folder.id, currentFolderId)) setExpanded(true);
   }, [currentFolderId, folder.id, folders]);
   const isCurrent = folder.id === currentFolderId;
@@ -14404,15 +14467,15 @@ function FileBrowser({
   const canUpload = perm.canUpload !== false && !!onUpload;
   const canRemoveFile = perm.canRemoveFile !== false && !!onRemoveFile;
   const canDeleteFolder = perm.canDeleteFolder !== false && !!onDeleteFolder;
-  const [createOpen, setCreateOpen] = React77.useState(false);
-  const [createName, setCreateName] = React77.useState("");
-  const [renameTarget, setRenameTarget] = React77.useState(null);
-  const [renameValue, setRenameValue] = React77.useState("");
-  const [deleteTarget, setDeleteTarget] = React77.useState(null);
-  const uploadInputRef = React77.useRef(null);
-  const crumbFolders = React77.useMemo(() => ancestorsOf(folders, currentFolderId), [folders, currentFolderId]);
-  const subfolders = React77.useMemo(() => childrenOf(folders, currentFolderId), [folders, currentFolderId]);
-  const currentFiles = React77.useMemo(
+  const [createOpen, setCreateOpen] = React79.useState(false);
+  const [createName, setCreateName] = React79.useState("");
+  const [renameTarget, setRenameTarget] = React79.useState(null);
+  const [renameValue, setRenameValue] = React79.useState("");
+  const [deleteTarget, setDeleteTarget] = React79.useState(null);
+  const uploadInputRef = React79.useRef(null);
+  const crumbFolders = React79.useMemo(() => ancestorsOf(folders, currentFolderId), [folders, currentFolderId]);
+  const subfolders = React79.useMemo(() => childrenOf(folders, currentFolderId), [folders, currentFolderId]);
+  const currentFiles = React79.useMemo(
     () => files.filter((f) => f.folderId === currentFolderId).sort((a, b) => a.name.localeCompare(b.name)),
     [files, currentFolderId]
   );
@@ -14644,8 +14707,8 @@ function BreadcrumbCrumb({
   isDropTarget,
   onDropPayload
 }) {
-  const [over, setOver] = React77.useState(false);
-  const dragCounter = React77.useRef(0);
+  const [over, setOver] = React79.useState(false);
+  const dragCounter = React79.useRef(0);
   const dropHandlers = isDropTarget ? {
     onDragEnter: (e) => {
       if (!hasInternalPayload(e)) return;
@@ -14674,7 +14737,7 @@ function BreadcrumbCrumb({
 }
 
 // src/kits/query.ts
-import * as React78 from "react";
+import * as React80 from "react";
 
 // src/kits/queryUrl.ts
 var historyUrlAdapter = {
@@ -14812,38 +14875,38 @@ function requestFor(params, query, paging, after) {
 }
 var toError = (e) => e instanceof Error ? e : new Error(String(e));
 function useServerTable({ endpoint, params, defaults, deps, prefsKey, paging = "page", url }) {
-  const [base] = React78.useState(() => {
+  const [base] = React80.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 [mountParams] = React78.useState(() => url ? (url.adapter ?? historyUrlAdapter).read() : null);
-  const address = React78.useRef(mountParams);
-  const [query, setQuery] = React78.useState(() => url && mountParams ? readQueryFromUrl(mountParams, url.scope, base, paging) : base);
-  const savePref = React78.useCallback((patch2) => {
+  const [mountParams] = React80.useState(() => url ? (url.adapter ?? historyUrlAdapter).read() : null);
+  const address = React80.useRef(mountParams);
+  const [query, setQuery] = React80.useState(() => url && mountParams ? readQueryFromUrl(mountParams, url.scope, base, paging) : base);
+  const savePref = React80.useCallback((patch2) => {
     const store = PREFS || window.PlannerPrefs;
     if (prefsKey && store) store.setTable(prefsKey, patch2);
   }, [prefsKey]);
-  const [res, setRes] = React78.useState(null);
-  const [loading, setLoading] = React78.useState(true);
-  const [loadingMore, setLoadingMore] = React78.useState(false);
-  const [failure, setFailure] = React78.useState(null);
-  const [reloadToken, setReloadToken] = React78.useState(0);
-  const moreController = React78.useRef(null);
+  const [res, setRes] = React80.useState(null);
+  const [loading, setLoading] = React80.useState(true);
+  const [loadingMore, setLoadingMore] = React80.useState(false);
+  const [failure, setFailure] = React80.useState(null);
+  const [reloadToken, setReloadToken] = React80.useState(0);
+  const moreController = React80.useRef(null);
   const depKey = (deps || []).join("|");
   const paramKey = JSON.stringify(params || {});
   const queryKey = JSON.stringify(query);
-  const lifetime = React78.useRef(null);
-  React78.useEffect(() => {
+  const lifetime = React80.useRef(null);
+  React80.useEffect(() => {
     const controller = new AbortController();
     lifetime.current = controller;
     return () => controller.abort();
   }, []);
-  const latest = React78.useRef({ res, loading, query, params, endpoint, url, base });
-  React78.useLayoutEffect(() => {
+  const latest = React80.useRef({ res, loading, query, params, endpoint, url, base });
+  React80.useLayoutEffect(() => {
     latest.current = { res, loading, query, params, endpoint, url, base };
   });
-  React78.useEffect(() => {
+  React80.useEffect(() => {
     const controller = new AbortController();
     const { signal } = controller;
     setLoading(true);
@@ -14879,7 +14942,7 @@ function useServerTable({ endpoint, params, defaults, deps, prefsKey, paging = "
     };
   }, [endpoint, queryKey, paramKey, depKey, paging, reloadToken]);
   const adapter = url ? url.adapter ?? historyUrlAdapter : null;
-  React78.useEffect(() => {
+  React80.useEffect(() => {
     if (!adapter) return;
     return adapter.subscribe((params2) => {
       const { url: u, base: b } = latest.current;
@@ -15229,12 +15292,12 @@ function createVersionStore(initialState, options) {
 }
 
 // src/kits/documentTitle.ts
-import * as React79 from "react";
+import * as React81 from "react";
 function formatDocumentTitle(routeTitle, appName) {
-  return [routeTitle, appName, "Flytedesk"].filter((part) => !!part && part.length > 0).join(" \xB7 ");
+  return [routeTitle, appName, "Flytedesk"].filter((part2) => !!part2 && part2.length > 0).join(" \xB7 ");
 }
 function useDocumentTitle(routeTitle, appName) {
-  React79.useEffect(() => {
+  React81.useEffect(() => {
     if (typeof document === "undefined") return;
     document.title = formatDocumentTitle(routeTitle, appName);
   }, [routeTitle, appName]);
@@ -15344,6 +15407,7 @@ export {
   ModeSwitch,
   ModelControls,
   NumberInput,
+  OVERLAY_BREAKPOINT,
   OVERLAY_CEILING,
   POPOVER_BODY_MIN,
   PacketCard,
@@ -15468,6 +15532,7 @@ export {
   useDocumentTitle,
   useFeatureStatus,
   useLayerZIndex,
+  useOverlayLayout,
   usePopoverPosition,
   useResponsiveRail,
   useRuntimeMode,