@schlessera/brain-ui-react 0.4.0 → 0.5.0

package/src/components/settings/models-tab.tsx

@@ -0,0 +1,205 @@
+import { useEffect, useState } from "react";
+import { Eye, EyeOff, Loader2, RefreshCw } from "lucide-react";
+import type {
+  ModelCatalogEntry,
+  ModelCatalogResponse,
+} from "@schlessera/brain-ui-sdk/protocol";
+import { api } from "../../lib/api-client.js";
+import { cn } from "../../lib/utils.js";
+
+/**
+ * The model picker's contents, and which of them to show.
+ *
+ * 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.
+ */
+export function ModelsTab({ active }: { active: boolean }) {
+  const [catalog, setCatalog] = useState<ModelCatalogResponse | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (!active) return;
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    api
+      .models()
+      .then((data) => {
+        if (!cancelled) setCatalog(data);
+      })
+      .catch((err: unknown) => {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : "Could not load models");
+        }
+      })
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [active]);
+
+  async function toggleHidden(entry: ModelCatalogEntry) {
+    if (!catalog) return;
+    const previous = catalog;
+    const hidden = catalog.models
+      .filter((model) =>
+        model.id === entry.id ? !entry.hidden : model.hidden
+      )
+      .map((model) => model.id);
+
+    // Optimistic: the list is the user's own click, so reflect it immediately
+    // and roll back if the write fails.
+    setCatalog({
+      ...catalog,
+      models: catalog.models.map((model) =>
+        model.id === entry.id ? { ...model, hidden: !model.hidden } : model
+      ),
+    });
+    setError(null);
+    try {
+      setCatalog(await api.setHiddenModels(hidden));
+    } catch (err) {
+      setCatalog(previous);
+      setError(err instanceof Error ? err.message : "Could not save");
+    }
+  }
+
+  async function onRefresh() {
+    if (refreshing) return;
+    setRefreshing(true);
+    setError(null);
+    try {
+      setCatalog(await api.refreshModels());
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Refresh failed");
+    } finally {
+      setRefreshing(false);
+    }
+  }
+
+  const visibleCount = catalog?.models.filter((m) => !m.hidden).length ?? 0;
+
+  return (
+    <div className="flex h-full flex-col">
+      <div className="flex-1 overflow-y-auto p-4">
+        <h3 className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+          Models
+        </h3>
+        <p className="mt-1 text-xs text-muted-foreground">
+          The list is read from the provider and refreshes on its own. Hide the
+          ones you never pick — running sessions are unaffected.
+        </p>
+
+        {loading ? (
+          <div className="mt-6 flex justify-center">
+            <Loader2 className="h-5 w-5 animate-spin text-muted-foreground" />
+          </div>
+        ) : (
+          <ul className="mt-4 flex flex-col gap-2">
+            {catalog?.models.map((entry) => (
+              <ModelRow
+                key={entry.id}
+                entry={entry}
+                onToggle={() => toggleHidden(entry)}
+              />
+            ))}
+            {catalog?.models.length === 0 && (
+              <li className="rounded-lg border border-dashed border-border-subtle p-4 text-center text-xs text-muted-foreground">
+                No models available.
+              </li>
+            )}
+          </ul>
+        )}
+
+        {error && (
+          <p role="alert" className="mt-3 text-xs text-destructive">
+            {error}
+          </p>
+        )}
+
+        {catalog?.discovery.error && (
+          <p className="mt-3 text-xs text-muted-foreground">
+            Last refresh failed ({catalog.discovery.error}). Showing the last
+            known list.
+          </p>
+        )}
+        {catalog && !catalog.discovery.enabled && (
+          <p className="mt-3 text-xs text-muted-foreground">
+            Discovery is disabled (BRAIN_UI_MODEL_DISCOVERY). Only configured
+            profiles are listed.
+          </p>
+        )}
+      </div>
+
+      <div className="flex items-center justify-between gap-3 border-t border-border p-4">
+        <span className="text-[11px] text-muted-foreground">
+          {visibleCount} in picker · {formatRefreshed(catalog?.refreshedAt ?? null)}
+        </span>
+        <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"
+        >
+          <RefreshCw className={cn("h-3.5 w-3.5", refreshing && "animate-spin")} />
+          Refresh
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function ModelRow({
+  entry,
+  onToggle,
+}: {
+  entry: ModelCatalogEntry;
+  onToggle: () => void;
+}) {
+  const Icon = entry.hidden ? EyeOff : Eye;
+  return (
+    <li
+      className={cn(
+        "flex items-center gap-3 rounded-lg border border-border-subtle bg-surface p-3",
+        entry.hidden && "opacity-50"
+      )}
+    >
+      <div className="min-w-0 flex-1">
+        <p className="truncate text-sm text-foreground">{entry.label}</p>
+        <p className="truncate text-[11px] text-muted-foreground">
+          {entry.id}
+          {entry.contextWindow ? ` · ${formatTokens(entry.contextWindow)}` : ""}
+          {entry.source === "declared" ? " · configured" : ""}
+        </p>
+      </div>
+      <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"
+      >
+        <Icon className="h-4 w-4" />
+      </button>
+    </li>
+  );
+}
+
+function formatTokens(tokens: number): string {
+  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: number | null): string {
+  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`;
+}

package/src/components/settings/{passkey-panel.tsx → passkey-tab.tsx}

@@ -13,21 +13,18 @@ import {
 import type { PasskeySummary } from "@schlessera/brain-ui-sdk/protocol";
 import { api } from "../../lib/api-client.js";
 import { isUserCancel, registerPasskey, supportsPasskeys } from "../../lib/passkeys.js";
-import { SlidePanel } from "../layout/slide-panel.js";
 import { cn } from "../../lib/utils.js";
 
 /**
- * Passkey management + sign out. Registration requires the current session
- * (routes are behind the auth guard); credentials are RP-scoped, so entries
- * registered on another hostname are badged and only useful there.
+ * Passkey management + sign out — the Security tab of the settings panel.
+ * Registration requires the current session (routes are behind the auth guard);
+ * credentials are RP-scoped, so entries registered on another hostname are
+ * badged and only useful there.
+ *
+ * `active` is "this tab is on screen": the list reloads when it becomes visible
+ * rather than on mount, so switching tabs picks up changes made elsewhere.
  */
-export function PasskeyPanel({
-  open,
-  onClose,
-}: {
-  open: boolean;
-  onClose: () => void;
-}) {
+export function PasskeyTab({ active }: { active: boolean }) {
   const [credentials, setCredentials] = useState<PasskeySummary[]>([]);
   const [loading, setLoading] = useState(false);
   const [busy, setBusy] = useState(false);
@@ -52,11 +49,11 @@ export function PasskeyPanel({
   }
 
   useEffect(() => {
-    if (open) {
+    if (active) {
       setError(null);
       void refresh();
     }
-  }, [open]);
+  }, [active]);
 
   async function onAdd() {
     if (busy) return;
@@ -106,79 +103,77 @@ export function PasskeyPanel({
   }
 
   return (
-    <SlidePanel open={open} onClose={onClose} title="Security">
-      <div className="flex h-full flex-col">
-        <div className="flex-1 overflow-y-auto p-4">
-          <h3 className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-            Passkeys
-          </h3>
-          <p className="mt-1 text-xs text-muted-foreground">
-            Sign in with Face ID, fingerprint, or a security key instead of the
-            password. Passkeys only work on the site they were added on.
-          </p>
+    <div className="flex h-full flex-col">
+      <div className="flex-1 overflow-y-auto p-4">
+        <h3 className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+          Passkeys
+        </h3>
+        <p className="mt-1 text-xs text-muted-foreground">
+          Sign in with Face ID, fingerprint, or a security key instead of the
+          password. Passkeys only work on the site they were added on.
+        </p>
 
-          {loading ? (
-            <div className="mt-6 flex justify-center">
-              <Loader2 className="h-5 w-5 animate-spin text-muted-foreground" />
-            </div>
-          ) : (
-            <ul className="mt-4 flex flex-col gap-2">
-              {credentials.map((credential) => (
-                <PasskeyRow
-                  key={credential.id}
-                  credential={credential}
-                  onDelete={() => onDelete(credential.id)}
-                  onRename={(label) => onRename(credential.id, label)}
-                />
-              ))}
-              {credentials.length === 0 && passkeyMode && (
-                <li className="rounded-lg border border-dashed border-border-subtle p-4 text-center text-xs text-muted-foreground">
-                  No passkeys yet.
-                </li>
-              )}
-            </ul>
-          )}
-
-          {error && (
-            <p role="alert" className="mt-3 text-xs text-destructive">
-              {error}
-            </p>
-          )}
+        {loading ? (
+          <div className="mt-6 flex justify-center">
+            <Loader2 className="h-5 w-5 animate-spin text-muted-foreground" />
+          </div>
+        ) : (
+          <ul className="mt-4 flex flex-col gap-2">
+            {credentials.map((credential) => (
+              <PasskeyRow
+                key={credential.id}
+                credential={credential}
+                onDelete={() => onDelete(credential.id)}
+                onRename={(label) => onRename(credential.id, label)}
+              />
+            ))}
+            {credentials.length === 0 && passkeyMode && (
+              <li className="rounded-lg border border-dashed border-border-subtle p-4 text-center text-xs text-muted-foreground">
+                No passkeys yet.
+              </li>
+            )}
+          </ul>
+        )}
 
-          {passkeyMode && webAuthnSupported ? (
-            <button
-              onClick={onAdd}
-              disabled={busy}
-              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"
-            >
-              {busy ? (
-                <Loader2 className="h-4 w-4 animate-spin" />
-              ) : (
-                <Plus className="h-4 w-4" />
-              )}
-              Add a passkey
-            </button>
-          ) : (
-            <p className="mt-4 text-xs text-muted-foreground">
-              {passkeyMode
-                ? "This browser does not support passkeys."
-                : "Passkeys need password auth mode on the server."}
-            </p>
-          )}
-        </div>
+        {error && (
+          <p role="alert" className="mt-3 text-xs text-destructive">
+            {error}
+          </p>
+        )}
 
-        {/* Sign out */}
-        <div className="border-t border-border p-4">
+        {passkeyMode && webAuthnSupported ? (
           <button
-            onClick={onSignOut}
-            className="flex w-full items-center justify-center gap-2 rounded-lg border border-border-subtle bg-surface px-4 py-2 text-sm font-medium text-foreground transition-colors hover:border-destructive hover:text-destructive"
+            onClick={onAdd}
+            disabled={busy}
+            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"
           >
-            <LogOut className="h-4 w-4" />
-            Sign out
+            {busy ? (
+              <Loader2 className="h-4 w-4 animate-spin" />
+            ) : (
+              <Plus className="h-4 w-4" />
+            )}
+            Add a passkey
           </button>
-        </div>
+        ) : (
+          <p className="mt-4 text-xs text-muted-foreground">
+            {passkeyMode
+              ? "This browser does not support passkeys."
+              : "Passkeys need password auth mode on the server."}
+          </p>
+        )}
+      </div>
+
+      {/* Sign out */}
+      <div className="border-t border-border p-4">
+        <button
+          onClick={onSignOut}
+          className="flex w-full items-center justify-center gap-2 rounded-lg border border-border-subtle bg-surface px-4 py-2 text-sm font-medium text-foreground transition-colors hover:border-destructive hover:text-destructive"
+        >
+          <LogOut className="h-4 w-4" />
+          Sign out
+        </button>
       </div>
-    </SlidePanel>
+    </div>
   );
 }
 

package/src/components/settings/settings-panel.tsx

@@ -0,0 +1,61 @@
+import { KeyRound, SlidersHorizontal } from "lucide-react";
+import { useUIStore, type SettingsTab } from "../../stores/ui-store.js";
+import { SlidePanel } from "../layout/slide-panel.js";
+import { cn } from "../../lib/utils.js";
+import { ModelsTab } from "./models-tab.js";
+import { PasskeyTab } from "./passkey-tab.js";
+
+const TABS: Array<{ id: SettingsTab; label: string; icon: typeof KeyRound }> = [
+  { id: "models", label: "Models", icon: SlidersHorizontal },
+  { id: "security", label: "Security", icon: KeyRound },
+];
+
+/**
+ * The settings surface: one panel, one entry point in the menus, a tab per
+ * area. Only the selected tab is mounted — each fetches its own data on becoming
+ * active, so switching tabs (or reopening the panel) always shows current state.
+ */
+export function SettingsPanel({
+  open,
+  onClose,
+}: {
+  open: boolean;
+  onClose: () => void;
+}) {
+  const tab = useUIStore((s) => s.settingsTab);
+  const setTab = useUIStore((s) => s.setSettingsTab);
+
+  return (
+    <SlidePanel open={open} onClose={onClose} title="Settings">
+      <div className="flex h-full flex-col">
+        <div className="flex shrink-0 gap-1 border-b border-border px-2 pt-2">
+          {TABS.map(({ id, label, icon: Icon }) => (
+            <button
+              key={id}
+              onClick={() => setTab(id)}
+              aria-selected={tab === id}
+              role="tab"
+              className={cn(
+                "flex items-center gap-1.5 rounded-t-lg px-3 py-2 text-xs font-medium transition-colors",
+                tab === id
+                  ? "border-b-2 border-primary text-foreground"
+                  : "text-muted-foreground hover:text-foreground"
+              )}
+            >
+              <Icon className="h-3.5 w-3.5" />
+              {label}
+            </button>
+          ))}
+        </div>
+
+        <div className="min-h-0 flex-1">
+          {tab === "models" ? (
+            <ModelsTab active={open && tab === "models"} />
+          ) : (
+            <PasskeyTab active={open && tab === "security"} />
+          )}
+        </div>
+      </div>
+    </SlidePanel>
+  );
+}

package/src/lib/api-client.ts

@@ -6,6 +6,7 @@ import type {
   PronunciationOverride,
   ProviderInfo,
   PasskeySummary,
+  ModelCatalogResponse,
 } from "@schlessera/brain-ui-sdk/protocol";
 import type {
   AuthenticationResponseJSON,
@@ -119,6 +120,20 @@ export const api = {
       backends?: Record<string, BackendInfo>;
     }>("/providers"),
 
+  /** Full model catalog for the settings screen — hidden entries included. */
+  models: () => fetchJson<ModelCatalogResponse>("/models"),
+
+  /** Replace the hidden set (full list, not a delta); returns the new catalog. */
+  setHiddenModels: (hidden: string[]) =>
+    fetchJson<ModelCatalogResponse>("/models/hidden", {
+      method: "PUT",
+      body: JSON.stringify({ hidden }),
+    }),
+
+  /** Force a discovery refresh, bypassing the TTL. */
+  refreshModels: () =>
+    fetchJson<ModelCatalogResponse>("/models/refresh", { method: "POST" }),
+
   /** Password-mode login. Resolves on success; throws the server error otherwise. */
   login: (password: string) =>
     fetchJson<{ ok: true }>("/auth/login", {

package/src/stores/ui-store.ts

@@ -1,22 +1,29 @@
 import { create } from "zustand";
 
+/** Which tab the settings panel opens on. */
+export type SettingsTab = "models" | "security";
+
 interface UIState {
   sessionPanelOpen: boolean;
   syncPanelOpen: boolean;
   whatsupPanelOpen: boolean;
   filePanelOpen: boolean;
-  securityPanelOpen: boolean;
+  settingsPanelOpen: boolean;
+  settingsTab: SettingsTab;
   toggleSessionPanel: () => void;
   toggleSyncPanel: () => void;
   toggleWhatsupPanel: () => void;
   toggleFilePanel: () => void;
-  toggleSecurityPanel: () => void;
+  toggleSettingsPanel: () => void;
   closeAllPanels: () => void;
   setSyncPanelOpen: (open: boolean) => void;
   setWhatsupPanelOpen: (open: boolean) => void;
   setSessionPanelOpen: (open: boolean) => void;
   setFilePanelOpen: (open: boolean) => void;
-  setSecurityPanelOpen: (open: boolean) => void;
+  setSettingsPanelOpen: (open: boolean) => void;
+  /** Open settings straight onto a tab (menu entries, deep links). */
+  openSettings: (tab: SettingsTab) => void;
+  setSettingsTab: (tab: SettingsTab) => void;
 }
 
 const CLOSED = {
@@ -24,11 +31,12 @@ const CLOSED = {
   syncPanelOpen: false,
   whatsupPanelOpen: false,
   filePanelOpen: false,
-  securityPanelOpen: false,
+  settingsPanelOpen: false,
 };
 
 export const useUIStore = create<UIState>((set) => ({
   ...CLOSED,
+  settingsTab: "models",
   toggleSessionPanel: () =>
     set((s) => ({ ...CLOSED, sessionPanelOpen: !s.sessionPanelOpen })),
   toggleSyncPanel: () =>
@@ -37,12 +45,15 @@ export const useUIStore = create<UIState>((set) => ({
     set((s) => ({ ...CLOSED, whatsupPanelOpen: !s.whatsupPanelOpen })),
   toggleFilePanel: () =>
     set((s) => ({ ...CLOSED, filePanelOpen: !s.filePanelOpen })),
-  toggleSecurityPanel: () =>
-    set((s) => ({ ...CLOSED, securityPanelOpen: !s.securityPanelOpen })),
+  toggleSettingsPanel: () =>
+    set((s) => ({ ...CLOSED, settingsPanelOpen: !s.settingsPanelOpen })),
   closeAllPanels: () => set({ ...CLOSED }),
   setSyncPanelOpen: (open) => set({ syncPanelOpen: open }),
   setWhatsupPanelOpen: (open) => set({ whatsupPanelOpen: open }),
   setSessionPanelOpen: (open) => set({ sessionPanelOpen: open }),
   setFilePanelOpen: (open) => set({ filePanelOpen: open }),
-  setSecurityPanelOpen: (open) => set({ securityPanelOpen: open }),
+  setSettingsPanelOpen: (open) => set({ settingsPanelOpen: open }),
+  openSettings: (tab) =>
+    set({ ...CLOSED, settingsPanelOpen: true, settingsTab: tab }),
+  setSettingsTab: (tab) => set({ settingsTab: tab }),
 }));

package/dist/components/settings/passkey-panel.d.ts

@@ -1,10 +0,0 @@
-/**
- * Passkey management + sign out. Registration requires the current session
- * (routes are behind the auth guard); credentials are RP-scoped, so entries
- * registered on another hostname are badged and only useful there.
- */
-export declare function PasskeyPanel({ open, onClose, }: {
-    open: boolean;
-    onClose: () => void;
-}): import("react").JSX.Element;
-//# sourceMappingURL=passkey-panel.d.ts.map

package/dist/components/settings/passkey-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"passkey-panel.d.ts","sourceRoot":"","sources":["../../../src/components/settings/passkey-panel.tsx"],"names":[],"mappings":"AAkBA;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAyJA"}

package/dist/components/settings/passkey-panel.js.map

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