@schlessera/brain-ui-react 0.34.1 → 0.36.0

package/dist/components/settings/pi-accounts.js

@@ -1,9 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { Check, ExternalLink, Loader2, LogOut, X } from "lucide-react";
-import { api } from "../../lib/api-client.js";
-import { useProviderStore } from "../../stores/provider-store.js";
-import { cn } from "../../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useBrainUiRoot } from "../../root-context.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { AccountsList } from "./pi-accounts-list.js";
 /**
  * Provider sign-in for the pi backend's OAuth vendors — most importantly
  * OpenAI (ChatGPT Plus/Pro), whose device-code flow needs no browser callback
@@ -12,12 +10,26 @@ import { cn } from "../../lib/utils.js";
  *
  * Renders nothing when the server reports no pi providers (pi not
  * configured), so the Models tab is unchanged for Claude-only deployments.
+ *
+ * This is the container (S7): the request, the flow and its polling, the
+ * cancel and the disconnect live here; `AccountsList` draws the rows.
  */
 export function PiAccountsSection({ active }) {
+    const root = useBrainUiRoot();
+    const api = root.api;
+    const lifetime = useRef(0);
+    const listRequest = useRef(0);
+    const flowRequest = useRef(0);
     const [providers, setProviders] = useState([]);
     const [error, setError] = useState(null);
     const [busy, setBusy] = useState(null);
-    const [flow, setFlow] = useState(null);
+    const [ownedFlow, setOwnedFlow] = useState(null);
+    // The first render after root replacement must not poll the previous flow
+    // through the new API, even before the reset effect has run.
+    const flow = ownedFlow?.root === root ? ownedFlow.flow : null;
+    const setFlow = useCallback((flow) => {
+        setOwnedFlow(flow ? { root, flow } : null);
+    }, [root]);
     const pollTimer = useRef(null);
     function stopPolling() {
         if (pollTimer.current) {
@@ -25,56 +37,63 @@ export function PiAccountsSection({ active }) {
             pollTimer.current = null;
         }
     }
-    async function reload() {
+    const reload = useCallback(async (quiet = false) => {
+        const generation = lifetime.current;
+        const request = ++listRequest.current;
+        const current = () => generation === lifetime.current && request === listRequest.current;
         try {
             const { providers } = await api.piAuthProviders();
-            setProviders(providers);
+            if (current())
+                setProviders(providers);
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Could not load accounts");
+            if (!current())
+                return;
+            // Older servers without this endpoint simply hide the initial card.
+            if (quiet)
+                setProviders([]);
+            else
+                setError(err instanceof Error ? err.message : "Could not load accounts");
         }
-    }
+    }, [api]);
     useEffect(() => {
-        if (!active)
-            return;
-        let cancelled = false;
-        api
-            .piAuthProviders()
-            .then(({ providers }) => {
-            if (!cancelled)
-                setProviders(providers);
-        })
-            .catch(() => {
-            // A server without the endpoint (older release) just hides the card.
-            if (!cancelled)
-                setProviders([]);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [active]);
+        lifetime.current++;
+        setProviders([]);
+        setError(null);
+        setBusy(null);
+        setFlow(null);
+        if (active)
+            void reload(true);
+        const invalidate = () => { lifetime.current++; };
+        return invalidate;
+    }, [active, root, reload, setFlow]);
     // Poll the pending flow until it settles. Chained timeouts rather than an
     // interval, so a slow response never stacks requests.
     useEffect(() => {
-        if (!flow || flow.status !== "pending")
+        if (!active || !flow || flow.status !== "pending")
             return;
+        const generation = lifetime.current;
+        const request = flowRequest.current;
         let disposed = false;
+        const current = () => !disposed && generation === lifetime.current && request === flowRequest.current;
         const delayMs = (flow.intervalSeconds ?? 5) * 1000;
         const tick = async () => {
             try {
+                if (!current())
+                    return;
                 const { flow: next } = await api.piAuthFlow(flow.id);
-                if (disposed)
+                if (!current())
                     return;
                 setFlow(next);
                 if (next.status === "success") {
                     void reload();
                     // A connected subscription account can change the picker's default
                     // ordering — refresh the composer's roster copy too.
-                    void useProviderStore.getState().loadProviders();
+                    void root.stores.provider.getState().loadProviders();
                 }
             }
             catch {
-                if (disposed)
+                if (!current())
                     return;
                 // Transient poll failure: keep trying until the flow expires.
                 pollTimer.current = setTimeout(tick, delayMs);
@@ -86,66 +105,65 @@ export function PiAccountsSection({ active }) {
             disposed = true;
             stopPolling();
         };
-    }, [flow]);
+    }, [active, flow, root, api, reload, setFlow]);
     async function connect(providerId) {
+        const generation = lifetime.current;
+        const request = ++flowRequest.current;
+        const current = () => generation === lifetime.current && request === flowRequest.current;
         setBusy(providerId);
         setError(null);
         try {
             const { flow } = await api.piAuthStart(providerId);
+            if (!current())
+                return;
             setFlow(flow);
             if (flow.status === "error")
                 setError(flow.error ?? "Login failed");
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Could not start login");
+            if (current())
+                setError(err instanceof Error ? err.message : "Could not start login");
         }
         finally {
-            setBusy(null);
+            if (current())
+                setBusy(null);
         }
     }
     async function cancel() {
         if (!flow)
             return;
+        flowRequest.current++;
         stopPolling();
+        setFlow(null);
         try {
             await api.piAuthCancel(flow.id);
         }
         catch {
             // The flow record may already be gone; clearing locally is enough.
         }
-        setFlow(null);
     }
     async function disconnect(providerId) {
+        const generation = lifetime.current;
+        const current = () => generation === lifetime.current;
         setBusy(providerId);
         setError(null);
         try {
             await api.piAuthLogout(providerId);
+            if (!current())
+                return;
             await reload();
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Could not disconnect");
+            if (current())
+                setError(err instanceof Error ? err.message : "Could not disconnect");
         }
         finally {
-            setBusy(null);
+            if (current())
+                setBusy(null);
         }
     }
     if (providers.length === 0)
         return null;
-    return (_jsxs("div", { className: "mt-6", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Accounts" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Model providers that sign in with an account instead of an API key." }), _jsx("ul", { className: "mt-4 flex flex-col gap-2", children: providers.map((provider) => (_jsxs("li", { className: "rounded-lg border border-border-subtle bg-surface p-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm text-foreground", children: provider.name }), _jsx("p", { className: "truncate text-[11px] text-muted-foreground", children: provider.configured
-                                                ? `Connected${provider.source ? ` · ${provider.source}` : ""}`
-                                                : "Not connected" })] }), provider.configured && (_jsx(Check, { className: "h-4 w-4 shrink-0 text-accent" })), provider.oauth && !provider.configured && (_jsx("button", { onClick: () => connect(provider.providerId), disabled: busy !== null || flow?.status === "pending", className: "shrink-0 rounded-lg border border-border-subtle bg-surface px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:border-primary hover:text-primary disabled:opacity-50", children: busy === provider.providerId ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : ("Connect") })), provider.configured && provider.source === "stored" && (_jsx("button", { onClick: () => disconnect(provider.providerId), disabled: busy !== null, title: "Disconnect", 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-destructive", children: _jsx(LogOut, { className: "h-4 w-4" }) }))] }), flow && flow.providerId === provider.providerId && (_jsx(LoginFlowCard, { flow: flow, onCancel: cancel, onDismiss: () => setFlow(null) }))] }, provider.providerId))) }), error && (_jsx("p", { role: "alert", className: "mt-3 text-xs text-destructive", children: error }))] }));
-}
-function LoginFlowCard({ flow, onCancel, onDismiss, }) {
-    if (flow.status === "pending") {
-        return (_jsxs("div", { className: "mt-3 rounded-lg border border-primary/40 bg-primary/5 p-3", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: "Enter this code at the provider's device page \u2014 on this or any other device:" }), _jsx("p", { className: "mt-2 select-all text-center font-[family-name:var(--font-mono)] text-xl font-semibold tracking-widest text-foreground", children: flow.userCode ?? "…" }), _jsxs("div", { className: "mt-3 flex items-center justify-center gap-2", children: [flow.verificationUri && (_jsxs("a", { href: flow.verificationUri, target: "_blank", rel: "noreferrer", className: "flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground transition-colors hover:brightness-110", children: [_jsx(ExternalLink, { className: "h-3 w-3" }), "Open verification page"] })), _jsxs("button", { onClick: onCancel, className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground", children: [_jsx(X, { className: "h-3 w-3" }), "Cancel"] })] }), _jsxs("p", { className: "mt-2 flex items-center justify-center gap-1.5 text-center text-[11px] text-muted-foreground", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), "Waiting for approval\u2026"] })] }));
-    }
-    const message = flow.status === "success"
-        ? "Connected."
-        : flow.status === "cancelled"
-            ? "Login cancelled."
-            : flow.error ?? "Login failed.";
-    return (_jsxs("div", { className: cn("mt-3 flex items-center justify-between rounded-lg border p-3 text-xs", flow.status === "success"
-            ? "border-border-subtle text-muted-foreground"
-            : "border-destructive/30 text-destructive"), children: [_jsx("span", { children: message }), _jsx("button", { onClick: onDismiss, className: "text-muted-foreground transition-colors hover:text-foreground", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }));
+    return (_jsx(AccountsList, { providers: providers, busy: busy, flow: flow, error: error, onConnect: (id) => void connect(id), onDisconnect: (id) => void disconnect(id), onCancelFlow: () => void cancel(), onDismissFlow: () => setFlow(null) }));
 }
 //# sourceMappingURL=pi-accounts.js.map

package/dist/components/settings/pi-accounts.js.map

@@ -1 +1 @@
-{"version":3,"file":"pi-accounts.js","sourceRoot":"","sources":["../../../src/components/settings/pi-accounts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,GAAG,EAA+C,MAAM,yBAAyB,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAuB;IAC/D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAErE,SAAS,WAAW;QAClB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,KAAK,UAAU,MAAM;QACnB,IAAI,CAAC;YACH,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,GAAG,CAAC,eAAe,EAAE,CAAC;YAClD,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,GAAG;aACA,eAAe,EAAE;aACjB,IAAI,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;YACtB,IAAI,CAAC,SAAS;gBAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1C,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,qEAAqE;YACrE,IAAI,CAAC,SAAS;gBAAE,YAAY,CAAC,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,0EAA0E;IAC1E,sDAAsD;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS;YAAE,OAAO;QAC/C,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;QACnD,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;YACtB,IAAI,CAAC;gBACH,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACrD,IAAI,QAAQ;oBAAE,OAAO;gBACrB,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;oBAC9B,KAAK,MAAM,EAAE,CAAC;oBACd,mEAAmE;oBACnE,qDAAqD;oBACrD,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC,aAAa,EAAE,CAAC;gBACnD,CAAC;YACH,CAAC;YAAC,MAAM,CAAC;gBACP,IAAI,QAAQ;oBAAE,OAAO;gBACrB,8DAA8D;gBAC9D,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;gBAC9C,OAAO;YACT,CAAC;QACH,CAAC,CAAC;QACF,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAC;YAChB,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,KAAK,UAAU,OAAO,CAAC,UAAkB;QACvC,OAAO,CAAC,UAAU,CAAC,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO;gBAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,cAAc,CAAC,CAAC;QACtE,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC;QACzE,CAAC;gBAAS,CAAC;YACT,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;IACH,CAAC;IAED,KAAK,UAAU,MAAM;QACnB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,WAAW,EAAE,CAAC;QACd,IAAI,CAAC;YACH,MAAM,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClC,CAAC;QAAC,MAAM,CAAC;YACP,mEAAmE;QACrE,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,KAAK,UAAU,UAAU,CAAC,UAAkB;QAC1C,OAAO,CAAC,UAAU,CAAC,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YACnC,MAAM,MAAM,EAAE,CAAC;QACjB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;QACxE,CAAC;gBAAS,CAAC;YACT,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;IACH,CAAC;IAED,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,mEAAmE,yBAE5E,EACL,YAAG,SAAS,EAAC,oCAAoC,oFAE7C,EACJ,aAAI,SAAS,EAAC,0BAA0B,YACrC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,cAEE,SAAS,EAAC,uDAAuD,aAEjE,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YAAG,SAAS,EAAC,kCAAkC,YAAE,QAAQ,CAAC,IAAI,GAAK,EACnE,YAAG,SAAS,EAAC,4CAA4C,YACtD,QAAQ,CAAC,UAAU;gDAClB,CAAC,CAAC,YAAY,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;gDAC9D,CAAC,CAAC,eAAe,GACjB,IACA,EACL,QAAQ,CAAC,UAAU,IAAI,CACtB,KAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,GAAG,CACnD,EACA,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,UAAU,IAAI,CACzC,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC3C,QAAQ,EAAE,IAAI,KAAK,IAAI,IAAI,IAAI,EAAE,MAAM,KAAK,SAAS,EACrD,SAAS,EAAC,0LAA0L,YAEnM,IAAI,KAAK,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAC9B,KAAC,OAAO,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,SAAS,CACV,GACM,CACV,EACA,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ,IAAI,CACtD,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC9C,QAAQ,EAAE,IAAI,KAAK,IAAI,EACvB,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,qJAAqJ,YAE/J,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,GACvB,CACV,IACG,EAEL,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,UAAU,IAAI,CAClD,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAI,CAChF,KA1CI,QAAQ,CAAC,UAAU,CA2CrB,CACN,CAAC,GACC,EACJ,KAAK,IAAI,CACR,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,+BAA+B,YACtD,KAAK,GACJ,CACL,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,GAKV;IACC,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,YAAG,SAAS,EAAC,+BAA+B,kGAGxC,EACJ,YAAG,SAAS,EAAC,uHAAuH,YACjI,IAAI,CAAC,QAAQ,IAAI,GAAG,GACnB,EACJ,eAAK,SAAS,EAAC,6CAA6C,aACzD,IAAI,CAAC,eAAe,IAAI,CACvB,aACE,IAAI,EAAE,IAAI,CAAC,eAAe,EAC1B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,gJAAgJ,aAE1J,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,8BAElC,CACL,EACD,kBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,gKAAgK,aAE1K,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,cAElB,IACL,EACN,aAAG,SAAS,EAAC,6FAA6F,aACxG,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,kCAE1C,IACA,CACP,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GACX,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC;IACtC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,IAAI,CAAC,MAAM,KAAK,SAAS;YACvB,CAAC,CAAC,4CAA4C;YAC9C,CAAC,CAAC,wCAAwC,CAC7C,aAED,yBAAO,OAAO,GAAQ,EACtB,iBACE,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,+DAA+D,YAEzE,KAAC,CAAC,IAAC,SAAS,EAAC,aAAa,GAAG,GACtB,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"pi-accounts.js","sourceRoot":"","sources":["../../../src/components/settings/pi-accounts.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+/**
+ * Devices and agents, rendered from props (S7, the `settings` directory).
+ * `DevicesAgentsTab` is the container: the principals request, the mint
+ * through the principal store and the revoke with its confirm live there;
+ * this draws the list and the mint form.
+ *
+ * A principal is a kit `Surface` — `strong` for this device, hairline for
+ * the others — with its kind as a chip, its three timestamps as a
+ * definition list (the tests read each value from its own term, so the
+ * structure is the contract) and a native revoke button, titled and named
+ * with the label because the kit has no icon-only button. The form's fields
+ * stay native; its submit is the kit `Button`, and ⏎ in a field submits the
+ * form the same way.
+ */
+export interface PrincipalRowData {
+    id: string;
+    label: string;
+    kind: "owner" | "agent" | string;
+    isOwn: boolean;
+    created: string;
+    lastSeen: string;
+    expires: string;
+}
+export interface PrincipalListProps {
+    state: "loading" | "unavailable" | "error" | "ready";
+    principals: PrincipalRowData[];
+    error: string | null;
+    label: string;
+    ttlDays: number;
+    minting: boolean;
+    onLabel: (value: string) => void;
+    onTtlDays: (days: number) => void;
+    onMint: () => void;
+    onRevoke: (id: string) => void;
+}
+export declare function PrincipalList(p: PrincipalListProps): import("react").JSX.Element;
+//# sourceMappingURL=principal-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"principal-list.d.ts","sourceRoot":"","sources":["../../../src/components/settings/principal-list.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,kBAAkB,+BA6FlD"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Callout, Chip, Placeholder, Surface } from "@schlessera/brain-ui-kit";
+import { Trash2 } from "lucide-react";
+export function PrincipalList(p) {
+    const canMint = !p.minting && p.label.trim().length > 0;
+    function onSubmit(e) {
+        e.preventDefault();
+        if (canMint)
+            p.onMint();
+    }
+    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." }), p.state === "loading" ? (_jsx("div", { className: "mt-4", children: _jsx(Placeholder, { variant: "loading", lines: 3 }) })) : p.state === "unavailable" ? (_jsx("p", { className: "mt-4 text-xs text-muted-foreground", children: "Devices and agents can only be managed when password authentication is enabled." })) : p.state === "error" ? (_jsx("div", { role: "alert", className: "mt-4", children: _jsx(Callout, { tone: "red", variant: "banner", icon: "failed", mono: true, text: p.error ?? "Could not load devices and agents" }) })) : (_jsxs(_Fragment, { children: [_jsxs("ul", { className: "mt-4 flex flex-col gap-2", children: [p.principals.map((principal) => (_jsx(PrincipalCard, { principal: principal, onRevoke: () => p.onRevoke(principal.id) }, principal.id))), p.principals.length === 0 ? (_jsx("li", { children: _jsx(Placeholder, { variant: "empty", message: "No active devices or agents.", icon: "secure" }) })) : null] }), p.error ? (_jsx("div", { role: "alert", className: "mt-3", children: _jsx(Callout, { tone: "red", variant: "banner", icon: "failed", mono: true, text: p.error }) })) : null, _jsxs("form", { onSubmit: onSubmit, 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: p.label, maxLength: 64, onChange: (event) => p.onLabel(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: p.ttlDays, onChange: (event) => p.onTtlDays(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" })] }), _jsx("div", { className: "mt-4", children: _jsx(Button, { label: p.minting ? "Creating…" : "Create agent credential", icon: "passkey", tone: "primary", size: "md", center: true, disabled: !canMint, onClick: p.onMint }) })] })] }))] }));
+}
+function PrincipalCard({ principal, onRevoke }) {
+    const agent = principal.kind === "agent";
+    const kind = principal.isOwn ? "This device" : agent ? "Agent" : "Device";
+    return (_jsx("li", { "data-principal-row": true, children: _jsx(Surface, { emphasis: principal.isOwn ? "strong" : "hairline", tone: principal.isOwn ? "amber" : undefined, pad: 12, children: _jsxs("div", { className: "flex items-start gap-2", children: [_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: principal.label }), _jsx(Chip, { label: kind, variant: "kv", tone: principal.isOwn ? "amber" : agent ? "purple" : "neutral", caps: true })] }), _jsxs("dl", { className: "mt-1.5 grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5 font-[family-name:var(--font-mono)] text-[11px] text-muted-foreground", children: [_jsx("dt", { children: "Created" }), _jsx("dd", { children: principal.created }), _jsx("dt", { children: "Last seen" }), _jsx("dd", { children: principal.lastSeen }), _jsx("dt", { children: "Expires" }), _jsx("dd", { children: principal.expires })] })] }), _jsxs("button", { type: "button", onClick: onRevoke, "aria-label": `Revoke ${principal.label}`, title: "Revoke", 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"] })] }) }) }));
+}
+//# sourceMappingURL=principal-list.js.map

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

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

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

@@ -1,7 +1,14 @@
 /**
- * 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.
+ * The settings surface: one panel, one entry point in the menus, a section
+ * per area. Only the selected section is mounted — each fetches its own data
+ * on becoming active, so switching (or reopening the panel) always shows
+ * current state.
+ *
+ * Two shapes. Below `laptop:` the drawer with its tab strip, unchanged: the
+ * theme toggle and the single-key switch sit above the tabs. From `laptop:`
+ * up it is D5's pane over the content area: a header row, a 216px section
+ * column, and the section's form at a 720px measure. There, Appearance &
+ * input is a section of its own.
  */
 export declare function SettingsPanel({ open, onClose, }: {
     open: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../../src/components/settings/settings-panel.tsx"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAyCA"}
+{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../../src/components/settings/settings-panel.tsx"],"names":[],"mappings":"AAkDA;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAiFA"}

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

@@ -1,9 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
-import { KeyRound, Puzzle, SlidersHorizontal } from "lucide-react";
+import { KeyRound, Laptop, Puzzle, SlidersHorizontal } from "lucide-react";
 import { useUIStore } from "../../stores/ui-store.js";
 import { SlidePanel } from "../layout/slide-panel.js";
 import { cn } from "../../lib/utils.js";
+import { usePrincipalStore } from "../../stores/principal-store.js";
+import { useBrainUiRoot } from "../../root-context.js";
+import { useMediaQuery } from "../../hooks/use-media-query.js";
+import { ThemeToggle } from "../layout/theme.js";
+import { ShortcutSwitch } from "../layout/shortcut-switch.js";
+import { Button, Callout, Icon, Label, ScreenHeader, Surface } from "@schlessera/brain-ui-kit";
 /**
  * Each tab is fetched the first time it is opened. Settings is the largest
  * surface in the app and most sessions never open it, so none of it belongs in
@@ -13,22 +19,90 @@ import { cn } from "../../lib/utils.js";
  */
 const ModelsTab = lazy(() => import("./models-tab.js").then((m) => ({ default: m.ModelsTab })));
 const PasskeyTab = lazy(() => import("./passkey-tab.js").then((m) => ({ default: m.PasskeyTab })));
+const DevicesAgentsTab = lazy(() => import("./devices-agents-tab.js").then((m) => ({ default: m.DevicesAgentsTab })));
 const SkillsTab = lazy(() => import("./skills-tab.js").then((m) => ({ default: m.SkillsTab })));
 const TABS = [
     { id: "models", label: "Models", icon: SlidersHorizontal },
     { id: "skills", label: "Skills", icon: Puzzle },
     { id: "security", label: "Security", icon: KeyRound },
+    { id: "devices", label: "Devices & agents", icon: Laptop },
 ];
 /**
- * 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.
+ * D5's section column, from `laptop:` up. The mono meta names what the
+ * section holds; it is not a count, because the column has no data of its
+ * own to count.
+ */
+const SECTIONS = [
+    { id: "appearance", label: "Appearance & input", meta: "this device", icon: "settings" },
+    { id: "models", label: "Models", meta: "providers", icon: "model" },
+    { id: "skills", label: "Skills", meta: "catalog", icon: "capability" },
+    { id: "security", label: "Security", meta: "passkeys", icon: "passkey" },
+    { id: "devices", label: "Devices & agents", meta: "credentials", icon: "agent" },
+];
+/** The rail is expanded from here (`laptop:`), and Settings becomes a pane. */
+const PANE_QUERY = "(min-width: 900px)";
+/**
+ * The settings surface: one panel, one entry point in the menus, a section
+ * per area. Only the selected section is mounted — each fetches its own data
+ * on becoming active, so switching (or reopening the panel) always shows
+ * current state.
+ *
+ * Two shapes. Below `laptop:` the drawer with its tab strip, unchanged: the
+ * theme toggle and the single-key switch sit above the tabs. From `laptop:`
+ * up it is D5's pane over the content area: a header row, a 216px section
+ * column, and the section's form at a 720px measure. There, Appearance &
+ * input is a section of its own.
  */
 export function SettingsPanel({ open, onClose, }) {
     const tab = useUIStore((s) => s.settingsTab);
     const setTab = useUIStore((s) => s.setSettingsTab);
-    return (_jsx(SlidePanel, { open: open, onClose: onClose, title: "Settings", children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "flex shrink-0 gap-1 border-b border-border px-2 pt-2", children: TABS.map(({ id, label, icon: Icon }) => (_jsxs("button", { 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
+    const mintPending = usePrincipalStore((s) => s.mintPending);
+    const oneTimeCredential = usePrincipalStore((s) => s.oneTimeCredential);
+    const credentialProtected = mintPending || oneTimeCredential !== null;
+    const pane = useMediaQuery(PANE_QUERY);
+    function closeIfSafe() {
+        if (!credentialProtected)
+            onClose();
+    }
+    function select(id) {
+        if (!credentialProtected)
+            setTab(id);
+    }
+    if (pane) {
+        return (_jsx(SettingsPane, { open: open, tab: tab, credentialProtected: credentialProtected, onSelect: select, onClose: closeIfSafe }));
+    }
+    // The strip has no Appearance tab: a pane selection that survives a resize
+    // down lands on the first tab, and the controls it named are right above.
+    const stripTab = tab === "appearance" ? "models" : tab;
+    return (_jsx(SlidePanel, { open: open, onClose: closeIfSafe, title: "Settings", wide: true, children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "flex shrink-0 gap-1 border-b border-border px-2 pt-2", children: TABS.map(({ id, label, icon: TabIcon }) => (_jsxs("button", { onClick: () => select(id), disabled: credentialProtected && stripTab !== id, "aria-selected": stripTab === id, role: "tab", className: cn("flex items-center gap-1.5 rounded-t-lg px-3 py-2 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50", stripTab === id
                             ? "border-b-2 border-primary text-foreground"
-                            : "text-muted-foreground hover:text-foreground"), children: [_jsx(Icon, { className: "h-3.5 w-3.5" }), label] }, id))) }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(Suspense, { fallback: null, children: tab === "models" ? (_jsx(ModelsTab, { active: open && tab === "models" })) : tab === "skills" ? (_jsx(SkillsTab, { active: open && tab === "skills" })) : (_jsx(PasskeyTab, { active: open && tab === "security" })) }) })] }) }));
+                            : "text-muted-foreground hover:text-foreground"), children: [_jsx(TabIcon, { className: "h-3.5 w-3.5" }), label] }, id))) }), _jsxs("div", { className: "flex shrink-0 items-center justify-between gap-3 border-b border-border px-3 py-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Appearance" }), _jsx(ThemeToggle, {})] }), _jsxs("div", { className: "flex shrink-0 flex-col gap-2 border-b border-border px-3 py-2", children: [_jsx(Label, { text: "Input", icon: "capability" }), _jsx(Surface, { pad: 0, children: _jsx(ShortcutSwitch, {}) }), _jsx(ShortcutBanner, {})] }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(SectionBody, { tab: stripTab, open: open }) })] }) }));
+}
+/**
+ * D5 from `laptop:` up: the pane. The header row carries the serif title and
+ * the close control; under it the section column and the form area share the
+ * height, and only the form area scrolls.
+ */
+function SettingsPane({ open, tab, credentialProtected, onSelect, onClose, }) {
+    const appName = useBrainUiRoot().config.appName;
+    return (_jsxs(SlidePanel, { open: open, onClose: onClose, title: "Settings", mode: "pane", children: [_jsxs("div", { className: "flex shrink-0 items-center border-b border-border pr-3", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(ScreenHeader, { variant: "nav", title: "Settings", back: false, divider: false }) }), _jsx("div", { className: "shrink-0", children: _jsx(Button, { label: "Close", icon: "dismiss", tone: "quiet", size: "sm", block: false, onClick: onClose }) })] }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsxs("nav", { "aria-label": "Settings sections", className: "flex w-[216px] shrink-0 flex-col border-r border-border", children: [_jsx("div", { role: "tablist", "aria-orientation": "vertical", className: "flex flex-1 flex-col gap-0.5 p-2", children: SECTIONS.map(({ id, label, meta, icon }) => {
+                                    const selected = tab === id;
+                                    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": selected, "aria-label": label, disabled: credentialProtected && !selected, onClick: () => onSelect(id), className: cn("flex w-full items-center gap-2.5 rounded-lg px-2.5 py-2 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50", selected ? "bg-surface-raised" : "hover:bg-surface-raised"), children: [_jsx(Icon, { icon: icon, size: 16, color: selected ? "var(--bk-amber-ink)" : "var(--bk-color-ink-mute)" }), _jsx("span", { className: cn("min-w-0 flex-1 truncate text-[12.5px] font-semibold", !selected && "text-foreground"), style: selected ? { color: "var(--bk-amber-ink)" } : undefined, children: label }), _jsx("span", { className: "shrink-0 font-[family-name:var(--font-mono)] text-[10px] text-muted-foreground", children: meta })] }, id));
+                                }) }), _jsx("div", { className: "shrink-0 border-t border-border px-4 py-3 font-[family-name:var(--font-mono)] text-[10px] text-muted-foreground", children: appName })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: _jsx("div", { className: "flex h-full max-w-[720px] flex-col", children: tab === "appearance" ? (_jsx(AppearanceSection, {})) : (_jsx(SectionBody, { tab: tab, open: open })) }) })] })] }));
+}
+/**
+ * D5's first section, as the drop draws it: the theme under "Appearance",
+ * the single-key switch and its banner under "Input". Both controls apply to
+ * this device only, which the header says.
+ */
+function AppearanceSection() {
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx(ScreenHeader, { variant: "nav", title: "Appearance & input", subtitle: "applies on this device only", back: false, divider: false }), _jsxs("div", { className: "flex flex-col gap-2 px-4 pb-4", children: [_jsx(Label, { text: "Appearance", icon: "settings" }), _jsx(Surface, { pad: 0, children: _jsxs("div", { className: "flex items-center gap-3 px-3 py-3", children: [_jsx(Icon, { icon: "settings", size: 17, color: "var(--bk-color-ink-mute)" }), _jsx("span", { className: "min-w-0 flex-1 text-[12.5px] font-semibold text-foreground", children: "Theme" }), _jsx(ThemeToggle, {})] }) })] }), _jsxs("div", { className: "flex flex-col gap-2 px-4 pb-4", children: [_jsx(Label, { text: "Input", icon: "capability" }), _jsx(Surface, { pad: 0, children: _jsx(ShortcutSwitch, {}) }), _jsx(ShortcutBanner, {})] })] }));
+}
+function ShortcutBanner() {
+    return (_jsx(Callout, { variant: "banner", tone: "neutral", icon: "scope", text: "Turning single-key shortcuts off also removes the printed keys from buttons \u2014 a key that no longer fires should not be advertised." }));
+}
+/** The lazily fetched section, mounted only while it is the selected one. */
+function SectionBody({ tab, open }) {
+    return (_jsx(Suspense, { fallback: null, children: tab === "models" ? (_jsx(ModelsTab, { active: open })) : tab === "skills" ? (_jsx(SkillsTab, { active: open })) : tab === "security" ? (_jsx(PasskeyTab, { active: open })) : (_jsx(DevicesAgentsTab, { active: open })) }));
 }
 //# sourceMappingURL=settings-panel.js.map

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

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

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

@@ -0,0 +1,53 @@
+import type { SkillEntry, SkillInstallOutcome } from "../../lib/api-client.js";
+/**
+ * Settings → Skills, rendered from props (S6). `SkillsTab` is the container:
+ * it owns the list request, the `active`-gated reload, every mutation and its
+ * generation guard, and the editor's fetch; these two views own what is on
+ * screen. `SkillsList` is the list with its create and install rows;
+ * `SkillEditor` is the one-file editor that replaces it while a skill is open.
+ *
+ * Text fields stay native (the kit has no text input); the create, install,
+ * save and close buttons are the kit's `Button`. The per-row edit / enable /
+ * delete controls stay native icon buttons: they are titled, and the kit has
+ * no icon-only button. The zip picker is a native file input behind a label.
+ *
+ * `busy` names the skill whose mutation is in flight, or `"*"` for none in
+ * particular — the container passes the skill name it is working on, and
+ * every row control is inert while any is running, as before.
+ */
+export interface SkillsListProps {
+    skills: SkillEntry[];
+    /** The skill a mutation is running for, or null. */
+    busy: string | null;
+    installing: boolean;
+    error: string | null;
+    warning: string | null;
+    outcomes: SkillInstallOutcome[] | null;
+    newName: string;
+    githubSource: string;
+    overwrite: boolean;
+    onNewName: (value: string) => void;
+    onCreate: () => void;
+    onGithubSource: (value: string) => void;
+    onOverwrite: (value: boolean) => void;
+    onInstallZip: (file: File) => void;
+    onInstallGitHub: () => void;
+    onOpen: (skill: SkillEntry) => void;
+    onToggle: (skill: SkillEntry) => void;
+    onRemove: (skill: SkillEntry) => void;
+}
+export declare function SkillsList(p: SkillsListProps): import("react").JSX.Element;
+export interface SkillEditorProps {
+    name: string;
+    content: string;
+    isNew: boolean;
+    readOnly: boolean;
+    /** A save is in flight. */
+    saving: boolean;
+    error: string | null;
+    onChange: (content: string) => void;
+    onSave: () => void;
+    onClose: () => void;
+}
+export declare function SkillEditor(p: SkillEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=skills-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skills-list.d.ts","sourceRoot":"","sources":["../../../src/components/settings/skills-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG/E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,oDAAoD;IACpD,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,+BA6L5C;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,+BA4B9C"}