@schlessera/brain-ui-react 0.35.0 → 0.37.0

package/dist/components/settings/devices-agents-tab.js

@@ -1,17 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Bot, Laptop, Loader2, Plus, Trash2 } from "lucide-react";
-import { api } from "../../lib/api-client.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useBrainApi } from "../../root-context.js";
 import { formatRelativeTime } from "../../lib/format-time.js";
-import { cn } from "../../lib/utils.js";
 import { usePrincipalStore } from "../../stores/principal-store.js";
+import { PrincipalList } from "./principal-list.js";
 const MAX_LABEL_LENGTH = 64;
 const NOT_ENABLED = "Principal management is not enabled";
 function displayLabel(label) {
     return Array.from(label).slice(0, MAX_LABEL_LENGTH).join("");
 }
-/** Active devices and delegated agents, with owner-only mint and revoke controls. */
+/**
+ * Active devices and delegated agents, with owner-only mint and revoke
+ * controls. This is the container (S7): the principals request, the mint
+ * through the principal store and the revoke with its confirm live here;
+ * `PrincipalList` draws the list and the form on the kit.
+ */
 export function DevicesAgentsTab({ active }) {
+    const api = useBrainApi();
+    const lifetime = useRef(0);
+    const request = useRef(0);
     const [principals, setPrincipals] = useState([]);
     const [loading, setLoading] = useState(false);
     const [enabled, setEnabled] = useState(true);
@@ -23,16 +30,23 @@ export function DevicesAgentsTab({ active }) {
     const mintError = usePrincipalStore((state) => state.mintError);
     const oneTimeCredential = usePrincipalStore((state) => state.oneTimeCredential);
     const mintAgent = usePrincipalStore((state) => state.mintAgent);
-    async function refresh() {
+    const refresh = useCallback(async () => {
+        const generation = lifetime.current;
+        const token = ++request.current;
+        const current = () => generation === lifetime.current && token === request.current;
         setLoading(true);
         setLoadFailed(false);
         setError(null);
         try {
             const data = await api.principals();
+            if (!current())
+                return;
             setPrincipals(data.principals);
             setEnabled(true);
         }
         catch (err) {
+            if (!current())
+                return;
             setPrincipals([]);
             if (err instanceof Error && err.message === NOT_ENABLED) {
                 setEnabled(false);
@@ -44,22 +58,32 @@ export function DevicesAgentsTab({ active }) {
             }
         }
         finally {
-            setLoading(false);
+            if (current())
+                setLoading(false);
         }
-    }
+    }, [api]);
     useEffect(() => {
+        lifetime.current++;
+        setPrincipals([]);
+        setLoading(false);
+        setEnabled(true);
+        setLoadFailed(false);
+        setError(null);
+        setLabel("");
+        setTtlDays(7);
         if (active)
             void refresh();
-    }, [active]);
+        const invalidate = () => { lifetime.current++; };
+        return invalidate;
+    }, [active, refresh]);
     useEffect(() => {
         if (!oneTimeCredential)
             return;
         setLabel("");
         if (active)
             void refresh();
-    }, [active, oneTimeCredential]);
-    function onMint(event) {
-        event.preventDefault();
+    }, [active, oneTimeCredential, refresh]);
+    function onMint() {
         const trimmed = label.trim();
         if (!trimmed || busy)
             return;
@@ -74,23 +98,34 @@ export function DevicesAgentsTab({ active }) {
                 : "That device will be signed out immediately.";
         if (!window.confirm(`${consequence} You can't undo this.`))
             return;
+        const generation = lifetime.current;
         setError(null);
         try {
             await api.principalRevoke(principal.id);
+            if (generation !== lifetime.current)
+                return;
             setPrincipals((rows) => rows.filter((row) => row.id !== principal.id));
             if (principal.is_own)
                 window.location.reload();
         }
         catch (err) {
+            if (generation !== lifetime.current)
+                return;
             setError(err instanceof Error ? err.message : "Could not revoke access");
         }
     }
-    return (_jsxs("div", { className: "h-full overflow-y-auto p-4", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Devices & agents" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "See where this brain is signed in and create time-limited access for an agent." }), loading ? (_jsx("div", { className: "mt-6 flex justify-center", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : !enabled ? (_jsx("p", { className: "mt-4 text-xs text-muted-foreground", children: "Devices and agents can only be managed when password authentication is enabled." })) : loadFailed ? (_jsx("p", { role: "alert", className: "mt-4 text-xs text-destructive", children: error })) : (_jsxs(_Fragment, { children: [_jsxs("ul", { className: "mt-4 flex flex-col gap-2", children: [principals.map((principal) => (_jsx(PrincipalRow, { principal: principal, onRevoke: () => void onRevoke(principal) }, principal.id))), principals.length === 0 ? (_jsx("li", { className: "rounded-lg border border-dashed border-border-subtle p-4 text-center text-xs text-muted-foreground", children: "No active devices or agents." })) : null] }), error || mintError ? (_jsx("p", { role: "alert", className: "mt-3 text-xs text-destructive", children: error ?? mintError })) : null, _jsxs("form", { onSubmit: onMint, className: "mt-6 border-t border-border pt-4", children: [_jsx("h4", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Agent access" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Create a credential an agent can use until it expires or you revoke it." }), _jsx("label", { className: "mt-3 block text-xs font-medium text-foreground", htmlFor: "agent-label", children: "Label" }), _jsx("input", { id: "agent-label", value: label, maxLength: MAX_LABEL_LENGTH, onChange: (event) => setLabel(event.target.value), placeholder: "Build agent", className: "mt-1 w-full rounded-lg border border-border-subtle bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary" }), _jsx("label", { className: "mt-3 block text-xs font-medium text-foreground", htmlFor: "agent-ttl", children: "Expires after" }), _jsxs("select", { id: "agent-ttl", value: ttlDays, onChange: (event) => setTtlDays(Number(event.target.value)), className: "mt-1 w-full rounded-lg border border-border-subtle bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary", children: [_jsx("option", { value: 1, children: "1 day" }), _jsx("option", { value: 7, children: "7 days" }), _jsx("option", { value: 30, children: "30 days" })] }), _jsxs("button", { type: "submit", disabled: busy || !label.trim(), className: "mt-4 flex w-full items-center justify-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:brightness-110 disabled:opacity-50", children: [busy ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : _jsx(Plus, { className: "h-4 w-4" }), "Create agent credential"] })] })] }))] }));
-}
-function PrincipalRow({ principal, onRevoke, }) {
-    const agent = principal.kind === "agent";
-    const Icon = agent ? Bot : Laptop;
-    const kind = principal.is_own ? "This device" : agent ? "Agent" : "Device";
-    return (_jsx("li", { className: cn("rounded-lg border bg-surface p-3", principal.is_own ? "border-primary/60" : "border-border-subtle"), children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-primary" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "break-words text-sm text-foreground", children: displayLabel(principal.label) }), _jsx("span", { className: "rounded bg-surface-raised px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: kind })] }), _jsxs("dl", { className: "mt-1.5 grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5 text-[11px] text-muted-foreground", children: [_jsx("dt", { children: "Created" }), _jsx("dd", { children: formatRelativeTime(principal.created_at) }), _jsx("dt", { children: "Last seen" }), _jsx("dd", { children: principal.last_seen_at ? formatRelativeTime(principal.last_seen_at) : "Never" }), _jsx("dt", { children: "Expires" }), _jsx("dd", { children: formatRelativeTime(principal.expires_at) })] })] }), _jsxs("button", { type: "button", onClick: onRevoke, "aria-label": `Revoke ${displayLabel(principal.label)}`, className: "flex shrink-0 items-center gap-1 rounded px-1.5 py-1 text-xs text-muted-foreground transition-colors hover:text-destructive", children: [_jsx(Trash2, { className: "h-3.5 w-3.5" }), "Revoke"] })] }) }));
+    return (_jsx(PrincipalList, { state: loading ? "loading" : !enabled ? "unavailable" : loadFailed ? "error" : "ready", principals: principals.map((principal) => ({
+            id: principal.id,
+            label: displayLabel(principal.label),
+            kind: principal.kind,
+            isOwn: principal.is_own,
+            created: formatRelativeTime(principal.created_at),
+            lastSeen: principal.last_seen_at ? formatRelativeTime(principal.last_seen_at) : "Never",
+            expires: formatRelativeTime(principal.expires_at),
+        })), error: error ?? mintError, label: label, ttlDays: ttlDays, minting: busy, onLabel: setLabel, onTtlDays: setTtlDays, onMint: onMint, onRevoke: (id) => {
+            const principal = principals.find((row) => row.id === id);
+            if (principal)
+                void onRevoke(principal);
+        } }));
 }
 //# sourceMappingURL=devices-agents-tab.js.map

package/dist/components/settings/devices-agents-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"devices-agents-tab.js","sourceRoot":"","sources":["../../../src/components/settings/devices-agents-tab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"devices-agents-tab.js","sourceRoot":"","sources":["../../../src/components/settings/devices-agents-tab.tsx"],"names":[],"mappings":"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"}

package/dist/components/settings/models-list.d.ts

@@ -0,0 +1,39 @@
+import { type BillingMode, type ModelCatalogEntry, type ModelCatalogResponse, type ThinkingLevel } from "@schlessera/brain-ui-sdk/protocol";
+import { type ReactNode } from "react";
+/**
+ * The Models tab's surface, rendered from props (S7, the `settings`
+ * directory). `ModelsTab` is the container: the catalog request, the
+ * optimistic commits, their ordering gate and their write queue live there;
+ * this draws the roster.
+ *
+ * The per-row choices stay native `<select>`s with the accessible names the
+ * tests read — the kit has no select — and the hide toggle stays a native,
+ * titled icon button. A hidden model is no longer faded (design-feedback
+ * §4, "no opacity de-emphasis"): it reads as hidden from its chip, at full
+ * contrast. Refresh, Add and the section errors are the kit's.
+ */
+export interface ModelsCatalogViewProps {
+    catalog: ModelCatalogResponse | null;
+    loading: boolean;
+    refreshing: boolean;
+    error: string | null;
+    /** The sections the tab hosts below the roster, rendered by the container. */
+    sections: ReactNode;
+    onToggleHidden: (entry: ModelCatalogEntry) => void;
+    onBilling: (entry: ModelCatalogEntry, next: BillingMode | "auto") => void;
+    onThinking: (entry: ModelCatalogEntry, next: ThinkingLevel | "auto") => void;
+    onDefault: (next: string | null) => void;
+    onCustomModels: (models: string[]) => void;
+    onRefresh: () => void;
+}
+export declare function ModelsCatalogView(p: ModelsCatalogViewProps): import("react").JSX.Element;
+/**
+ * User-managed OpenRouter models: added and removed here by model id, no env
+ * change or redeploy. They appear in the roster above as ordinary profiles
+ * (api-billed via OPENROUTER_API_KEY). The draft is the section's own.
+ */
+export declare function OpenRouterSection({ models, onChange }: {
+    models: string[];
+    onChange: (models: string[]) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=models-list.d.ts.map

package/dist/components/settings/models-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models-list.d.ts","sourceRoot":"","sources":["../../../src/components/settings/models-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,8EAA8E;IAC9E,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1E,UAAU,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,aAAa,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7E,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,sBAAsB,+BAsE1D;AAwCD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAAE,+BAoDjH"}

package/dist/components/settings/models-list.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Callout, Chip, Placeholder } from "@schlessera/brain-ui-kit";
+import { Eye, EyeOff, X } from "lucide-react";
+import { THINKING_LEVELS, } from "@schlessera/brain-ui-sdk/protocol";
+import { useState } from "react";
+export function ModelsCatalogView(p) {
+    const catalog = p.catalog;
+    const visibleCount = catalog?.models.filter((m) => !m.hidden).length ?? 0;
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex-1 overflow-y-auto p-4", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Models" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "The list is read from the provider and refreshes on its own. Hide the ones you never pick \u2014 running sessions are unaffected." }), catalog && _jsx(DefaultModelSelect, { catalog: catalog, onChange: p.onDefault }), p.loading ? (_jsx("div", { className: "mt-4", children: _jsx(Placeholder, { variant: "loading", lines: 4 }) })) : (_jsxs("ul", { className: "mt-4 flex flex-col gap-2", children: [catalog?.models.map((entry) => (_jsx(ModelRow, { entry: entry, onToggle: () => p.onToggleHidden(entry), onBilling: (next) => p.onBilling(entry, next), onThinking: (next) => p.onThinking(entry, next) }, entry.id))), catalog?.models.length === 0 && (_jsx("li", { children: _jsx(Placeholder, { variant: "empty", message: "No models available.", icon: "model" }) }))] })), p.error && (_jsx("div", { role: "alert", className: "mt-3", children: _jsx(Callout, { tone: "red", variant: "banner", icon: "failed", mono: true, text: p.error }) })), catalog?.discovery.error && (_jsx("div", { className: "mt-3", children: _jsx(Callout, { tone: "gold", variant: "banner", icon: "unverified", mono: true, text: `Last refresh failed (${catalog.discovery.error}). Showing the last known list.` }) })), catalog && !catalog.discovery.enabled && (_jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: "Discovery is disabled (BRAIN_UI_MODEL_DISCOVERY). Only configured profiles are listed." })), catalog && _jsx(OpenRouterSection, { models: catalog.customModels ?? [], onChange: p.onCustomModels }), p.sections] }), _jsxs("div", { className: "flex items-center justify-between gap-3 border-t border-border p-4", children: [_jsxs("span", { className: "font-[family-name:var(--font-mono)] text-[11px] text-muted-foreground", children: [visibleCount, " in picker \u00B7 ", formatRefreshed(catalog?.refreshedAt ?? null)] }), _jsx(Button, { label: p.refreshing ? "Refreshing…" : "Refresh", icon: "retry", tone: "ghost", size: "sm", block: false, disabled: p.refreshing, onClick: p.onRefresh })] })] }));
+}
+/**
+ * The default-model choice: which profile answers when a turn names none —
+ * a fresh device's first conversation, a share filed into the brain, any
+ * host-initiated action. "Auto" prefers a connected subscription account
+ * (e.g. ChatGPT for the gpt profiles) and falls back to the built-in default.
+ */
+function DefaultModelSelect({ catalog, onChange }) {
+    const stored = catalog.defaultModelId ?? null;
+    const byId = new Map(catalog.models.map((model) => [model.id, model]));
+    const resolved = catalog.resolvedDefaultId ? byId.get(catalog.resolvedDefaultId) : undefined;
+    // Offer everything visible, plus a stored default that has since been
+    // hidden (dropping it from the list would silently rewrite the choice).
+    const options = catalog.models.filter((model) => !model.hidden || model.id === stored);
+    return (_jsxs("div", { className: "mt-4 flex items-center gap-3 rounded-lg border border-border-subtle bg-surface p-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm text-foreground", children: "Default model" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Used for new conversations, shares, and actions that don't pick one." })] }), _jsxs("select", { value: stored ?? "auto", onChange: (e) => onChange(e.target.value === "auto" ? null : e.target.value), "aria-label": "Default model", className: "h-8 max-w-[45%] shrink-0 truncate rounded-lg border border-border-subtle bg-surface px-1.5 text-[11px] text-muted-foreground transition-colors hover:border-primary hover:text-foreground", children: [_jsx("option", { value: "auto", children: !stored && resolved ? `Auto (${resolved.label})` : "Auto" }), options.map((model) => (_jsx("option", { value: model.id, children: model.label }, model.id)))] })] }));
+}
+/**
+ * User-managed OpenRouter models: added and removed here by model id, no env
+ * change or redeploy. They appear in the roster above as ordinary profiles
+ * (api-billed via OPENROUTER_API_KEY). The draft is the section's own.
+ */
+export function OpenRouterSection({ models, onChange }) {
+    const [draft, setDraft] = useState("");
+    function add() {
+        const id = draft.trim();
+        if (!id || models.includes(id))
+            return;
+        onChange([...models, id]);
+        setDraft("");
+    }
+    return (_jsxs("div", { className: "mt-6", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "OpenRouter models" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Add any OpenRouter model by its id (needs OPENROUTER_API_KEY on the server). Added models join the list above." }), models.length > 0 && (_jsx("ul", { className: "mt-3 flex flex-col gap-1.5", children: models.map((model) => (_jsxs("li", { className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-surface px-3 py-2", children: [_jsx("span", { className: "min-w-0 flex-1 truncate font-[family-name:var(--font-mono)] text-xs text-foreground", children: model }), _jsx("button", { type: "button", onClick: () => onChange(models.filter((m) => m !== model)), title: `Remove ${model}`, "aria-label": `Remove ${model}`, className: "flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-surface-raised hover:text-destructive", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }, model))) })), _jsxs("div", { className: "mt-3 flex items-center gap-2", children: [_jsx("input", { value: draft, onChange: (e) => setDraft(e.target.value), onKeyDown: (e) => {
+                            if (e.key === "Enter")
+                                add();
+                        }, placeholder: "z.ai/glm-5.3-flash", "aria-label": "OpenRouter model id", className: "h-8 min-w-0 flex-1 rounded-lg border border-border-subtle bg-surface px-2 font-[family-name:var(--font-mono)] text-xs text-foreground placeholder:text-muted-foreground/50 focus:border-primary focus:outline-none" }), _jsx(Button, { label: "Add", icon: "add", tone: "ghost", size: "sm", block: false, disabled: !draft.trim(), onClick: add })] })] }));
+}
+function billingLabel(mode) {
+    return mode === "api" ? "API" : "Subscription";
+}
+function ModelRow({ entry, onToggle, onBilling, onThinking, }) {
+    const Icon = entry.hidden ? EyeOff : Eye;
+    return (_jsxs("li", { className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-surface p-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: entry.hidden ? "truncate text-sm text-muted-foreground" : "truncate text-sm text-foreground", children: entry.label }), entry.hidden && _jsx(Chip, { label: "hidden", variant: "kv", tone: "neutral" })] }), _jsxs("p", { className: "truncate text-[11px] text-muted-foreground", children: [entry.id, entry.contextWindow ? ` · ${formatTokens(entry.contextWindow)}` : "", entry.source === "declared" ? " · configured" : ""] })] }), entry.thinkingLevel && (_jsxs("select", { value: entry.thinkingOverride ?? "auto", onChange: (e) => onThinking(e.target.value), "aria-label": `Reasoning effort for ${entry.label}`, className: "h-8 shrink-0 rounded-lg border border-border-subtle bg-surface px-1.5 text-[11px] text-muted-foreground transition-colors hover:border-primary hover:text-foreground", children: [_jsx("option", { value: "auto", children: !entry.thinkingOverride ? `Default (${entry.thinkingLevel})` : "Default" }), THINKING_LEVELS.map((level) => (_jsx("option", { value: level, children: level }, level)))] })), _jsxs("select", { value: entry.billingOverride ?? "auto", onChange: (e) => onBilling(e.target.value), "aria-label": `Billing for ${entry.label}`, className: "h-8 shrink-0 rounded-lg border border-border-subtle bg-surface px-1.5 text-[11px] text-muted-foreground transition-colors hover:border-primary hover:text-foreground", children: [_jsx("option", { value: "auto", children: !entry.billingOverride && entry.billingMode ? `Auto (${billingLabel(entry.billingMode).toLowerCase()})` : "Auto" }), _jsx("option", { value: "subscription", children: "Subscription" }), _jsx("option", { value: "api", children: "API" })] }), _jsx("button", { type: "button", onClick: onToggle, title: entry.hidden ? "Show in picker" : "Hide from picker", "aria-label": entry.hidden ? "Show in picker" : "Hide from picker", "aria-pressed": !entry.hidden, className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-surface-raised hover:text-foreground", children: _jsx(Icon, { className: "h-4 w-4" }) })] }));
+}
+function formatTokens(tokens) {
+    if (tokens >= 1_000_000)
+        return `${tokens / 1_000_000}M context`;
+    if (tokens >= 1_000)
+        return `${Math.round(tokens / 1_000)}K context`;
+    return `${tokens} context`;
+}
+function formatRefreshed(refreshedAt) {
+    if (refreshedAt === null)
+        return "never refreshed";
+    const minutes = Math.round((Date.now() - refreshedAt) / 60_000);
+    if (minutes < 1)
+        return "refreshed just now";
+    if (minutes < 60)
+        return `refreshed ${minutes}m ago`;
+    const hours = Math.round(minutes / 60);
+    if (hours < 24)
+        return `refreshed ${hours}h ago`;
+    return `refreshed ${Math.round(hours / 24)}d ago`;
+}
+//# sourceMappingURL=models-list.js.map

package/dist/components/settings/models-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models-list.js","sourceRoot":"","sources":["../../../src/components/settings/models-list.tsx"],"names":[],"mappings":"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"}

package/dist/components/settings/models-tab.d.ts

@@ -5,6 +5,10 @@ import { type BillingMode, type ModelCatalogEntry, type ThinkingLevel } from "@s
  * The roster comes from the server (Anthropic model discovery plus any
  * host-declared profiles), so this tab never hardcodes model names. Hiding is
  * presentation only — a session already pinned to a hidden model keeps running.
+ *
+ * This is the container (S7): the request, the optimistic commits, their
+ * ordering gate and their write queue live here; `ModelsCatalogView` draws
+ * the roster.
  */
 export declare function ModelsTab({ active }: {
     active: boolean;

package/dist/components/settings/models-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"models-tab.d.ts","sourceRoot":"","sources":["../../../src/components/settings/models-tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EAEtB,KAAK,aAAa,EACnB,MAAM,mCAAmC,CAAC;AAQ3C;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,+BA4PxD;AA6HD;;;;GAIG;AACH,wBAAgB,iBAAiB,IAAI;IAAE,KAAK,EAAE,MAAM,MAAM,OAAO,CAAA;CAAE,CAQlE;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,iBAAiB,EAAE,EAC3B,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,WAAW,GAAG,MAAM,GACzB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAO7B;AAMD;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,iBAAiB,EAAE,EAC3B,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,aAAa,GAAG,MAAM,GAC3B,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAQ/B"}
+{"version":3,"file":"models-tab.d.ts","sourceRoot":"","sources":["../../../src/components/settings/models-tab.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EAEtB,KAAK,aAAa,EACnB,MAAM,mCAAmC,CAAC;AAS3C;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,+BAmMxD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,IAAI;IAAE,KAAK,EAAE,MAAM,MAAM,OAAO,CAAA;CAAE,CAQlE;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,iBAAiB,EAAE,EAC3B,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,WAAW,GAAG,MAAM,GACzB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAO7B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,iBAAiB,EAAE,EAC3B,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,aAAa,GAAG,MAAM,GAC3B,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAQ/B"}

package/dist/components/settings/models-tab.js

@@ -1,10 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Eye, EyeOff, Loader2, RefreshCw, X } from "lucide-react";
-import { THINKING_LEVELS, } from "@schlessera/brain-ui-sdk/protocol";
-import { api } from "../../lib/api-client.js";
+import { useBrainUiRoot } from "../../root-context.js";
 import { useProviderStore } from "../../stores/provider-store.js";
-import { cn } from "../../lib/utils.js";
+import { ModelsCatalogView } from "./models-list.js";
 import { PiAccountsSection } from "./pi-accounts.js";
 import { WebSearchSection } from "./web-search-settings.js";
 import { ToolPermissionsSection } from "./tool-permissions.js";
@@ -14,8 +12,15 @@ import { ToolPermissionsSection } from "./tool-permissions.js";
  * The roster comes from the server (Anthropic model discovery plus any
  * host-declared profiles), so this tab never hardcodes model names. Hiding is
  * presentation only — a session already pinned to a hidden model keeps running.
+ *
+ * This is the container (S7): the request, the optimistic commits, their
+ * ordering gate and their write queue live here; `ModelsCatalogView` draws
+ * the roster.
  */
 export function ModelsTab({ active }) {
+    const root = useBrainUiRoot();
+    const api = root.api;
+    const lifetime = useRef(0);
     const [catalog, setCatalog] = useState(null);
     const [loading, setLoading] = useState(false);
     const [refreshing, setRefreshing] = useState(false);
@@ -23,32 +28,31 @@ export function ModelsTab({ active }) {
     const loadProviders = useProviderStore((s) => s.loadProviders);
     const commitGate = useRef(createRequestGate());
     /** Serializes full-record PUTs — see commitCatalog. */
-    const commitQueue = useRef(Promise.resolve());
+    const commitQueues = useRef(new WeakMap());
     useEffect(() => {
-        if (!active)
-            return;
-        let cancelled = false;
-        setLoading(true);
+        const generation = ++lifetime.current;
+        const latest = commitGate.current.begin();
+        const current = () => generation === lifetime.current && latest();
+        setCatalog(null);
+        setLoading(active);
+        setRefreshing(false);
         setError(null);
-        api
-            .models()
-            .then((data) => {
-            if (!cancelled)
-                setCatalog(data);
-        })
-            .catch((err) => {
-            if (!cancelled) {
-                setError(err instanceof Error ? err.message : "Could not load models");
-            }
-        })
-            .finally(() => {
-            if (!cancelled)
-                setLoading(false);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [active]);
+        if (active) {
+            // Returning to a root waits for its accepted writes before reading.
+            void (commitQueues.current.get(root) ?? Promise.resolve())
+                .then(() => current() ? api.models() : null)
+                .then((data) => { if (data && current())
+                setCatalog(data); })
+                .catch((err) => {
+                if (current())
+                    setError(err instanceof Error ? err.message : "Could not load models");
+            })
+                .finally(() => { if (generation === lifetime.current)
+                setLoading(false); });
+        }
+        const invalidate = () => { lifetime.current++; };
+        return invalidate;
+    }, [active, root, api]);
     /**
      * Optimistic-update skeleton shared by the hidden toggle and the billing
      * select: the change is the user's own click, so reflect it immediately,
@@ -64,7 +68,9 @@ export function ModelsTab({ active }) {
      * this change (and its own catch surfaces any error that still matters).
      */
     async function commitCatalog(optimistic, commit) {
-        const isCurrent = commitGate.current.begin();
+        const generation = lifetime.current;
+        const latest = commitGate.current.begin();
+        const isCurrent = () => generation === lifetime.current && latest();
         const previous = catalog;
         setCatalog(optimistic);
         setError(null);
@@ -74,7 +80,7 @@ export function ModelsTab({ active }) {
         // even while the client looked right. Each commit waits for the previous
         // one to settle; payloads are built on optimistic state, so the newest
         // write already carries every earlier edit.
-        const run = commitQueue.current.then(async () => {
+        const run = (commitQueues.current.get(root) ?? Promise.resolve()).then(async () => {
             try {
                 const confirmed = await commit();
                 if (isCurrent())
@@ -88,7 +94,7 @@ export function ModelsTab({ active }) {
                 }
             }
         });
-        commitQueue.current = run;
+        commitQueues.current.set(root, run);
         await run;
     }
     async function toggleHidden(entry) {
@@ -146,59 +152,32 @@ export function ModelsTab({ active }) {
     async function onRefresh() {
         if (refreshing)
             return;
+        const generation = lifetime.current;
+        const latest = commitGate.current.begin();
+        const current = () => generation === lifetime.current && latest();
         setRefreshing(true);
         setError(null);
         try {
-            setCatalog(await api.refreshModels());
+            await (commitQueues.current.get(root) ?? Promise.resolve());
+            if (generation !== lifetime.current)
+                return;
+            const next = await api.refreshModels();
+            if (current())
+                setCatalog(next);
             // A refresh can surface newly released models — put them in the picker
             // now, not on next load.
             void loadProviders();
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Refresh failed");
+            if (current())
+                setError(err instanceof Error ? err.message : "Refresh failed");
         }
         finally {
-            setRefreshing(false);
+            if (generation === lifetime.current)
+                setRefreshing(false);
         }
     }
-    const visibleCount = catalog?.models.filter((m) => !m.hidden).length ?? 0;
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex-1 overflow-y-auto p-4", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Models" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "The list is read from the provider and refreshes on its own. Hide the ones you never pick \u2014 running sessions are unaffected." }), catalog && (_jsx(DefaultModelSelect, { catalog: catalog, onChange: changeDefault })), loading ? (_jsx("div", { className: "mt-6 flex justify-center", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : (_jsxs("ul", { className: "mt-4 flex flex-col gap-2", children: [catalog?.models.map((entry) => (_jsx(ModelRow, { entry: entry, onToggle: () => toggleHidden(entry), onBilling: (next) => changeBilling(entry, next), onThinking: (next) => changeThinking(entry, next) }, entry.id))), catalog?.models.length === 0 && (_jsx("li", { className: "rounded-lg border border-dashed border-border-subtle p-4 text-center text-xs text-muted-foreground", children: "No models available." }))] })), error && (_jsx("p", { role: "alert", className: "mt-3 text-xs text-destructive", children: error })), catalog?.discovery.error && (_jsxs("p", { className: "mt-3 text-xs text-muted-foreground", children: ["Last refresh failed (", catalog.discovery.error, "). Showing the last known list."] })), catalog && !catalog.discovery.enabled && (_jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: "Discovery is disabled (BRAIN_UI_MODEL_DISCOVERY). Only configured profiles are listed." })), catalog && (_jsx(OpenRouterSection, { models: catalog.customModels ?? [], onChange: setCustom })), _jsx(PiAccountsSection, { active: active }), _jsx(WebSearchSection, { active: active }), _jsx(ToolPermissionsSection, { active: active })] }), _jsxs("div", { className: "flex items-center justify-between gap-3 border-t border-border p-4", children: [_jsxs("span", { className: "text-[11px] text-muted-foreground", children: [visibleCount, " in picker \u00B7 ", formatRefreshed(catalog?.refreshedAt ?? null)] }), _jsxs("button", { onClick: onRefresh, disabled: refreshing, className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-surface px-3 py-2 text-xs font-medium text-foreground transition-colors hover:border-primary hover:text-primary disabled:opacity-50", children: [_jsx(RefreshCw, { className: cn("h-3.5 w-3.5", refreshing && "animate-spin") }), "Refresh"] })] })] }));
-}
-/**
- * The default-model choice: which profile answers when a turn names none —
- * a fresh device's first conversation, a share filed into the brain, any
- * host-initiated action. "Auto" prefers a connected subscription account
- * (e.g. ChatGPT for the gpt profiles) and falls back to the built-in default.
- */
-function DefaultModelSelect({ catalog, onChange, }) {
-    const stored = catalog.defaultModelId ?? null;
-    const byId = new Map(catalog.models.map((model) => [model.id, model]));
-    const resolved = catalog.resolvedDefaultId
-        ? byId.get(catalog.resolvedDefaultId)
-        : undefined;
-    // Offer everything visible, plus a stored default that has since been
-    // hidden (dropping it from the list would silently rewrite the choice).
-    const options = catalog.models.filter((model) => !model.hidden || model.id === stored);
-    return (_jsxs("div", { className: "mt-4 flex items-center gap-3 rounded-lg border border-border-subtle bg-surface p-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm text-foreground", children: "Default model" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Used for new conversations, shares, and actions that don't pick one." })] }), _jsxs("select", { value: stored ?? "auto", onChange: (e) => onChange(e.target.value === "auto" ? null : e.target.value), "aria-label": "Default model", className: "h-8 max-w-[45%] shrink-0 truncate rounded-lg border border-border-subtle bg-surface px-1.5 text-[11px] text-muted-foreground transition-colors hover:border-primary hover:text-foreground", children: [_jsx("option", { value: "auto", children: !stored && resolved ? `Auto (${resolved.label})` : "Auto" }), options.map((model) => (_jsx("option", { value: model.id, children: model.label }, model.id)))] })] }));
-}
-/**
- * User-managed OpenRouter models: added and removed here by model id, no env
- * change or redeploy. They appear in the roster above as ordinary profiles
- * (api-billed via OPENROUTER_API_KEY).
- */
-function OpenRouterSection({ models, onChange, }) {
-    const [draft, setDraft] = useState("");
-    function add() {
-        const id = draft.trim();
-        if (!id || models.includes(id))
-            return;
-        onChange([...models, id]);
-        setDraft("");
-    }
-    return (_jsxs("div", { className: "mt-6", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "OpenRouter models" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Add any OpenRouter model by its id (needs OPENROUTER_API_KEY on the server). Added models join the list above." }), models.length > 0 && (_jsx("ul", { className: "mt-3 flex flex-col gap-1.5", children: models.map((model) => (_jsxs("li", { className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-surface px-3 py-2", children: [_jsx("span", { className: "min-w-0 flex-1 truncate font-[family-name:var(--font-mono)] text-xs text-foreground", children: model }), _jsx("button", { onClick: () => onChange(models.filter((m) => m !== model)), title: `Remove ${model}`, className: "flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-surface-raised hover:text-destructive", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }, model))) })), _jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx("input", { value: draft, onChange: (e) => setDraft(e.target.value), onKeyDown: (e) => {
-                            if (e.key === "Enter")
-                                add();
-                        }, placeholder: "z.ai/glm-5.3-flash", className: "h-8 min-w-0 flex-1 rounded-lg border border-border-subtle bg-surface px-2 font-[family-name:var(--font-mono)] text-xs text-foreground placeholder:text-muted-foreground/50 focus:border-primary focus:outline-none" }), _jsx("button", { onClick: add, disabled: !draft.trim(), className: "h-8 shrink-0 rounded-lg border border-border-subtle bg-surface px-3 text-xs font-medium text-foreground transition-colors hover:border-primary hover:text-primary disabled:opacity-50", children: "Add" })] })] }));
+    return (_jsx(ModelsCatalogView, { catalog: catalog, loading: loading, refreshing: refreshing, error: error, sections: _jsxs(_Fragment, { children: [_jsx(PiAccountsSection, { active: active }), _jsx(WebSearchSection, { active: active }), _jsx(ToolPermissionsSection, { active: active })] }), onToggleHidden: (entry) => void toggleHidden(entry), onBilling: (entry, next) => void changeBilling(entry, next), onThinking: (entry, next) => void changeThinking(entry, next), onDefault: (next) => void changeDefault(next), onCustomModels: (models) => void setCustom(models), onRefresh: () => void onRefresh() }));
 }
 /**
  * Request-ordering guard for optimistic commits: `begin()` claims a token
@@ -228,9 +207,6 @@ export function nextBillingOverrides(models, id, next) {
     }
     return billing;
 }
-function billingLabel(mode) {
-    return mode === "api" ? "API" : "Subscription";
-}
 /**
  * The effort-override record PUT after changing one profile: every other
  * profile keeps its stored override, the changed one is set — or, for "auto",
@@ -245,30 +221,4 @@ export function nextThinkingOverrides(models, id, next) {
     }
     return thinking;
 }
-function ModelRow({ entry, onToggle, onBilling, onThinking, }) {
-    const Icon = entry.hidden ? EyeOff : Eye;
-    return (_jsxs("li", { className: cn("flex items-center gap-3 rounded-lg border border-border-subtle bg-surface p-3", entry.hidden && "opacity-50"), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm text-foreground", children: entry.label }), _jsxs("p", { className: "truncate text-[11px] text-muted-foreground", children: [entry.id, entry.contextWindow ? ` · ${formatTokens(entry.contextWindow)}` : "", entry.source === "declared" ? " · configured" : ""] })] }), entry.thinkingLevel && (_jsxs("select", { value: entry.thinkingOverride ?? "auto", onChange: (e) => onThinking(e.target.value), "aria-label": `Reasoning effort for ${entry.label}`, className: "h-8 shrink-0 rounded-lg border border-border-subtle bg-surface px-1.5 text-[11px] text-muted-foreground transition-colors hover:border-primary hover:text-foreground", children: [_jsx("option", { value: "auto", children: !entry.thinkingOverride ? `Default (${entry.thinkingLevel})` : "Default" }), THINKING_LEVELS.map((level) => (_jsx("option", { value: level, children: level }, level)))] })), _jsxs("select", { value: entry.billingOverride ?? "auto", onChange: (e) => onBilling(e.target.value), "aria-label": `Billing for ${entry.label}`, className: "h-8 shrink-0 rounded-lg border border-border-subtle bg-surface px-1.5 text-[11px] text-muted-foreground transition-colors hover:border-primary hover:text-foreground", children: [_jsx("option", { value: "auto", children: !entry.billingOverride && entry.billingMode
-                            ? `Auto (${billingLabel(entry.billingMode).toLowerCase()})`
-                            : "Auto" }), _jsx("option", { value: "subscription", children: "Subscription" }), _jsx("option", { value: "api", children: "API" })] }), _jsx("button", { onClick: onToggle, title: entry.hidden ? "Show in picker" : "Hide from picker", "aria-pressed": !entry.hidden, className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-surface-raised hover:text-foreground", children: _jsx(Icon, { className: "h-4 w-4" }) })] }));
-}
-function formatTokens(tokens) {
-    if (tokens >= 1_000_000)
-        return `${tokens / 1_000_000}M context`;
-    if (tokens >= 1_000)
-        return `${Math.round(tokens / 1_000)}K context`;
-    return `${tokens} context`;
-}
-function formatRefreshed(refreshedAt) {
-    if (refreshedAt === null)
-        return "never refreshed";
-    const minutes = Math.round((Date.now() - refreshedAt) / 60_000);
-    if (minutes < 1)
-        return "refreshed just now";
-    if (minutes < 60)
-        return `refreshed ${minutes}m ago`;
-    const hours = Math.round(minutes / 60);
-    if (hours < 24)
-        return `refreshed ${hours}h ago`;
-    return `refreshed ${Math.round(hours / 24)}d ago`;
-}
 //# sourceMappingURL=models-tab.js.map