@iloveagents/foundry-web-ui 0.9.0 → 0.10.0

package/dist/components/reasoning-effort-picker.d.ts

@@ -3,8 +3,11 @@
  *
  * Sits in the composer next to Send. The choice rides on every request as
  * an AG-UI forwarded prop and is read at send time, so switching it
- * mid-conversation applies from the next message on. `Auto` sends nothing
- * and leaves the backend's configured level in place.
+ * mid-conversation applies from the next message on.
+ *
+ * `Auto` follows the backend's configured level and names it, so the user
+ * can always tell what they are actually running. An explicit level is a
+ * pin — nothing moves it, including a change of context.
  */
 export declare function ReasoningEffortPicker({ className }: {
     className?: string;

package/dist/components/reasoning-effort-picker.js

@@ -1,26 +1,50 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useStore } from "zustand";
 import { Check, ChevronDown } from "lucide-react";
-import { reasoningEffortStore, REASONING_EFFORT_LABELS, } from "@iloveagents/foundry-agent";
+import { reasoningDefaultStore, reasoningEffortStore, REASONING_EFFORT_LABELS, } from "@iloveagents/foundry-agent";
 import { cn } from "@iloveagents/foundry-web-primitives";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
 const OPTIONS = [
-    { value: "default", hint: "Use the app's configured level" },
+    { value: "default", hint: "" }, // hint is resolved at render — see autoHint
     { value: "low", hint: "Answers sooner, thinks less" },
     { value: "medium", hint: "Good default for most questions" },
     { value: "high", hint: "Slower, better on hard problems" },
     { value: "xhigh", hint: "Slowest, for the hardest questions" },
 ];
+/**
+ * What `Auto` is currently doing, in words.
+ *
+ * Never guesses. If the app has not told us what the backend resolves to,
+ * the hint says so rather than naming a level — an `Auto` that claims the
+ * wrong level is the exact failure this option is meant to avoid.
+ */
+function autoHint(resolved, scope) {
+    if (!resolved)
+        return "Uses the app's configured level";
+    const where = scope ? ` for ${scope}` : "";
+    return `Currently ${REASONING_EFFORT_LABELS[resolved]}${where}`;
+}
 /**
  * Lets the user choose how hard the model thinks, per conversation.
  *
  * Sits in the composer next to Send. The choice rides on every request as
  * an AG-UI forwarded prop and is read at send time, so switching it
- * mid-conversation applies from the next message on. `Auto` sends nothing
- * and leaves the backend's configured level in place.
+ * mid-conversation applies from the next message on.
+ *
+ * `Auto` follows the backend's configured level and names it, so the user
+ * can always tell what they are actually running. An explicit level is a
+ * pin — nothing moves it, including a change of context.
  */
 export function ReasoningEffortPicker({ className }) {
     const effort = useStore(reasoningEffortStore, (s) => s.effort);
     const setEffort = useStore(reasoningEffortStore, (s) => s.setEffort);
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("flex items-center gap-1 rounded-md px-2 py-1", "text-xs text-muted-foreground hover:text-foreground hover:bg-muted", "transition-colors", className), "aria-label": `Intelligence: ${REASONING_EFFORT_LABELS[effort]}`, children: [_jsx("span", { children: REASONING_EFFORT_LABELS[effort] }), _jsx(ChevronDown, { className: "size-3.5" })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [_jsx(DropdownMenuLabel, { className: "text-xs font-normal text-muted-foreground", children: "Intelligence" }), OPTIONS.map((opt) => (_jsxs(DropdownMenuItem, { onSelect: () => setEffort(opt.value), className: "flex items-start gap-2", children: [_jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", effort === opt.value ? "opacity-100" : "opacity-0") }), _jsxs("span", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm", children: REASONING_EFFORT_LABELS[opt.value] }), _jsx("span", { className: "text-xs text-muted-foreground", children: opt.hint })] })] }, opt.value)))] })] }));
+    const resolved = useStore(reasoningDefaultStore, (s) => s.resolved);
+    const scope = useStore(reasoningDefaultStore, (s) => s.scope);
+    // The trigger is the only thing visible without opening the menu, so it
+    // carries the resolved level too — "Auto · Medium" rather than a bare
+    // "Auto" that leaves the active level a mystery.
+    const triggerLabel = effort === "default" && resolved
+        ? `${REASONING_EFFORT_LABELS.default} · ${REASONING_EFFORT_LABELS[resolved]}`
+        : REASONING_EFFORT_LABELS[effort];
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("flex items-center gap-1 rounded-md px-2 py-1", "text-xs text-muted-foreground hover:text-foreground hover:bg-muted", "transition-colors", className), "aria-label": `Intelligence: ${triggerLabel}`, children: [_jsx("span", { children: triggerLabel }), _jsx(ChevronDown, { className: "size-3.5" })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [_jsx(DropdownMenuLabel, { className: "text-xs font-normal text-muted-foreground", children: "Intelligence" }), OPTIONS.map((opt) => (_jsxs(DropdownMenuItem, { onSelect: () => setEffort(opt.value), className: "flex items-start gap-2", children: [_jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", effort === opt.value ? "opacity-100" : "opacity-0") }), _jsxs("span", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm", children: REASONING_EFFORT_LABELS[opt.value] }), _jsx("span", { className: "text-xs text-muted-foreground", children: opt.value === "default" ? autoHint(resolved, scope) : opt.hint })] })] }, opt.value)))] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iloveagents/foundry-web-ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "license": "MIT",
   "description": "React agent UI core for Foundry UI — chat, composer, AG-UI adapter for assistant-ui, tool cards, panels, sidebar, theme runtime, and UI stores.",
   "keywords": [
@@ -70,8 +70,8 @@
     "tailwind-merge": "^3.5.0",
     "react-markdown": "^10.0.0",
     "remark-gfm": "^4.0.0",
-    "@iloveagents/foundry-agent": "^0.9.0",
-    "@iloveagents/foundry-web-primitives": "^0.9.0"
+    "@iloveagents/foundry-agent": "^0.10.0",
+    "@iloveagents/foundry-web-primitives": "^0.10.0"
   },
   "devDependencies": {
     "@ag-ui/client": "^0.0.52",