@tangle-network/agent-app 0.45.65 → 0.46.1

package/dist/{chunk-23J72UUA.js → chunk-DINGA2MO.js}

@@ -1,6 +1,12 @@
 import {
-  ProviderLogo
-} from "./chunk-MLG6XKPV.js";
+  CheckGlyph,
+  EffortPicker,
+  ModelPicker,
+  OVERLAY_SHADOW,
+  PopoverSurface,
+  pickerRootClass,
+  usePopover
+} from "./chunk-YDOQE47G.js";
 import {
   ATTACHMENT_ACCEPT,
   ATTACHMENT_MAX_COUNT,
@@ -18,461 +24,6 @@ import {
   snapModelToHarness
 } from "./chunk-TH7L265V.js";
 
-// src/web-react/controls.tsx
-import {
-  useCallback,
-  useEffect,
-  useId,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ChevronDown({ className }) {
-  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
-}
-function SearchGlyph({ className }) {
-  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
-  ] });
-}
-function SparkleGlyph({ className }) {
-  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3M5.6 5.6l2.1 2.1m8.6 8.6 2.1 2.1m0-12.8-2.1 2.1M7.7 16.3l-2.1 2.1" }) });
-}
-function BrainGlyph({ className }) {
-  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 18V5" }),
-    /* @__PURE__ */ jsx("path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4" }),
-    /* @__PURE__ */ jsx("path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M17.997 5.125a4 4 0 0 1 2.526 5.77" }),
-    /* @__PURE__ */ jsx("path", { d: "M18 18a4 4 0 0 0 2-7.464" }),
-    /* @__PURE__ */ jsx("path", { d: "M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517" }),
-    /* @__PURE__ */ jsx("path", { d: "M6 18a4 4 0 0 1-2-7.464" }),
-    /* @__PURE__ */ jsx("path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77" })
-  ] });
-}
-function CheckGlyph({ className }) {
-  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
-}
-function usePopover(open, setOpen) {
-  const containerRef = useRef(null);
-  const triggerRef = useRef(null);
-  const panelRef = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    function onMouseDown(e) {
-      const target = e.target;
-      if (containerRef.current?.contains(target)) return;
-      const panel = panelRef.current;
-      if (panel?.contains(target)) return;
-      const ownPath = panel?.getAttribute(POPOVER_SURFACE_ATTR);
-      const hitPath = target instanceof Element ? target.closest(`[${POPOVER_SURFACE_ATTR}]`)?.getAttribute(POPOVER_SURFACE_ATTR) : null;
-      if (ownPath && hitPath && (hitPath === ownPath || hitPath.startsWith(`${ownPath}${POPOVER_PATH_SEPARATOR}`))) return;
-      setOpen(false);
-    }
-    function onKeyDown(e) {
-      if (e.key === "Escape") {
-        setOpen(false);
-        triggerRef.current?.focus();
-      }
-    }
-    document.addEventListener("mousedown", onMouseDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onMouseDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open, setOpen]);
-  return {
-    containerRef,
-    triggerRef,
-    panelRef,
-    triggerProps: {
-      ref: triggerRef,
-      "aria-haspopup": true,
-      "aria-expanded": open
-    }
-  };
-}
-var POPOVER_GAP = 8;
-var POPOVER_VIEWPORT_MARGIN = 16;
-var POPOVER_MIN_HEIGHT = 120;
-var POPOVER_SURFACE_ATTR = "data-agent-app-popover";
-var POPOVER_PATH_SEPARATOR = "/";
-var useBrowserLayoutEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
-function PopoverSurface({
-  open,
-  triggerRef,
-  panelRef,
-  className,
-  role,
-  id,
-  matchTriggerWidth,
-  children
-}) {
-  const surfaceId = useId();
-  const [style, setStyle] = useState(() => ({
-    position: "fixed",
-    top: 0,
-    left: 0,
-    visibility: "hidden"
-  }));
-  const place = useCallback(() => {
-    const trigger = triggerRef.current;
-    const panel = panelRef.current;
-    if (!trigger || !panel) return;
-    const anchor = trigger.getBoundingClientRect();
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const contentHeight = panel.scrollHeight;
-    const panelWidth = panel.offsetWidth;
-    const roomAbove = anchor.top - POPOVER_GAP - POPOVER_VIEWPORT_MARGIN;
-    const roomBelow = viewportHeight - anchor.bottom - POPOVER_GAP - POPOVER_VIEWPORT_MARGIN;
-    const above = contentHeight <= roomAbove || roomAbove >= roomBelow;
-    const maxHeight = Math.max(POPOVER_MIN_HEIGHT, above ? roomAbove : roomBelow);
-    const height = Math.min(contentHeight, maxHeight);
-    const top = above ? Math.max(POPOVER_VIEWPORT_MARGIN, anchor.top - POPOVER_GAP - height) : anchor.bottom + POPOVER_GAP;
-    const rightBound = Math.max(POPOVER_VIEWPORT_MARGIN, viewportWidth - panelWidth - POPOVER_VIEWPORT_MARGIN);
-    const left = Math.min(Math.max(POPOVER_VIEWPORT_MARGIN, anchor.left), rightBound);
-    setStyle({
-      position: "fixed",
-      top,
-      left,
-      maxHeight,
-      visibility: "visible",
-      ...matchTriggerWidth ? { minWidth: anchor.width } : {}
-    });
-  }, [matchTriggerWidth, panelRef, triggerRef]);
-  useBrowserLayoutEffect(() => {
-    if (!open) {
-      setStyle({ position: "fixed", top: 0, left: 0, visibility: "hidden" });
-      return;
-    }
-    place();
-  }, [open, place]);
-  useEffect(() => {
-    if (!open) return;
-    const onViewportChange = () => place();
-    window.addEventListener("scroll", onViewportChange, true);
-    window.addEventListener("resize", onViewportChange);
-    return () => {
-      window.removeEventListener("scroll", onViewportChange, true);
-      window.removeEventListener("resize", onViewportChange);
-    };
-  }, [open, place]);
-  if (!open || typeof document === "undefined") return null;
-  const ownerPath = triggerRef.current?.closest?.(`[${POPOVER_SURFACE_ATTR}]`)?.getAttribute(POPOVER_SURFACE_ATTR);
-  const path = ownerPath ? `${ownerPath}${POPOVER_PATH_SEPARATOR}${surfaceId}` : surfaceId;
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: panelRef,
-        id,
-        role,
-        style,
-        ...{ [POPOVER_SURFACE_ATTR]: path },
-        className: `z-[1000] ${className ?? ""}`,
-        children
-      }
-    ),
-    document.body
-  );
-}
-var POPOVER_OPTION_FOCUS = "focus-visible:[outline-offset:-2px]";
-var OVERLAY_SHADOW = "shadow-[var(--shadow-overlay)]";
-function pickerRootClass(fullWidth) {
-  return `relative ${fullWidth ? "flex w-full" : "inline-flex"}`;
-}
-function usePending() {
-  const [pending, setPending] = useState(false);
-  const inFlight = useRef(false);
-  const mounted = useRef(true);
-  useEffect(() => {
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-  const run = (action) => {
-    if (inFlight.current) return;
-    let result;
-    try {
-      result = action();
-    } catch {
-      return;
-    }
-    if (!(result instanceof Promise)) return;
-    inFlight.current = true;
-    setPending(true);
-    void result.finally(() => {
-      inFlight.current = false;
-      if (mounted.current) setPending(false);
-    });
-  };
-  return { pending, run };
-}
-function formatPrice(p) {
-  if (!p) return void 0;
-  const n = Number(p);
-  if (isNaN(n) || n === 0) return void 0;
-  const perM = n * 1e6;
-  return perM >= 1 ? `$${perM.toFixed(0)}/M` : `$${perM.toFixed(2)}/M`;
-}
-function formatContext(len) {
-  if (!len) return void 0;
-  if (len >= 1e6) return `${(len / 1e6).toFixed(1)}M ctx`;
-  if (len >= 1e3) return `${Math.round(len / 1e3)}K ctx`;
-  return `${len} ctx`;
-}
-function SectionHeader({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children });
-}
-function ModelRow({
-  model,
-  selected,
-  onSelect,
-  renderProviderBadge
-}) {
-  const price = formatPrice(model.pricing?.prompt);
-  const ctx = formatContext(model.contextLength);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: onSelect,
-      className: `flex w-full items-center gap-2.5 rounded-md px-3 py-2.5 text-left text-sm transition ${POPOVER_OPTION_FOCUS} ${selected ? "bg-primary/10 font-medium" : "hover:bg-accent"}`,
-      children: [
-        renderProviderBadge ? renderProviderBadge(model.provider) : /* @__PURE__ */ jsx(ProviderLogo, { provider: model.provider, size: 16 }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: model.name }),
-        !model.supportsTools && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-secondary px-1.5 py-0.5 text-xs font-medium text-muted-foreground", children: "no tools" }),
-        /* @__PURE__ */ jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-2 text-xs text-muted-foreground", children: [
-          ctx && /* @__PURE__ */ jsx("span", { children: ctx }),
-          price && /* @__PURE__ */ jsx("span", { children: price })
-        ] })
-      ]
-    }
-  );
-}
-function ModelPicker({ value, onChange, models, loading, renderProviderBadge, recommendedLabel = "Recommended", priorityGroup }) {
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
-  const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
-  const inputRef = useRef(null);
-  const panelId = useId();
-  useEffect(() => {
-    if (open) inputRef.current?.focus();
-  }, [open]);
-  const selected = models.find((m) => m.id === value);
-  const filtered = useMemo(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return null;
-    return models.filter(
-      (m) => m.id.toLowerCase().includes(q) || m.name.toLowerCase().includes(q) || (m.description?.toLowerCase() ?? "").includes(q) || m.provider.toLowerCase().includes(q)
-    );
-  }, [models, query]);
-  const sections = useMemo(() => {
-    const isPriority = priorityGroup ? (m) => priorityGroup.match(m) : () => false;
-    const priority = priorityGroup ? models.filter(isPriority) : [];
-    const recommended = models.filter((m) => m.featured && !isPriority(m));
-    const byProvider = [];
-    for (const m of models) {
-      if (m.featured || isPriority(m)) continue;
-      const last = byProvider[byProvider.length - 1];
-      if (last && last.provider === m.provider) last.items.push(m);
-      else byProvider.push({ provider: m.provider, items: [m] });
-    }
-    return { priority, recommended, byProvider };
-  }, [models, priorityGroup]);
-  const select = (id) => {
-    onChange(id);
-    setOpen(false);
-    setQuery("");
-  };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        "aria-controls": open ? panelId : void 0,
-        onClick: () => setOpen(!open),
-        className: "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
-        children: [
-          selected ? renderProviderBadge ? renderProviderBadge(selected.provider) : /* @__PURE__ */ jsx(ProviderLogo, { provider: selected.provider, size: 16 }) : /* @__PURE__ */ jsx(SparkleGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("span", { className: "max-w-[160px] truncate", children: selected?.name ?? value }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      PopoverSurface,
-      {
-        open,
-        id: panelId,
-        triggerRef,
-        panelRef,
-        className: `flex w-[420px] max-w-[calc(100vw-2rem)] flex-col overflow-hidden rounded-xl border border-card-edge bg-popover ${OVERLAY_SHADOW}`,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-strong bg-background px-3 py-2", children: [
-            /* @__PURE__ */ jsx(SearchGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: inputRef,
-                type: "text",
-                value: query,
-                onChange: (e) => setQuery(e.target.value),
-                placeholder: "Search models...",
-                className: "flex-1 bg-transparent text-sm placeholder:text-muted-foreground"
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "max-h-[400px] min-h-0 overflow-y-auto p-1 pb-2", children: [
-            loading && /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "Loading models..." }),
-            !loading && filtered && /* @__PURE__ */ jsxs(Fragment, { children: [
-              filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No models match your search" }),
-              filtered.map((m) => /* @__PURE__ */ jsx(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-            ] }),
-            !loading && !filtered && models.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No models available" }),
-            !loading && !filtered && models.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              priorityGroup && sections.priority.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(SectionHeader, { children: priorityGroup.label }),
-                sections.priority.map((m) => /* @__PURE__ */ jsx(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-              ] }),
-              sections.recommended.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(SectionHeader, { children: recommendedLabel }),
-                sections.recommended.map((m) => /* @__PURE__ */ jsx(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-              ] }),
-              sections.byProvider.map((g) => /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(SectionHeader, { children: g.provider }),
-                g.items.map((m) => /* @__PURE__ */ jsx(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-              ] }, g.provider))
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-var KNOWN_EFFORT_LABELS = {
-  off: "Off",
-  low: "Quick",
-  medium: "Standard",
-  high: "Extended",
-  xhigh: "Extra",
-  ultracode: "Ultra"
-};
-var DEFAULT_EFFORT_LEVELS = [
-  { id: "off", label: KNOWN_EFFORT_LABELS.off },
-  { id: "low", label: KNOWN_EFFORT_LABELS.low },
-  { id: "medium", label: KNOWN_EFFORT_LABELS.medium },
-  { id: "high", label: KNOWN_EFFORT_LABELS.high }
-];
-function effortLevelLabel(id) {
-  const known = KNOWN_EFFORT_LABELS[id];
-  if (known) return known;
-  const words = id.replace(/[-_]+/g, " ").trim();
-  return words ? words.charAt(0).toUpperCase() + words.slice(1) : id;
-}
-function effortLevelsFromIds(ids) {
-  return ids.map((id) => ({ id, label: effortLevelLabel(id) }));
-}
-function reconcileEffortLevels(value, levels = DEFAULT_EFFORT_LEVELS) {
-  if (!value || levels.some((l) => l.id === value)) return levels;
-  return [{ id: value, label: effortLevelLabel(value) }, ...levels];
-}
-var EFFORT_METER_SEGMENTS = 4;
-var EFFORT_METER_FILL_OPACITY = [0.25, 0.5, 0.75, 1];
-var EFFORT_METER_GHOST_OPACITY = 0.15;
-var OFF_LEVEL_IDS = /* @__PURE__ */ new Set(["off", "none"]);
-var UNPLACEABLE_LEVEL_IDS = /* @__PURE__ */ new Set(["auto"]);
-function effortMeterFill(levelId, levels = DEFAULT_EFFORT_LEVELS) {
-  if (OFF_LEVEL_IDS.has(levelId) || UNPLACEABLE_LEVEL_IDS.has(levelId)) return 0;
-  const active = levels.filter((l) => !OFF_LEVEL_IDS.has(l.id) && !UNPLACEABLE_LEVEL_IDS.has(l.id));
-  const index = active.findIndex((l) => l.id === levelId);
-  if (index < 0 || active.length === 0) return 0;
-  return Math.max(1, Math.floor((index + 1) * EFFORT_METER_SEGMENTS / active.length));
-}
-function EffortMeter({ fill, className }) {
-  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `inline-flex items-center gap-[2px] ${className ?? ""}`, children: Array.from({ length: EFFORT_METER_SEGMENTS }, (_, i) => /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: "h-3 w-[3px] rounded-full bg-current",
-      style: { opacity: i < fill ? EFFORT_METER_FILL_OPACITY[i] : EFFORT_METER_GHOST_OPACITY }
-    },
-    i
-  )) });
-}
-function EffortPicker({ value, onChange, levels = DEFAULT_EFFORT_LEVELS, label = "Thinking", fullWidth = false }) {
-  const [open, setOpen] = useState(false);
-  const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
-  const panelId = useId();
-  const rendered = reconcileEffortLevels(value, levels);
-  const isDeclared = (id) => levels.some((l) => l.id === id) && !UNPLACEABLE_LEVEL_IDS.has(id);
-  const selected = rendered.find((l) => l.id === value);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: pickerRootClass(fullWidth), children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        "aria-controls": open ? panelId : void 0,
-        onClick: () => setOpen(!open),
-        title: label ? `${label} \u2014 how hard the agent reasons before answering` : "Reasoning effort",
-        className: `inline-flex min-h-[36px] shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent ${fullWidth ? "w-full" : ""}`,
-        children: [
-          /* @__PURE__ */ jsx(BrainGlyph, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsxs("span", { className: fullWidth ? "flex-1 truncate text-left" : void 0, children: [
-            label ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-              label,
-              ": "
-            ] }) : null,
-            selected ? selected.label : "\u2014"
-          ] }),
-          selected && isDeclared(selected.id) && /* @__PURE__ */ jsx(EffortMeter, { fill: effortMeterFill(selected.id, levels), className: "shrink-0 text-foreground" }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PopoverSurface,
-      {
-        open,
-        id: panelId,
-        role: "menu",
-        triggerRef,
-        panelRef,
-        matchTriggerWidth: fullWidth,
-        className: `w-44 overflow-y-auto rounded-xl border border-card-edge bg-popover p-1 ${OVERLAY_SHADOW}`,
-        children: rendered.map((l) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            role: "menuitemradio",
-            "aria-checked": l.id === value,
-            onClick: () => {
-              onChange(l.id);
-              setOpen(false);
-            },
-            className: `flex min-h-[40px] w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition ${POPOVER_OPTION_FOCUS} ${l.id === value ? "bg-primary/10 font-medium" : "hover:bg-accent"}`,
-            children: [
-              /* @__PURE__ */ jsx(BrainGlyph, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: l.label }),
-              isDeclared(l.id) && /* @__PURE__ */ jsx(EffortMeter, { fill: effortMeterFill(l.id, levels), className: "ml-auto text-foreground" }),
-              l.id === value && /* @__PURE__ */ jsx(CheckGlyph, { className: `${isDeclared(l.id) ? "" : "ml-auto "}h-3.5 w-3.5 shrink-0 text-primary` })
-            ]
-          },
-          l.id
-        ))
-      }
-    )
-  ] });
-}
-
 // src/web-react/composer-file-accept.ts
 function isAcceptedFileType(file, accept) {
   if (!accept || accept.trim().length === 0) return true;
@@ -569,7 +120,7 @@ function renamePastedImages(files, startIndex, stagedNames = []) {
 }
 
 // src/web-react/use-composer-attachments.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 function newId() {
   const cryptoObject = globalThis.crypto;
   if (typeof cryptoObject?.randomUUID === "function") return cryptoObject.randomUUID();
@@ -605,12 +156,12 @@ async function parseUploadError(res) {
 }
 var NO_UPLOAD_TARGET_MESSAGE = "No upload destination configured (pass uploadUrl or buildUploadRequest)";
 function useComposerAttachments(options) {
-  const optionsRef = useRef2(options);
+  const optionsRef = useRef(options);
   optionsRef.current = options;
-  const [staged, setStagedState] = useState2([]);
-  const stagedRef = useRef2([]);
-  const controllersRef = useRef2(/* @__PURE__ */ new Map());
-  const setStaged = useCallback2(
+  const [staged, setStagedState] = useState([]);
+  const stagedRef = useRef([]);
+  const controllersRef = useRef(/* @__PURE__ */ new Map());
+  const setStaged = useCallback(
     (updater) => {
       const next = typeof updater === "function" ? updater(stagedRef.current) : updater;
       stagedRef.current = next;
@@ -618,7 +169,7 @@ function useComposerAttachments(options) {
     },
     []
   );
-  const upload = useCallback2(
+  const upload = useCallback(
     async (id, file, name) => {
       const opts = optionsRef.current;
       setStaged(
@@ -681,7 +232,7 @@ function useComposerAttachments(options) {
     },
     [setStaged]
   );
-  const addFiles = useCallback2(
+  const addFiles = useCallback(
     async (files) => {
       const opts = optionsRef.current;
       const enabled2 = opts.enabled ?? true;
@@ -761,7 +312,7 @@ function useComposerAttachments(options) {
     },
     [setStaged, upload]
   );
-  const retry = useCallback2(
+  const retry = useCallback(
     (id) => {
       const entry = stagedRef.current.find((s) => s.id === id);
       if (!entry) return;
@@ -769,7 +320,7 @@ function useComposerAttachments(options) {
     },
     [upload]
   );
-  const removeAttachment = useCallback2(
+  const removeAttachment = useCallback(
     (id) => {
       controllersRef.current.get(id)?.abort();
       controllersRef.current.delete(id);
@@ -779,7 +330,7 @@ function useComposerAttachments(options) {
     },
     [setStaged]
   );
-  const clear = useCallback2(() => {
+  const clear = useCallback(() => {
     for (const controller of controllersRef.current.values()) controller.abort();
     controllersRef.current.clear();
     for (const entry of stagedRef.current) {
@@ -787,7 +338,7 @@ function useComposerAttachments(options) {
     }
     setStaged([]);
   }, [setStaged]);
-  useEffect2(
+  useEffect(
     () => () => {
       for (const controller of controllersRef.current.values()) controller.abort();
       controllersRef.current.clear();
@@ -797,7 +348,7 @@ function useComposerAttachments(options) {
     },
     []
   );
-  const composerFiles = useMemo2(
+  const composerFiles = useMemo(
     () => staged.map((s) => ({
       id: s.id,
       name: s.name,
@@ -809,15 +360,15 @@ function useComposerAttachments(options) {
     })),
     [staged]
   );
-  const references = useMemo2(
+  const references = useMemo(
     () => staged.filter((s) => s.status === "ready" && !!s.reference).map((s) => s.reference),
     [staged]
   );
-  const hasPending = useMemo2(
+  const hasPending = useMemo(
     () => staged.some((s) => s.status === "pending" || s.status === "uploading"),
     [staged]
   );
-  const hasError = useMemo2(() => staged.some((s) => s.status === "error"), [staged]);
+  const hasError = useMemo(() => staged.some((s) => s.status === "error"), [staged]);
   const enabled = options.enabled ?? true;
   const blockReason = !enabled ? "Attachments are disabled" : hasPending ? "Attachments are still uploading" : hasError ? "Remove failed attachments to send" : null;
   return {
@@ -834,7 +385,7 @@ function useComposerAttachments(options) {
 }
 
 // src/web-react/harness-glyphs.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var BRAND_PATHS = {
   opencode: [
     "M16 6H8v12h8V6zm4 16H4V2h16v20z"
@@ -867,27 +418,27 @@ var BRAND_PATHS = {
   ]
 };
 function BotGlyph({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12 8V4H8" }),
-    /* @__PURE__ */ jsx2("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M2 14h2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M20 14h2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M15 13v2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M9 13v2" })
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 8V4H8" }),
+    /* @__PURE__ */ jsx("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 14h2" }),
+    /* @__PURE__ */ jsx("path", { d: "M20 14h2" }),
+    /* @__PURE__ */ jsx("path", { d: "M15 13v2" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 13v2" })
   ] });
 }
 function PlugGlyph({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12 22v-5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M15 8V2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z" }),
-    /* @__PURE__ */ jsx2("path", { d: "M9 8V2" })
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 22v-5" }),
+    /* @__PURE__ */ jsx("path", { d: "M15 8V2" }),
+    /* @__PURE__ */ jsx("path", { d: "M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 8V2" })
   ] });
 }
 function TerminalGlyph({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12 19h8" }),
-    /* @__PURE__ */ jsx2("path", { d: "m4 17 6-6-6-6" })
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 19h8" }),
+    /* @__PURE__ */ jsx("path", { d: "m4 17 6-6-6-6" })
   ] });
 }
 var FALLBACK_GLYPHS = {
@@ -898,7 +449,7 @@ var FALLBACK_GLYPHS = {
 function HarnessGlyph({ harness, className }) {
   const brand = BRAND_PATHS[harness];
   if (brand) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(
       "svg",
       {
         className,
@@ -909,18 +460,18 @@ function HarnessGlyph({ harness, className }) {
         role: "img",
         "aria-label": harness,
         "data-glyph": harness,
-        children: brand.map((d) => /* @__PURE__ */ jsx2("path", { d }, d.slice(0, 32)))
+        children: brand.map((d) => /* @__PURE__ */ jsx("path", { d }, d.slice(0, 32)))
       }
     );
   }
   const Fallback = FALLBACK_GLYPHS[harness] ?? BotGlyph;
   const kind = Fallback === BotGlyph ? "bot" : Fallback === PlugGlyph ? "plug" : "terminal";
-  return /* @__PURE__ */ jsx2("span", { role: "img", "aria-label": harness, "data-glyph": kind, className: "inline-flex", children: /* @__PURE__ */ jsx2(Fallback, { className }) });
+  return /* @__PURE__ */ jsx("span", { role: "img", "aria-label": harness, "data-glyph": kind, className: "inline-flex", children: /* @__PURE__ */ jsx(Fallback, { className }) });
 }
 
 // src/web-react/agent-session-controls.tsx
-import { useId as useId2, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useId, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var HARNESS_LABELS = {
   opencode: "OpenCode (any model)",
   "claude-code": "Claude Code (Anthropic)",
@@ -939,19 +490,19 @@ var HARNESS_LABELS = {
 function harnessLabel(h) {
   return HARNESS_LABELS[h] ?? h;
 }
-function ChevronDown2({ className }) {
-  return /* @__PURE__ */ jsx3("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx3("path", { d: "m6 9 6 6 6-6" }) });
+function ChevronDown({ className }) {
+  return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }) });
 }
 function LockGlyph({ className }) {
-  return /* @__PURE__ */ jsxs3("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx3("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx3("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  return /* @__PURE__ */ jsxs2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx2("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
   ] });
 }
 function GearGlyph({ className }) {
-  return /* @__PURE__ */ jsxs3("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+  return /* @__PURE__ */ jsxs2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx2("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
   ] });
 }
 var FOCUS_RING = "";
@@ -962,18 +513,18 @@ function HarnessPicker({
   fullWidth = false,
   lockReason
 }) {
-  const [open, setOpen] = useState3(false);
-  const [hintOpen, setHintOpen] = useState3(false);
+  const [open, setOpen] = useState2(false);
+  const [hintOpen, setHintOpen] = useState2(false);
   const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
-  const hintPanelRef = useRef3(null);
-  const panelId = useId2();
-  const reasonId = useId2();
+  const hintPanelRef = useRef2(null);
+  const panelId = useId();
+  const reasonId = useId();
   const locked = lockReason !== void 0;
   const options = available ?? Object.keys(HARNESS_LABELS);
   const showHint = () => setHintOpen(true);
   const hideHint = () => setHintOpen(false);
-  return /* @__PURE__ */ jsxs3("div", { ref: containerRef, className: pickerRootClass(fullWidth), children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: pickerRootClass(fullWidth), children: [
+    /* @__PURE__ */ jsxs2(
       "button",
       {
         type: "button",
@@ -991,17 +542,17 @@ function HarnessPicker({
         title: "Agent backend",
         className: `inline-flex min-h-[36px] w-full items-center justify-between gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition ${locked ? "cursor-default" : "hover:bg-accent"} ${FOCUS_RING}`,
         children: [
-          /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx3(HarnessGlyph, { harness: value, className: "h-4 w-4 shrink-0 text-foreground" }),
-            /* @__PURE__ */ jsx3("span", { className: "truncate", children: harnessLabel(value) })
+          /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx2(HarnessGlyph, { harness: value, className: "h-4 w-4 shrink-0 text-foreground" }),
+            /* @__PURE__ */ jsx2("span", { className: "truncate", children: harnessLabel(value) })
           ] }),
-          locked ? /* @__PURE__ */ jsx3(LockGlyph, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx3(ChevronDown2, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+          locked ? /* @__PURE__ */ jsx2(LockGlyph, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
         ]
       }
     ),
-    locked && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx3("span", { id: reasonId, className: "sr-only", children: lockReason }),
-      /* @__PURE__ */ jsx3(
+    locked && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2("span", { id: reasonId, className: "sr-only", children: lockReason }),
+      /* @__PURE__ */ jsx2(
         PopoverSurface,
         {
           open: hintOpen,
@@ -1010,11 +561,11 @@ function HarnessPicker({
           panelRef: hintPanelRef,
           matchTriggerWidth: fullWidth,
           className: `max-w-[248px] rounded-lg border border-card-edge bg-popover px-2.5 py-1.5 text-xs leading-snug text-muted-foreground ${OVERLAY_SHADOW}`,
-          children: /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: lockReason })
+          children: /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: lockReason })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       PopoverSurface,
       {
         open: !locked && open,
@@ -1024,7 +575,7 @@ function HarnessPicker({
         panelRef,
         matchTriggerWidth: true,
         className: `max-h-64 min-w-[248px] overflow-y-auto rounded-xl border border-card-edge bg-popover p-1 ${OVERLAY_SHADOW}`,
-        children: options.map((h) => /* @__PURE__ */ jsxs3(
+        children: options.map((h) => /* @__PURE__ */ jsxs2(
           "button",
           {
             type: "button",
@@ -1036,9 +587,9 @@ function HarnessPicker({
             },
             className: `flex w-full items-center gap-2.5 rounded-md px-3 py-2 text-left text-sm transition ${FOCUS_RING} ${h === value ? "bg-primary/10 font-medium" : "hover:bg-accent"}`,
             children: [
-              /* @__PURE__ */ jsx3(HarnessGlyph, { harness: h, className: "h-4 w-4 shrink-0 text-foreground" }),
-              /* @__PURE__ */ jsx3("span", { className: "truncate", children: harnessLabel(h) }),
-              h === value && /* @__PURE__ */ jsx3(CheckGlyph, { className: "ml-auto h-3.5 w-3.5 shrink-0 text-primary" })
+              /* @__PURE__ */ jsx2(HarnessGlyph, { harness: h, className: "h-4 w-4 shrink-0 text-foreground" }),
+              /* @__PURE__ */ jsx2("span", { className: "truncate", children: harnessLabel(h) }),
+              h === value && /* @__PURE__ */ jsx2(CheckGlyph, { className: "ml-auto h-3.5 w-3.5 shrink-0 text-primary" })
             ]
           },
           h
@@ -1049,7 +600,7 @@ function HarnessPicker({
 }
 function useCoherentHandlers(props) {
   const { model, models, harness, onModelChange, onHarnessChange, harnessLockReason } = props;
-  const canonicalIds = useMemo3(() => models.map((m) => m.id), [models]);
+  const canonicalIds = useMemo2(() => models.map((m) => m.id), [models]);
   const harnessLocked = harnessLockReason !== void 0;
   const onModel = (next) => {
     onModelChange(next);
@@ -1081,12 +632,12 @@ function AgentSessionControls(props) {
     className
   } = props;
   const { onModel, onHarness } = useCoherentHandlers(props);
-  const [open, setOpen] = useState3(false);
+  const [open, setOpen] = useState2(false);
   const { containerRef: popoverRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
-  const panelId = useId2();
+  const panelId = useId();
   const selectedModel = models.find((m) => m.id === model);
   const showEffort = selectedModel?.supportsReasoning ?? true;
-  const modelPicker = /* @__PURE__ */ jsx3(
+  const modelPicker = /* @__PURE__ */ jsx2(
     ModelPicker,
     {
       value: model,
@@ -1097,17 +648,17 @@ function AgentSessionControls(props) {
     }
   );
   if (layout === "inline") {
-    return /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs2("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
       modelPicker,
-      showHarness && /* @__PURE__ */ jsx3(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses, lockReason: harnessLockReason }),
-      showEffort && /* @__PURE__ */ jsx3(EffortPicker, { value: effort, onChange: onEffortChange, levels: effortLevels })
+      showHarness && /* @__PURE__ */ jsx2(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses, lockReason: harnessLockReason }),
+      showEffort && /* @__PURE__ */ jsx2(EffortPicker, { value: effort, onChange: onEffortChange, levels: effortLevels })
     ] });
   }
   const hasAdvanced = showHarness || showEffort;
-  return /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs2("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
     modelPicker,
-    hasAdvanced && /* @__PURE__ */ jsxs3("div", { ref: popoverRef, className: "relative inline-flex", children: [
-      /* @__PURE__ */ jsx3(
+    hasAdvanced && /* @__PURE__ */ jsxs2("div", { ref: popoverRef, className: "relative inline-flex", children: [
+      /* @__PURE__ */ jsx2(
         "button",
         {
           type: "button",
@@ -1117,10 +668,10 @@ function AgentSessionControls(props) {
           title: "Model settings \u2014 pick the agent backend and how hard it thinks",
           className: `flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground data-[state=open]:bg-muted ${FOCUS_RING}`,
           "data-state": open ? "open" : "closed",
-          children: /* @__PURE__ */ jsx3(GearGlyph, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx2(GearGlyph, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs2(
         PopoverSurface,
         {
           open,
@@ -1129,9 +680,9 @@ function AgentSessionControls(props) {
           panelRef,
           className: `w-72 space-y-3 overflow-y-auto rounded-xl border border-card-edge bg-popover p-3 ${OVERLAY_SHADOW}`,
           children: [
-            showHarness && /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx3("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
-              /* @__PURE__ */ jsx3(
+            showHarness && /* @__PURE__ */ jsxs2("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx2("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
+              /* @__PURE__ */ jsx2(
                 HarnessPicker,
                 {
                   value: harness,
@@ -1141,12 +692,12 @@ function AgentSessionControls(props) {
                   lockReason: harnessLockReason
                 }
               ),
-              /* @__PURE__ */ jsx3("p", { className: "text-xs leading-snug text-muted-foreground", children: "The engine that runs the agent. Switching it keeps your model choice compatible." })
+              /* @__PURE__ */ jsx2("p", { className: "text-xs leading-snug text-muted-foreground", children: "The engine that runs the agent. Switching it keeps your model choice compatible." })
             ] }),
-            showEffort && /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx3("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
-              /* @__PURE__ */ jsx3(EffortPicker, { value: effort, onChange: onEffortChange, levels: effortLevels, label: "", fullWidth: true }),
-              /* @__PURE__ */ jsx3("p", { className: "text-xs leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
+            showEffort && /* @__PURE__ */ jsxs2("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx2("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
+              /* @__PURE__ */ jsx2(EffortPicker, { value: effort, onChange: onEffortChange, levels: effortLevels, label: "", fullWidth: true }),
+              /* @__PURE__ */ jsx2("p", { className: "text-xs leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
             ] })
           ]
         }
@@ -1156,23 +707,6 @@ function AgentSessionControls(props) {
 }
 
 export {
-  ChevronDown,
-  BrainGlyph,
-  usePopover,
-  POPOVER_SURFACE_ATTR,
-  PopoverSurface,
-  POPOVER_OPTION_FOCUS,
-  OVERLAY_SHADOW,
-  usePending,
-  ModelPicker,
-  DEFAULT_EFFORT_LEVELS,
-  effortLevelLabel,
-  effortLevelsFromIds,
-  reconcileEffortLevels,
-  EFFORT_METER_SEGMENTS,
-  effortMeterFill,
-  EffortMeter,
-  EffortPicker,
   isAcceptedFileType,
   acceptRejectionReason,
   filterAcceptedFiles,
@@ -1181,4 +715,4 @@ export {
   HarnessGlyph,
   AgentSessionControls
 };
-//# sourceMappingURL=chunk-23J72UUA.js.map
+//# sourceMappingURL=chunk-DINGA2MO.js.map