@flytedan/flytebot-design-system 0.48.1 → 0.49.1

package/dist/index.cjs

@@ -66,6 +66,7 @@ __export(index_exports, {
   Clamp: () => Clamp,
   ClockFace: () => ClockFace,
   CodeBlock: () => CodeBlock,
+  CodeEditor: () => CodeEditor,
   Collapsible: () => Collapsible,
   ComingSoon: () => ComingSoon,
   CsiBadge: () => CsiBadge,
@@ -111,6 +112,7 @@ __export(index_exports, {
   JobTray: () => JobTray,
   Json: () => Json,
   KeyHint: () => KeyHint,
+  LAYER_STEP: () => LAYER_STEP,
   LoadingRegion: () => LoadingRegion,
   Markdown: () => Markdown,
   MarkdownEditor: () => MarkdownEditor,
@@ -125,6 +127,7 @@ __export(index_exports, {
   ModeSwitch: () => ModeSwitch,
   ModelControls: () => ModelControls,
   NumberInput: () => NumberInput,
+  OVERLAY_CEILING: () => OVERLAY_CEILING,
   POPOVER_BODY_MIN: () => POPOVER_BODY_MIN,
   PacketCard: () => PacketCard,
   Pagination: () => Pagination,
@@ -137,6 +140,7 @@ __export(index_exports, {
   ProgressBar: () => ProgressBar,
   QueryKit: () => QueryKit,
   QuotaRow: () => QuotaRow,
+  ROOT_STEP: () => ROOT_STEP,
   Radio: () => Radio,
   RangeSlider: () => RangeSlider,
   RelativeTime: () => RelativeTime,
@@ -181,6 +185,7 @@ __export(index_exports, {
   VIRTUAL_LIST_BUFFER_ROWS: () => VIRTUAL_LIST_BUFFER_ROWS,
   VIRTUAL_LIST_ROW_GAP: () => VIRTUAL_LIST_ROW_GAP,
   VirtualList: () => VirtualList,
+  __resetLayerStackForTests: () => __resetLayerStackForTests,
   acceptMatches: () => acceptMatches,
   anyOfFilter: () => anyOfFilter,
   applyPrefs: () => applyPrefs,
@@ -230,6 +235,7 @@ __export(index_exports, {
   useChatEngine: () => useChatEngine,
   useDocumentTitle: () => useDocumentTitle,
   useFeatureStatus: () => useFeatureStatus,
+  useLayerZIndex: () => useLayerZIndex,
   usePopoverPosition: () => usePopoverPosition,
   useResponsiveRail: () => useResponsiveRail,
   useRuntimeMode: () => useRuntimeMode,
@@ -446,6 +452,8 @@ function open(layer) {
   layer.order = ++lastOrder;
   lastClosed = null;
   if (layer.options.trap && !contains(scopeOf(layer), document.activeElement)) focusInto(layer);
+  zIndexVersion++;
+  notifyZIndexListeners();
 }
 function close(layer) {
   openLayers.delete(layer);
@@ -456,7 +464,53 @@ function close(layer) {
     document.removeEventListener("keydown", onKeydown);
     pendingEscape = null;
   }
+  zIndexVersion++;
+  notifyZIndexListeners();
 }
+var LAYER_STEP = 10;
+var ROOT_STEP = 100;
+var OVERLAY_CEILING = 1e4;
+var zIndexListeners = /* @__PURE__ */ new Set();
+var notifyZIndexListeners = () => {
+  zIndexListeners.forEach((listener) => listener());
+};
+var subscribeZIndex = (listener) => {
+  zIndexListeners.add(listener);
+  return () => {
+    zIndexListeners.delete(listener);
+  };
+};
+var zIndexVersion = 0;
+var getZIndexVersion = () => zIndexVersion;
+function openSiblingsOf(layer) {
+  const siblings = [];
+  for (const l of openLayers) if (l.parent === layer.parent) siblings.push(l);
+  return siblings.sort((a, b) => a.order - b.order);
+}
+function computeZIndex(layer) {
+  const path = [];
+  for (let l = layer; l; l = l.parent) path.push(l);
+  path.reverse();
+  let z = 0;
+  for (const l of path) {
+    const siblings = openSiblingsOf(l);
+    const index = Math.max(0, siblings.indexOf(l));
+    z = l.parent === null ? (index + 1) * ROOT_STEP : z + LAYER_STEP + index;
+  }
+  return z;
+}
+function useLayerZIndex(layer) {
+  React2.useSyncExternalStore(subscribeZIndex, getZIndexVersion, getZIndexVersion);
+  const l = layer;
+  return l.order > 0 ? computeZIndex(l) : 0;
+}
+var __resetLayerStackForTests = () => {
+  openLayers.clear();
+  lastOrder = 0;
+  pendingEscape = null;
+  lastClosed = null;
+  notifyZIndexListeners();
+};
 function returnFocus(layer) {
   if (layer.options.returnFocus === false) return;
   const current2 = document.activeElement;
@@ -613,50 +667,6 @@ var portal = (node) => {
   if (typeof document !== "undefined") return (0, import_react_dom.createPortal)(node, document.body);
   return node;
 };
-var ROOT_LAYER = 0;
-var LAYER_STEP = 10;
-var ROOT_STEP = 100;
-var OVERLAY_CEILING = 1e4;
-var LayerContext2 = React3.createContext(ROOT_LAYER);
-var openRootIds = [];
-var rootListeners = /* @__PURE__ */ new Set();
-var notifyRootListeners = () => {
-  rootListeners.forEach((listener) => listener());
-};
-var subscribeRootOverlays = (listener) => {
-  rootListeners.add(listener);
-  return () => {
-    rootListeners.delete(listener);
-  };
-};
-var getRootOverlaysSnapshot = () => openRootIds;
-var registerRootOverlay = (id) => {
-  if (openRootIds.includes(id)) return;
-  openRootIds = [...openRootIds, id];
-  notifyRootListeners();
-};
-var unregisterRootOverlay = (id) => {
-  if (!openRootIds.includes(id)) return;
-  openRootIds = openRootIds.filter((existing) => existing !== id);
-  notifyRootListeners();
-};
-var useLayer = () => React3.useContext(LayerContext2);
-var useOverlayLayer = (isOpen) => {
-  const parent = useLayer();
-  const isRoot = parent === ROOT_LAYER;
-  const id = React3.useId();
-  const openIds = React3.useSyncExternalStore(subscribeRootOverlays, getRootOverlaysSnapshot, getRootOverlaysSnapshot);
-  React3.useLayoutEffect(() => {
-    if (!isRoot || !isOpen) return;
-    registerRootOverlay(id);
-    return () => unregisterRootOverlay(id);
-  }, [isRoot, isOpen, id]);
-  if (!isRoot) return parent + LAYER_STEP;
-  if (!isOpen) return ROOT_LAYER;
-  const index = openIds.indexOf(id);
-  return index === -1 ? ROOT_LAYER : (index + 1) * ROOT_STEP;
-};
-var LayerProvider = ({ zIndex, children }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LayerContext2.Provider, { value: zIndex, children });
 function Popover({
   open: open2,
   anchorRef,
@@ -692,8 +702,8 @@ function Popover({
     onDetach: onClose,
     layerRef: ref
   });
-  const zIndex = useOverlayLayer(!!open2);
   const layer = useStackedLayer({ active: !!open2, containerRef: ref, onEscape: closeOnEscape ? onClose : void 0, returnFocus: returnFocus2 });
+  const zIndex = useLayerZIndex(layer);
   React3.useEffect(() => {
     if (!open2) return;
     const away = (e) => {
@@ -709,7 +719,7 @@ function Popover({
   }, [open2, closeOnOutside, onClose, anchorRef, triggerRef, layer]);
   if (!open2 || !pos) return null;
   return portal(
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LayerProvider, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StackedLayerProvider, { layer, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StackedLayerProvider, { layer, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
         ref,
@@ -752,7 +762,7 @@ function Popover({
           footer != null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "fd-pop-footer", children: footer }) : null
         ]
       }
-    ) }) })
+    ) })
   );
 }
 var isItem = (it) => !!it && it.kind !== "separator" && it.kind !== "section" && it.kind !== "custom" && !it.disabled;
@@ -1004,6 +1014,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 function AnchoredPopover({ rect, width = 620, onClose, children }) {
   const ref = React4.useRef(null);
   const layer = useStackedLayer({ active: !!rect, containerRef: ref, onEscape: onClose });
+  const zIndex = useLayerZIndex(layer);
   const w = Math.min(width, window.innerWidth - 32);
   const [h, setH] = React4.useState(0);
   React4.useLayoutEffect(() => {
@@ -1045,7 +1056,7 @@ function AnchoredPopover({ rect, width = 620, onClose, children }) {
           left,
           top,
           width: w,
-          zIndex: 150,
+          zIndex,
           maxHeight: `calc(100vh - ${PAD * 2}px)`,
           overflowY: "auto",
           background: "var(--surface)",
@@ -1168,7 +1179,6 @@ var React6 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function Drawer({ open: open2 = true, title, onClose, footer, children, className = "", ...rest }) {
-  const zIndex = useOverlayLayer(open2);
   const asideRef = React6.useRef(null);
   const [closing, setClosing] = React6.useState(false);
   const close2 = React6.useCallback(() => {
@@ -1177,9 +1187,10 @@ function Drawer({ open: open2 = true, title, onClose, footer, children, classNam
     setTimeout(onClose, 210);
   }, [onClose]);
   const layer = useStackedLayer({ active: !!open2, containerRef: asideRef, trap: true, onEscape: onClose ? close2 : void 0 });
+  const zIndex = useLayerZIndex(layer);
   if (!open2) return null;
   return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LayerProvider, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(StackedLayerProvider, { layer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(StackedLayerProvider, { layer, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fd-scrim" + (closing ? " is-closing" : ""), style: { display: "block", zIndex: zIndex - LAYER_STEP }, onClick: close2 }),
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("aside", { ref: asideRef, className: ["fd-drawer", closing ? "is-closing" : "", className].filter(Boolean).join(" "), role: "dialog", "aria-modal": "true", ...rest, style: { zIndex }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "fd-card-head", style: { flex: "none" }, children: [
@@ -1189,7 +1200,7 @@ function Drawer({ open: open2 = true, title, onClose, footer, children, classNam
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { flex: "1 1 auto", minHeight: 0, overflow: "auto", padding: 20 }, children }),
         footer ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fd-card-foot", style: { flex: "none" }, children: typeof footer === "function" ? footer(close2) : footer }) : null
       ] })
-    ] }) }),
+    ] }),
     document.body
   );
 }
@@ -1201,16 +1212,16 @@ var import_jsx_runtime10 = require("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 zIndex = useOverlayLayer(!!open2);
   const close2 = React7.useCallback(() => {
     if (!onClose) return;
     setClosing(true);
     setTimeout(onClose, 190);
   }, [onClose]);
   const layer = useStackedLayer({ active: !!open2, containerRef: boxRef, trap: true, onEscape: onClose ? close2 : void 0 });
+  const zIndex = useLayerZIndex(layer);
   if (!open2) return null;
   return (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LayerProvider, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StackedLayerProvider, { layer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StackedLayerProvider, { layer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "div",
       {
         className: "fd-scrim" + (closing ? " is-closing" : ""),
@@ -1241,7 +1252,7 @@ function Modal({ open: open2 = true, title, description, onClose, footer, wide =
           }
         )
       }
-    ) }) }),
+    ) }),
     document.body
   );
 }
@@ -2104,8 +2115,8 @@ function Tooltip({ label, placement = "top", children, className = "" }) {
     layerRef: bubbleRef,
     onDetach: hide
   });
-  const zIndex = useOverlayLayer(open2);
-  useStackedLayer({ active: open2, containerRef: bubbleRef, onEscape: hide, returnFocus: false });
+  const layer = useStackedLayer({ active: open2, containerRef: bubbleRef, onEscape: hide, returnFocus: false });
+  const zIndex = useLayerZIndex(layer);
   React14.useEffect(() => {
     if (!open2) return;
     const away = (e) => {
@@ -4885,7 +4896,7 @@ function CodeBlock({
   code = "",
   language,
   filename,
-  lineNumbers = false,
+  lineNumbers: lineNumbers2 = false,
   wrap: wrapDefault = false,
   collapseAfter = 26,
   copyable = true,
@@ -4912,7 +4923,7 @@ function CodeBlock({
       ] }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "fd-code-body", children: [
-      lineNumbers ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("pre", { className: "fd-code-gutter", "aria-hidden": "true", children: shown.split("\n").map((_, i) => i + 1 + "\n").join("") }) : null,
+      lineNumbers2 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("pre", { className: "fd-code-gutter", "aria-hidden": "true", children: shown.split("\n").map((_, i) => i + 1 + "\n").join("") }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("pre", { className: "fd-code-pre", tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Highlighted, { code: shown, lang: language }) }) })
     ] }),
     foldable ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("button", { type: "button", className: "fd-code-fold", onClick: () => setOpen((v) => !v), "aria-expanded": open2, children: [
@@ -5428,9 +5439,9 @@ var React31 = __toESM(require("react"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function useInlinePanel() {
   const [open2, setOpen] = React31.useState(false);
-  const zIndex = useOverlayLayer(open2);
   const ref = React31.useRef(null);
   const layer = useStackedLayer({ active: open2, containerRef: ref, onEscape: () => setOpen(false) });
+  const zIndex = useLayerZIndex(layer);
   React31.useEffect(() => {
     if (!open2) return;
     const away = (e) => {
@@ -5442,7 +5453,7 @@ function useInlinePanel() {
   return { open: open2, setOpen, ref, zIndex, layer };
 }
 function InlinePanelLayers({ panel, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LayerProvider, { zIndex: panel.zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StackedLayerProvider, { layer: panel.layer, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StackedLayerProvider, { layer: panel.layer, children });
 }
 
 // src/components/data/SortMenu.tsx
@@ -7495,17 +7506,254 @@ var MarkdownEditor = React42.forwardRef(function MarkdownEditor2({
   ] });
 });
 
+// src/components/forms/CodeEditor.tsx
+var React43 = __toESM(require("react"), 1);
+var import_view = require("@codemirror/view");
+var import_state = require("@codemirror/state");
+var import_commands = require("@codemirror/commands");
+var import_lang_sql = require("@codemirror/lang-sql");
+var import_language = require("@codemirror/language");
+var import_highlight = require("@lezer/highlight");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+function clampOffset(state, line, column) {
+  const total = state.doc.lines;
+  const ln = state.doc.line(Math.min(Math.max(1, line), total));
+  const col = Math.max(0, (column || 1) - 1);
+  return Math.min(ln.from + col, ln.to);
+}
+function toCmDiagnostics(state, diags) {
+  return diags.map((d) => {
+    const from = clampOffset(state, d.line, d.column ?? 1);
+    const endLine = d.endLine ?? d.line;
+    const endColumn = d.endColumn ?? state.doc.line(Math.min(Math.max(1, endLine), state.doc.lines)).length + 1;
+    let to = clampOffset(state, endLine, endColumn);
+    if (to <= from) to = Math.min(from + 1, state.doc.length);
+    return { from, to, severity: d.severity || "error", message: d.message, source: void 0 };
+  });
+}
+var setDiagnosticsEffect = import_state.StateEffect.define();
+var diagnosticsField = import_state.StateField.define({
+  create: () => [],
+  update(value, tr) {
+    for (const e of tr.effects) if (e.is(setDiagnosticsEffect)) return e.value;
+    if (!tr.docChanged) return value;
+    return value.map((d) => ({ ...d, from: tr.changes.mapPos(d.from), to: tr.changes.mapPos(d.to) }));
+  }
+});
+var tokenHighlight = import_language.HighlightStyle.define([
+  { tag: import_highlight.tags.keyword, class: "tok-kw" },
+  { tag: import_highlight.tags.string, class: "tok-str" },
+  { tag: [import_highlight.tags.number, import_highlight.tags.bool], class: "tok-num" },
+  { tag: import_highlight.tags.comment, class: "tok-com" },
+  { tag: [import_highlight.tags.function(import_highlight.tags.variableName), import_highlight.tags.function(import_highlight.tags.propertyName)], class: "tok-fn" },
+  { tag: import_highlight.tags.typeName, class: "tok-type" },
+  { tag: import_highlight.tags.propertyName, class: "tok-prop" },
+  { tag: import_highlight.tags.null, class: "tok-lit" },
+  { tag: [import_highlight.tags.punctuation, import_highlight.tags.paren, import_highlight.tags.bracket], class: "tok-pun" },
+  { tag: import_highlight.tags.operator, class: "tok-op" }
+]);
+var editorTheme = import_view.EditorView.theme({
+  "&": {
+    fontFamily: "var(--font-mono)",
+    fontSize: "12.5px",
+    color: "var(--text)",
+    backgroundColor: "transparent",
+    height: "100%"
+  },
+  ".cm-content": { padding: "10px 12px", caretColor: "var(--text)" },
+  ".cm-scroller": { fontFamily: "var(--font-mono)", lineHeight: "1.62" },
+  ".cm-gutters": {
+    backgroundColor: "transparent",
+    color: "var(--text-disabled)",
+    border: "0",
+    borderRight: "1px solid var(--chat-code-border)"
+  },
+  ".cm-lineNumbers .cm-gutterElement": { padding: "0 8px 0 12px" },
+  ".cm-activeLine": { backgroundColor: "var(--surface-2)" },
+  ".cm-activeLineGutter": { backgroundColor: "var(--surface-2)", color: "var(--text-2)" },
+  "&.cm-focused": { outline: "none" },
+  ".cm-cursor": { borderLeftColor: "var(--text)" },
+  ".cm-selectionBackground, &.cm-focused .cm-selectionBackground": { backgroundColor: "var(--blue-100) !important" },
+  ".cm-placeholder": { color: "var(--text-disabled)" },
+  ".fd-cm-diag-error": { textDecoration: "underline wavy var(--danger-solid)", textUnderlineOffset: "3px" },
+  ".fd-cm-diag-warning": { textDecoration: "underline wavy var(--warn-solid)", textUnderlineOffset: "3px" },
+  ".fd-cm-diag-info": { textDecoration: "underline wavy var(--info-solid)", textUnderlineOffset: "3px" }
+}, { dark: false });
+function severityClass(sev) {
+  return sev === "warning" ? "fd-cm-diag-warning" : sev === "info" ? "fd-cm-diag-info" : "fd-cm-diag-error";
+}
+function decorationsFromDiagnostics() {
+  return import_view.EditorView.decorations.compute([diagnosticsField], (state) => {
+    const diags = state.field(diagnosticsField);
+    if (!diags.length) return import_view.Decoration.none;
+    const marks = diags.filter((d) => d.from < d.to).sort((a, b) => a.from - b.from).map((d) => import_view.Decoration.mark({ class: severityClass(d.severity) }).range(d.from, d.to));
+    return import_view.Decoration.set(marks, true);
+  });
+}
+function CodeEditor({
+  value,
+  onChange,
+  label,
+  help,
+  error,
+  required = false,
+  disabled = false,
+  readOnly = false,
+  placeholder: placeholderText = "",
+  diagnostics = [],
+  showEscapeHint = true,
+  minHeight = 160,
+  id,
+  className = "",
+  style,
+  autoFocus = false
+}) {
+  const fieldId = useFieldId(id);
+  const descId = fieldId + "-desc";
+  const liveId = fieldId + "-live";
+  const hostRef = React43.useRef(null);
+  const viewRef = React43.useRef(null);
+  const valueRef = React43.useRef(value);
+  const onChangeRef = React43.useRef(onChange);
+  onChangeRef.current = onChange;
+  const editableCompartment = React43.useRef(new import_state.Compartment()).current;
+  const attributesCompartment = React43.useRef(new import_state.Compartment()).current;
+  const errorRef = React43.useRef(error);
+  errorRef.current = error;
+  const diagnosticsCountRef = React43.useRef(diagnostics.length);
+  diagnosticsCountRef.current = diagnostics.length;
+  function contentAttributes() {
+    return {
+      id: fieldId,
+      "aria-describedby": descId + " " + liveId,
+      "aria-invalid": errorRef.current || diagnosticsCountRef.current ? "true" : "false",
+      ...label ? { "aria-label": label } : {}
+    };
+  }
+  React43.useEffect(() => {
+    const host = hostRef.current;
+    if (!host) return;
+    const updateListener = import_view.EditorView.updateListener.of((update) => {
+      if (!update.docChanged) return;
+      const next = update.state.doc.toString();
+      valueRef.current = next;
+      onChangeRef.current && onChangeRef.current(next);
+    });
+    const state = import_state.EditorState.create({
+      doc: value,
+      extensions: [
+        (0, import_view.lineNumbers)(),
+        (0, import_commands.history)(),
+        (0, import_view.drawSelection)(),
+        (0, import_language.indentOnInput)(),
+        (0, import_language.bracketMatching)(),
+        (0, import_lang_sql.sql)(),
+        (0, import_language.syntaxHighlighting)(tokenHighlight),
+        diagnosticsField,
+        decorationsFromDiagnostics(),
+        editorTheme,
+        (0, import_view.placeholder)(placeholderText),
+        import_view.keymap.of([
+          { key: "Tab", run: import_commands.indentMore, shift: import_commands.indentLess },
+          ...import_commands.defaultKeymap,
+          ...import_commands.historyKeymap
+        ]),
+        editableCompartment.of(import_view.EditorView.editable.of(!disabled)),
+        import_state.EditorState.readOnly.of(readOnly),
+        updateListener,
+        attributesCompartment.of(import_view.EditorView.contentAttributes.of(contentAttributes()))
+      ]
+    });
+    const view = new import_view.EditorView({ state, parent: host });
+    viewRef.current = view;
+    if (autoFocus) view.focus();
+    return () => {
+      view.destroy();
+      viewRef.current = null;
+    };
+  }, []);
+  React43.useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    const current2 = view.state.doc.toString();
+    if (current2 !== value) {
+      view.dispatch({ changes: { from: 0, to: current2.length, insert: value } });
+    }
+    valueRef.current = value;
+  }, [value]);
+  React43.useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    view.dispatch({ effects: editableCompartment.reconfigure(import_view.EditorView.editable.of(!disabled)) });
+  }, [disabled, editableCompartment]);
+  React43.useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    view.dispatch({
+      effects: [
+        setDiagnosticsEffect.of(toCmDiagnostics(view.state, diagnostics)),
+        attributesCompartment.reconfigure(import_view.EditorView.contentAttributes.of(contentAttributes()))
+      ]
+    });
+  }, [diagnostics, error]);
+  const box = ["fd-input", "fd-code-editor", error ? "fd-input-error" : "", disabled ? "fd-input-disabled" : ""].filter(Boolean).join(" ");
+  const announce = diagnostics.length ? diagnostics.length + (diagnostics.length === 1 ? " problem: " : " problems: ") + diagnostics.map((d) => "line " + d.line + (d.column ? ", column " + d.column : "") + ": " + d.message).join("; ") : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ["fd-field", className].filter(Boolean).join(" "), style, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FieldLabel, { htmlFor: fieldId, required, children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      "div",
+      {
+        className: box,
+        style: { minHeight },
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          "div",
+          {
+            ref: hostRef,
+            className: "fd-code-editor-host",
+            style: { minHeight }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { id: descId, className: "fd-sr", children: [
+      help ? help + ". " : "",
+      showEscapeHint ? "Tab indents. Press Escape, then Tab, to move focus out of the editor." : ""
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { id: liveId, className: "fd-sr", role: "status", "aria-live": "polite", children: announce }),
+    diagnostics.length ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ul", { className: "fd-code-editor-diagnostics", children: diagnostics.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("li", { className: "fd-code-editor-diag is-" + (d.severity || "error"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        "i",
+        {
+          className: "ph ph-" + (d.severity === "warning" ? "warning" : d.severity === "info" ? "info" : "warning-circle"),
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "fd-code-editor-diag-loc", children: [
+        "Line ",
+        d.line,
+        d.column ? ":" + d.column : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: d.message })
+    ] }, i)) }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "fd-field-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+      error
+    ] }) : !diagnostics.length && help ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "fd-field-help", children: help }) : null,
+    showEscapeHint ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "fd-field-help fd-code-editor-hint", children: "Tab indents. Escape, then Tab, moves focus out." }) : null
+  ] });
+}
+
 // src/components/platform/AccountMenu.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 
 // src/kits/sessionContext.tsx
-var React43 = __toESM(require("react"), 1);
-var SessionContext = React43.createContext(null);
+var React44 = __toESM(require("react"), 1);
+var SessionContext = React44.createContext(null);
 function SessionProvider({ value, children }) {
-  return React43.createElement(SessionContext.Provider, { value }, children);
+  return React44.createElement(SessionContext.Provider, { value }, children);
 }
 function useSessionContext() {
-  const ctx = React43.useContext(SessionContext);
+  const ctx = React44.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."
@@ -7515,11 +7763,11 @@ function useSessionContext() {
 }
 
 // src/components/platform/AccountMenu.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var DEFAULT_LINKS = [];
 var DEFAULT_GROUPS = [];
 function Item({ item, onPick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "button",
     {
       type: "button",
@@ -7527,9 +7775,9 @@ function Item({ item, onPick }) {
       className: "fd-acct-item",
       onClick: () => onPick(item),
       children: [
-        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-" + item.icon, "aria-hidden": "true" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: { flex: 1 }, children: item.label }),
-        item.badge ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Badge, { tone: "neutral", children: item.badge }) : null
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ph ph-" + item.icon, "aria-hidden": "true" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: { flex: 1 }, children: item.label }),
+        item.badge ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Badge, { tone: "neutral", children: item.badge }) : null
       ]
     }
   );
@@ -7545,11 +7793,11 @@ function AccountMenu({
   ...rest
 }) {
   const { user, roles, can: can2, signOut: ctxSignOut, demo, pending } = useSessionContext();
-  const [open2, setOpen] = React44.useState(false);
-  const [switching, setSwitching] = React44.useState(false);
-  const [signingOut, setSigningOut] = React44.useState(false);
-  const [signOutError, setSignOutError] = React44.useState(null);
-  const ref = React44.useRef(null);
+  const [open2, setOpen] = React45.useState(false);
+  const [switching, setSwitching] = React45.useState(false);
+  const [signingOut, setSigningOut] = React45.useState(false);
+  const [signOutError, setSignOutError] = React45.useState(null);
+  const ref = React45.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 = () => {
@@ -7577,8 +7825,8 @@ function AccountMenu({
     }
   };
   const showSwitcher = allowUserSwitch && !!demo;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "button",
       {
         type: "button",
@@ -7590,12 +7838,12 @@ function AccountMenu({
         onClick: () => open2 ? closeMenu() : setOpen(true),
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Avatar, { name: user.name, size: "sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true", style: { fontSize: 11, color: "var(--text-muted)" } })
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Avatar, { name: user.name, size: "sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true", style: { fontSize: 11, color: "var(--text-muted)" } })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       Popover,
       {
         open: open2,
@@ -7603,27 +7851,27 @@ function AccountMenu({
         onClose: closeMenu,
         placement: "bottom-end",
         width: 272,
-        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { role: "menu", className: "fd-stack", style: { gap: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Avatar, { name: user.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "fd-stack", style: { gap: 1, minWidth: 0, flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: user.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "fd-body-sm fd-muted fd-table-trunc", title: truncationTitle(user.email), children: user.email })
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { role: "menu", className: "fd-stack", style: { gap: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Avatar, { name: user.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "fd-stack", style: { gap: 1, minWidth: 0, flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: user.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "fd-body-sm fd-muted fd-table-trunc", title: truncationTitle(user.email), children: user.email })
             ] })
           ] }),
-          showRoles && roles.length ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "fd-row", style: { gap: 6, padding: "10px 14px", flexWrap: "wrap", borderBottom: "1px solid var(--border)" }, children: roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)) }) : null,
-          visibleLinks.length ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "fd-acct-group", children: visibleLinks.map((l) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Item, { item: l, onPick: pick }, l.id)) }) : null,
-          visibleGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "fd-overline fd-muted", style: { padding: "8px 14px 4px", display: "block" }, children: g.label }),
-            g.links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Item, { item: l, onPick: pick }, l.id))
+          showRoles && roles.length ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "fd-row", style: { gap: 6, padding: "10px 14px", flexWrap: "wrap", borderBottom: "1px solid var(--border)" }, children: roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)) }) : null,
+          visibleLinks.length ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "fd-acct-group", children: visibleLinks.map((l) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Item, { item: l, onPick: pick }, l.id)) }) : null,
+          visibleGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "fd-overline fd-muted", style: { padding: "8px 14px 4px", display: "block" }, children: g.label }),
+            g.links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Item, { item: l, onPick: pick }, l.id))
           ] }, g.label)),
-          showSwitcher && demo ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("button", { type: "button", role: "menuitem", className: "fd-acct-item", onClick: () => setSwitching((s) => !s), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-user-switch", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: { flex: 1 }, children: "View as another member" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-caret-" + (switching ? "up" : "down"), "aria-hidden": "true", style: { fontSize: 11 } })
+          showSwitcher && demo ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("button", { type: "button", role: "menuitem", className: "fd-acct-item", onClick: () => setSwitching((s) => !s), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ph ph-user-switch", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: { flex: 1 }, children: "View as another member" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ph ph-caret-" + (switching ? "up" : "down"), "aria-hidden": "true", style: { fontSize: 11 } })
             ] }),
-            switching ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "fd-stack", style: { gap: 0 }, children: demo.allUsers.map((u) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+            switching ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "fd-stack", style: { gap: 0 }, children: demo.allUsers.map((u) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
               "button",
               {
                 type: "button",
@@ -7635,19 +7883,19 @@ function AccountMenu({
                   setSwitching(false);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Avatar, { name: u.name, size: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "fd-stack", style: { gap: 0, flex: 1, minWidth: 0, alignItems: "flex-start" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: { fontWeight: u.id === user.id ? 700 : 500 }, children: u.name }),
-                    u.roles ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "fd-muted", style: { fontSize: 11.5 }, children: u.roles.join(", ") }) : null
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Avatar, { name: u.name, size: "sm" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "fd-stack", style: { gap: 0, flex: 1, minWidth: 0, alignItems: "flex-start" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: { fontWeight: u.id === user.id ? 700 : 500 }, children: u.name }),
+                    u.roles ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "fd-muted", style: { fontSize: 11.5 }, children: u.roles.join(", ") }) : null
                   ] }),
-                  u.id === user.id ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-check", "aria-hidden": "true", style: { color: "var(--ok-text)" } }) : null
+                  u.id === user.id ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ph ph-check", "aria-hidden": "true", style: { color: "var(--ok-text)" } }) : null
                 ]
               },
               u.id
             )) }) : null
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "fd-acct-group", style: { borderTop: "1px solid var(--border)" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
               "button",
               {
                 type: "button",
@@ -7657,14 +7905,14 @@ function AccountMenu({
                 disabled: signingOut,
                 onClick: signOut,
                 children: [
-                  signingOut ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Spinner, { size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("i", { className: "ph ph-sign-out", "aria-hidden": "true" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: { flex: 1 }, children: signingOut ? "Signing out\u2026" : "Sign out" })
+                  signingOut ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Spinner, { size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ph ph-sign-out", "aria-hidden": "true" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: { flex: 1 }, children: signingOut ? "Signing out\u2026" : "Sign out" })
                 ]
               }
             ),
-            signOutError ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { role: "alert", className: "fd-body-sm", style: { padding: "0 14px 12px" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: { display: "block", color: "var(--danger-text)", marginBottom: 6 }, children: signOutError }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: "fd-soon-link", disabled: signingOut, onClick: signOut, children: "Retry" })
+            signOutError ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { role: "alert", className: "fd-body-sm", style: { padding: "0 14px 12px" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: { display: "block", color: "var(--danger-text)", marginBottom: 6 }, children: signOutError }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { type: "button", className: "fd-soon-link", disabled: signingOut, onClick: signOut, children: "Retry" })
             ] }) : null
           ] })
         ] })
@@ -7674,13 +7922,13 @@ function AccountMenu({
 }
 
 // src/components/platform/AppSwitcher.tsx
-var React45 = __toESM(require("react"), 1);
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var React46 = __toESM(require("react"), 1);
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function AppSwitcher({ apps: appsProp, onNavigate, className = "" }) {
   const { apps: contextApps } = useSessionContext();
   const apps = appsProp ?? contextApps ?? [];
-  const [open2, setOpen] = React45.useState(false);
-  const anchorRef = React45.useRef(null);
+  const [open2, setOpen] = React46.useState(false);
+  const anchorRef = React46.useRef(null);
   if (!apps.length) return null;
   const items = apps.map((app) => ({
     id: app.key,
@@ -7694,8 +7942,8 @@ function AppSwitcher({ apps: appsProp, onNavigate, className = "" }) {
       window.location.href = app.url;
     }
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(React45.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { ref: anchorRef, className: ["fd-appswitch-anchor", className].filter(Boolean).join(" "), style: { display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(React46.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { ref: anchorRef, className: ["fd-appswitch-anchor", className].filter(Boolean).join(" "), style: { display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       IconButton,
       {
         icon: "squares-four",
@@ -7705,7 +7953,7 @@ function AppSwitcher({ apps: appsProp, onNavigate, className = "" }) {
         onClick: () => setOpen((v) => !v)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       Popover,
       {
         open: open2,
@@ -7716,17 +7964,17 @@ function AppSwitcher({ apps: appsProp, onNavigate, className = "" }) {
         label: "All flytedesk apps",
         width: 240,
         maxHeight: 360,
-        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Menu, { items, onClose: () => setOpen(false) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Menu, { items, onClose: () => setOpen(false) })
       }
     )
   ] });
 }
 
 // src/components/platform/AppearanceMenu.tsx
-var React47 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 
 // src/kits/appearance.ts
-var React46 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 var DEFAULT_STORAGE_KEY = "fd-appearance";
 var DEFAULT_PREFS = {
   theme: "system",
@@ -7821,11 +8069,11 @@ function applyPrefs(prefs, root = document.documentElement) {
   else root.removeAttribute("data-motion");
 }
 function useAppearancePrefs(store) {
-  const prefs = React46.useSyncExternalStore(store.subscribe, store.getSnapshot);
-  React46.useEffect(() => {
+  const prefs = React47.useSyncExternalStore(store.subscribe, store.getSnapshot);
+  React47.useEffect(() => {
     applyPrefs(prefs);
   }, [prefs]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (prefs.theme !== "system" || typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
     }
@@ -7834,7 +8082,7 @@ function useAppearancePrefs(store) {
     mq.addEventListener("change", onChange);
     return () => mq.removeEventListener("change", onChange);
   }, [prefs]);
-  const update = React46.useCallback(
+  const update = React47.useCallback(
     (patch) => {
       store.write({ ...store.getSnapshot(), ...patch });
     },
@@ -7844,7 +8092,7 @@ function useAppearancePrefs(store) {
 }
 
 // src/components/platform/AppearanceMenu.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var THEME_OPTIONS = [
   { value: "light", label: "Light" },
   { value: "dark", label: "Dark" },
@@ -7857,16 +8105,16 @@ var TEXT_SCALE_OPTIONS = [
   { value: "xl", label: "XL" }
 ];
 function AppearanceMenu({ className = "", store: storeProp, storageKey, storage, defaults }) {
-  const store = React47.useMemo(
+  const store = React48.useMemo(
     () => storeProp ?? createLocalStorageAppearanceStore({ storageKey, storage, defaults }),
     [storeProp, storageKey, storage, defaults]
   );
   const [prefs, update] = useAppearancePrefs(store);
-  const [open2, setOpen] = React47.useState(false);
-  const anchorRef = React47.useRef(null);
+  const [open2, setOpen] = React48.useState(false);
+  const anchorRef = React48.useRef(null);
   const patch = (p) => update(p);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(React47.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { ref: anchorRef, className: ["fd-appearance-anchor", className].filter(Boolean).join(" "), style: { display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(React48.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { ref: anchorRef, className: ["fd-appearance-anchor", className].filter(Boolean).join(" "), style: { display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       IconButton,
       {
         icon: "circle-half",
@@ -7874,7 +8122,7 @@ function AppearanceMenu({ className = "", store: storeProp, storageKey, storage,
         onClick: () => setOpen((v) => !v)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       Popover,
       {
         open: open2,
@@ -7884,10 +8132,10 @@ function AppearanceMenu({ className = "", store: storeProp, storageKey, storage,
         padded: true,
         width: 260,
         label: "Appearance settings",
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "fd-stack", style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "fd-field-label", children: "Theme" }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-field-label", children: "Theme" }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               SegmentedControl,
               {
                 options: THEME_OPTIONS,
@@ -7897,9 +8145,9 @@ function AppearanceMenu({ className = "", store: storeProp, storageKey, storage,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "fd-field-label", children: "Text size" }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-field-label", children: "Text size" }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               SegmentedControl,
               {
                 options: TEXT_SCALE_OPTIONS,
@@ -7909,7 +8157,7 @@ function AppearanceMenu({ className = "", store: storeProp, storageKey, storage,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             Switch,
             {
               label: "High contrast",
@@ -7918,7 +8166,7 @@ function AppearanceMenu({ className = "", store: storeProp, storageKey, storage,
               onChange: (e) => patch({ highContrast: e.target.checked })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             Switch,
             {
               label: "Reduce motion",
@@ -7934,14 +8182,14 @@ function AppearanceMenu({ className = "", store: storeProp, storageKey, storage,
 }
 
 // src/components/platform/ApiSpecBrowser.tsx
-var React48 = __toESM(require("react"), 1);
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var React49 = __toESM(require("react"), 1);
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var METHOD_TONE = { GET: "success", POST: "info", PATCH: "warning", PUT: "warning", DELETE: "danger" };
 function Json({ obj }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("pre", { className: "fd-json", children: JSON.stringify(obj, null, 2) });
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("pre", { className: "fd-json", children: JSON.stringify(obj, null, 2) });
 }
 function Endpoint({ s, onRequest }) {
-  const [tried, setTried] = React48.useState(null);
+  const [tried, setTried] = React49.useState(null);
   const run = async () => {
     setTried("busy");
     const t0 = (window.performance || Date).now();
@@ -7952,50 +8200,50 @@ function Endpoint({ s, onRequest }) {
       setTried({ ms: Math.round((window.performance || Date).now() - t0), error: String(e && e.message || e) });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card, { elevation: "flat", padded: false, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "14px 18px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Badge, { tone: METHOD_TONE[s.method] || "neutral", children: s.method }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("code", { className: "fd-mono", style: { fontSize: 12.5, fontWeight: 600, color: "var(--text)", wordBreak: "break-all" }, children: s.path }),
-      s.isList ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Badge, { tone: "neutral", icon: "rows", children: "Paged list" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card, { elevation: "flat", padded: false, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "14px 18px", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Badge, { tone: METHOD_TONE[s.method] || "neutral", children: s.method }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("code", { className: "fd-mono", style: { fontSize: 12.5, fontWeight: 600, color: "var(--text)", wordBreak: "break-all" }, children: s.path }),
+      s.isList ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Badge, { tone: "neutral", icon: "rows", children: "Paged list" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
         s.latency[0],
         "\u2013",
         s.latency[1],
         "ms"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { size: "sm", variant: "secondary", icon: "play", loading: tried === "busy", onClick: run, children: "Try it" })
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { size: "sm", variant: "secondary", icon: "play", loading: tried === "busy", onClick: run, children: "Try it" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 14, padding: "0 18px 16px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: s.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: s.purpose }),
-        s.usedBy && s.usedBy.length ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: s.usedBy.map((u) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Tag, { children: u }, u)) }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 14, padding: "0 18px 16px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 700 }, children: s.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: s.purpose }),
+        s.usedBy && s.usedBy.length ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: s.usedBy.map((u) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Tag, { children: u }, u)) }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(280px,1fr))", gap: 12, alignItems: "start" }, children: [
-        s.request ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-overline fd-muted", children: "Request body" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Json, { obj: s.request })
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(280px,1fr))", gap: 12, alignItems: "start" }, children: [
+        s.request ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", children: "Request body" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Json, { obj: s.request })
         ] }) : null,
-        s.query ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-overline fd-muted", children: "Query" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Json, { obj: s.query })
+        s.query ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", children: "Query" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Json, { obj: s.query })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-overline fd-muted", children: "Response 200" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Json, { obj: s.response })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", children: "Response 200" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Json, { obj: s.response })
         ] })
       ] }),
-      s.notes ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Flag, { tone: "info", statement: "Implementation note", cost: s.notes, actions: null }) : null,
-      tried && tried !== "busy" ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-overline fd-muted", children: "Simulated response" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Badge, { tone: tried.error ? "danger" : "success", icon: "timer", children: [
+      s.notes ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Flag, { tone: "info", statement: "Implementation note", cost: s.notes, actions: null }) : null,
+      tried && tried !== "busy" ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", children: "Simulated response" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Badge, { tone: tried.error ? "danger" : "success", icon: "timer", children: [
             tried.ms,
             "ms"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Json, { obj: tried.error ? { error: tried.error } : tried.data })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Json, { obj: tried.error ? { error: tried.error } : tried.data })
       ] }) : null
     ] })
   ] }) });
@@ -8014,58 +8262,58 @@ function ApiSpecBrowser({
   className = "",
   ...rest
 }) {
-  const [q, setQ] = React48.useState("");
-  const [method, setMethod] = React48.useState(null);
-  const [mod, setMod] = React48.useState(null);
-  const [listOnly, setListOnly] = React48.useState(false);
+  const [q, setQ] = React49.useState("");
+  const [method, setMethod] = React49.useState(null);
+  const [mod, setMod] = React49.useState(null);
+  const [listOnly, setListOnly] = React49.useState(false);
   const activeModule = modules && modules.find((m) => m.id === mod);
   const hits = spec.filter((s) => (!method || s.method === method) && (!listOnly || s.isList) && (!activeModule || activeModule.endpoints.indexOf(s.id) >= 0) && (!q || (s.path + " " + s.title + " " + s.purpose + " " + (s.usedBy || []).join(" ")).toLowerCase().includes(q.toLowerCase())));
   const effGroups = groups && groups.length ? groups : [["All endpoints", spec.map((s) => s.id)]];
   const methods = [...new Set(spec.map((s) => s.method))];
   const listCount = spec.filter((s) => s.isList).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 1100 }, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-      kicker ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-overline fd-muted", children: kicker }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
-      lede ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 1100 }, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+      kicker ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", children: kicker }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
+      lede ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede }) : null
     ] }),
-    modules && modules.length ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-overline fd-muted", children: "Filter by screen \u2014 every endpoint that screen depends on" }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Tag, { icon: "stack", selected: !mod, onClick: () => setMod(null), children: [
+    modules && modules.length ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", children: "Filter by screen \u2014 every endpoint that screen depends on" }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Tag, { icon: "stack", selected: !mod, onClick: () => setMod(null), children: [
           "All screens ",
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-mono", children: spec.length })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-mono", children: spec.length })
         ] }),
-        modules.map((m) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Tag, { icon: m.icon, selected: mod === m.id, onClick: () => setMod(mod === m.id ? null : m.id), children: [
+        modules.map((m) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Tag, { icon: m.icon, selected: mod === m.id, onClick: () => setMod(mod === m.id ? null : m.id), children: [
           m.label,
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-mono", children: m.endpoints.length })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-mono", children: m.endpoints.length })
         ] }, m.id))
       ] }),
-      activeModule ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      activeModule ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         Flag,
         {
           tone: "info",
           statement: activeModule.label + " calls " + activeModule.endpoints.length + " endpoints.",
           cost: "Integration checklist for this screen: " + activeModule.endpoints.join(", ") + ". Wire these and the screen is done.",
-          actions: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { size: "sm", variant: "ghost", icon: "x", onClick: () => setMod(null), children: "Show all screens" })
+          actions: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { size: "sm", variant: "ghost", icon: "x", onClick: () => setMod(null), children: "Show all screens" })
         }
       ) : null
     ] }) : null,
-    sourceNote ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Flag, { tone: "info", statement: "Design-first: this page is the spec.", cost: sourceNote, actions: null }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find an endpoint, screen, or behavior", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
-      methods.map((m) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Tag, { selected: method === m, onClick: () => setMethod(method === m ? null : m), children: [
+    sourceNote ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Flag, { tone: "info", statement: "Design-first: this page is the spec.", cost: sourceNote, actions: null }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find an endpoint, screen, or behavior", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
+      methods.map((m) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Tag, { selected: method === m, onClick: () => setMethod(method === m ? null : m), children: [
         m,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-mono", children: spec.filter((s) => s.method === m).length })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-mono", children: spec.filter((s) => s.method === m).length })
       ] }, m)),
-      listCount ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Tag, { icon: "rows", selected: listOnly, onClick: () => setListOnly(!listOnly), children: [
+      listCount ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Tag, { icon: "rows", selected: listOnly, onClick: () => setListOnly(!listOnly), children: [
         "Paged lists ",
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-mono", children: listCount })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-mono", children: listCount })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
         hits.length,
         " of ",
         spec.length,
@@ -8073,31 +8321,31 @@ function ApiSpecBrowser({
         listCount ? " \xB7 " + listCount + " paged" : ""
       ] })
     ] }),
-    hits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: "No endpoint matches those filters." }) }) : effGroups.map(([g, ids]) => {
+    hits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: "No endpoint matches those filters." }) }) : effGroups.map(([g, ids]) => {
       const items = hits.filter((s) => ids.indexOf(s.id) >= 0);
       if (!items.length) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-stack", style: { gap: 12 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-label-lg", children: g }),
-        items.map((s) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Endpoint, { s, onRequest }, s.id))
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-label-lg", children: g }),
+        items.map((s) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Endpoint, { s, onRequest }, s.id))
       ] }, g);
     }),
-    conventions && conventions.length ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card, { title: "Cross-cutting conventions", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fd-stack", style: { gap: 10 }, children: conventions.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-row", style: { gap: 12, alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-overline fd-muted", style: { width: 110, flex: "none", paddingTop: 2 }, children: k }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: v })
+    conventions && conventions.length ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card, { title: "Cross-cutting conventions", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fd-stack", style: { gap: 10 }, children: conventions.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: { gap: 12, alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", style: { width: 110, flex: "none", paddingTop: 2 }, children: k }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: v })
     ] }, k)) }) }) : null,
-    openQuestions && openQuestions.length ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Collapsible, { icon: "list-checks", title: "Open questions before implementation", subtitle: openQuestions.length + " unresolved", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fd-stack", style: { gap: 8 }, children: openQuestions.map(([id, question, why]) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start", padding: "8px 0", borderTop: "1px solid var(--border)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Badge, { tone: "danger", children: id }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: question }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "fd-body-sm fd-muted", children: why })
+    openQuestions && openQuestions.length ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Collapsible, { icon: "list-checks", title: "Open questions before implementation", subtitle: openQuestions.length + " unresolved", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fd-stack", style: { gap: 8 }, children: openQuestions.map(([id, question, why]) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start", padding: "8px 0", borderTop: "1px solid var(--border)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Badge, { tone: "danger", children: id }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: question }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm fd-muted", children: why })
       ] })
     ] }, id)) }) }) : null
   ] });
 }
 
 // src/components/platform/ProfilePage.tsx
-var React49 = __toESM(require("react"), 1);
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var React50 = __toESM(require("react"), 1);
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function fieldInitialValue(field, user) {
   if (field.value) return field.value(user);
   const raw = user[field.key];
@@ -8132,21 +8380,21 @@ function ProfilePage({
 }) {
   const { user: sessionUser, roles, permissions, saveProfile: saveProfile2 } = useSessionContext();
   const user = userProp || sessionUser;
-  const initialFieldValues = React49.useMemo(() => {
+  const initialFieldValues = React50.useMemo(() => {
     const values2 = {};
     for (const field of fields) values2[field.key] = fieldInitialValue(field, user);
     return values2;
   }, [user.id, fields]);
-  const initialNotify = React49.useMemo(() => {
+  const initialNotify = React50.useMemo(() => {
     const values2 = {};
     for (const n of notifications) values2[n.key] = !!user.notify?.[n.key];
     return values2;
   }, [user.id, notifications]);
-  const [values, setValues] = React49.useState(initialFieldValues);
-  const [notify, setNotify] = React49.useState(initialNotify);
-  const [saving, setSaving] = React49.useState(false);
-  const [saved, setSaved] = React49.useState(false);
-  const [prevUserId, setPrevUserId] = React49.useState(user.id);
+  const [values, setValues] = React50.useState(initialFieldValues);
+  const [notify, setNotify] = React50.useState(initialNotify);
+  const [saving, setSaving] = React50.useState(false);
+  const [saved, setSaved] = React50.useState(false);
+  const [prevUserId, setPrevUserId] = React50.useState(user.id);
   if (user.id !== prevUserId) {
     setPrevUserId(user.id);
     setValues(initialFieldValues);
@@ -8183,37 +8431,37 @@ function ProfilePage({
   };
   const displayName = fields.some((f) => f.key === "name") ? values.name || user.name : user.name;
   const fieldGroups = groupFields(fields);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 860 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-overline fd-muted", children: "Account" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: "Your profile" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: "How you appear to colleagues and clients across every flytedesk app, and what we send you." })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 20, maxWidth: 860 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "fd-overline fd-muted", children: "Account" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: "Your profile" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: "How you appear to colleagues and clients across every flytedesk app, and what we send you." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap", alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Avatar, { name: displayName, size: "lg" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 4, flex: 1, minWidth: 200 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-h3", style: { margin: 0 }, children: displayName }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 4 }, children: [
-          roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)),
-          user.sso ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Badge, { tone: "info", icon: "shield-check", children: "SSO" }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "fd-row", style: { gap: 16, flexWrap: "wrap", alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Avatar, { name: displayName, size: "lg" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "fd-stack", style: { gap: 4, flex: 1, minWidth: 200 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "fd-h3", style: { margin: 0 }, children: displayName }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 4 }, children: [
+          roles.map((r) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Badge, { tone: r.id === "owner" ? "success" : "neutral", children: r.name }, r.id)),
+          user.sso ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Badge, { tone: "info", icon: "shield-check", children: "SSO" }) : null
         ] })
       ] }),
-      onChangePhoto ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { variant: "secondary", size: "sm", icon: "image", onClick: onChangePhoto, children: "Change photo" }) : null
+      onChangePhoto ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { variant: "secondary", size: "sm", icon: "image", onClick: onChangePhoto, children: "Change photo" }) : null
     ] }) }),
-    fieldGroups.map(({ group, description, fields: groupFieldDefs }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    fieldGroups.map(({ group, description, fields: groupFieldDefs }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       Card,
       {
-        title: description ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: group }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: description })
+        title: description ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: group }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: description })
         ] }) : group,
         elevation: "flat",
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 14 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: groupFieldDefs.filter((f) => f.type !== "textarea").map((field) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "fd-stack", style: { gap: 14 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit,minmax(220px,1fr))", gap: 14 }, children: groupFieldDefs.filter((f) => f.type !== "textarea").map((field) => {
             const help = typeof field.help === "function" ? field.help(user) : field.help;
             const readOnly = field.readOnly || field.type === "readonly";
             if (field.type === "select") {
-              return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
                 Select,
                 {
                   label: field.label,
@@ -8227,7 +8475,7 @@ function ProfilePage({
                 field.key
               );
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
               Input,
               {
                 label: field.label,
@@ -8243,7 +8491,7 @@ function ProfilePage({
           }) }),
           groupFieldDefs.filter((f) => f.type === "textarea").map((field) => {
             const help = typeof field.help === "function" ? field.help(user) : field.help;
-            return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
               Textarea,
               {
                 label: field.label,
@@ -8263,16 +8511,16 @@ function ProfilePage({
       group
     )),
     extra,
-    notifications.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card, { title: "Notifications", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fd-stack", style: { gap: 14 }, children: notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Switch, { checked: !!notify[n.key], onChange: () => toggleNotify(n.key), label: n.label, description: n.description }, n.key)) }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+    notifications.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card, { title: "Notifications", elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "fd-stack", style: { gap: 14 }, children: notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Switch, { checked: !!notify[n.key], onChange: () => toggleNotify(n.key), label: n.label, description: n.description }, n.key)) }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
       Card,
       {
-        title: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: "Access" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "What your roles grant you" })
+        title: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "fd-stack", style: { gap: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: "Access" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "fd-body-sm fd-muted", style: { fontWeight: 400 }, children: "What your roles grant you" })
         ] }),
         elevation: "flat",
-        action: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        action: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           Button,
           {
             size: "sm",
@@ -8283,39 +8531,39 @@ function ProfilePage({
           }
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CardRow, { label: "Roles", children: roles.map((r) => r.name).join(", ") || "None" }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(CardRow, { label: "Permissions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "fd-stack", style: { gap: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CardRow, { label: "Roles", children: roles.map((r) => r.name).join(", ") || "None" }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(CardRow, { label: "Permissions", children: [
               permissions.length,
               " granted"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CardRow, { label: "Member since", children: user.joined || "\u2014" })
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CardRow, { label: "Member since", children: user.joined || "\u2014" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: "12px 0 0" }, children: "You cannot change your own roles \u2014 that is the point of them. An administrator manages roles from Admin \u2192 Users." })
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: "12px 0 0" }, children: "You cannot change your own roles \u2014 that is the point of them. An administrator manages roles from Admin \u2192 Users." })
         ]
       }
     ),
-    sessions ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    sessions ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       Card,
       {
         title: "Signed-in devices",
         elevation: "flat",
-        action: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { size: "sm", variant: "ghost", icon: "sign-out", onClick: onSignOutEverywhere, children: "Sign out everywhere" }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fd-stack", style: { gap: 0 }, children: sessions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: "No other signed-in devices." }) : sessions.map((s) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: { gap: 12, padding: "10px 0", borderTop: "1px solid var(--border)", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("i", { className: "ph ph-device-mobile", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-stack", style: { gap: 1, flex: 1, minWidth: 160 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: s.device }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+        action: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { size: "sm", variant: "ghost", icon: "sign-out", onClick: onSignOutEverywhere, children: "Sign out everywhere" }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "fd-stack", style: { gap: 0 }, children: sessions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: "No other signed-in devices." }) : sessions.map((s) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "fd-row", style: { gap: 12, padding: "10px 0", borderTop: "1px solid var(--border)", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("i", { className: "ph ph-device-mobile", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "fd-stack", style: { gap: 1, flex: 1, minWidth: 160 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600 }, children: s.device }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
               s.where,
               " \xB7 ",
               s.when
             ] })
           ] }),
-          s.current ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Badge, { tone: "success", dot: true, children: "This device" }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { size: "sm", variant: "ghost", children: "Revoke" })
+          s.current ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Badge, { tone: "success", dot: true, children: "This device" }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { size: "sm", variant: "ghost", children: "Revoke" })
         ] }, s.id)) })
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "fd-row", style: {
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "fd-row", style: {
       gap: 10,
       flexWrap: "wrap",
       position: "sticky",
@@ -8326,19 +8574,19 @@ function ProfilePage({
       border: "1px solid var(--border)",
       boxShadow: "0 -4px 16px rgba(11,13,17,.06)"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600, flex: 1 }, children: saved ? "Saved." : dirty ? "Unsaved changes" : "No pending changes" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { size: "sm", variant: "ghost", disabled: !dirty || saving, onClick: discard, children: "Discard" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { size: "sm", icon: "check", disabled: !dirty || !canSave, loading: saving, onClick: save, children: "Save changes" })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "fd-body-sm", style: { fontWeight: 600, flex: 1 }, children: saved ? "Saved." : dirty ? "Unsaved changes" : "No pending changes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { size: "sm", variant: "ghost", disabled: !dirty || saving, onClick: discard, children: "Discard" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { size: "sm", icon: "check", disabled: !dirty || !canSave, loading: saving, onClick: save, children: "Save changes" })
     ] })
   ] });
 }
 
 // src/components/platform/SignInPage.tsx
-var React50 = __toESM(require("react"), 1);
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var React51 = __toESM(require("react"), 1);
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function SignInPage({ productName, onSignIn, continueAs, error }) {
-  const [signingIn, setSigningIn] = React50.useState(false);
-  const [resuming, setResuming] = React50.useState(false);
+  const [signingIn, setSigningIn] = React51.useState(false);
+  const [resuming, setResuming] = React51.useState(false);
   function handleSignIn() {
     setSigningIn(true);
     onSignIn();
@@ -8347,7 +8595,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
     setResuming(true);
     continueAs.onContinue().finally(() => setResuming(false));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "div",
     {
       style: {
@@ -8361,7 +8609,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
         background: "radial-gradient(circle at 15% 15%, var(--blue-700) 0%, transparent 45%), radial-gradient(circle at 85% 85%, var(--blue-600) 0%, transparent 40%), linear-gradient(160deg, var(--navy) 0%, var(--blue-950) 55%, var(--blue-900) 100%)"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -8374,7 +8622,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
           "div",
           {
             style: {
@@ -8386,8 +8634,8 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { style: { marginBottom: "var(--s-32)" }, "data-theme": "dark", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FlytedeskMark, { size: "lg" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { style: { marginBottom: "var(--s-32)" }, "data-theme": "dark", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(FlytedeskMark, { size: "lg" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
                 "div",
                 {
                   style: {
@@ -8397,7 +8645,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
                     boxShadow: "0 24px 64px -12px rgba(2, 8, 20, 0.55), 0 2px 8px rgba(2, 8, 20, 0.3)"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                       "div",
                       {
                         style: {
@@ -8406,7 +8654,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
                       "div",
                       {
                         style: {
@@ -8418,13 +8666,13 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
                           padding: "var(--s-8) 0"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h1", { className: "fd-h3", style: { color: "var(--navy)" }, children: productName }),
-                            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "fd-body-sm fd-muted", style: { marginTop: "var(--s-4)" }, children: continueAs ? "Your session timed out, but you're likely still signed in" : "Sign in with your flytedesk workspace account" })
+                          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h1", { className: "fd-h3", style: { color: "var(--navy)" }, children: productName }),
+                            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "fd-body-sm fd-muted", style: { marginTop: "var(--s-4)" }, children: continueAs ? "Your session timed out, but you're likely still signed in" : "Sign in with your flytedesk workspace account" })
                           ] }),
-                          error ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { role: "alert", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Banner, { tone: "danger", title: error }) }) : null,
-                          continueAs ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                          error ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { role: "alert", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Banner, { tone: "danger", title: error }) }) : null,
+                          continueAs ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                               Button,
                               {
                                 variant: "primary",
@@ -8435,7 +8683,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
                                 children: resuming ? "Resuming\u2026" : `Continue as ${continueAs.name}`
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -8452,7 +8700,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
                                 children: "Not you? Sign in with flytedesk ID"
                               }
                             )
-                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                             Button,
                             {
                               variant: "primary",
@@ -8460,7 +8708,7 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
                               loading: signingIn,
                               disabled: signingIn,
                               onClick: handleSignIn,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
                                 "span",
                                 {
                                   style: {
@@ -8472,14 +8720,14 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
                                     flexWrap: "nowrap"
                                   },
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(GoogleGlyph, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: signingIn ? "Signing in\u2026" : "Sign in with flytedesk ID" })
+                                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(GoogleGlyph, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: signingIn ? "Signing in\u2026" : "Sign in with flytedesk ID" })
                                   ]
                                 }
                               )
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "fd-body-sm fd-muted", style: { fontSize: "12px" }, children: "One account, every flytedesk app." })
+                          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "fd-body-sm fd-muted", style: { fontSize: "12px" }, children: "One account, every flytedesk app." })
                         ]
                       }
                     ) })
@@ -8494,29 +8742,29 @@ function SignInPage({ productName, onSignIn, continueAs, error }) {
   );
 }
 function GoogleGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "path",
       {
         fill: "#4285F4",
         d: "M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.8 2.72v2.26h2.92c1.7-1.57 2.68-3.87 2.68-6.62Z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "path",
       {
         fill: "#34A853",
         d: "M9 18c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.81.54-1.84.87-3.04.87-2.34 0-4.32-1.58-5.03-3.7H.96v2.33A9 9 0 0 0 9 18Z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "path",
       {
         fill: "#FBBC05",
         d: "M3.97 10.73A5.4 5.4 0 0 1 3.68 9c0-.6.1-1.19.29-1.73V4.94H.96A9 9 0 0 0 0 9c0 1.45.35 2.83.96 4.06l3.01-2.33Z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "path",
       {
         fill: "#EA4335",
@@ -8527,10 +8775,10 @@ function GoogleGlyph() {
 }
 
 // src/components/platform/RoadmapTimeline.tsx
-var React53 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 
 // src/kits/session.ts
-var React51 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 var PERMISSION_CATALOG = [
   { group: "Plans", items: [
     { key: "plan.view", label: "View plans", detail: "Read any plan in the workspace." },
@@ -10097,8 +10345,8 @@ function roadmap(overrides) {
   };
 }
 function useSession() {
-  const [s, setS] = React51.useState(getSession);
-  React51.useEffect(() => subscribe(setS), []);
+  const [s, setS] = React52.useState(getSession);
+  React52.useEffect(() => subscribe(setS), []);
   return s;
 }
 var SessionKit = {
@@ -10131,7 +10379,7 @@ var SessionKit = {
 };
 function DemoSessionProvider({ children }) {
   const session = useSession();
-  const value = React51.useMemo(
+  const value = React52.useMemo(
     () => ({
       user: session.user,
       roles: session.roles,
@@ -10147,11 +10395,11 @@ function DemoSessionProvider({ children }) {
     }),
     [session]
   );
-  return React51.createElement(SessionProvider, { value }, children);
+  return React52.createElement(SessionProvider, { value }, children);
 }
 
 // src/kits/runtime.ts
-var React52 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 var WIRED_ENDPOINTS = [
   // Nothing yet. Every id below would come from a real service:
   //   "plan.get", "placements.list", …
@@ -10322,8 +10570,8 @@ var RuntimeKit = {
 };
 RuntimeKit.declare(FEATURE_NEEDS);
 function useRuntimeMode() {
-  const [m, setM] = React52.useState(RuntimeKit.getMode());
-  React52.useEffect(() => RuntimeKit.subscribe(setM), []);
+  const [m, setM] = React53.useState(RuntimeKit.getMode());
+  React53.useEffect(() => RuntimeKit.subscribe(setM), []);
   return m;
 }
 function useFeatureStatus(key) {
@@ -10342,7 +10590,7 @@ var UseRuntimeMode = useRuntimeMode;
 var UseFeatureStatus = useFeatureStatus;
 
 // src/components/platform/RoadmapTimeline.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var STATUS = {
   shipped: { tone: "success", icon: "check-circle", label: "Wired" },
   next: { tone: "warning", icon: "traffic-cone", label: "Not wired" },
@@ -10357,45 +10605,45 @@ function RoadmapCard({ item, byKey, onOpenFlag }) {
   const s = STATUS[item.status] || STATUS.planned;
   const deps = (item.dependsOn || []).map((k) => byKey[k]).filter(Boolean);
   const blocking = deps.filter((d) => !d.implemented);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-body", style: { fontWeight: 700, flex: 1, minWidth: 140 }, children: item.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Badge, { tone: "neutral", icon: PROJECT_ICON[item.project] || "squares-four", children: item.project }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Badge, { tone: s.tone, icon: s.icon, children: s.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card, { elevation: "flat", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-body", style: { fontWeight: 700, flex: 1, minWidth: 140 }, children: item.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Badge, { tone: "neutral", icon: PROJECT_ICON[item.project] || "squares-four", children: item.project }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Badge, { tone: s.tone, icon: s.icon, children: s.label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: item.description }),
-    item.backend ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-overline fd-muted", style: { width: 62, flex: "none", paddingTop: 2 }, children: "Backend" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-body-sm", style: { flex: 1, textWrap: "pretty" }, children: item.backend })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: item.description }),
+    item.backend ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-row", style: { gap: 10, alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-overline fd-muted", style: { width: 62, flex: "none", paddingTop: 2 }, children: "Backend" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-body-sm", style: { flex: 1, textWrap: "pretty" }, children: item.backend })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-      item.effort ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("i", { className: "ph ph-hourglass-medium" }),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+      item.effort ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-hourglass-medium" }),
         " ",
         item.effort
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("i", { className: "ph ph-user" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-body-sm fd-muted", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-user" }),
         " ",
         item.owner
       ] }),
-      item.screen ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Badge, { tone: "neutral", icon: "browser", children: "screen" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      item.screen ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Badge, { tone: "neutral", icon: "browser", children: "screen" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         "button",
         {
           type: "button",
           onClick: () => onOpenFlag && onOpenFlag(item.key),
           style: { all: "unset", cursor: "pointer", display: "inline-flex", alignItems: "center", gap: 5 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("code", { className: "fd-mono", style: { fontSize: 11, color: "var(--brand)" }, children: item.key })
+          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("code", { className: "fd-mono", style: { fontSize: 11, color: "var(--brand)" }, children: item.key })
         }
       )
     ] }),
-    deps.length ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 6, borderTop: "1px solid var(--border)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-overline fd-muted", style: { paddingTop: 3 }, children: "After" }),
-      deps.map((d) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tag, { icon: d.implemented ? "check" : "clock", children: d.label }, d.key))
+    deps.length ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-row", style: { gap: 6, flexWrap: "wrap", paddingTop: 6, borderTop: "1px solid var(--border)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-overline fd-muted", style: { paddingTop: 3 }, children: "After" }),
+      deps.map((d) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Tag, { icon: d.implemented ? "check" : "clock", children: d.label }, d.key))
     ] }) : null,
-    blocking.length && !item.implemented ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "fd-body-sm", style: { color: "var(--warn-text)" }, children: [
+    blocking.length && !item.implemented ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-body-sm", style: { color: "var(--warn-text)" }, children: [
       "Blocked until ",
       blocking.map((d) => d.label).join(" and "),
       " ",
@@ -10406,12 +10654,12 @@ function RoadmapCard({ item, byKey, onOpenFlag }) {
 }
 function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
   const session = SessionKit.useSession();
-  const [project, setProject] = React53.useState("");
-  const [q, setQ] = React53.useState("");
-  const scrollRef = React53.useRef(null);
-  const nowRef = React53.useRef(null);
-  const rm = React53.useMemo(() => SessionKit.roadmap({ isComplete: RuntimeKit.isComplete }), [session]);
-  const byKey = React53.useMemo(() => {
+  const [project, setProject] = React54.useState("");
+  const [q, setQ] = React54.useState("");
+  const scrollRef = React54.useRef(null);
+  const nowRef = React54.useRef(null);
+  const rm = React54.useMemo(() => SessionKit.roadmap({ isComplete: RuntimeKit.isComplete }), [session]);
+  const byKey = React54.useMemo(() => {
     const m = {};
     rm.items.forEach((i) => {
       m[i.key] = i;
@@ -10420,7 +10668,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))];
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     let raf1 = 0, raf2 = 0;
     const place = () => {
       const box = scrollRef.current, mark = nowRef.current;
@@ -10448,23 +10696,23 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
   }, 0);
   const nextPhase = items.find((i) => !i.implemented);
   let lastPhase = null;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-stack", style: { gap: 16, maxWidth: 1e3 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-overline fd-muted", children: "Architecture" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede || "Every screen and feature in these tools is already designed and working against a simulated backend. This is the plan for connecting them to the real one \u2014 so the only work described here is server work." })
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-stack", style: { gap: 16, maxWidth: 1e3 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-stack", style: { gap: 10 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-overline fd-muted", children: "Architecture" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h1", { className: "fd-h1", style: { margin: 0 }, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "fd-body fd-secondary fd-prose", style: { margin: 0 }, children: lede || "Every screen and feature in these tools is already designed and working against a simulated backend. This is the plan for connecting them to the real one \u2014 so the only work described here is server work." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-grid-stats is-thin", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StatTile, { compact: true, label: "Wired", value: String(rm.shipped), sub: "of " + rm.items.length + " features" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StatTile, { compact: true, label: "Remaining", value: String(rm.remaining), sub: "backend work" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StatTile, { compact: true, label: "Est. effort", value: days ? days + " days" : "\u2014", sub: "sum of estimates, not calendar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StatTile, { compact: true, label: "Up next", value: nextPhase ? "Phase " + nextPhase.phase : "\u2014", sub: nextPhase ? nextPhase.phaseName : "all wired" })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-grid-stats is-thin", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StatTile, { compact: true, label: "Wired", value: String(rm.shipped), sub: "of " + rm.items.length + " features" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StatTile, { compact: true, label: "Remaining", value: String(rm.remaining), sub: "backend work" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StatTile, { compact: true, label: "Est. effort", value: days ? days + " days" : "\u2014", sub: "sum of estimates, not calendar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StatTile, { compact: true, label: "Up next", value: nextPhase ? "Phase " + nextPhase.phase : "\u2014", sub: nextPhase ? nextPhase.phaseName : "all wired" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find a feature or a piece of backend work", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Select, { placeholder: "All projects", value: project, onChange: (e) => setProject(e.target.value), options: projects, style: { width: 190 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { style: { flex: 1 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-row", style: { gap: 10, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Input, { icon: "magnifying-glass", placeholder: "Find a feature or a piece of backend work", value: q, onChange: (e) => setQ(e.target.value), style: { width: 300 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Select, { placeholder: "All projects", value: project, onChange: (e) => setProject(e.target.value), options: projects, style: { width: 190 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { style: { flex: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         Button,
         {
           size: "sm",
@@ -10478,7 +10726,7 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       Flag,
       {
         tone: "info",
@@ -10487,60 +10735,60 @@ function RoadmapTimeline({ onOpenFlag, title = "Roadmap", lede }) {
         actions: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "fd-rm", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "fd-rm-scroll", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-rm-track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-rm-spine", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-rm-spine-done", style: { height: items.length ? 100 * shippedShown / items.length + "%" : "0%" } }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "fd-rm", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "fd-rm-scroll", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-rm-track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-rm-spine", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-rm-spine-done", style: { height: items.length ? 100 * shippedShown / items.length + "%" : "0%" } }) }),
       items.map((item, n) => {
         const showPhase = item.phase !== lastPhase;
         lastPhase = item.phase;
         const inPhase = items.filter((i) => i.phase === item.phase).length;
         const isBoundary = n === firstPending;
-        return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(React53.Fragment, { children: [
-          showPhase ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-rm-era", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { style: { fontWeight: 700 }, children: item.phase === 0 ? "Shipped" : "Phase " + item.phase + " \u2014 " + item.phaseName }),
-              item.phase === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "fd-mono", style: { opacity: 0.7, fontWeight: 400 }, children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(React54.Fragment, { children: [
+          showPhase ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-rm-era", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-row", style: { gap: 8, flexWrap: "wrap", alignItems: "baseline" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { style: { fontWeight: 700 }, children: item.phase === 0 ? "Shipped" : "Phase " + item.phase + " \u2014 " + item.phaseName }),
+              item.phase === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-mono", style: { opacity: 0.7, fontWeight: 400 }, children: [
                 fmtDate(item.phaseStart),
                 " \u2013 ",
                 fmtDate(item.date)
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { style: { opacity: 0.7, fontWeight: 400 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { style: { opacity: 0.7, fontWeight: 400 }, children: [
                 "\xB7 ",
                 inPhase,
                 " feature",
                 inPhase === 1 ? "" : "s"
               ] })
             ] }),
-            item.phaseWhy ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "fd-rm-era-why", children: item.phaseWhy }) : null
+            item.phaseWhy ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "fd-rm-era-why", children: item.phaseWhy }) : null
           ] }) : null,
-          isBoundary ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "fd-rm-now", ref: nowRef, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "fd-rm-now-pill", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("i", { className: "ph ph-map-pin" }),
+          isBoundary ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "fd-rm-now", ref: nowRef, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-rm-now-pill", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-map-pin" }),
             " You are here \u2014 everything above is wired"
           ] }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-rm-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fd-rm-dot " + (item.implemented ? "is-shipped" : item.status === "next" ? "is-next" : "") }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fd-rm-date", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-rm-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-rm-dot " + (item.implemented ? "is-shipped" : item.status === "next" ? "is-next" : "") }),
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-rm-date", children: [
               fmtDate(item.date),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("br", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { style: { opacity: 0.75 }, children: item.implemented ? "shipped" : "phase " + item.phase })
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("br", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { style: { opacity: 0.75 }, children: item.implemented ? "shipped" : "phase " + item.phase })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(RoadmapCard, { item, byKey, onOpenFlag })
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(RoadmapCard, { item, byKey, onOpenFlag })
           ] })
         ] }, item.key);
       }),
-      !items.length ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "fd-body-sm fd-muted", children: "Nothing matches that filter." }) : null
+      !items.length ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "fd-body-sm fd-muted", children: "Nothing matches that filter." }) : null
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { className: "fd-body-sm fd-muted", style: { margin: 0 }, children: [
       "Derived from the feature-flag registry \u2014 each entry's status is its flag's ",
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("code", { className: "fd-mono", children: "implemented" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("code", { className: "fd-mono", children: "implemented" }),
       " field, so this page cannot drift from what the apps actually do."
     ] })
   ] });
 }
 
 // src/components/platform/ComingSoon.tsx
-var React54 = __toESM(require("react"), 1);
+var React55 = __toESM(require("react"), 1);
 var import_react_dom6 = require("react-dom");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var BYPASS_STORE = "fd.soon.bypass.v1";
 function readBypassed() {
   try {
@@ -10556,8 +10804,8 @@ function writeBypassed(list) {
   }
 }
 function useBypass(key) {
-  const [on, setOn] = React54.useState(() => !!key && readBypassed().indexOf(key) >= 0);
-  React54.useEffect(() => {
+  const [on, setOn] = React55.useState(() => !!key && readBypassed().indexOf(key) >= 0);
+  React55.useEffect(() => {
     setOn(!!key && readBypassed().indexOf(key) >= 0);
   }, [key]);
   const set = (next) => {
@@ -10570,43 +10818,43 @@ function useBypass(key) {
   return [on, set];
 }
 function SoonCard({ label, detail, backend, eta, effort, onRoadmap, allowed, onBypass }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-soon-badge", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-soon-badge", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
       label
     ] }),
-    detail ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-soon-detail", children: detail }) : null,
-    backend ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-soon-backend", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-overline", children: "Needs" }),
+    detail ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "fd-soon-detail", children: detail }) : null,
+    backend ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-soon-backend", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "fd-overline", children: "Needs" }),
       " ",
       backend
     ] }) : null,
-    eta || effort || onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-soon-meta", children: [
-      eta ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }),
+    eta || effort || onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-soon-meta", children: [
+      eta ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-calendar-blank", "aria-hidden": "true" }),
         " ",
         eta
       ] }) : null,
-      effort ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-hourglass-medium", "aria-hidden": "true" }),
+      effort ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-hourglass-medium", "aria-hidden": "true" }),
         " ",
         effort
       ] }) : null,
-      onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
+      onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
         "See the roadmap ",
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
       ] }) : null
     ] }) : null,
-    allowed ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("button", { type: "button", className: "fd-soon-view", onClick: onBypass, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-eye", "aria-hidden": "true" }),
+    allowed ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("button", { type: "button", className: "fd-soon-view", onClick: onBypass, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-eye", "aria-hidden": "true" }),
       " View and use it anyway"
     ] }) : null
   ] });
 }
 function useHoverCard(open2) {
-  const anchor = React54.useRef(null);
-  const [pos, setPos] = React54.useState(null);
-  React54.useLayoutEffect(() => {
+  const anchor = React55.useRef(null);
+  const [pos, setPos] = React55.useState(null);
+  React55.useLayoutEffect(() => {
     if (!open2 || !anchor.current) {
       setPos(null);
       return;
@@ -10658,9 +10906,9 @@ function ComingSoon({
   const tip = [label, detail, backend ? "Needs " + backend : null, eta ? "ETA " + eta : null, effort].filter(Boolean).join(" \xB7 ");
   if (inline) {
     if (allowed && bypassed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: ["fd-soon-inline-on", className].filter(Boolean).join(" "), ...rest, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: ["fd-soon-inline-on", className].filter(Boolean).join(" "), ...rest, children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
@@ -10668,12 +10916,12 @@ function ComingSoon({
             title: "Unwired \u2014 writes go to the simulated backend. " + tip + " Click to re-blur.",
             onClick: () => setBypassed(false),
             "aria-label": "Re-blur this unwired feature",
-            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
           }
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       InlineSoon,
       {
         label,
@@ -10693,20 +10941,20 @@ function ComingSoon({
     );
   }
   if (allowed && bypassed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fd-soon-bar", role: "status", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-soon-badge", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "fd-soon-bar", role: "status", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-soon-badge", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" }),
           "Unwired feature \u2014 you are using it anyway"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-soon-bar-detail", children: "Every action here writes to the simulated backend, so nothing you do persists beyond this session." }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "fd-soon-bar-actions", children: [
-          onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "fd-soon-bar-detail", children: "Every action here writes to the simulated backend, so nothing you do persists beyond this session." }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-soon-bar-actions", children: [
+          onRoadmap ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: onRoadmap, children: [
             "Roadmap ",
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => setBypassed(false), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-eye-slash", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => setBypassed(false), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-eye-slash", "aria-hidden": "true" }),
             " Re-blur"
           ] })
         ] })
@@ -10714,10 +10962,10 @@ function ComingSoon({
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ["fd-soon", className].filter(Boolean).join(" "), style: minHeight ? { minHeight } : void 0, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "fd-soon-under", style: { filter: "blur(" + blur + "px) saturate(.62)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "fd-soon-veil" }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "fd-soon-note", role: "note", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: ["fd-soon", className].filter(Boolean).join(" "), style: minHeight ? { minHeight } : void 0, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "fd-soon-under", style: { filter: "blur(" + blur + "px) saturate(.62)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "fd-soon-veil" }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "fd-soon-note", role: "note", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       SoonCard,
       {
         label,
@@ -10733,10 +10981,12 @@ function ComingSoon({
   ] });
 }
 function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, onBypass, blur, tip, className, rest, children }) {
-  const [open2, setOpen] = React54.useState(false);
+  const [open2, setOpen] = React55.useState(false);
   const [anchor, pos] = useHoverCard(open2);
-  const zIndex = useOverlayLayer(open2);
-  const close2 = React54.useRef(null);
+  const hoverCardRef = React55.useRef(null);
+  const hoverLayer = useStackedLayer({ active: open2, containerRef: hoverCardRef, returnFocus: false });
+  const zIndex = useLayerZIndex(hoverLayer);
+  const close2 = React55.useRef(null);
   const show = () => {
     if (close2.current) {
       clearTimeout(close2.current);
@@ -10752,10 +11002,10 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
       setOpen(false);
     }, 140);
   };
-  React54.useEffect(() => () => {
+  React55.useEffect(() => () => {
     if (close2.current) clearTimeout(close2.current);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "span",
     {
       ref: anchor,
@@ -10766,8 +11016,8 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
       onBlur: hide,
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "fd-soon-under", style: { filter: "blur(" + Math.min(blur, 1.1) + "px) saturate(.66)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "fd-soon-under", style: { filter: "blur(" + Math.min(blur, 1.1) + "px) saturate(.66)" }, ...{ inert: "" }, "aria-hidden": "true", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
@@ -10778,19 +11028,20 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
             onFocus: show,
             onBlur: hide,
             onClick: () => open2 ? setOpen(false) : show(),
-            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-traffic-cone", "aria-hidden": "true" })
           }
         ),
         open2 && pos ? (0, import_react_dom6.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LayerProvider, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             "div",
             {
+              ref: hoverCardRef,
               className: "fd-soon-note fd-soon-hovercard",
               role: "tooltip",
               style: { position: "fixed", left: pos.left, top: pos.top, bottom: pos.bottom, width: pos.width, zIndex },
               onMouseEnter: show,
               onMouseLeave: hide,
-              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 SoonCard,
                 {
                   label,
@@ -10804,7 +11055,7 @@ function InlineSoon({ label, detail, backend, eta, effort, onRoadmap, allowed, o
                 }
               )
             }
-          ) }),
+          ),
           document.body
         ) : null
       ]
@@ -10820,10 +11071,10 @@ function formatEta(iso2) {
 var FormatEta = formatEta;
 
 // src/components/platform/Gate.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function PermissionDenied({ permission, title, detail, compact: compact3 = false, className = "", ...rest }) {
   const need = Array.isArray(permission) ? permission : [permission].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       className: ["fd-stack", className].filter(Boolean).join(" "),
@@ -10839,14 +11090,14 @@ function PermissionDenied({ permission, title, detail, compact: compact3 = false
       },
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-lock-simple", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: compact3 ? "fd-label-lg" : "fd-h3", children: title || "You do not have access to this" })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-lock-simple", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: compact3 ? "fd-label-lg" : "fd-h3", children: title || "You do not have access to this" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: detail || "Your roles do not grant this. An administrator can change that from Admin \u2192 Users." }),
-        need.length ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "fd-overline fd-muted", children: "Requires" }),
-          need.map((p) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("code", { className: "fd-mono", style: {
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: detail || "Your roles do not grant this. An administrator can change that from Admin \u2192 Users." }),
+        need.length ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-row", style: { gap: 6, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-overline fd-muted", children: "Requires" }),
+          need.map((p) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("code", { className: "fd-mono", style: {
             fontSize: 11.5,
             padding: "2px 7px",
             borderRadius: 5,
@@ -10859,7 +11110,7 @@ function PermissionDenied({ permission, title, detail, compact: compact3 = false
   );
 }
 function GatePending({ compact: compact3 = false, className = "" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       className: ["fd-stack", className].filter(Boolean).join(" "),
@@ -10875,11 +11126,11 @@ function GatePending({ compact: compact3 = false, className = "" }) {
         textAlign: "left"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("i", { className: "ph ph-arrows-clockwise", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: compact3 ? "fd-label-lg" : "fd-h3", children: "Reconnecting\u2026" })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-row", style: { gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-arrows-clockwise", style: { fontSize: 16, color: "var(--text-muted)" }, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: compact3 ? "fd-label-lg" : "fd-h3", children: "Reconnecting\u2026" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: "Your access can't be verified right now. This will resolve on its own once the connection is back." })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "fd-body-sm fd-secondary", style: { margin: 0, textWrap: "pretty" }, children: "Your access can't be verified right now. This will resolve on its own once the connection is back." })
       ]
     }
   );
@@ -10889,7 +11140,7 @@ function Gate({ perm, anyOf, role, silent = false, fallback, pendingFallback, co
   if (pending) {
     if (pendingFallback !== void 0) return pendingFallback;
     if (silent) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(GatePending, { compact: compact3 });
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(GatePending, { compact: compact3 });
   }
   let ok = true;
   if (perm) ok = ok && can2(perm);
@@ -10898,7 +11149,7 @@ function Gate({ perm, anyOf, role, silent = false, fallback, pendingFallback, co
   if (ok) return children;
   if (fallback !== void 0) return fallback;
   if (silent) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PermissionDenied, { permission: perm || anyOf, compact: compact3 });
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PermissionDenied, { permission: perm || anyOf, compact: compact3 });
 }
 function FeatureGate({
   flag,
@@ -10921,7 +11172,7 @@ function FeatureGate({
   const f = SessionKit.findFlag(flag) || {};
   const missing = rt.missing || [];
   const canBypass = pending ? false : bypassPerm === null ? false : !bypassPerm || can2(bypassPerm);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     ComingSoon,
     {
       label: label || (variant === "inline" ? f.label || "Not wired yet" : "Designed \u2014 backend not wired yet"),
@@ -10942,22 +11193,22 @@ function FeatureGate({
 function PermissionHint({ perm, children }) {
   const { can: can2, pending } = useSessionContext();
   if (pending) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { title: "Access can't be verified right now", style: { display: "inline-flex", opacity: 0.45, cursor: "not-allowed" }, "aria-disabled": "true", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { style: { pointerEvents: "none" }, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { title: "Access can't be verified right now", style: { display: "inline-flex", opacity: 0.45, cursor: "not-allowed" }, "aria-disabled": "true", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { style: { pointerEvents: "none" }, children }) });
   }
   if (can2(perm)) return children;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     "span",
     {
       title: "Requires " + (Array.isArray(perm) ? perm.join(", ") : perm),
       style: { display: "inline-flex", opacity: 0.45, cursor: "not-allowed" },
       "aria-disabled": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { style: { pointerEvents: "none" }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { style: { pointerEvents: "none" }, children })
     }
   );
 }
 
 // src/components/platform/ModeSwitch.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog, onOpenSpec, summary }) {
   const mode2 = useRuntimeMode();
   const panel = useInlinePanel();
@@ -10969,8 +11220,8 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
     RuntimeKit.setMode(next);
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { style: { position: "relative", display: "inline-flex" }, ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { style: { position: "relative", display: "inline-flex" }, ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       "button",
       {
         type: "button",
@@ -10980,29 +11231,29 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
         title: test ? "Test mode \u2014 every response is simulated. Click to inspect requests or return to live mode." : "Live mode \u2014 incomplete features are shown under construction. Click for test mode.",
         className: "fd-mode-btn" + (test ? " is-test" : "") + (open2 ? " is-open" : ""),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), style: { fontSize: 17 } }),
-          test && requestCount ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-mono fd-mode-count", children: requestCount > 99 ? "99+" : requestCount }, requestCount) : null
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), style: { fontSize: 17 } }),
+          test && requestCount ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-mono fd-mode-count", children: requestCount > 99 ? "99+" : requestCount }, requestCount) : null
         ]
       }
     ),
-    open2 ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(InlinePanelLayers, { panel, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-view-enter fd-mode-pop", style: { zIndex }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-badge " + (test ? "fd-badge-warning" : "fd-badge-neutral"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), "aria-hidden": "true" }),
+    open2 ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(InlinePanelLayers, { panel, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-view-enter fd-mode-pop", style: { zIndex }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-badge " + (test ? "fd-badge-warning" : "fd-badge-neutral"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph " + (test ? "ph-flask" : "ph-lightning"), "aria-hidden": "true" }),
           test ? "Test mode" : "Live mode"
         ] }),
-        test ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+        test ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
           requestCount,
           " simulated request",
           requestCount === 1 ? "" : "s"
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { style: { flex: 1 } }),
-        test && onClearLog ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { type: "button", className: "fd-soon-link", onClick: onClearLog, children: "Clear" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { style: { flex: 1 } }),
+        test && onClearLog ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { type: "button", className: "fd-soon-link", onClick: onClearLog, children: "Clear" }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { style: { display: "block", padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-body-sm fd-secondary", style: { display: "block", textWrap: "pretty" }, children: test ? "Every feature is usable and nothing is obstructed, but no response comes from a real service \u2014 nothing you do here persists. Use this to review and demo the design." : "This is what a user would see today. " + s.incomplete + " of " + s.total + " features depend on backend work that is not wired yet, so they render under construction." }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-row", style: { gap: 8, marginTop: 10, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { style: { display: "block", padding: "12px 14px", borderBottom: "1px solid var(--border)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-body-sm fd-secondary", style: { display: "block", textWrap: "pretty" }, children: test ? "Every feature is usable and nothing is obstructed, but no response comes from a real service \u2014 nothing you do here persists. Use this to review and demo the design." : "This is what a user would see today. " + s.incomplete + " of " + s.total + " features depend on backend work that is not wired yet, so they render under construction." }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-row", style: { gap: 8, marginTop: 10, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-body-sm fd-muted fd-mono", children: [
             s.endpointsWired,
             " endpoint",
             s.endpointsWired === 1 ? "" : "s",
@@ -11012,58 +11263,58 @@ function ModeSwitch({ canToggle = false, requestCount = 0, onClearLog, renderLog
             s.total,
             " features complete"
           ] }),
-          onOpenSpec ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { style: { flex: 1 } }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => {
+          onOpenSpec ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { style: { flex: 1 } }),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => {
               setOpen(false);
               onOpenSpec();
             }, children: [
               "API spec ",
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-arrow-right", "aria-hidden": "true" })
             ] })
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-mode-choice", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { type: "button", className: "fd-mode-opt" + (!test ? " is-on" : ""), onClick: () => go("live"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-mode-opt-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-mode-opt-title", children: "Live mode" }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-mode-opt-desc", children: "Incomplete features under construction" })
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-mode-choice", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("button", { type: "button", className: "fd-mode-opt" + (!test ? " is-on" : ""), onClick: () => go("live"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-mode-opt-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-mode-opt-title", children: "Live mode" }),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-mode-opt-desc", children: "Incomplete features under construction" })
           ] }),
-          !test ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
+          !test ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { type: "button", className: "fd-mode-opt" + (test ? " is-on" : ""), onClick: () => go("test"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-mode-opt-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-mode-opt-title", children: "Test mode" }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-mode-opt-desc", children: "Everything usable, all data simulated" })
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("button", { type: "button", className: "fd-mode-opt" + (test ? " is-on" : ""), onClick: () => go("test"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-mode-opt-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-mode-opt-title", children: "Test mode" }),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-mode-opt-desc", children: "Everything usable, all data simulated" })
           ] }),
-          test ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
+          test ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-check", "aria-hidden": "true" }) : null
         ] })
       ] }),
-      test && renderLog ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { style: { display: "block", maxHeight: 340, overflowY: "auto", borderTop: "1px solid var(--border)" }, children: renderLog() }) : null
+      test && renderLog ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { style: { display: "block", maxHeight: 340, overflowY: "auto", borderTop: "1px solid var(--border)" }, children: renderLog() }) : null
     ] }) }) : null
   ] });
 }
 function TestModeBar({ onExit }) {
   const mode2 = useRuntimeMode();
   if (mode2 !== "test") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "fd-testbar", role: "status", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "fd-badge fd-badge-warning", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "fd-testbar", role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "fd-badge fd-badge-warning", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-flask", "aria-hidden": "true" }),
       "Test mode"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "fd-testbar-detail", children: "Every feature is unlocked and every response is simulated \u2014 nothing here persists." }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => onExit ? onExit() : RuntimeKit.setMode("live"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-testbar-detail", children: "Every feature is unlocked and every response is simulated \u2014 nothing here persists." }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("button", { type: "button", className: "fd-soon-link", onClick: () => onExit ? onExit() : RuntimeKit.setMode("live"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-lightning", "aria-hidden": "true" }),
       " Back to live mode"
     ] })
   ] });
 }
 
 // src/components/planner/ChannelMeta.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var CHANNEL_WEIGHTS = {
   "OOH": 50,
   "DOOH": 50,
@@ -11116,9 +11367,9 @@ function ChannelTag({ channel, size = "md", showLabel = true, dot = false, weigh
   const m = ChannelMeta(channel);
   const wt = channelWeightOf(channel || "");
   if (dot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: ["fd-chan-dot", className].filter(Boolean).join(" "), title: m.name, style: { background: m.color }, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: ["fd-chan-dot", className].filter(Boolean).join(" "), title: m.name, style: { background: m.color }, ...rest });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "span",
     {
       className: ["fd-chan", size === "sm" ? "fd-chan-sm" : "", className].filter(Boolean).join(" "),
@@ -11126,16 +11377,16 @@ function ChannelTag({ channel, size = "md", showLabel = true, dot = false, weigh
       style: { "--chan": m.color },
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }),
-        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-chan-label", children: m.label }) : null,
-        weight ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "fd-chan-weight", children: wt || 0 }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }),
+        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-chan-label", children: m.label }) : null,
+        weight ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-chan-weight", children: wt || 0 }) : null
       ]
     }
   );
 }
 
 // src/components/planner/SaturationDistribution.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var BANDS2 = [
   { key: "weak", label: "Weak", n: 1, range: "< 50" },
   { key: "adequate", label: "Adequate", n: 2, range: "50\u2013100" },
@@ -11146,24 +11397,24 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
   const grouped = BANDS2.map((b) => ({ ...b, items: campuses.filter((c) => c.band === b.key) }));
   const tallest = Math.max(1, ...grouped.map((g) => g.items.length));
   const floor = BANDS2.find((b) => b.key === floorBand) || BANDS2[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,minmax(0,1fr))", gap: 12, alignItems: "end" }, children: grouped.map((g) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,minmax(0,1fr))", gap: 12, alignItems: "end" }, children: grouped.map((g) => {
       const mark = "var(--csi-" + g.n + "-mark)";
       const active = selectedBand === g.key;
-      return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
         "button",
         {
           type: "button",
           onClick: onSelectBand ? () => onSelectBand(active ? null : g.key) : void 0,
           style: { display: "flex", flexDirection: "column", justifyContent: "flex-end", gap: 10, padding: 12, border: "1px solid " + (active ? "var(--border-strong)" : "var(--border)"), borderRadius: "var(--r-lg)", background: active ? "var(--surface-2)" : "var(--surface)", cursor: onSelectBand ? "pointer" : "default", textAlign: "left", minHeight: 190, minWidth: 0, transition: "background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { style: { display: "flex", flexDirection: "column-reverse", gap: 4, minHeight: tallest * 24, minWidth: 0 }, children: loading ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-skel", style: { height: 16, borderRadius: 4 } }, i)) : g.items.map((c) => (
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { style: { display: "flex", flexDirection: "column-reverse", gap: 4, minHeight: tallest * 24, minWidth: 0 }, children: loading ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-skel", style: { height: 16, borderRadius: 4 } }, i)) : g.items.map((c) => (
               // `overflow: hidden` + `white-space: nowrap` only clips once the span
               // actually HAS a bounded width to clip against (see the grid/flex
               // `minWidth: 0` chain above) — `textOverflow: ellipsis` then makes
               // that clip readable instead of a hard cut mid-letter; the full name
               // is still one hover away via `title`.
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
                 "span",
                 {
                   title: c.name + " \xB7 " + c.crp,
@@ -11173,13 +11424,13 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
                 c.name
               )
             )) }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fd-row", style: { gap: 8, alignItems: "baseline" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-num-hero", style: { fontSize: 30, color: g.items.length ? "var(--text)" : "var(--text-disabled)" }, children: loading ? "\u2013" : g.items.length }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-meter", style: { gap: 2, color: mark }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-meter-seg" + (i <= g.n ? " is-on" : ""), style: { width: 4, height: 9 } }, i)) })
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fd-row", style: { gap: 8, alignItems: "baseline" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-num-hero", style: { fontSize: 30, color: g.items.length ? "var(--text)" : "var(--text-disabled)" }, children: loading ? "\u2013" : g.items.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-meter", style: { gap: 2, color: mark }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-meter-seg" + (i <= g.n ? " is-on" : ""), style: { width: 4, height: 9 } }, i)) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fd-stack", style: { gap: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-label-lg", children: g.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fd-body-sm fd-muted", style: { fontSize: 11.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fd-stack", style: { gap: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-label-lg", children: g.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fd-body-sm fd-muted", style: { fontSize: 11.5 }, children: [
                 "CRP ",
                 g.range
               ] })
@@ -11189,10 +11440,10 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
         g.key
       );
     }) }),
-    floorBand ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderRadius: "var(--r-md)", background: "var(--surface-2)", border: "1px solid var(--border)", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-meter", style: { gap: 2, color: "var(--csi-" + floor.n + "-mark)" }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fd-meter-seg" + (i <= floor.n ? " is-on" : ""), style: { width: 5, height: 12 } }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { flex: 1, minWidth: 240 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("strong", { style: { color: "var(--text)" }, children: [
+    floorBand ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fd-row", style: { gap: 10, padding: "12px 14px", borderRadius: "var(--r-md)", background: "var(--surface-2)", border: "1px solid var(--border)", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-meter", style: { gap: 2, color: "var(--csi-" + floor.n + "-mark)" }, "aria-hidden": "true", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-meter-seg" + (i <= floor.n ? " is-on" : ""), style: { width: 5, height: 12 } }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { flex: 1, minWidth: 240 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("strong", { style: { color: "var(--text)" }, children: [
           "Plan floor ",
           floorScore
         ] }),
@@ -11203,8 +11454,8 @@ function SaturationDistribution({ campuses = [], floorBand, floorScore, onSelect
 }
 
 // src/components/planner/MixGap.tsx
-var React55 = __toESM(require("react"), 1);
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var React56 = __toESM(require("react"), 1);
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var MIX_GAP_LAYOUT = {
   trackHeight: 30,
   barHeight: 20,
@@ -11218,19 +11469,19 @@ 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] = React55.useState(null);
+  const [hover, setHover] = React56.useState(null);
   const toneOf = (gap) => gap >= -1 ? "ok" : gap >= -4 ? "warn" : "danger";
   const TONE = { ok: "var(--ok-solid)", warn: "var(--warn-solid)", danger: "var(--danger-solid)" };
   const { trackHeight, barHeight, targetWidth, labelGap } = MIX_GAP_LAYOUT;
   const barTop = (trackHeight - barHeight) / 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 4 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fd-row", style: { gap: 16, justifyContent: "flex-end", paddingBottom: 6, flexWrap: "wrap" }, children: [
-      [["On target", TONE.ok], ["Close", TONE.warn], ["Short", TONE.danger]].map(([l, c]) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { style: { width: 14, height: 9, borderRadius: 2, background: c } }),
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 4 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fd-row", style: { gap: 16, justifyContent: "flex-end", paddingBottom: 6, flexWrap: "wrap" }, children: [
+      [["On target", TONE.ok], ["Close", TONE.warn], ["Short", TONE.danger]].map(([l, c]) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { style: { width: 14, height: 9, borderRadius: 2, background: c } }),
         l
       ] }, l)),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "data-mixgap-legend-target": "", style: { width: targetWidth, height: 16, borderRadius: 1, background: MIX_GAP_TARGET_STRIPE } }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "fd-row fd-body-sm fd-muted", style: { gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { "data-mixgap-legend-target": "", style: { width: targetWidth, height: 16, borderRadius: 1, background: MIX_GAP_TARGET_STRIPE } }),
         "Target"
       ] })
     ] }),
@@ -11239,7 +11490,7 @@ function MixGap({ rows = [], loading = false, className = "" }) {
       const tone = toneOf(gap);
       const tip = "Realized " + r.realized + "% vs " + r.target + "% target" + (gap < -1 ? " \xB7 " + Math.abs(gap).toFixed(0) + " pts short" : gap > 1 ? " \xB7 " + gap.toFixed(0) + " pts over" : " \xB7 on target") + (r.note ? " \u2014 " + r.note : "");
       const labelLeft = r.realized > r.target ? `calc(${mixGapOffset(r.realized, max)} + ${labelGap}px)` : `calc(${mixGapOffset(r.target, max)} + ${targetWidth / 2 + labelGap}px)`;
-      return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         "div",
         {
           className: "fd-row",
@@ -11247,15 +11498,15 @@ function MixGap({ rows = [], loading = false, className = "" }) {
           onMouseEnter: () => setHover(r.channel),
           onMouseLeave: () => setHover(null),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { style: { width: 128, flex: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChannelTag, { channel: r.channel, size: "sm" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { style: { position: "relative", flex: 1, height: trackHeight, minWidth: 120 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-skel", style: { position: "absolute", left: 0, right: 0, top: barTop, height: barHeight, borderRadius: 3 } }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "data-mixgap-bar": "", style: { position: "absolute", left: 0, top: barTop, height: barHeight, width: mixGapOffset(r.realized, max), background: TONE[tone], borderRadius: "2px 3px 3px 2px", transition: "width var(--dur-slow) var(--ease), background var(--dur-base) var(--ease)" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "data-mixgap-target": "", style: { position: "absolute", left: `calc(${mixGapOffset(r.target, max)} - ${targetWidth / 2}px)`, top: 0, width: targetWidth, height: trackHeight, background: MIX_GAP_TARGET_STRIPE, borderRadius: 1 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { "data-mixgap-label": "", className: "fd-num", style: { position: "absolute", left: labelLeft, top: "50%", transform: "translateY(-50%)", fontSize: 12, color: "var(--text-muted)", whiteSpace: "nowrap" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { style: { width: 128, flex: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ChannelTag, { channel: r.channel, size: "sm" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { style: { position: "relative", flex: 1, height: trackHeight, minWidth: 120 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "fd-skel", style: { position: "absolute", left: 0, right: 0, top: barTop, height: barHeight, borderRadius: 3 } }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { "data-mixgap-bar": "", style: { position: "absolute", left: 0, top: barTop, height: barHeight, width: mixGapOffset(r.realized, max), background: TONE[tone], borderRadius: "2px 3px 3px 2px", transition: "width var(--dur-slow) var(--ease), background var(--dur-base) var(--ease)" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { "data-mixgap-target": "", style: { position: "absolute", left: `calc(${mixGapOffset(r.target, max)} - ${targetWidth / 2}px)`, top: 0, width: targetWidth, height: trackHeight, background: MIX_GAP_TARGET_STRIPE, borderRadius: 1 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { "data-mixgap-label": "", className: "fd-num", style: { position: "absolute", left: labelLeft, top: "50%", transform: "translateY(-50%)", fontSize: 12, color: "var(--text-muted)", whiteSpace: "nowrap" }, children: [
                 r.realized,
                 "%"
               ] }),
-              hover === r.channel ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fd-tooltip", role: "tooltip", style: { position: "absolute", left: 0, right: "auto", bottom: trackHeight + 4, maxWidth: "min(340px, 100%)", whiteSpace: "normal", textAlign: "left", width: "max-content" }, children: tip }) : null
+              hover === r.channel ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "fd-tooltip", role: "tooltip", style: { position: "absolute", left: 0, right: "auto", bottom: trackHeight + 4, maxWidth: "min(340px, 100%)", whiteSpace: "normal", textAlign: "left", width: "max-content" }, children: tip }) : null
             ] }) })
           ]
         },
@@ -11266,7 +11517,7 @@ function MixGap({ rows = [], loading = false, className = "" }) {
 }
 
 // src/components/planner/ChannelContribution.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var money = (n) => "$" + Math.round(n).toLocaleString();
 function ChannelContribution({
   channels = [],
@@ -11282,9 +11533,9 @@ function ChannelContribution({
   const grand = total !== void 0 ? total : base + bonus;
   const pct = (v) => grand ? v / grand * 100 : 0;
   const spendTotal = channels.reduce((s, c) => s + Number(String(c.spend || 0).replace(/[^0-9.]/g, "")), 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "fd-skel", style: { height: 34, borderRadius: "var(--r-sm)" } }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fd-row", style: { height: 34, borderRadius: "var(--r-sm)", overflow: "hidden", gap: 2, background: "var(--surface-3)" }, children: [
-      channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 16 }, children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "fd-skel", style: { height: 34, borderRadius: "var(--r-sm)" } }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "fd-row", style: { height: 34, borderRadius: "var(--r-sm)", overflow: "hidden", gap: 2, background: "var(--surface-3)" }, children: [
+      channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         "span",
         {
           title: c.name + " \xB7 " + c.crp.toFixed(1) + " CRP",
@@ -11293,7 +11544,7 @@ function ChannelContribution({
         },
         c.name
       )),
-      bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         "span",
         {
           title: "Surround-sound bonus +" + bonusPct + "%",
@@ -11302,18 +11553,18 @@ function ChannelContribution({
         }
       ) : null
     ] }),
-    showTable ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("table", { className: "fd-table", style: { fontSize: "var(--body-sm-size)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("th", { style: { width: "34%" }, children: "Channel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("th", { style: { width: "16%" }, children: "Weight" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("th", { className: "is-num", style: { width: "16%" }, children: "Spend" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "CRP" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "Share" })
+    showTable ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("table", { className: "fd-table", style: { fontSize: "var(--body-sm-size)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { style: { width: "34%" }, children: "Channel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { style: { width: "16%" }, children: "Weight" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "is-num", style: { width: "16%" }, children: "Spend" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "CRP" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "is-num", style: { width: "17%" }, children: "Share" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("tbody", { children: [
-        channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ChannelTag, { channel: c.name, size: "sm" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("tbody", { children: [
+        channels.map((c) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ChannelTag, { channel: c.name, size: "sm" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "span",
             {
               className: "fd-badge fd-badge-neutral",
@@ -11322,38 +11573,38 @@ function ChannelContribution({
               children: "weight " + (channelWeightOf(c.name) || 0)
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { className: "is-num", children: c.spend }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { className: "is-num", children: c.crp.toFixed(1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("td", { className: "is-num", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { className: "is-num", children: c.spend }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { className: "is-num", children: c.crp.toFixed(1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("td", { className: "is-num", children: [
             pct(c.crp).toFixed(0),
             "%"
           ] })
         ] }, c.name)),
-        bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "fd-row", style: { gap: 9, fontWeight: 600 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { style: { width: 9, height: 9, borderRadius: 2, background: "repeating-linear-gradient(135deg,var(--csi-3-mark) 0 3px,var(--csi-2-mark) 3px 6px)", flex: "none" } }),
+        bonus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "fd-row", style: { gap: 9, fontWeight: 600 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { style: { width: 9, height: 9, borderRadius: 2, background: "repeating-linear-gradient(135deg,var(--csi-3-mark) 0 3px,var(--csi-2-mark) 3px 6px)", flex: "none" } }),
             "Surround-sound bonus"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "fd-badge fd-badge-success", style: { height: 20, fontSize: 11 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "fd-badge fd-badge-success", style: { height: 20, fontSize: 11 }, children: [
             "+",
             bonusPct,
             "% of +",
             bonusMax,
             "%"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { className: "is-num fd-muted", children: "\u2014" }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { className: "is-num", children: bonus.toFixed(1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("td", { className: "is-num", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { className: "is-num fd-muted", children: "\u2014" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { className: "is-num", children: bonus.toFixed(1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("td", { className: "is-num", children: [
             pct(bonus).toFixed(0),
             "%"
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("tr", { style: { background: "var(--surface-2)" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { style: { fontWeight: 700 }, children: "Campus total" }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: money(spendTotal) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: grand.toFixed(1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: "100%" })
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("tr", { style: { background: "var(--surface-2)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { style: { fontWeight: 700 }, children: "Campus total" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: money(spendTotal) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: grand.toFixed(1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { className: "is-num", style: { fontWeight: 700 }, children: "100%" })
         ] })
       ] })
     ] }) : null
@@ -11361,8 +11612,8 @@ function ChannelContribution({
 }
 
 // src/components/planner/BudgetReallocator.tsx
-var React56 = __toESM(require("react"), 1);
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var React57 = __toESM(require("react"), 1);
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var bandFor = (crp) => crp >= 200 ? "dominant" : crp >= 100 ? "strong" : crp >= 50 ? "adequate" : "weak";
 function BudgetReallocator({
   campus,
@@ -11377,8 +11628,8 @@ function BudgetReallocator({
   onCancel,
   className = ""
 }) {
-  const [draft, setDraft] = React56.useState(spend);
-  React56.useEffect(() => setDraft(spend), [spend]);
+  const [draft, setDraft] = React57.useState(spend);
+  React57.useEffect(() => setDraft(spend), [spend]);
   const dirty = draft !== spend;
   const nextCrp = scoreFor ? scoreFor(draft) : crp;
   const nextBand = bandFor(nextCrp);
@@ -11393,10 +11644,10 @@ function BudgetReallocator({
     setDraft(spend);
     if (onCancel) onCancel();
   };
-  const trackRef = React56.useRef(null);
-  const chipRef = React56.useRef(null);
-  const [chipLeft, setChipLeft] = React56.useState(null);
-  React56.useLayoutEffect(() => {
+  const trackRef = React57.useRef(null);
+  const chipRef = React57.useRef(null);
+  const [chipLeft, setChipLeft] = React57.useState(null);
+  React57.useLayoutEffect(() => {
     const track = trackRef.current;
     if (!dirty || !track) {
       setChipLeft(null);
@@ -11417,23 +11668,23 @@ function BudgetReallocator({
     ro.observe(track);
     return () => ro.disconnect();
   }, [dirty, pct]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "div",
     {
       className: ["fd-stack", className].filter(Boolean).join(" "),
       style: { gap: 14, padding: 18, border: "1px solid " + (dirty ? "var(--border-brand)" : "var(--border)"), borderRadius: "var(--r-lg)", background: dirty ? "var(--surface-brand)" : "var(--surface)", color: "var(--text)", transition: "background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "fd-h4", style: { flex: 1, minWidth: 140 }, children: campus }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CsiBadge, { band: nowBand, crp, size: "medium" }),
-          dirty ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("i", { className: "ph ph-arrow-right fd-muted", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CsiBadge, { band: nextBand, crp: nextCrp, size: "medium", preview: true })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fd-h4", style: { flex: 1, minWidth: 140 }, children: campus }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CsiBadge, { band: nowBand, crp, size: "medium" }),
+          dirty ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("i", { className: "ph ph-arrow-right fd-muted", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CsiBadge, { band: nextBand, crp: nextCrp, size: "medium", preview: true })
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "fd-slider", ref: trackRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
-          dirty ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fd-slider", ref: trackRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
+          dirty ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "span",
             {
               ref: chipRef,
@@ -11445,7 +11696,7 @@ function BudgetReallocator({
               children: (delta < 0 ? "\u2212$" : "+$") + Math.abs(delta).toLocaleString()
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "input",
             {
               type: "range",
@@ -11461,13 +11712,13 @@ function BudgetReallocator({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1, minWidth: 150 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "fd-num", style: { fontSize: 19, fontWeight: 700 }, children: "$" + draft.toLocaleString() }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "fd-body-sm fd-muted", children: "Arrow keys step $100, shift+arrow $1,000. Escape reverts." })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fd-row", style: { gap: 12, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "fd-stack", style: { gap: 2, flex: 1, minWidth: 150 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fd-num", style: { fontSize: 19, fontWeight: 700 }, children: "$" + draft.toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fd-body-sm fd-muted", children: "Arrow keys step $100, shift+arrow $1,000. Escape reverts." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", className: "fd-btn fd-btn-ghost", disabled: !dirty, onClick: revert, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "fd-btn fd-btn-ghost", disabled: !dirty, onClick: revert, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "button",
             {
               type: "button",
@@ -11486,7 +11737,7 @@ function BudgetReallocator({
 }
 
 // src/components/planner/SurroundSound.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var CATEGORIES = [
   { key: "ooh", label: "OOH", icon: "flag-banner", color: "var(--ch-ooh)" },
   { key: "transit", label: "Transit", icon: "bus", color: "var(--ch-transit)" },
@@ -11498,26 +11749,26 @@ var CATEGORIES = [
 function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost, className = "" }) {
   const earned = Math.max(0, Math.min(1, bonusPct / bonusMax));
   const single = present.length <= 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: CATEGORIES.map((c) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ["fd-stack", className].filter(Boolean).join(" "), style: { gap: 14 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "fd-row", style: { gap: 8, flexWrap: "wrap" }, children: CATEGORIES.map((c) => {
       const on = present.includes(c.key);
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
         "span",
         {
           title: c.label + (on ? " \u2014 present" : " \u2014 not bought"),
           style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 5, width: 62, padding: "10px 0", borderRadius: "var(--r-md)", border: "1px solid " + (on ? "var(--csi-2-edge)" : "var(--border)"), background: on ? "var(--csi-2-fill)" : "var(--surface-2)", color: on ? "var(--csi-2-text)" : "var(--text-disabled)" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("i", { className: "ph ph-" + c.icon, style: { fontSize: 19, color: on ? c.color : "var(--text-muted)" }, "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { style: { fontSize: 10.5, fontWeight: 700 }, children: c.label })
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("i", { className: "ph ph-" + c.icon, style: { fontSize: 19, color: on ? c.color : "var(--text-muted)" }, "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { style: { fontSize: 10.5, fontWeight: 700 }, children: c.label })
           ]
         },
         c.key
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fd-label-lg", children: "Surround-sound bonus earned" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "fd-num", style: { color: single ? "var(--warn-text)" : "var(--csi-3-mark)", fontWeight: 700 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "fd-stack", style: { gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "fd-row", style: { justifyContent: "space-between", gap: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "fd-label-lg", children: "Surround-sound bonus earned" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "fd-num", style: { color: single ? "var(--warn-text)" : "var(--csi-3-mark)", fontWeight: 700 }, children: [
           "+",
           bonusPct,
           "% of +",
@@ -11525,8 +11776,8 @@ function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { style: { height: 8, borderRadius: "var(--r-xs)", background: "var(--surface-3)", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { style: { height: "100%", width: earned * 100 + "%", background: "var(--csi-3-mark)", borderRadius: "inherit", transition: "width var(--dur-slow) var(--ease)" } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { style: { height: 8, borderRadius: "var(--r-xs)", background: "var(--surface-3)", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { style: { height: "100%", width: earned * 100 + "%", background: "var(--csi-3-mark)", borderRadius: "inherit", transition: "width var(--dur-slow) var(--ease)" } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "fd-body-sm fd-secondary", style: { textWrap: "pretty" }, children: [
         present.length,
         " of 6 channel categories present.",
         " ",
@@ -11538,7 +11789,7 @@ function SurroundSound({ present = [], bonusPct = 0, bonusMax = 40, missedCost,
 }
 
 // src/components/planner/Importance.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var IMPORTANCE_LEVELS = [
   { id: "nudge", rank: 1, label: "Nudge", icon: "feather", description: "Breaks a tie, nothing more." },
   { id: "lean", rank: 2, label: "Lean", icon: "arrow-bend-up-right", description: "A mild preference between otherwise equal options." },
@@ -11568,7 +11819,7 @@ function importanceTokens(id) {
 function ImportanceTag({ level, showLabel = true, size = "sm", className = "", disabled = false }) {
   const lvl = importanceLevel(level);
   const t = importanceTokens(level);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "span",
     {
       className: ["fd-imp-tag", size === "md" ? "is-md" : "", disabled ? "is-disabled" : "", className].filter(Boolean).join(" "),
@@ -11576,16 +11827,16 @@ function ImportanceTag({ level, showLabel = true, size = "sm", className = "", d
       title: lvl.label + " \u2014 " + lvl.description,
       "aria-disabled": disabled ? "true" : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("i", { className: "ph ph-" + lvl.icon, "aria-hidden": "true" }),
-        showLabel ? lvl.label : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "fd-sr", children: lvl.label })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("i", { className: "ph ph-" + lvl.icon, "aria-hidden": "true" }),
+        showLabel ? lvl.label : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "fd-sr", children: lvl.label })
       ]
     }
   );
 }
 
 // src/components/planner/PreferenceMeter.tsx
-var React57 = __toESM(require("react"), 1);
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var React58 = __toESM(require("react"), 1);
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function preferenceScore(criteria) {
   const earned = criteria.reduce((n, c) => n + (Number(c.earned) || 0), 0);
   const weight = criteria.reduce((n, c) => n + (Number(c.weight) || 0), 0);
@@ -11614,8 +11865,8 @@ function PreferenceMeter({
   className = ""
 }) {
   const value = score == null ? preferenceScore(criteria) : score;
-  const segments = React57.useMemo(() => preferenceSegments(criteria), [criteria]);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  const segments = React58.useMemo(() => preferenceSegments(criteria), [criteria]);
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     ScoreMeter,
     {
       score: value,
@@ -11627,22 +11878,22 @@ function PreferenceMeter({
       placement,
       className,
       breakdownLabel: breakdownTitle,
-      breakdown: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "fd-prefbreak", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "fd-prefbreak-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "fd-label-lg", children: breakdownTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "fd-prefbreak-score fd-tabular", children: Math.round(value) })
+      breakdown: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fd-prefbreak", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fd-prefbreak-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fd-label-lg", children: breakdownTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fd-prefbreak-score fd-tabular", children: Math.round(value) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ul", { className: "fd-prefbreak-list", children: criteria.map((c) => {
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("ul", { className: "fd-prefbreak-list", children: criteria.map((c) => {
           const pct = c.weight > 0 ? Math.round((Number(c.earned) || 0) / c.weight * 100) : 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("li", { className: pct === 0 ? "fd-prefbreak-item is-unmet" : "fd-prefbreak-item", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ImportanceTag, { level: c.importance }),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "fd-prefbreak-text", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "fd-prefbreak-label", children: c.label }),
-              c.note ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "fd-prefbreak-note", children: c.note }) : null
+          return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("li", { className: pct === 0 ? "fd-prefbreak-item is-unmet" : "fd-prefbreak-item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ImportanceTag, { level: c.importance }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "fd-prefbreak-text", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fd-prefbreak-label", children: c.label }),
+              c.note ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fd-prefbreak-note", children: c.note }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "fd-prefbreak-val fd-tabular", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "fd-prefbreak-val fd-tabular", children: [
               Math.round(Number(c.earned) || 0),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "fd-prefbreak-sep", children: "/" }),
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fd-prefbreak-sep", children: "/" }),
               Math.round(c.weight)
             ] })
           ] }, c.id);
@@ -11653,10 +11904,10 @@ function PreferenceMeter({
 }
 
 // src/components/chat/AgentChatPanel.tsx
-var React63 = __toESM(require("react"), 1);
+var React64 = __toESM(require("react"), 1);
 
 // src/components/chat/chatEngine.ts
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var CHAT_UNAVAILABLE = "chat_unavailable";
 var JOB_PENDING = ["queued", "running"];
 var JOB_SUCCESS = ["completed", "recovered"];
@@ -11710,22 +11961,22 @@ function useChatEngine(opts) {
     onClear,
     onFeedback
   } = opts || {};
-  const [status, setStatus] = React58.useState("idle");
-  const [threadId, setThreadId] = React58.useState(null);
-  const [messages, setMessages] = React58.useState([]);
-  const [queue, setQueue] = React58.useState([]);
-  const [fatal, setFatal] = React58.useState(null);
-  const [busy, setBusy] = React58.useState(false);
-  const [turnStartedAt, setTurnStartedAt] = React58.useState(null);
-  const listRef = React58.useRef([]);
-  const queueRef = React58.useRef([]);
-  const busyRef = React58.useRef(false);
-  const stoppedRef = React58.useRef(false);
-  const abortRef = React58.useRef(null);
-  const serverCount = React58.useRef(0);
-  const threadRef = React58.useRef(null);
-  const mounted = React58.useRef(true);
-  React58.useEffect(() => {
+  const [status, setStatus] = React59.useState("idle");
+  const [threadId, setThreadId] = React59.useState(null);
+  const [messages, setMessages] = React59.useState([]);
+  const [queue, setQueue] = React59.useState([]);
+  const [fatal, setFatal] = React59.useState(null);
+  const [busy, setBusy] = React59.useState(false);
+  const [turnStartedAt, setTurnStartedAt] = React59.useState(null);
+  const listRef = React59.useRef([]);
+  const queueRef = React59.useRef([]);
+  const busyRef = React59.useRef(false);
+  const stoppedRef = React59.useRef(false);
+  const abortRef = React59.useRef(null);
+  const serverCount = React59.useRef(0);
+  const threadRef = React59.useRef(null);
+  const mounted = React59.useRef(true);
+  React59.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -11747,14 +11998,14 @@ function useChatEngine(opts) {
     }
     return false;
   };
-  const loadThread = React58.useCallback(async (id) => {
+  const loadThread = React59.useCallback(async (id) => {
     const data = await apiAdapter.getThread(id);
     const list = [...data && data.messages || []];
     serverCount.current = list.length;
     commit(list);
     return list;
   }, [apiAdapter]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!apiAdapter) {
       setStatus("idle");
       setFatal(null);
@@ -11967,7 +12218,7 @@ function useChatEngine(opts) {
       await dispatchTurn(turn);
     }
   }
-  const send = React58.useCallback((text, attachments) => {
+  const send = React59.useCallback((text, attachments) => {
     const body = (text || "").trim();
     if (!body && !(attachments && attachments.length)) return;
     if (status === "disconnected") return;
@@ -11977,7 +12228,7 @@ function useChatEngine(opts) {
     stoppedRef.current = false;
     drain();
   }, [status]);
-  const stop = React58.useCallback(() => {
+  const stop = React59.useCallback(() => {
     stoppedRef.current = true;
     const ac = abortRef.current;
     if (ac) {
@@ -11996,11 +12247,11 @@ function useChatEngine(opts) {
       store.del(STORAGE_PREFIX + threadRef.current);
     }
   }, [apiAdapter]);
-  const removeQueued = React58.useCallback((id) => {
+  const removeQueued = React59.useCallback((id) => {
     queueRef.current = queueRef.current.filter((t) => t.id !== id);
     setQueue(queueRef.current.slice());
   }, []);
-  const retry = React58.useCallback(() => {
+  const retry = React59.useCallback(() => {
     const list = listRef.current;
     let at = -1;
     for (let i = list.length - 1; i >= 0; i--) if (list[i].role === "user") {
@@ -12016,19 +12267,19 @@ function useChatEngine(opts) {
     setQueue(queueRef.current.slice());
     drain();
   }, []);
-  const clear = React58.useCallback(() => {
+  const clear = React59.useCallback(() => {
     commit([]);
     serverCount.current = 0;
     queueRef.current = [];
     setQueue([]);
     onClear && onClear();
   }, [onClear]);
-  const setFeedback = React58.useCallback((id, value) => {
+  const setFeedback = React59.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 = React58.useCallback(async () => {
+  const reload = React59.useCallback(async () => {
     if (!threadRef.current) return;
     setStatus("loading");
     try {
@@ -12066,11 +12317,11 @@ var ChatKit = {
 };
 
 // src/components/chat/ChatTranscript.tsx
-var React60 = __toESM(require("react"), 1);
+var React61 = __toESM(require("react"), 1);
 
 // src/components/chat/ChatTurn.tsx
-var React59 = __toESM(require("react"), 1);
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var React60 = __toESM(require("react"), 1);
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function JsonView({ value }) {
   let text;
   try {
@@ -12078,67 +12329,67 @@ function JsonView({ value }) {
   } catch (e) {
     text = String(value);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CodeBlock, { code: text, language: "json", collapseAfter: 18 });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CodeBlock, { code: text, language: "json", collapseAfter: 18 });
 }
 function PacketCard({ packet, schema, render, onApply, applied }) {
   if (!packet) return null;
   const s = schema || {};
   const invalid = packet.valid === false;
   const title = s.heading || packet.type;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("section", { className: "fdc-packet" + (invalid ? " is-invalid" : ""), "aria-label": title, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("header", { className: "fdc-packet-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-" + (s.icon || "package"), "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-packet-title", title: truncationTitle(title), children: title }),
-      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-packet-badge", children: "Repaired" }) : null,
-      invalid ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-packet-badge is-danger", children: "Invalid" }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("section", { className: "fdc-packet" + (invalid ? " is-invalid" : ""), "aria-label": title, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("header", { className: "fdc-packet-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-" + (s.icon || "package"), "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-packet-title", title: truncationTitle(title), children: title }),
+      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-packet-badge", children: "Repaired" }) : null,
+      invalid ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-packet-badge is-danger", children: "Invalid" }) : null
     ] }),
-    invalid ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-packet-alert", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: packet.error || "This result failed validation and can\u2019t be applied." })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "fdc-packet-body", children: render ? render(packet) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(JsonView, { value: packet.payload }) }),
-    !invalid && onApply ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("footer", { className: "fdc-packet-foot", children: [
-      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-packet-note", children: "Corrected by the backend after a first attempt." }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", disabled: applied, onClick: () => onApply(packet), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-" + (applied ? "check" : "arrow-square-in"), "aria-hidden": "true" }),
+    invalid ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-packet-alert", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: packet.error || "This result failed validation and can\u2019t be applied." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fdc-packet-body", children: render ? render(packet) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(JsonView, { value: packet.payload }) }),
+    !invalid && onApply ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("footer", { className: "fdc-packet-foot", children: [
+      packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-packet-note", children: "Corrected by the backend after a first attempt." }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", disabled: applied, onClick: () => onApply(packet), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-" + (applied ? "check" : "arrow-square-in"), "aria-hidden": "true" }),
         applied ? "Applied" : s.applyLabel || "Apply"
       ] })
     ] }) : null
   ] });
 }
 function ThinkingBlock({ text, durationMs, streaming, defaultOpen = false }) {
-  const [open2, setOpen] = React59.useState(defaultOpen);
+  const [open2, setOpen] = React60.useState(defaultOpen);
   if (!text) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-think" + (open2 ? " is-open" : ""), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-brain", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: streaming ? "Thinking" : durationMs ? "Thought for " + formatDuration(durationMs) : "Thought process" }),
-      streaming ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", {})
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-think" + (open2 ? " is-open" : ""), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-think-head", onClick: () => setOpen((v) => !v), "aria-expanded": open2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-brain", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: streaming ? "Thinking" : durationMs ? "Thought for " + formatDuration(durationMs) : "Thought process" }),
+      streaming ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", {})
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-caret-" + (open2 ? "up" : "down"), "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-caret-" + (open2 ? "up" : "down"), "aria-hidden": "true" })
     ] }),
-    open2 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "fdc-think-body", children: text }) : null
+    open2 ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fdc-think-body", children: text }) : null
   ] });
 }
 function Citations({ items = [], onOpen }) {
-  const [open2, setOpen] = React59.useState(false);
+  const [open2, setOpen] = React60.useState(false);
   if (!items.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-cites", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-quotes", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-cites", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-cites-head", onClick: () => setOpen((v) => !v), "aria-expanded": open2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-quotes", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { children: [
         items.length,
         " source",
         items.length === 1 ? "" : "s"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-caret-" + (open2 ? "up" : "down"), "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-caret-" + (open2 ? "up" : "down"), "aria-hidden": "true" })
     ] }),
-    open2 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("ol", { className: "fdc-cites-list", children: items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("li", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-cite-n fd-tabular", children: c.marker || i + 1 }),
-      c.url ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("a", { href: c.url, target: "_blank", rel: "noopener noreferrer", onClick: onOpen ? (e) => onOpen(c, e) : void 0, children: c.title || c.url }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: c.title || "Source" }),
-      c.detail ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-cite-detail", children: c.detail }) : null
+    open2 ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("ol", { className: "fdc-cites-list", children: items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-cite-n fd-tabular", children: c.marker || i + 1 }),
+      c.url ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("a", { href: c.url, target: "_blank", rel: "noopener noreferrer", onClick: onOpen ? (e) => onOpen(c, e) : void 0, children: c.title || c.url }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: c.title || "Source" }),
+      c.detail ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-cite-detail", children: c.detail }) : null
     ] }, c.id || i)) }) : null
   ] });
 }
@@ -12149,29 +12400,29 @@ function clampText(text, max) {
   return (at > max * 0.6 ? cut.slice(0, at) : cut).trimEnd() + "\u2026";
 }
 function MessageBody({ message: m, ctx }) {
-  const [expanded, setExpanded] = React59.useState(false);
+  const [expanded, setExpanded] = React60.useState(false);
   const isUser = m.role === "user";
   const raw = m.text || "";
   const clamped = !expanded && !m.streaming ? clampText(raw, ctx.maxVisibleChars) : null;
   const body = clamped != null ? clamped : raw;
   const showMd = ctx.markdown && !isUser;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-body", children: [
-    m.thinking && ctx.showThinking ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ThinkingBlock, { text: m.thinking, durationMs: m.thinkingMs, streaming: m.streaming && !m.text }) : null,
-    m.steps && m.steps.length && ctx.showSteps ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StepList, { steps: m.steps, defaultOpen: m.steps.some((s) => s.status === "running"), dense: true }) : null,
-    body ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-text" + (isUser ? " is-user" : ""), children: [
-      showMd ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Markdown, { source: body, headingOffset: 2, codeProps: { collapseAfter: 22 }, renderCitation: ctx.renderCitation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "fdc-plain", children: body }),
-      m.streaming ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-caret", "aria-hidden": "true" }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-body", children: [
+    m.thinking && ctx.showThinking ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ThinkingBlock, { text: m.thinking, durationMs: m.thinkingMs, streaming: m.streaming && !m.text }) : null,
+    m.steps && m.steps.length && ctx.showSteps ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StepList, { steps: m.steps, defaultOpen: m.steps.some((s) => s.status === "running"), dense: true }) : null,
+    body ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-text" + (isUser ? " is-user" : ""), children: [
+      showMd ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Markdown, { source: body, headingOffset: 2, codeProps: { collapseAfter: 22 }, renderCitation: ctx.renderCitation }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fdc-plain", children: body }),
+      m.streaming ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-caret", "aria-hidden": "true" }) : null
     ] }) : null,
-    clamped != null ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(true), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }),
+    clamped != null ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(true), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-caret-down", "aria-hidden": "true" }),
       "Show more",
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-more-len fd-tabular", children: raw.length < 2e3 ? raw.length.toLocaleString() + " characters" : Math.round(raw.length / 100) / 10 + "k characters" })
-    ] }) : expanded && ctx.maxVisibleChars && raw.length > ctx.maxVisibleChars ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(false), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-caret-up", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-more-len fd-tabular", children: raw.length < 2e3 ? raw.length.toLocaleString() + " characters" : Math.round(raw.length / 100) / 10 + "k characters" })
+    ] }) : expanded && ctx.maxVisibleChars && raw.length > ctx.maxVisibleChars ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-more", onClick: () => setExpanded(false), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-caret-up", "aria-hidden": "true" }),
       "Show less"
     ] }) : null,
-    m.attachments && m.attachments.length ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(FileGrid, { files: m.attachments, onOpen: ctx.onOpenAttachment, tiles: true, maxHeight: ctx.attachmentHeight || 220, compact: ctx.narrow }) : null,
-    m.packet ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    m.attachments && m.attachments.length ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(FileGrid, { files: m.attachments, onOpen: ctx.onOpenAttachment, tiles: true, maxHeight: ctx.attachmentHeight || 220, compact: ctx.narrow }) : null,
+    m.packet ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       PacketCard,
       {
         packet: m.packet,
@@ -12181,44 +12432,44 @@ function MessageBody({ message: m, ctx }) {
         applied: ctx.appliedPackets && ctx.appliedPackets[m.id]
       }
     ) : null,
-    m.citations && m.citations.length ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Citations, { items: m.citations, onOpen: ctx.onOpenCitation }) : null,
-    m.working ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-working", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", {})
+    m.citations && m.citations.length ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Citations, { items: m.citations, onOpen: ctx.onOpenCitation }) : null,
+    m.working ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-working", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "fdc-dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "fdc-working-label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "fdc-working-label", children: [
         m.resumed ? "Resuming" : "Working",
-        m.job && m.job.status ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "fdc-working-job", children: [
+        m.job && m.job.status ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "fdc-working-job", children: [
           " \xB7 ",
           m.job.status
         ] }) : null,
-        m.job && m.job.detail ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "fdc-working-job", children: [
+        m.job && m.job.detail ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "fdc-working-job", children: [
           " \xB7 ",
           m.job.detail
         ] }) : null
       ] }),
-      m.jobId ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-working-id fd-mono", children: String(m.jobId).slice(0, 12) }) : null
+      m.jobId ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-working-id fd-mono", children: String(m.jobId).slice(0, 12) }) : null
     ] }) : null,
-    m.stopped ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-stopped", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
+    m.stopped ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-stopped", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
       "Stopped"
     ] }) : null,
-    m.error ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-error", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-error-text", children: ctx.errorCopy ? ctx.errorCopy(m.error) : m.error }),
-      m.retryable && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "fdc-error-retry", onClick: ctx.onRetry, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
+    m.error ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-error", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-error-text", children: ctx.errorCopy ? ctx.errorCopy(m.error) : m.error }),
+      m.retryable && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-error-retry", onClick: ctx.onRetry, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
         "Retry"
       ] }) : null
     ] }) : null
   ] });
 }
 function useCopyRun() {
-  const [done, setDone] = React59.useState(false);
-  const t = React59.useRef(null);
-  React59.useEffect(() => () => {
+  const [done, setDone] = React60.useState(false);
+  const t = React60.useRef(null);
+  React60.useEffect(() => () => {
     if (t.current) clearTimeout(t.current);
   }, []);
   return [done, (text) => {
@@ -12238,16 +12489,16 @@ function RunActions({ group, ctx }) {
   const isAssistant = group.role === "assistant";
   const fb = last.feedback;
   if (!ctx.messageActions) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-actions", role: "group", "aria-label": "Message actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "fdc-act" + (copied ? " is-done" : ""), onClick: () => copy(markdownToText(text)), "aria-label": "Copy message", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-act-label", children: copied ? "Copied" : "Copy" })
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-actions", role: "group", "aria-label": "Message actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-act" + (copied ? " is-done" : ""), onClick: () => copy(markdownToText(text)), "aria-label": "Copy message", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-" + (copied ? "check" : "copy"), "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-act-label", children: copied ? "Copied" : "Copy" })
     ] }),
-    isAssistant && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "fdc-act", onClick: ctx.onRetry, "aria-label": "Retry this turn", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
-    group.role === "user" && ctx.onEdit ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "fdc-act", onClick: () => ctx.onEdit(last), "aria-label": "Edit and resend", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-pencil-simple", "aria-hidden": "true" }) }) : null,
-    isAssistant && ctx.onFeedback ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(React59.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "fdc-act" + (fb === "up" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "up"), "aria-pressed": fb === "up", "aria-label": "Good response", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-thumbs-up", "aria-hidden": "true" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "fdc-act" + (fb === "down" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "down"), "aria-pressed": fb === "down", "aria-label": "Bad response", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-thumbs-down", "aria-hidden": "true" }) })
+    isAssistant && ctx.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "fdc-act", onClick: ctx.onRetry, "aria-label": "Retry this turn", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }) }) : null,
+    group.role === "user" && ctx.onEdit ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "fdc-act", onClick: () => ctx.onEdit(last), "aria-label": "Edit and resend", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-pencil-simple", "aria-hidden": "true" }) }) : null,
+    isAssistant && ctx.onFeedback ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(React60.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "fdc-act" + (fb === "up" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "up"), "aria-pressed": fb === "up", "aria-label": "Good response", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-thumbs-up", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "fdc-act" + (fb === "down" ? " is-on" : ""), onClick: () => ctx.onFeedback(last.id, "down"), "aria-pressed": fb === "down", "aria-label": "Bad response", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-thumbs-down", "aria-hidden": "true" }) })
     ] }) : null,
     ctx.extraActions ? ctx.extraActions(group) : null
   ] });
@@ -12257,22 +12508,22 @@ function ChatTurn({ group, ctx }) {
   const name = isUser ? ctx.userName : group.author || ctx.assistantName;
   const avatar = isUser ? ctx.userAvatar : ctx.assistantAvatar;
   const stamp = group.messages[0].timestamp;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("article", { className: "fdc-turn is-" + group.role, "aria-label": String(name) + (stamp ? " at " + formatClock(stamp) : ""), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-turn-head", children: [
-      ctx.showAvatars ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-avatar is-" + group.role, "aria-hidden": "true", children: avatar ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("img", { src: avatar, alt: "" }) : isUser ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-avatar-txt", children: (name || "You").slice(0, 1).toUpperCase() }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", { className: "ph ph-" + (ctx.assistantIcon || "sparkle") }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-who", children: name }),
-      stamp ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(RelativeTime, { className: "fdc-when", value: stamp }) : null,
-      group.messages.some((m) => m.model) ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "fdc-turn-model", children: group.messages.find((m) => m.model).model }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("article", { className: "fdc-turn is-" + group.role, "aria-label": String(name) + (stamp ? " at " + formatClock(stamp) : ""), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-turn-head", children: [
+      ctx.showAvatars ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-avatar is-" + group.role, "aria-hidden": "true", children: avatar ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: avatar, alt: "" }) : isUser ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-avatar-txt", children: (name || "You").slice(0, 1).toUpperCase() }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-" + (ctx.assistantIcon || "sparkle") }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-who", children: name }),
+      stamp ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(RelativeTime, { className: "fdc-when", value: stamp }) : null,
+      group.messages.some((m) => m.model) ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-turn-model", children: group.messages.find((m) => m.model).model }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "fdc-turn-body", children: [
-      group.messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "fdc-msg" + (m.pending ? " is-pending" : ""), children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MessageBody, { message: m, ctx }) }, m.id)),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(RunActions, { group, ctx })
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-turn-body", children: [
+      group.messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fdc-msg" + (m.pending ? " is-pending" : ""), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(MessageBody, { message: m, ctx }) }, m.id)),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(RunActions, { group, ctx })
     ] })
   ] });
 }
 
 // src/components/chat/ChatTranscript.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var GROUP_WINDOW = 6e4;
 var STICK_PX = 100;
 function groupMessages(list) {
@@ -12305,25 +12556,25 @@ function dayLabel(key) {
 }
 function Suggestions({ items = [], onPick }) {
   if (!items.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fdc-suggest", children: items.map((s, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fdc-suggest", children: items.map((s, i) => {
     const it = typeof s === "string" ? { label: s, text: s } : s;
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-suggest-item", onClick: () => onPick && onPick(it.text || it.label), children: [
-      it.icon ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-" + it.icon, "aria-hidden": "true" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "fdc-suggest-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-suggest-label", children: it.label }),
-        it.description ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-suggest-desc", children: it.description }) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "fdc-suggest-item", onClick: () => onPick && onPick(it.text || it.label), children: [
+      it.icon ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-" + it.icon, "aria-hidden": "true" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "fdc-suggest-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "fdc-suggest-label", children: it.label }),
+        it.description ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "fdc-suggest-desc", children: it.description }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-arrow-up-right fdc-suggest-go", "aria-hidden": "true" })
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-arrow-up-right fdc-suggest-go", "aria-hidden": "true" })
     ] }, it.id || i);
   }) });
 }
 function LoadingTurns() {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fdc-skel", "aria-hidden": "true", children: [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-skel-turn", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fd-skel fd-skel-circle", style: { width: 22, height: 22 } }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-skel-lines", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fd-skel", style: { width: i ? "62%" : "44%", height: 11 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fd-skel", style: { width: i ? "94%" : "78%", height: 11 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fd-skel", style: { width: i ? "71%" : "56%", height: 11 } })
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fdc-skel", "aria-hidden": "true", children: [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-skel-turn", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fd-skel fd-skel-circle", style: { width: 22, height: 22 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-skel-lines", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fd-skel", style: { width: i ? "62%" : "44%", height: 11 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fd-skel", style: { width: i ? "94%" : "78%", height: 11 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fd-skel", style: { width: i ? "71%" : "56%", height: 11 } })
     ] })
   ] }, i)) });
 }
@@ -12340,10 +12591,10 @@ function ChatTranscript({
   renderEmpty,
   className = ""
 }) {
-  const scroller = React60.useRef(null);
-  const stick = React60.useRef(true);
-  const [pill, setPill] = React60.useState(0);
-  const seen = React60.useRef(0);
+  const scroller = React61.useRef(null);
+  const stick = React61.useRef(true);
+  const [pill, setPill] = React61.useState(0);
+  const seen = React61.useRef(0);
   const toBottom = (smooth) => {
     const el = scroller.current;
     if (!el) return;
@@ -12362,7 +12613,7 @@ function ChatTranscript({
       seen.current = messages.length;
     }
   };
-  React60.useLayoutEffect(() => {
+  React61.useLayoutEffect(() => {
     const el = scroller.current;
     if (!el) return;
     if (stick.current) {
@@ -12370,7 +12621,7 @@ function ChatTranscript({
       seen.current = messages.length;
     } else setPill(Math.max(0, messages.length - seen.current));
   }, [messages]);
-  React60.useEffect(() => {
+  React61.useEffect(() => {
     const el = scroller.current;
     const inner = el && el.firstChild;
     if (!el || !inner || typeof ResizeObserver === "undefined") return;
@@ -12380,38 +12631,38 @@ function ChatTranscript({
     ro.observe(inner);
     return () => ro.disconnect();
   }, []);
-  const groups = React60.useMemo(() => groupMessages(messages), [messages]);
+  const groups = React61.useMemo(() => groupMessages(messages), [messages]);
   const empty = !messages.length && status === "ready";
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
-      status === "loading" || status === "resolving" ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LoadingTurns, {}) : null,
-      status === "disconnected" ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-dead", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-dead-icon", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-plugs", "aria-hidden": "true" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h3", { className: "fdc-dead-title", children: ctx.deadTitle || "The assistant isn\u2019t reachable" }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "fdc-dead-body", children: fatal === "chat_unavailable" ? "The service reported chat_unavailable. Nothing you type will be lost \u2014 reopen the panel once it\u2019s back." : "The thread couldn\u2019t be resolved" + (fatal ? " (" + fatal + ")" : "") + ". The composer stays disabled until it resolves." }),
-        ctx.onReconnect ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fd-btn fd-btn-secondary fd-btn-sm", onClick: ctx.onReconnect, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ["fdc-scroll", className].filter(Boolean).join(" "), ref: scroller, onScroll, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-log", role: "log", "aria-label": "Conversation", children: [
+      status === "loading" || status === "resolving" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(LoadingTurns, {}) : null,
+      status === "disconnected" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-dead", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "fdc-dead-icon", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-plugs", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h3", { className: "fdc-dead-title", children: ctx.deadTitle || "The assistant isn\u2019t reachable" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "fdc-dead-body", children: fatal === "chat_unavailable" ? "The service reported chat_unavailable. Nothing you type will be lost \u2014 reopen the panel once it\u2019s back." : "The thread couldn\u2019t be resolved" + (fatal ? " (" + fatal + ")" : "") + ". The composer stays disabled until it resolves." }),
+        ctx.onReconnect ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "fd-btn fd-btn-secondary fd-btn-sm", onClick: ctx.onReconnect, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-arrow-clockwise", "aria-hidden": "true" }),
           "Try again"
         ] }) : null
       ] }) : null,
-      empty ? renderEmpty ? renderEmpty() : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "fdc-empty", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "fdc-empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-" + emptyIcon, "aria-hidden": "true" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h3", { className: "fdc-empty-title", children: emptyTitle }),
-        emptyDescription ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "fdc-empty-body", children: emptyDescription }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Suggestions, { items: suggestions, onPick })
+      empty ? renderEmpty ? renderEmpty() : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "fdc-empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-" + emptyIcon, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h3", { className: "fdc-empty-title", children: emptyTitle }),
+        emptyDescription ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "fdc-empty-body", children: emptyDescription }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Suggestions, { items: suggestions, onPick })
       ] }) : null,
       groups.map((g, i) => {
         const prev = groups[i - 1];
         const k = dayKey(g.messages[0].timestamp);
         const showDay = !!k && (!prev || dayKey(prev.messages[0].timestamp) !== k);
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(React60.Fragment, { children: [
-          showDay ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "fdc-day", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: dayLabel(k) }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ChatTurn, { group: g, ctx })
+        return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(React61.Fragment, { children: [
+          showDay ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fdc-day", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: dayLabel(k) }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ChatTurn, { group: g, ctx })
         ] }, g.key || i);
       })
     ] }),
-    pill ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", className: "fdc-pill", onClick: () => toBottom(true), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("i", { className: "ph ph-arrow-down", "aria-hidden": "true" }),
+    pill ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "fdc-pill", onClick: () => toBottom(true), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-arrow-down", "aria-hidden": "true" }),
       pill,
       " new message",
       pill === 1 ? "" : "s"
@@ -12421,8 +12672,8 @@ function ChatTranscript({
 var TranscriptKit = { groupMessages };
 
 // src/components/chat/ChatComposer.tsx
-var React61 = __toESM(require("react"), 1);
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var React62 = __toESM(require("react"), 1);
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function ChatComposer({
   onSubmit,
   onStop,
@@ -12449,17 +12700,17 @@ function ChatComposer({
   onReject,
   onOpenAttachment
 }) {
-  const [text, setText] = React61.useState(draft || "");
-  const [trigger, setTrigger] = React61.useState(null);
-  const [mentionItems, setMentionItems] = React61.useState([]);
-  const [listening, setListening] = React61.useState(false);
-  const [notice, setNotice] = React61.useState(null);
-  const editor = React61.useRef(null);
-  const wrap = React61.useRef(null);
-  const stopVoice = React61.useRef(null);
+  const [text, setText] = React62.useState(draft || "");
+  const [trigger, setTrigger] = React62.useState(null);
+  const [mentionItems, setMentionItems] = React62.useState([]);
+  const [listening, setListening] = React62.useState(false);
+  const [notice, setNotice] = React62.useState(null);
+  const editor = React62.useRef(null);
+  const wrap = React62.useRef(null);
+  const stopVoice = React62.useRef(null);
   const staged = useStagedFiles(fileUploadHandler, { onError: () => {
   } });
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     if (draft != null && draft !== text) setText(draft);
   }, [draft]);
   const change = (v) => {
@@ -12495,7 +12746,7 @@ function ChatComposer({
     e.preventDefault();
     staged.add(found.files);
   };
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     if (!trigger || trigger.type !== "mention" || !mentionSources) {
       setMentionItems([]);
       return;
@@ -12513,7 +12764,7 @@ function ChatComposer({
     const q = (trigger.query || "").toLowerCase();
     setMentionItems(mentionSources.filter((m) => !q || (m.label + " " + (m.description || "")).toLowerCase().includes(q)));
   }, [trigger, mentionSources]);
-  const slashItems = React61.useMemo(() => {
+  const slashItems = React62.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));
@@ -12527,7 +12778,7 @@ function ChatComposer({
       description: it.description,
       icon: it.icon,
       meta: mention.meta,
-      shortcut: slash.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(KeyHint, { keys: slash.shortcut, size: "sm" }) : void 0,
+      shortcut: slash.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(KeyHint, { keys: slash.shortcut, size: "sm" }) : void 0,
       onSelect: () => {
         const insert = trigger.type === "slash" ? slash.immediate ? "/" + slash.id : "/" + slash.id + " " : "@" + (mention.value || mention.label) + " ";
         editor.current && editor.current.replaceRange(trigger.from, trigger.to, insert);
@@ -12586,14 +12837,14 @@ function ChatComposer({
     stopVoice.current = typeof res === "function" ? res : () => {
     };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-composer" + (disabled ? " is-disabled" : "") + (narrow ? " is-narrow" : ""), children: [
-    queue.length ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fdc-queue", "aria-label": "Queued messages", children: queue.map((q) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-queue-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-clock-countdown", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "fdc-queue-text", title: truncationTitle(q.text || (q.attachments ? q.attachments.length + " file(s)" : "")), children: q.text || (q.attachments ? q.attachments.length + " file(s)" : "") }),
-      onRemoveQueued ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "fdc-queue-x", onClick: () => onRemoveQueued(q.id), "aria-label": "Remove queued message", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fdc-composer" + (disabled ? " is-disabled" : "") + (narrow ? " is-narrow" : ""), children: [
+    queue.length ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fdc-queue", "aria-label": "Queued messages", children: queue.map((q) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fdc-queue-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-clock-countdown", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fdc-queue-text", title: truncationTitle(q.text || (q.attachments ? q.attachments.length + " file(s)" : "")), children: q.text || (q.attachments ? q.attachments.length + " file(s)" : "") }),
+      onRemoveQueued ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "fdc-queue-x", onClick: () => onRemoveQueued(q.id), "aria-label": "Remove queued message", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
     ] }, q.id)) }) : null,
     sessionBar,
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Dropzone,
       {
         className: "fdc-field",
@@ -12607,9 +12858,9 @@ function ChatComposer({
         disabled: !fileUploadHandler || disabled,
         label: "Drop to attach",
         hint: acceptFiles ? acceptFiles.replace(/,/g, " \xB7 ") : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { ref: wrap, className: "fdc-field-inner", children: [
-          staged.items.length ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fdc-staged", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FileStrip, { files: staged.items, size: narrow ? 60 : 68, onRemove: staged.remove, onRetry: staged.retry, onOpen: onOpenAttachment }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: wrap, className: "fdc-field-inner", children: [
+          staged.items.length ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fdc-staged", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FileStrip, { files: staged.items, size: narrow ? 60 : 68, onRemove: staged.remove, onRetry: staged.retry, onOpen: onOpenAttachment }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             MarkdownEditor,
             {
               ref: editor,
@@ -12628,33 +12879,33 @@ function ChatComposer({
               ariaLabel: "Message"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-tools", children: [
-            fileUploadHandler ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FilePickButton, { onFiles: staged.add, onReject: (r) => flash(r[0].message), accept: acceptFiles, maxFileSize, label: "Attach files", icon: "plus" }) : null,
-            voiceHandler ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "fd-attachbtn" + (listening ? " is-live" : ""), onClick: voice, "aria-pressed": listening, "aria-label": listening ? "Stop dictation" : "Dictate", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-" + (listening ? "waveform" : "microphone"), "aria-hidden": "true" }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fdc-tools", children: [
+            fileUploadHandler ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FilePickButton, { onFiles: staged.add, onReject: (r) => flash(r[0].message), accept: acceptFiles, maxFileSize, label: "Attach files", icon: "plus" }) : null,
+            voiceHandler ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "fd-attachbtn" + (listening ? " is-live" : ""), onClick: voice, "aria-pressed": listening, "aria-label": listening ? "Stop dictation" : "Dictate", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-" + (listening ? "waveform" : "microphone"), "aria-hidden": "true" }) }) : null,
             toolbarExtras,
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "fdc-tools-gap" }),
-            maxLength && text.length > maxLength * 0.6 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "fdc-count fd-tabular" + (text.length > maxLength * 0.95 ? " is-hot" : ""), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fdc-tools-gap" }),
+            maxLength && text.length > maxLength * 0.6 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "fdc-count fd-tabular" + (text.length > maxLength * 0.95 ? " is-hot" : ""), children: [
               text.length,
               "/",
               maxLength
             ] }) : null,
-            busy ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "fdc-stop", onClick: onStop, "aria-label": "Stop generating", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: "Stop" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "fdc-send", onClick: submit, disabled: !canSend, "aria-label": "Send message", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-paper-plane-right", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "fdc-send-label", children: "Send" })
+            busy ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", className: "fdc-stop", onClick: onStop, "aria-label": "Stop generating", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-stop-circle", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: "Stop" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", className: "fdc-send", onClick: submit, disabled: !canSend, "aria-label": "Send message", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-paper-plane-right", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fdc-send-label", children: "Send" })
             ] })
           ] })
         ] })
       }
     ),
-    notice ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fdc-notice", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fdc-notice", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       notice
     ] }) : null,
-    hint && !notice ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fdc-hint", children: hint }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    hint && !notice ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fdc-hint", children: hint }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Popover,
       {
         open: menuOpen,
@@ -12668,12 +12919,12 @@ function ChatComposer({
         returnFocus: false,
         closeOnOutside: true,
         label: trigger && trigger.type === "slash" ? "Commands" : "Mentions",
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           Menu,
           {
             items: menuItems,
             autoFocus: false,
-            header: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "fd-pop-group", children: trigger && trigger.type === "slash" ? "Commands" : "Attach context" }),
+            header: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fd-pop-group", children: trigger && trigger.type === "slash" ? "Commands" : "Attach context" }),
             onClose: () => setTrigger(null)
           }
         )
@@ -12683,12 +12934,12 @@ function ChatComposer({
 }
 
 // src/components/chat/ChatSessionBar.tsx
-var React62 = __toESM(require("react"), 1);
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var React63 = __toESM(require("react"), 1);
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var compact2 = meterFormats.compact;
 function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extras }) {
-  const [open2, setOpen] = React62.useState(false);
-  const anchor = React62.useRef(null);
+  const [open2, setOpen] = React63.useState(false);
+  const anchor = React63.useRef(null);
   const stats = sessionStats || null;
   const cu = contextUsage || null;
   const limits = usageLimits || null;
@@ -12703,9 +12954,9 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
   if (stats && stats.runningTasks) bits.push(stats.runningTasks + " running task" + (stats.runningTasks === 1 ? "" : "s"));
   if (cu) bits.push(pct + "% context");
   const expandable = !!(cu || limits);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(React62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fdc-bar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(React63.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fdc-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
         "button",
         {
           type: "button",
@@ -12716,15 +12967,15 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
           "aria-expanded": expandable ? open2 : void 0,
           "aria-label": expandable ? "Usage details" : void 0,
           children: [
-            cu ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fdc-bar-mini", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SegmentedMeter, { total, segments: cu.segments, height: 4, showTotal: false }) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fdc-bar-text", title: truncationTitle(bits.join(" \xB7 ")), children: bits.join(" \xB7 ") }),
-            expandable ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-caret-right fdc-bar-caret", "aria-hidden": "true" }) : null
+            cu ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fdc-bar-mini", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SegmentedMeter, { total, segments: cu.segments, height: 4, showTotal: false }) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fdc-bar-text", title: truncationTitle(bits.join(" \xB7 ")), children: bits.join(" \xB7 ") }),
+            expandable ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("i", { className: "ph ph-caret-right fdc-bar-caret", "aria-hidden": "true" }) : null
           ]
         }
       ),
       extras
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Popover,
       {
         open: open2,
@@ -12735,15 +12986,15 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
         maxHeight: 460,
         padded: true,
         label: "Usage",
-        footer: onClear ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", className: "fdc-usage-clear", onClick: () => {
+        footer: onClear ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("button", { type: "button", className: "fdc-usage-clear", onClick: () => {
           setOpen(false);
           onClear();
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("i", { className: "ph ph-trash", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("i", { className: "ph ph-trash", "aria-hidden": "true" }),
           "Clear conversation"
         ] }) : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fdc-usage", children: [
-          cu ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("section", { className: "fdc-usage-sec", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fdc-usage", children: [
+          cu ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("section", { className: "fdc-usage-sec", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             SegmentedMeter,
             {
               total,
@@ -12755,9 +13006,9 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
               remainderLabel: "Free"
             }
           ) }) : null,
-          limits && limits.length ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("section", { className: "fdc-usage-sec", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h4", { className: "fdc-usage-h", children: "Usage limits" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fdc-usage-rows", children: limits.map((l) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+          limits && limits.length ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: "fdc-usage-sec", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h4", { className: "fdc-usage-h", children: "Usage limits" }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fdc-usage-rows", children: limits.map((l) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               QuotaRow,
               {
                 label: l.label,
@@ -12767,25 +13018,25 @@ function ChatSessionBar({ sessionStats, contextUsage, usageLimits, onClear, extr
               l.id
             )) })
           ] }) : null,
-          stats ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("section", { className: "fdc-usage-sec fdc-usage-stats", children: [
-            stats.elapsedMs ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: "Session" }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("b", { className: "fd-tabular", children: formatDuration(stats.elapsedMs) })
+          stats ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: "fdc-usage-sec fdc-usage-stats", children: [
+            stats.elapsedMs ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: "Session" }),
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("b", { className: "fd-tabular", children: formatDuration(stats.elapsedMs) })
             ] }) : null,
-            stats.tokens ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: "Tokens" }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("b", { className: "fd-tabular", children: stats.tokens.toLocaleString() })
+            stats.tokens ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: "Tokens" }),
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("b", { className: "fd-tabular", children: stats.tokens.toLocaleString() })
             ] }) : null,
-            stats.costUsd != null ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: "Cost" }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("b", { className: "fd-tabular", children: [
+            stats.costUsd != null ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: "Cost" }),
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("b", { className: "fd-tabular", children: [
                 "$",
                 Number(stats.costUsd).toFixed(3)
               ] })
             ] }) : null,
-            stats.turns ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: "Turns" }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("b", { className: "fd-tabular", children: stats.turns })
+            stats.turns ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: "Turns" }),
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("b", { className: "fd-tabular", children: stats.turns })
             ] }) : null
           ] }) : null
         ] })
@@ -12824,7 +13075,7 @@ function ModelControls({
     disabled: m.disabled,
     checked: m.id === (current2 && current2.id),
     meta: m.meta,
-    shortcut: m.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(KeyHint, { keys: m.shortcut, size: "sm" }) : void 0,
+    shortcut: m.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(KeyHint, { keys: m.shortcut, size: "sm" }) : void 0,
     onSelect: () => onModelChange && onModelChange(m.id)
   });
   const items = [{ kind: "section", label: "Models" }].concat(flat.map(item));
@@ -12837,15 +13088,15 @@ function ModelControls({
     items.push({ kind: "section", label: "Fast mode" });
     items.push({
       kind: "custom",
-      render: () => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "fdc-switchrow", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: fastModeLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("input", { type: "checkbox", className: "fd-sr", checked: !!fastMode, onChange: (e) => onFastModeChange(e.target.checked) }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fd-switch-track" + (fastMode ? " is-on" : ""), "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fd-switch-thumb" }) })
+      render: () => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "fdc-switchrow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: fastModeLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("input", { type: "checkbox", className: "fd-sr", checked: !!fastMode, onChange: (e) => onFastModeChange(e.target.checked) }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fd-switch-track" + (fastMode ? " is-on" : ""), "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fd-switch-thumb" }) })
       ] })
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(React62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(React63.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       MenuButton,
       {
         items,
@@ -12856,7 +13107,7 @@ function ModelControls({
         title: "Choose a model"
       }
     ),
-    effortLevels && effortLevels.length ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    effortLevels && effortLevels.length ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       MenuButton,
       {
         placement: "top-end",
@@ -12877,7 +13128,7 @@ function ModelControls({
 }
 
 // src/components/chat/AgentChatPanel.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var SURFACES = { sidebar: "is-sidebar", inline: "is-inline", page: "is-page", modal: "is-modal", sheet: "is-sheet" };
 function AgentChatPanel({
   /* required */
@@ -12961,11 +13212,11 @@ function AgentChatPanel({
   onFeedback,
   onEditMessage
 }) {
-  const [panelWidth, setPanelWidth] = React63.useState(width);
-  const [applied, setApplied] = React63.useState({});
-  const [draft, setDraft] = React63.useState("");
-  const dragging = React63.useRef(null);
-  React63.useEffect(() => setPanelWidth(width), [width]);
+  const [panelWidth, setPanelWidth] = React64.useState(width);
+  const [applied, setApplied] = React64.useState({});
+  const [draft, setDraft] = React64.useState("");
+  const dragging = React64.useRef(null);
+  React64.useEffect(() => setPanelWidth(width), [width]);
   const engine = useChatEngine({
     contextType,
     contextId,
@@ -13031,7 +13282,7 @@ function AgentChatPanel({
     onReconnect: engine.reload,
     deadTitle: "The assistant isn\u2019t reachable"
   };
-  const sessionBar = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  const sessionBar = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     ChatSessionBar,
     {
       sessionStats,
@@ -13040,7 +13291,7 @@ function AgentChatPanel({
       onClear: engine.visible.length ? engine.clear : void 0
     }
   );
-  const modelControls = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  const modelControls = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     ModelControls,
     {
       models,
@@ -13055,7 +13306,7 @@ function AgentChatPanel({
       narrow
     }
   );
-  const threadMenu = threads && threads.length ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  const threadMenu = threads && threads.length ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     MenuButton,
     {
       variant: "ghost",
@@ -13082,7 +13333,7 @@ function AgentChatPanel({
       })))
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "aside",
     {
       className: ["fdc-panel", SURFACES[surface] || SURFACES.sidebar, narrow ? "is-narrow" : "", className].filter(Boolean).join(" "),
@@ -13093,7 +13344,7 @@ function AgentChatPanel({
       },
       "aria-label": title,
       children: [
-        surface === "sidebar" && resizable ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        surface === "sidebar" && resizable ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "div",
           {
             className: "fdc-grip",
@@ -13108,20 +13359,20 @@ function AgentChatPanel({
             }
           }
         ) : null,
-        showHeader ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("header", { className: "fdc-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fdc-head-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("i", { className: "ph ph-" + assistantIcon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "fdc-head-titles", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fdc-head-title", title: truncationTitle(title), children: title }),
-            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fdc-head-sub", title: truncationTitle(subtitle), children: subtitle }) : null
+        showHeader ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("header", { className: "fdc-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "fdc-head-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("i", { className: "ph ph-" + assistantIcon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "fdc-head-titles", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "fdc-head-title", title: truncationTitle(title), children: title }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "fdc-head-sub", title: truncationTitle(subtitle), children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "fdc-head-acts", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "fdc-head-acts", children: [
             headerActions,
             threadMenu,
-            onNewThread ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onNewThread, "aria-label": "New conversation", title: "New conversation", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("i", { className: "ph ph-plus", "aria-hidden": "true" }) }) : null,
-            onClose ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onClose, "aria-label": "Close panel", title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
+            onNewThread ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onNewThread, "aria-label": "New conversation", title: "New conversation", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("i", { className: "ph ph-plus", "aria-hidden": "true" }) }) : null,
+            onClose ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", className: "fdc-iconbtn", onClick: onClose, "aria-label": "Close panel", title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) }) : null
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           ChatTranscript,
           {
             messages: engine.visible,
@@ -13136,7 +13387,7 @@ function AgentChatPanel({
             renderEmpty
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           ChatComposer,
           {
             onSubmit: (text, atts) => engine.send(text, atts),
@@ -13169,8 +13420,8 @@ function AgentChatPanel({
 }
 
 // src/components/files/FileViewer.tsx
-var React64 = __toESM(require("react"), 1);
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var React65 = __toESM(require("react"), 1);
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function previewKindOf(file) {
   const mime = (file.mime || "").toLowerCase();
   const ext = extensionOf(file.name || "");
@@ -13226,13 +13477,13 @@ function parseDelimited(text, delimiter) {
   return rows;
 }
 function usePreview(file, kind, resolveUrl) {
-  const [state, setState] = React64.useState({ status: "loading" });
-  const [attempt, setAttempt] = React64.useState(0);
-  const resolveRef = React64.useRef(resolveUrl);
-  React64.useEffect(() => {
+  const [state, setState] = React65.useState({ status: "loading" });
+  const [attempt, setAttempt] = React65.useState(0);
+  const resolveRef = React65.useRef(resolveUrl);
+  React65.useEffect(() => {
     resolveRef.current = resolveUrl;
   }, [resolveUrl]);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (kind === "none") {
       setState({ status: "ready" });
       return;
@@ -13262,19 +13513,19 @@ function usePreview(file, kind, resolveUrl) {
       if (ac) ac.abort();
     };
   }, [file.id, kind, attempt]);
-  return { ...state, retry: React64.useCallback(() => setAttempt((a) => a + 1), []) };
+  return { ...state, retry: React65.useCallback(() => setAttempt((a) => a + 1), []) };
 }
 function PreviewBody({ file, kind, state }) {
-  if (kind === "image") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { className: "fd-fv-image", src: state.url, alt: file.name || "Preview" });
-  if (kind === "pdf") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("iframe", { className: "fd-fv-pdf", src: state.url, title: file.name || "PDF preview" });
-  if (kind === "markdown") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Markdown, { className: "fd-fv-markdown", source: state.text || "" });
+  if (kind === "image") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { className: "fd-fv-image", src: state.url, alt: file.name || "Preview" });
+  if (kind === "pdf") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("iframe", { className: "fd-fv-pdf", src: state.url, title: file.name || "PDF preview" });
+  if (kind === "markdown") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Markdown, { className: "fd-fv-markdown", source: state.text || "" });
   if (kind === "json") {
     let pretty = state.text || "";
     try {
       pretty = JSON.stringify(JSON.parse(pretty), null, 2);
     } catch {
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CodeBlock, { code: pretty, language: "json" });
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CodeBlock, { code: pretty, language: "json" });
   }
   if (kind === "csv") {
     const tsv = extensionOf(file.name || "") === "tsv" || (file.mime || "").toLowerCase().includes("tab-separated");
@@ -13282,12 +13533,12 @@ function PreviewBody({ file, kind, state }) {
     const head = rows[0] || [];
     const dataRows = rows.slice(1);
     const shown = dataRows.slice(0, FILE_VIEWER_CSV_ROW_LIMIT);
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "fd-fv-csv", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("table", { className: "fd-fv-csv-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { children: head.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("th", { children: c }, i)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tbody", { children: shown.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { children: head.map((_, ci) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { children: r[ci] ?? "" }, ci)) }, ri)) })
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fv-csv", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("table", { className: "fd-fv-csv-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tr", { children: head.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { children: c }, i)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tbody", { children: shown.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tr", { children: head.map((_, ci) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { children: r[ci] ?? "" }, ci)) }, ri)) })
       ] }),
-      dataRows.length > FILE_VIEWER_CSV_ROW_LIMIT ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("p", { className: "fd-fv-csv-note fd-body-sm fd-muted", children: [
+      dataRows.length > FILE_VIEWER_CSV_ROW_LIMIT ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("p", { className: "fd-fv-csv-note fd-body-sm fd-muted", children: [
         "Showing the first ",
         FILE_VIEWER_CSV_ROW_LIMIT.toLocaleString(),
         " of ",
@@ -13296,24 +13547,24 @@ function PreviewBody({ file, kind, state }) {
       ] }) : null
     ] });
   }
-  if (kind === "text") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CodeBlock, { code: state.text || "", language: extensionOf(file.name || "") || void 0 });
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "fd-fv-fallback", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "fd-fv-fallback-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "fd-fv-fallback-title", children: "No preview available" }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "fd-fv-fallback-meta", children: [
+  if (kind === "text") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CodeBlock, { code: state.text || "", language: extensionOf(file.name || "") || void 0 });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fv-fallback", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fv-fallback-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fv-fallback-title", children: "No preview available" }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fd-fv-fallback-meta", children: [
       file.mime || "Unknown type",
       file.size ? " \xB7 " + formatBytes(file.size) : ""
     ] })
   ] });
 }
 function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel = "Details", onClose, actions, className = "" }) {
-  const kind = React64.useMemo(() => previewKindOf(file), [file]);
+  const kind = React65.useMemo(() => previewKindOf(file), [file]);
   const preview = usePreview(file, kind, resolveUrl);
-  const [tab, setTab] = React64.useState("preview");
-  const [downloading, setDownloading] = React64.useState(false);
-  const [downloadError, setDownloadError] = React64.useState(null);
+  const [tab, setTab] = React65.useState("preview");
+  const [downloading, setDownloading] = React65.useState(false);
+  const [downloadError, setDownloadError] = React65.useState(null);
   const hasSide = sidePanel != null;
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     setTab("preview");
   }, [file.id]);
   const download = () => {
@@ -13329,29 +13580,29 @@ function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel = "Details", o
       a.remove();
     }).catch((err) => setDownloadError(err && err.message || "Download failed.")).finally(() => setDownloading(false));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "section",
     {
       className: ["fd-fv", hasSide && tab === "side" ? "is-tab-side" : "is-tab-preview", className].filter(Boolean).join(" "),
       "aria-label": file.name || "File",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("header", { className: "fd-fv-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "fd-fv-head-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "fd-fv-head-titles", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "fd-fv-head-title", title: file.name, children: file.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "fd-fv-head-meta", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("header", { className: "fd-fv-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fv-head-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("i", { className: "ph ph-" + iconForMime(file.mime, file.name) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fd-fv-head-titles", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fv-head-title", title: file.name, children: file.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fd-fv-head-meta", children: [
               file.mime || "Unknown type",
               file.size ? " \xB7 " + formatBytes(file.size) : ""
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "fd-fv-head-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fd-fv-head-actions", children: [
             actions,
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { variant: "secondary", size: "sm", icon: "download-simple", loading: downloading, onClick: download, children: "Download" }),
-            onClose ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(IconButton, { icon: "x", label: "Close", onClick: onClose }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", size: "sm", icon: "download-simple", loading: downloading, onClick: download, children: "Download" }),
+            onClose ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(IconButton, { icon: "x", label: "Close", onClick: onClose }) : null
           ] })
         ] }),
-        downloadError ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "fd-fv-download-error", role: "alert", children: downloadError }) : null,
-        hasSide ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        downloadError ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fd-fv-download-error", role: "alert", children: downloadError }) : null,
+        hasSide ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           Tabs,
           {
             className: "fd-fv-tabs",
@@ -13360,19 +13611,19 @@ function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel = "Details", o
             onChange: (v) => setTab(v)
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "fd-fv-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "fd-fv-preview", role: "region", "aria-label": "Preview of " + (file.name || "file"), children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fv-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fd-fv-preview", role: "region", "aria-label": "Preview of " + (file.name || "file"), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             LoadingRegion,
             {
               state: preview.status === "loading" ? "loading" : preview.status === "error" ? "error" : "ready",
               error: preview.error,
               label: "Loading preview of " + (file.name || "file"),
               onRetry: preview.status === "error" ? preview.retry : void 0,
-              skeleton: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Skeleton, { shape: "card", h: 220 }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(PreviewBody, { file, kind, state: preview })
+              skeleton: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Skeleton, { shape: "card", h: 220 }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PreviewBody, { file, kind, state: preview })
             }
           ) }),
-          hasSide ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "fd-fv-side", role: "region", "aria-label": sidePanelLabel, children: sidePanel }) : null
+          hasSide ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fd-fv-side", role: "region", "aria-label": sidePanelLabel, children: sidePanel }) : null
         ] })
       ]
     }
@@ -13380,8 +13631,8 @@ function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel = "Details", o
 }
 
 // src/components/files/FileBrowser.tsx
-var React65 = __toESM(require("react"), 1);
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var React66 = __toESM(require("react"), 1);
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function childrenOf(folders, parentId) {
   return folders.filter((f) => f.parentId === parentId).sort((a, b) => a.name.localeCompare(b.name));
 }
@@ -13453,8 +13704,8 @@ function FolderPickerMenu({
 }) {
   const panel = useInlinePanel();
   const { open: open2, setOpen, ref, zIndex } = panel;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fd-fb-menu-anchor", ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "fd-fb-menu-anchor", ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       IconButton,
       {
         icon: "arrows-out-cardinal",
@@ -13466,9 +13717,9 @@ function FolderPickerMenu({
         onClick: () => setOpen((v) => !v)
       }
     ),
-    open2 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(InlinePanelLayers, { panel, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fb-menu", role: "menu", "aria-label": label, style: { zIndex }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-overline fd-muted fd-fb-menu-title", children: "Move to\u2026" }),
-      destinations.map((d) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+    open2 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(InlinePanelLayers, { panel, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "fd-fb-menu", role: "menu", "aria-label": label, style: { zIndex }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "fd-overline fd-muted fd-fb-menu-title", children: "Move to\u2026" }),
+      destinations.map((d) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
         "button",
         {
           type: "button",
@@ -13480,7 +13731,7 @@ function FolderPickerMenu({
             setOpen(false);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("i", { className: "ph ph-" + (d.id == null ? "house-simple" : "folder-simple"), "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("i", { className: "ph ph-" + (d.id == null ? "house-simple" : "folder-simple"), "aria-hidden": "true" }),
             d.name
           ]
         },
@@ -13490,8 +13741,8 @@ function FolderPickerMenu({
   ] });
 }
 function RowShell({ icon, name, meta, onOpen, draggableId, isDropTarget, onDropPayload, actions, className = "" }) {
-  const [over, setOver] = React65.useState(false);
-  const dragCounter = React65.useRef(0);
+  const [over, setOver] = React66.useState(false);
+  const dragCounter = React66.useRef(0);
   const dropHandlers = isDropTarget ? {
     onDragEnter: (e) => {
       if (!hasInternalPayload(e)) return;
@@ -13516,8 +13767,8 @@ function RowShell({ icon, name, meta, onOpen, draggableId, isDropTarget, onDropP
       if (payload && onDropPayload) onDropPayload(payload);
     }
   } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ["fd-fb-row", over ? "is-drop-target" : "", className].filter(Boolean).join(" "), ...dropHandlers, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ["fd-fb-row", over ? "is-drop-target" : "", className].filter(Boolean).join(" "), ...dropHandlers, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
       "button",
       {
         type: "button",
@@ -13526,26 +13777,26 @@ function RowShell({ icon, name, meta, onOpen, draggableId, isDropTarget, onDropP
         draggable: !!draggableId,
         onDragStart: draggableId ? (e) => writeDragPayload(e, draggableId) : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fb-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("i", { className: "ph ph-" + icon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fd-fb-row-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fb-row-name", title: name, children: name }),
-            meta ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fb-row-meta", children: meta }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "fd-fb-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("i", { className: "ph ph-" + icon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "fd-fb-row-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "fd-fb-row-name", title: name, children: name }),
+            meta ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "fd-fb-row-meta", children: meta }) : null
           ] })
         ]
       }
     ),
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fb-row-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "fd-fb-row-actions", children: actions }) : null
   ] });
 }
 function TreeNode({ folder, depth, folders, currentFolderId, onNavigate, onMoveInto, canMove }) {
   const kids = childrenOf(folders, folder.id);
-  const [expanded, setExpanded] = React65.useState(() => currentFolderId != null && isSelfOrDescendant(folders, folder.id, currentFolderId));
-  React65.useEffect(() => {
+  const [expanded, setExpanded] = React66.useState(() => currentFolderId != null && isSelfOrDescendant(folders, folder.id, currentFolderId));
+  React66.useEffect(() => {
     if (currentFolderId != null && isSelfOrDescendant(folders, folder.id, currentFolderId)) setExpanded(true);
   }, [currentFolderId, folder.id, folders]);
   const isCurrent = folder.id === currentFolderId;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fb-tree-node", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "fd-fb-tree-node", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       RowShell,
       {
         icon: folder.id === currentFolderId ? "folder-open" : "folder-simple",
@@ -13555,7 +13806,7 @@ function TreeNode({ folder, depth, folders, currentFolderId, onNavigate, onMoveI
         isDropTarget: canMove,
         onDropPayload: (payload) => onMoveInto(payload, folder.id),
         className: ["fd-fb-tree-row", isCurrent ? "is-current" : ""].filter(Boolean).join(" "),
-        actions: kids.length ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        actions: kids.length ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           IconButton,
           {
             icon: expanded ? "caret-down" : "caret-right",
@@ -13567,7 +13818,7 @@ function TreeNode({ folder, depth, folders, currentFolderId, onNavigate, onMoveI
         ) : void 0
       }
     ),
-    expanded && kids.length ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fd-fb-tree-children", style: { paddingLeft: 14 }, children: kids.map((k) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    expanded && kids.length ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "fd-fb-tree-children", style: { paddingLeft: 14 }, children: kids.map((k) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       TreeNode,
       {
         folder: k,
@@ -13606,15 +13857,15 @@ function FileBrowser({
   const canUpload = perm.canUpload !== false && !!onUpload;
   const canRemoveFile = perm.canRemoveFile !== false && !!onRemoveFile;
   const canDeleteFolder = perm.canDeleteFolder !== false && !!onDeleteFolder;
-  const [createOpen, setCreateOpen] = React65.useState(false);
-  const [createName, setCreateName] = React65.useState("");
-  const [renameTarget, setRenameTarget] = React65.useState(null);
-  const [renameValue, setRenameValue] = React65.useState("");
-  const [deleteTarget, setDeleteTarget] = React65.useState(null);
-  const uploadInputRef = React65.useRef(null);
-  const crumbFolders = React65.useMemo(() => ancestorsOf(folders, currentFolderId), [folders, currentFolderId]);
-  const subfolders = React65.useMemo(() => childrenOf(folders, currentFolderId), [folders, currentFolderId]);
-  const currentFiles = React65.useMemo(
+  const [createOpen, setCreateOpen] = React66.useState(false);
+  const [createName, setCreateName] = React66.useState("");
+  const [renameTarget, setRenameTarget] = React66.useState(null);
+  const [renameValue, setRenameValue] = React66.useState("");
+  const [deleteTarget, setDeleteTarget] = React66.useState(null);
+  const uploadInputRef = React66.useRef(null);
+  const crumbFolders = React66.useMemo(() => ancestorsOf(folders, currentFolderId), [folders, currentFolderId]);
+  const subfolders = React66.useMemo(() => childrenOf(folders, currentFolderId), [folders, currentFolderId]);
+  const currentFiles = React66.useMemo(
     () => files.filter((f) => f.folderId === currentFolderId).sort((a, b) => a.name.localeCompare(b.name)),
     [files, currentFolderId]
   );
@@ -13653,10 +13904,10 @@ function FileBrowser({
     if (deleteTarget && onDeleteFolder) onDeleteFolder(deleteTarget);
     setDeleteTarget(null);
   };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ["fd-fb", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fb-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("nav", { className: "fd-fb-crumbs", "aria-label": "Folder path", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ["fd-fb", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "fd-fb-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("nav", { className: "fd-fb-crumbs", "aria-label": "Folder path", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           BreadcrumbCrumb,
           {
             label: "Home",
@@ -13666,7 +13917,7 @@ function FileBrowser({
             onDropPayload: (p) => moveIntoFolder(p, null)
           }
         ),
-        crumbFolders.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        crumbFolders.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           BreadcrumbCrumb,
           {
             label: f.name,
@@ -13678,11 +13929,11 @@ function FileBrowser({
           f.id
         ))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fd-fb-actions", children: [
-        canCreateFolder ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", size: "sm", icon: "folder-simple-plus", onClick: openCreate, children: "New folder" }) : null,
-        canUpload ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", size: "sm", icon: "upload-simple", onClick: () => uploadInputRef.current && uploadInputRef.current.click(), children: "Upload" }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "fd-fb-actions", children: [
+        canCreateFolder ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", size: "sm", icon: "folder-simple-plus", onClick: openCreate, children: "New folder" }) : null,
+        canUpload ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", size: "sm", icon: "upload-simple", onClick: () => uploadInputRef.current && uploadInputRef.current.click(), children: "Upload" }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             "input",
             {
               ref: uploadInputRef,
@@ -13700,9 +13951,9 @@ function FileBrowser({
         ] }) : null
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fb-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fb-tree", role: "region", "aria-label": "Folder tree", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "fd-fb-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "fd-fb-tree", role: "region", "aria-label": "Folder tree", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           RowShell,
           {
             icon: "house-simple",
@@ -13713,7 +13964,7 @@ function FileBrowser({
             className: ["fd-fb-tree-row", currentFolderId == null ? "is-current" : ""].filter(Boolean).join(" ")
           }
         ),
-        childrenOf(folders, null).map((f) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        childrenOf(folders, null).map((f) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           TreeNode,
           {
             folder: f,
@@ -13727,18 +13978,18 @@ function FileBrowser({
           f.id
         ))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fd-fb-main", role: "region", "aria-label": "Folder contents", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "fd-fb-main", role: "region", "aria-label": "Folder contents", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         LoadingRegion,
         {
           state: loading ? "loading" : "ready",
           label: "Loading folder contents",
-          skeleton: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-stack", style: { gap: 8, padding: 12 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Skeleton, { h: 44, radius: "10px" }),
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Skeleton, { h: 44, radius: "10px" }),
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Skeleton, { h: 44, radius: "10px" })
+          skeleton: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "fd-stack", style: { gap: 8, padding: 12 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Skeleton, { h: 44, radius: "10px" }),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Skeleton, { h: 44, radius: "10px" }),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Skeleton, { h: 44, radius: "10px" })
           ] }),
-          children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(EmptyState, { icon: "folder-open", title: "This folder is empty", children: canUpload ? "Drop files here, or use Upload above." : "Nothing has been filed here yet." }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fd-fb-list", children: [
-            subfolders.map((f) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(EmptyState, { icon: "folder-open", title: "This folder is empty", children: canUpload ? "Drop files here, or use Upload above." : "Nothing has been filed here yet." }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "fd-fb-list", children: [
+            subfolders.map((f) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               RowShell,
               {
                 icon: "folder-simple",
@@ -13747,9 +13998,9 @@ function FileBrowser({
                 draggableId: canMove ? { kind: "folder", id: f.id } : void 0,
                 isDropTarget: canMove,
                 onDropPayload: (p) => moveIntoFolder(p, f.id),
-                actions: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-                  canRenameFolder ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(IconButton, { icon: "pencil-simple", label: "Rename " + f.name, size: "sm", variant: "ghost", onClick: () => openRename(f) }) : null,
-                  canMove ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                actions: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+                  canRenameFolder ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(IconButton, { icon: "pencil-simple", label: "Rename " + f.name, size: "sm", variant: "ghost", onClick: () => openRename(f) }) : null,
+                  canMove ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     FolderPickerMenu,
                     {
                       label: "Move " + f.name,
@@ -13757,12 +14008,12 @@ function FileBrowser({
                       onPick: (target) => moveIntoFolder({ kind: "folder", id: f.id }, target)
                     }
                   ) : null,
-                  canDeleteFolder ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(IconButton, { icon: "trash-simple", label: "Delete " + f.name, size: "sm", variant: "ghost", onClick: () => openDelete(f) }) : null
+                  canDeleteFolder ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(IconButton, { icon: "trash-simple", label: "Delete " + f.name, size: "sm", variant: "ghost", onClick: () => openDelete(f) }) : null
                 ] })
               },
               f.id
             )),
-            currentFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            currentFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               RowShell,
               {
                 icon: iconForMime(file.mime, file.name),
@@ -13770,8 +14021,8 @@ function FileBrowser({
                 meta: file.size ? formatBytes(file.size) : void 0,
                 onOpen: onOpenFile ? () => onOpenFile(file) : void 0,
                 draggableId: canMove ? { kind: "file", id: file.id } : void 0,
-                actions: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-                  canMove ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                actions: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+                  canMove ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     FolderPickerMenu,
                     {
                       label: "Move " + file.name,
@@ -13779,7 +14030,7 @@ function FileBrowser({
                       onPick: (target) => onMoveFile && onMoveFile(file.id, target)
                     }
                   ) : null,
-                  canRemoveFile ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(IconButton, { icon: "trash-simple", label: "Remove " + file.name, size: "sm", variant: "ghost", onClick: () => onRemoveFile && onRemoveFile(file) }) : null
+                  canRemoveFile ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(IconButton, { icon: "trash-simple", label: "Remove " + file.name, size: "sm", variant: "ghost", onClick: () => onRemoveFile && onRemoveFile(file) }) : null
                 ] })
               },
               file.id
@@ -13788,10 +14039,10 @@ function FileBrowser({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Modal, { open: createOpen, title: "New folder", onClose: () => setCreateOpen(false), footer: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", onClick: () => setCreateOpen(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { onClick: submitCreate, disabled: !createName.trim(), children: "Create" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Modal, { open: createOpen, title: "New folder", onClose: () => setCreateOpen(false), footer: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", onClick: () => setCreateOpen(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { onClick: submitCreate, disabled: !createName.trim(), children: "Create" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "input",
       {
         className: "fd-fb-input",
@@ -13805,10 +14056,10 @@ function FileBrowser({
         autoFocus: true
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Modal, { open: renameTarget != null, title: "Rename folder", onClose: () => setRenameTarget(null), footer: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", onClick: () => setRenameTarget(null), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { onClick: submitRename, disabled: !renameValue.trim(), children: "Save" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Modal, { open: renameTarget != null, title: "Rename folder", onClose: () => setRenameTarget(null), footer: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", onClick: () => setRenameTarget(null), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { onClick: submitRename, disabled: !renameValue.trim(), children: "Save" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "input",
       {
         className: "fd-fb-input",
@@ -13822,22 +14073,22 @@ function FileBrowser({
         autoFocus: true
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Modal,
       {
         open: deleteTarget != null,
         title: deleteTarget ? "Delete \u201C" + deleteTarget.name + "\u201D?" : "Delete folder?",
         description: "This can't be undone. The folder must be empty.",
         onClose: () => setDeleteTarget(null),
-        footer: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", onClick: () => setDeleteTarget(null), children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "danger", onClick: confirmDelete, children: "Delete" })
+        footer: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", onClick: () => setDeleteTarget(null), children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "danger", onClick: confirmDelete, children: "Delete" })
         ] })
       }
     )
   ] });
   if (!canUpload) return content;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Dropzone, { className: "fd-fb-dropzone", onFiles: (picked) => onUpload && onUpload(picked, currentFolderId), label: "Drop files to upload", children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Dropzone, { className: "fd-fb-dropzone", onFiles: (picked) => onUpload && onUpload(picked, currentFolderId), label: "Drop files to upload", children: content });
 }
 function BreadcrumbCrumb({
   label,
@@ -13846,8 +14097,8 @@ function BreadcrumbCrumb({
   isDropTarget,
   onDropPayload
 }) {
-  const [over, setOver] = React65.useState(false);
-  const dragCounter = React65.useRef(0);
+  const [over, setOver] = React66.useState(false);
+  const dragCounter = React66.useRef(0);
   const dropHandlers = isDropTarget ? {
     onDragEnter: (e) => {
       if (!hasInternalPayload(e)) return;
@@ -13872,11 +14123,11 @@ function BreadcrumbCrumb({
       if (payload && onDropPayload) onDropPayload(payload);
     }
   } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: ["fd-fb-crumb", over ? "is-drop-target" : ""].filter(Boolean).join(" "), ...dropHandlers, children: isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fd-fb-crumb-current", "aria-current": "page", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("button", { type: "button", className: "fd-fb-crumb-link", onClick, children: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: ["fd-fb-crumb", over ? "is-drop-target" : ""].filter(Boolean).join(" "), ...dropHandlers, children: isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "fd-fb-crumb-current", "aria-current": "page", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", className: "fd-fb-crumb-link", onClick, children: label }) });
 }
 
 // src/kits/query.ts
-var React66 = __toESM(require("react"), 1);
+var React67 = __toESM(require("react"), 1);
 var isMultiSelectShaped = (v) => !!v && typeof v === "object" && Array.isArray(v.values);
 var isRangeShaped = (v) => !!v && typeof v === "object" && ("min" in v || "max" in v);
 var isDateShaped = (v) => !!v && typeof v === "object" && "kind" in v;
@@ -13931,22 +14182,22 @@ function compare(a, b, dir) {
 var API = null;
 var PREFS = null;
 function useServerTable({ endpoint, params, defaults, deps, prefsKey }) {
-  const [query, setQuery] = React66.useState(() => {
+  const [query, setQuery] = React67.useState(() => {
     const store = PREFS || window.PlannerPrefs;
     const saved = prefsKey && store ? store.getTable(prefsKey) : {};
     return { ...DEFAULTS, ...defaults || {}, ...saved.pageSize ? { pageSize: saved.pageSize } : {}, ...saved.sort ? { sort: saved.sort, dir: saved.dir || "desc" } : {} };
   });
-  const savePref = React66.useCallback((patch2) => {
+  const savePref = React67.useCallback((patch2) => {
     const store = PREFS || window.PlannerPrefs;
     if (prefsKey && store) store.setTable(prefsKey, patch2);
   }, [prefsKey]);
-  const [res, setRes] = React66.useState(null);
-  const [loading, setLoading] = React66.useState(true);
-  const seq2 = React66.useRef(0);
+  const [res, setRes] = React67.useState(null);
+  const [loading, setLoading] = React67.useState(true);
+  const seq2 = React67.useRef(0);
   const depKey = (deps || []).join("|");
   const paramKey = JSON.stringify(params || {});
   const queryKey = JSON.stringify(query);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     const id = ++seq2.current;
     setLoading(true);
     const t = setTimeout(() => {
@@ -14265,12 +14516,12 @@ function createVersionStore(initialState, options) {
 }
 
 // src/kits/documentTitle.ts
-var React67 = __toESM(require("react"), 1);
+var React68 = __toESM(require("react"), 1);
 function formatDocumentTitle(routeTitle, appName) {
   return [routeTitle, appName, "Flytedesk"].filter((part) => !!part && part.length > 0).join(" \xB7 ");
 }
 function useDocumentTitle(routeTitle, appName) {
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     if (typeof document === "undefined") return;
     document.title = formatDocumentTitle(routeTitle, appName);
   }, [routeTitle, appName]);
@@ -14313,6 +14564,7 @@ function useDocumentTitle(routeTitle, appName) {
   Clamp,
   ClockFace,
   CodeBlock,
+  CodeEditor,
   Collapsible,
   ComingSoon,
   CsiBadge,
@@ -14358,6 +14610,7 @@ function useDocumentTitle(routeTitle, appName) {
   JobTray,
   Json,
   KeyHint,
+  LAYER_STEP,
   LoadingRegion,
   Markdown,
   MarkdownEditor,
@@ -14372,6 +14625,7 @@ function useDocumentTitle(routeTitle, appName) {
   ModeSwitch,
   ModelControls,
   NumberInput,
+  OVERLAY_CEILING,
   POPOVER_BODY_MIN,
   PacketCard,
   Pagination,
@@ -14384,6 +14638,7 @@ function useDocumentTitle(routeTitle, appName) {
   ProgressBar,
   QueryKit,
   QuotaRow,
+  ROOT_STEP,
   Radio,
   RangeSlider,
   RelativeTime,
@@ -14428,6 +14683,7 @@ function useDocumentTitle(routeTitle, appName) {
   VIRTUAL_LIST_BUFFER_ROWS,
   VIRTUAL_LIST_ROW_GAP,
   VirtualList,
+  __resetLayerStackForTests,
   acceptMatches,
   anyOfFilter,
   applyPrefs,
@@ -14477,6 +14733,7 @@ function useDocumentTitle(routeTitle, appName) {
   useChatEngine,
   useDocumentTitle,
   useFeatureStatus,
+  useLayerZIndex,
   usePopoverPosition,
   useResponsiveRail,
   useRuntimeMode,