@elizaos/agent 2.0.0-alpha.421 → 2.0.0-alpha.425

package/packages/app-core/src/components/accounts/AddAccountDialog.js

@@ -0,0 +1,277 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AddAccountDialog — modal that walks the user through adding a new
+ * credential to a provider's account pool.
+ *
+ * Two paths:
+ *   - **OAuth** (subscription providers): start the server-side OAuth
+ *     flow, open the auth URL in a real browser window via
+ *     `preOpenWindow` + `navigatePreOpenedWindow` (preserves the user
+ *     gesture so popup blockers don't fire), then subscribe to the
+ *     SSE stream at `/api/accounts/:provider/oauth/status` for terminal
+ *     state. On `success`, hand the new `LinkedAccountConfig` to the
+ *     parent. On error / timeout / cancel, surface the message inline
+ *     and let the user retry. If the dialog closes mid-flow we cancel
+ *     the server-side listener so it doesn't leak.
+ *   - **API key**: simple label + key form, immediate POST.
+ *
+ * The dialog is provider-aware: OAuth-only providers
+ * (`anthropic-subscription`, `openai-codex`) skip the chooser screen.
+ * Direct API providers (`anthropic-api`, `openai-api`) show only the
+ * API-key form. The server still 501s on POST for the api-key path on
+ * subscription providers, so the chooser is mostly forward-looking
+ * defence against future shapes.
+ */
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Spinner, cn, } from "@elizaos/ui";
+import { useCallback, useEffect, useRef, useState, } from "react";
+import { client } from "../../api";
+import { useApp } from "../../state";
+import { navigatePreOpenedWindow, preOpenWindow } from "../../utils";
+const SUBSCRIPTION_PROVIDERS = new Set([
+    "anthropic-subscription",
+    "openai-codex",
+]);
+function isSubscriptionProvider(providerId) {
+    return SUBSCRIPTION_PROVIDERS.has(providerId);
+}
+function providerDisplayName(providerId, t) {
+    switch (providerId) {
+        case "anthropic-subscription":
+            return t("accounts.provider.anthropicSubscription", {
+                defaultValue: "Anthropic Claude subscription",
+            });
+        case "openai-codex":
+            return t("accounts.provider.openaiCodex", {
+                defaultValue: "OpenAI Codex subscription",
+            });
+        case "anthropic-api":
+            return t("accounts.provider.anthropicApi", {
+                defaultValue: "Anthropic API",
+            });
+        case "openai-api":
+            return t("accounts.provider.openaiApi", {
+                defaultValue: "OpenAI API",
+            });
+        default:
+            return providerId;
+    }
+}
+export function AddAccountDialog({ open, providerId, onClose, onCreated, }) {
+    const { t } = useApp();
+    const subscriptionProvider = isSubscriptionProvider(providerId);
+    const [step, setStep] = useState(subscriptionProvider ? "choose" : "apikey");
+    const [label, setLabel] = useState("");
+    const [apiKey, setApiKey] = useState("");
+    const [oauthCode, setOauthCode] = useState("");
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [sessionId, setSessionId] = useState(null);
+    const eventSourceRef = useRef(null);
+    const sessionIdRef = useRef(null);
+    const closeEventSource = useCallback(() => {
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+            eventSourceRef.current = null;
+        }
+    }, []);
+    const cancelInflightFlow = useCallback(async () => {
+        closeEventSource();
+        const id = sessionIdRef.current;
+        if (id) {
+            sessionIdRef.current = null;
+            try {
+                await client.cancelAccountOAuth(providerId, { sessionId: id });
+            }
+            catch {
+                // Best-effort cleanup — server times out flows on its own.
+            }
+        }
+    }, [closeEventSource, providerId]);
+    const reset = useCallback(() => {
+        closeEventSource();
+        sessionIdRef.current = null;
+        setStep(subscriptionProvider ? "choose" : "apikey");
+        setLabel("");
+        setApiKey("");
+        setOauthCode("");
+        setErrorMessage(null);
+        setSessionId(null);
+    }, [closeEventSource, subscriptionProvider]);
+    // Dialog open/close side-effects: when closed, cancel any in-flight
+    // OAuth flow so the server can release the loopback listener.
+    useEffect(() => {
+        if (!open) {
+            void cancelInflightFlow();
+            reset();
+        }
+    }, [open, cancelInflightFlow, reset]);
+    useEffect(() => {
+        return () => {
+            closeEventSource();
+        };
+    }, [closeEventSource]);
+    const subscribeToFlow = useCallback((newSessionId) => {
+        closeEventSource();
+        const url = `/api/accounts/${providerId}/oauth/status?sessionId=${encodeURIComponent(newSessionId)}`;
+        const source = new EventSource(url);
+        eventSourceRef.current = source;
+        source.onmessage = (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                if (data.status === "success" && data.account) {
+                    closeEventSource();
+                    sessionIdRef.current = null;
+                    onCreated(data.account);
+                    onClose();
+                }
+                else if (data.status === "error" ||
+                    data.status === "cancelled" ||
+                    data.status === "timeout") {
+                    closeEventSource();
+                    sessionIdRef.current = null;
+                    setErrorMessage(data.error ??
+                        t(`accounts.add.oauth.${data.status}`, {
+                            defaultValue: data.status === "timeout"
+                                ? "Login timed out. Try again."
+                                : data.status === "cancelled"
+                                    ? "Login cancelled."
+                                    : "Login failed.",
+                        }));
+                    setStep("error");
+                }
+            }
+            catch {
+                // Malformed SSE event — ignore; the next valid one will progress.
+            }
+        };
+        source.onerror = () => {
+            // Auto-reconnect noise; ignore unless we hit a terminal status.
+        };
+    }, [closeEventSource, onClose, onCreated, providerId, t]);
+    const startOAuth = useCallback(async () => {
+        setErrorMessage(null);
+        setStep("oauth-starting");
+        // Open the popup BEFORE the await so the browser sees a synchronous
+        // user-gesture-triggered window.open. Once we have the URL, navigate
+        // it. preOpenWindow returns null on desktop (Electrobun handles
+        // routing via the IPC call inside openExternalUrl).
+        const win = preOpenWindow();
+        try {
+            const flow = await client.startAccountOAuth(providerId, {
+                label: label.trim(),
+            });
+            navigatePreOpenedWindow(win, flow.authUrl);
+            sessionIdRef.current = flow.sessionId;
+            setSessionId(flow.sessionId);
+            if (flow.needsCodeSubmission) {
+                setStep("oauth-need-code");
+            }
+            else {
+                setStep("oauth-waiting");
+            }
+            subscribeToFlow(flow.sessionId);
+        }
+        catch (err) {
+            setErrorMessage(err instanceof Error && err.message
+                ? err.message
+                : t("accounts.add.oauth.startFailed", {
+                    defaultValue: "Failed to start login flow.",
+                }));
+            setStep("error");
+            try {
+                win?.close();
+            }
+            catch {
+                // Cross-origin — ignore.
+            }
+        }
+    }, [label, providerId, subscribeToFlow, t]);
+    const submitOAuthCode = useCallback(async (event) => {
+        event.preventDefault();
+        const code = oauthCode.trim();
+        const id = sessionIdRef.current;
+        if (!code || !id)
+            return;
+        try {
+            await client.submitAccountOAuthCode(providerId, {
+                sessionId: id,
+                code,
+            });
+            setOauthCode("");
+            setStep("oauth-waiting");
+        }
+        catch (err) {
+            setErrorMessage(err instanceof Error && err.message
+                ? err.message
+                : t("accounts.add.oauth.codeFailed", {
+                    defaultValue: "Failed to submit code.",
+                }));
+            setStep("error");
+        }
+    }, [oauthCode, providerId, t]);
+    const submitApiKey = useCallback(async (event) => {
+        event.preventDefault();
+        const trimmedLabel = label.trim();
+        const trimmedKey = apiKey.trim();
+        if (!trimmedLabel || !trimmedKey)
+            return;
+        setErrorMessage(null);
+        setStep("apikey-submitting");
+        try {
+            const account = await client.createApiKeyAccount(providerId, {
+                label: trimmedLabel,
+                apiKey: trimmedKey,
+            });
+            onCreated(account);
+            onClose();
+        }
+        catch (err) {
+            setErrorMessage(err instanceof Error && err.message
+                ? err.message
+                : t("accounts.add.apikey.failed", {
+                    defaultValue: "Failed to add account.",
+                }));
+            setStep("error");
+        }
+    }, [apiKey, label, onClose, onCreated, providerId, t]);
+    const handleClose = useCallback(() => {
+        void cancelInflightFlow();
+        onClose();
+    }, [cancelInflightFlow, onClose]);
+    const labelInput = (_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "add-account-label", children: t("accounts.add.label", { defaultValue: "Account name" }) }), _jsx(Input, { id: "add-account-label", value: label, onChange: (e) => setLabel(e.target.value), placeholder: t("accounts.add.labelPlaceholder", {
+                    defaultValue: "e.g. Personal, Work",
+                }), maxLength: 120, autoFocus: true })] }));
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => {
+            if (!next)
+                handleClose();
+        }, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("accounts.add.title", {
+                                defaultValue: `Add ${providerDisplayName(providerId, t)} account`,
+                                provider: providerDisplayName(providerId, t),
+                            }) }), _jsx(DialogDescription, { children: subscriptionProvider
+                                ? t("accounts.add.subscriptionDescription", {
+                                    defaultValue: "Sign in with your provider to add another account to the rotation pool.",
+                                })
+                                : t("accounts.add.apiDescription", {
+                                    defaultValue: "Paste your API key. The key is stored locally with mode 0600.",
+                                }) })] }), step === "choose" ? (_jsxs("div", { className: "grid gap-3 py-2", children: [labelInput, _jsx(Button, { type: "button", variant: "default", disabled: !label.trim(), onClick: () => void startOAuth(), className: "h-10", children: t("accounts.add.signIn", {
+                                defaultValue: `Sign in with ${providerDisplayName(providerId, t)}`,
+                                provider: providerDisplayName(providerId, t),
+                            }) })] })) : null, step === "oauth-starting" ? (_jsxs("div", { className: "flex items-center gap-3 py-6 text-sm text-muted", children: [_jsx(Spinner, { className: "h-4 w-4" }), t("accounts.add.oauth.starting", {
+                            defaultValue: "Starting login flow…",
+                        })] })) : null, step === "oauth-waiting" ? (_jsxs("div", { className: "grid gap-3 py-3 text-sm text-muted", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Spinner, { className: "h-4 w-4" }), _jsx("span", { children: t("accounts.add.oauth.waiting", {
+                                        defaultValue: "Waiting for browser… Complete the sign-in there.",
+                                    }) })] }), sessionId ? (_jsx("p", { className: "text-xs text-muted", children: t("accounts.add.oauth.sessionHint", {
+                                defaultValue: "Session: {{sessionId}}",
+                                sessionId: `${sessionId.slice(0, 8)}…`,
+                            }) })) : null] })) : null, step === "oauth-need-code" ? (_jsxs("form", { onSubmit: submitOAuthCode, className: "grid gap-3 py-2", children: [_jsx("p", { className: "text-xs text-muted", children: t("accounts.add.oauth.codeHint", {
+                                defaultValue: "Auto-redirect didn't reach us. Paste the code (or full redirect URL) from the browser.",
+                            }) }), _jsx(Input, { value: oauthCode, onChange: (e) => setOauthCode(e.target.value), placeholder: t("accounts.add.oauth.codePlaceholder", {
+                                defaultValue: "Paste the code or redirect URL",
+                            }), autoFocus: true }), _jsx(Button, { type: "submit", variant: "default", disabled: !oauthCode.trim(), className: "h-9", children: t("accounts.add.oauth.submitCode", {
+                                defaultValue: "Submit code",
+                            }) })] })) : null, step === "apikey" || step === "apikey-submitting" ? (_jsxs("form", { onSubmit: submitApiKey, className: "grid gap-3 py-2", children: [labelInput, _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "add-account-apikey", children: t("accounts.add.apiKey", { defaultValue: "API key" }) }), _jsx(Input, { id: "add-account-apikey", type: "password", value: apiKey, onChange: (e) => setApiKey(e.target.value), placeholder: "sk-\u2026", autoComplete: "off", spellCheck: false })] }), _jsx(Button, { type: "submit", variant: "default", disabled: step === "apikey-submitting" ||
+                                !label.trim() ||
+                                !apiKey.trim(), className: "h-9", children: step === "apikey-submitting" ? (_jsx(Spinner, { className: "h-3 w-3" })) : (t("accounts.add.save", { defaultValue: "Add account" })) })] })) : null, step === "error" && errorMessage ? (_jsx("div", { className: cn("rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-sm text-destructive"), role: "alert", children: errorMessage })) : null, _jsxs(DialogFooter, { className: "gap-2", children: [step === "error" ? (_jsx(Button, { type: "button", variant: "ghost", onClick: () => {
+                                setErrorMessage(null);
+                                setStep(subscriptionProvider ? "choose" : "apikey");
+                            }, children: t("accounts.add.tryAgain", { defaultValue: "Try again" }) })) : null, _jsx(Button, { type: "button", variant: "ghost", onClick: handleClose, children: t("accounts.cancel", { defaultValue: "Cancel" }) })] })] }) }));
+}

package/packages/app-core/src/components/accounts/RotationStrategyPicker.d.ts

@@ -0,0 +1,16 @@
+/**
+ * RotationStrategyPicker — compact `Select` exposing the four account
+ * rotation strategies. Calls `onChange` with the chosen strategy; the
+ * caller is responsible for routing that through `client.patchProviderStrategy`.
+ */
+import type { LinkedAccountProviderId } from "@elizaos/shared";
+import type { AccountStrategy } from "../../api/client-agent";
+interface RotationStrategyPickerProps {
+    providerId: LinkedAccountProviderId;
+    value: AccountStrategy | undefined;
+    onChange: (strategy: AccountStrategy) => void;
+    disabled?: boolean;
+}
+export declare function RotationStrategyPicker({ providerId, value, onChange, disabled, }: RotationStrategyPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RotationStrategyPicker.d.ts.map

package/packages/app-core/src/components/accounts/RotationStrategyPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RotationStrategyPicker.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/accounts/RotationStrategyPicker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,UAAU,2BAA2B;IACnC,UAAU,EAAE,uBAAuB,CAAC;IACpC,KAAK,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2CD,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,2BAA2B,2CA6C7B"}

package/packages/app-core/src/components/accounts/RotationStrategyPicker.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RotationStrategyPicker — compact `Select` exposing the four account
+ * rotation strategies. Calls `onChange` with the chosen strategy; the
+ * caller is responsible for routing that through `client.patchProviderStrategy`.
+ */
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@elizaos/ui";
+import { useApp } from "../../state";
+const STRATEGY_OPTIONS = [
+    {
+        id: "priority",
+        labelKey: "accounts.strategy.priority.label",
+        labelFallback: "Priority",
+        descriptionKey: "accounts.strategy.priority.description",
+        descriptionFallback: "Always prefer the top healthy account.",
+    },
+    {
+        id: "round-robin",
+        labelKey: "accounts.strategy.roundRobin.label",
+        labelFallback: "Round-robin",
+        descriptionKey: "accounts.strategy.roundRobin.description",
+        descriptionFallback: "Alternate across enabled accounts.",
+    },
+    {
+        id: "least-used",
+        labelKey: "accounts.strategy.leastUsed.label",
+        labelFallback: "Least used",
+        descriptionKey: "accounts.strategy.leastUsed.description",
+        descriptionFallback: "Prefer the account with the lowest current usage.",
+    },
+    {
+        id: "quota-aware",
+        labelKey: "accounts.strategy.quotaAware.label",
+        labelFallback: "Quota-aware",
+        descriptionKey: "accounts.strategy.quotaAware.description",
+        descriptionFallback: "Skip accounts above 85% utilization.",
+    },
+];
+export function RotationStrategyPicker({ providerId, value, onChange, disabled, }) {
+    const { t } = useApp();
+    const resolved = value ?? "priority";
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted", children: t("accounts.strategy.label", { defaultValue: "Strategy" }) }), _jsxs(Select, { value: resolved, onValueChange: (next) => {
+                    if (next !== resolved)
+                        onChange(next);
+                }, disabled: disabled, children: [_jsx(SelectTrigger, { id: `rotation-strategy-${providerId}`, className: "h-8 w-[160px] rounded-lg border border-border bg-card text-xs", children: _jsx(SelectValue, { placeholder: t("accounts.strategy.choose", {
+                                defaultValue: "Choose strategy",
+                            }) }) }), _jsx(SelectContent, { children: STRATEGY_OPTIONS.map((option) => (_jsx(SelectItem, { value: option.id, children: _jsxs("div", { className: "flex flex-col gap-0.5 py-0.5", children: [_jsx("span", { className: "text-sm font-medium text-txt", children: t(option.labelKey, { defaultValue: option.labelFallback }) }), _jsx("span", { className: "text-xs text-muted", children: t(option.descriptionKey, {
+                                            defaultValue: option.descriptionFallback,
+                                        }) })] }) }, option.id))) })] })] }));
+}

package/packages/app-core/src/components/pages/PluginsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/PluginsView.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAWf,OAAO,EAIL,KAAK,eAAe,EAIrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAm5CrD,+CAA+C;AAC/C,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,IAAY,EACZ,OAAO,EACP,yBAAkC,GACnC,EAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9C,2CAoBA"}
+{"version":3,"file":"PluginsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/PluginsView.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAMf,OAAO,EAIL,KAAK,eAAe,EAIrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAg3CrD,+CAA+C;AAC/C,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,IAAY,EACZ,OAAO,EACP,yBAAkC,GACnC,EAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9C,2CAoBA"}

package/packages/app-core/src/components/pages/PluginsView.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Package } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { client } from "../../api";
-import { ensurePluginManagerAllowed, getPluginManagerBlockReason, PLUGIN_MANAGER_UNAVAILABLE_ERROR, } from "../../runtime/plugin-manager-guard";
 import { useApp } from "../../state";
 import { openExternalUrl } from "../../utils";
 import { buildPluginListState, getPluginResourceLinks, iconImageSource, resolveIcon, SUBGROUP_NAV_ICONS, } from "./plugin-list-utils";
@@ -294,39 +293,9 @@ function PluginListView({ label, contentHeader, mode = "all", inModal, }) {
             return next;
         });
     }, []);
-    const runWithPluginManager = useCallback(async (_pluginName, notices, task) => {
-        const restartForPluginManager = async (message) => {
-            const pluginManagerGuard = await ensurePluginManagerAllowed();
-            const pluginManagerBlockReason = getPluginManagerBlockReason(pluginManagerGuard);
-            if (pluginManagerBlockReason) {
-                throw new Error(pluginManagerBlockReason);
-            }
-            setActionNotice(message, "success");
-            await client.restartAndWait(120_000);
-        };
-        let restartedForPluginManager = false;
-        const pluginManagerGuard = await ensurePluginManagerAllowed();
-        const pluginManagerBlockReason = getPluginManagerBlockReason(pluginManagerGuard);
-        if (pluginManagerBlockReason) {
-            throw new Error(pluginManagerBlockReason);
-        }
-        if (pluginManagerGuard === "enabled") {
-            await restartForPluginManager(notices.prepare);
-            restartedForPluginManager = true;
-        }
-        try {
-            return await task();
-        }
-        catch (err) {
-            if (err instanceof Error &&
-                err.message.includes(PLUGIN_MANAGER_UNAVAILABLE_ERROR) &&
-                !restartedForPluginManager) {
-                await restartForPluginManager(notices.recover);
-                return await task();
-            }
-            throw err;
-        }
-    }, [setActionNotice]);
+    // The plugin manager capability ships built-in with @elizaos/core, so no
+    // preflight enable / restart is required before invoking lifecycle tasks.
+    const runWithPluginManager = useCallback(async (_pluginName, _notices, task) => task(), []);
     const completePluginLifecycleRestart = useCallback(async (messages) => {
         setActionNotice(messages.waiting, "info", 120_000, false, true);
         const status = await client.restartAndWait(120_000);

package/packages/app-core/src/components/settings/ProviderSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSwitcher.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/settings/ProviderSwitcher.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAahF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAoBhD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC9C;AASD,UAAU,qBAAqB;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,sBAAsB,CAAC,EAAE,CACvB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B;AAwJD,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,qBAA0B,2CAo7BjE"}
+{"version":3,"file":"ProviderSwitcher.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/settings/ProviderSwitcher.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAahF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAqBhD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC9C;AASD,UAAU,qBAAqB;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,sBAAsB,CAAC,EAAE,CACvB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B;AAwJD,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,qBAA0B,2CA27BjE"}

package/packages/app-core/src/components/settings/ProviderSwitcher.js

@@ -10,6 +10,7 @@ import { getOnboardingProviderOption, isSubscriptionProviderSelectionId, SUBSCRI
 import { useApp } from "../../state";
 import { LocalInferencePanel } from "../local-inference/LocalInferencePanel";
 import { CloudDashboard } from "../pages/ElizaCloudDashboard";
+import { AccountList } from "../accounts/AccountList";
 import { ApiKeyConfig } from "./ApiKeyConfig";
 import { buildCloudModelSchema, DEFAULT_ACTION_PLANNER_MODEL, DEFAULT_RESPONSE_HANDLER_MODEL, } from "./cloud-model-schema";
 import { SubscriptionStatus } from "./SubscriptionStatus";
@@ -567,6 +568,6 @@ export function ProviderSwitcher(props = {}) {
                                 (largeModelOptions.length > 0 || cloudModelSchema) ? (_jsxs("div", { className: "border-border/40 border-t px-4 py-4 sm:px-5", children: [largeModelOptions.length > 0 ? (_jsxs("div", { children: [_jsx("label", { htmlFor: "provider-switcher-primary-model", className: "mb-1.5 block text-muted text-xs font-medium uppercase tracking-wider", children: t("providerswitcher.model", { defaultValue: "Model" }) }), _jsxs(Select, { value: currentLargeModel || "", onValueChange: (v) => handleModelFieldChange("large", v), children: [_jsx(SelectTrigger, { id: "provider-switcher-primary-model", className: "h-9 w-full max-w-sm rounded-lg border border-border bg-card text-sm", children: _jsx(SelectValue, { placeholder: t("providerswitcher.chooseModel", {
                                                                 defaultValue: "Choose a model",
                                                             }) }) }), _jsx(SelectContent, { className: "max-h-64", children: largeModelOptions.map((model) => (_jsx(SelectItem, { value: model.id, children: model.name }, model.id))) })] })] })) : null, cloudModelSchema ? (_jsx(AdvancedSettingsDisclosure, { title: "Model overrides", className: "mt-4", children: _jsx(ConfigRenderer, { schema: cloudModelSchema.schema, hints: cloudModelSchema.hints, values: modelValues.values, setKeys: modelValues.setKeys, registry: defaultRegistry, onChange: handleModelFieldChange }) })) : null, _jsxs("div", { className: "mt-2 flex items-center justify-between gap-2", children: [_jsx("p", { className: "text-muted text-xs-tight", children: t("providerswitcher.restartRequiredHint", appNameInterpolationVars(branding)) }), _jsxs("div", { className: "flex items-center gap-2", children: [modelSaving && (_jsx("span", { className: "inline-flex items-center text-muted", title: t("providerswitcher.savingRestarting"), role: "status", "aria-label": t("providerswitcher.savingRestarting"), children: _jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) })), modelSaveSuccess && (_jsx("span", { className: "inline-flex items-center text-ok", title: t("providerswitcher.savedRestartingAgent"), role: "status", "aria-label": t("providerswitcher.savedRestartingAgent"), children: _jsx(CheckCircle2, { className: "h-3.5 w-3.5" }) }))] })] })] })) : null] })) : null, isSubscriptionProviderSelectionId(visibleProviderPanelId) ? (_jsxs("div", { className: "min-w-0", children: [_jsx(ProviderPanelHeader, { icon: KeyRound, title: getSubscriptionProviderLabel(SUBSCRIPTION_PROVIDER_SELECTIONS.find((provider) => provider.id === visibleProviderPanelId) ?? SUBSCRIPTION_PROVIDER_SELECTIONS[0], t), description: "Connect subscription-backed access for models and task agents.", children: cloudCallsDisabled ||
-                                    resolvedSelectedId !== visibleProviderPanelId ? (_jsx(Button, { type: "button", variant: "outline", className: "h-8 rounded-lg px-2.5 text-xs", onClick: () => void handleSelectSubscription(visibleProviderPanelId), children: "Use subscription" })) : null }), _jsxs("div", { className: "px-3 py-3 sm:px-4", children: [cloudCallsDisabled ? (_jsx("div", { className: "mb-3 rounded-lg border border-warn/30 bg-warn/5 px-3 py-2 text-warn text-xs-tight", children: "Local-only active. Remote subscription routing is paused." })) : null, _jsx(SubscriptionStatus, { resolvedSelectedId: visibleProviderPanelId, subscriptionStatus: subscriptionStatus, anthropicConnected: anthropicConnected, setAnthropicConnected: setAnthropicConnected, anthropicCliDetected: anthropicCliDetected, openaiConnected: openaiConnected, setOpenaiConnected: setOpenaiConnected, handleSelectSubscription: handleSelectSubscription, loadSubscriptionStatus: loadSubscriptionStatus })] })] })) : null, selectedPanelProvider ? (_jsxs("div", { className: "min-w-0", children: [_jsx(ProviderPanelHeader, { icon: KeyRound, title: apiProviderChoices.find((choice) => choice.id === visibleProviderPanelId)?.label ?? selectedPanelProvider.name, description: "Use your own provider API key and model routing.", children: cloudCallsDisabled ||
+                                    resolvedSelectedId !== visibleProviderPanelId ? (_jsx(Button, { type: "button", variant: "outline", className: "h-8 rounded-lg px-2.5 text-xs", onClick: () => void handleSelectSubscription(visibleProviderPanelId), children: "Use subscription" })) : null }), _jsxs("div", { className: "px-3 py-3 sm:px-4", children: [cloudCallsDisabled ? (_jsx("div", { className: "mb-3 rounded-lg border border-warn/30 bg-warn/5 px-3 py-2 text-warn text-xs-tight", children: "Local-only active. Remote subscription routing is paused." })) : null, _jsx(SubscriptionStatus, { resolvedSelectedId: visibleProviderPanelId, subscriptionStatus: subscriptionStatus, anthropicConnected: anthropicConnected, setAnthropicConnected: setAnthropicConnected, anthropicCliDetected: anthropicCliDetected, openaiConnected: openaiConnected, setOpenaiConnected: setOpenaiConnected, handleSelectSubscription: handleSelectSubscription, loadSubscriptionStatus: loadSubscriptionStatus }), _jsx(AccountList, { providerId: SUBSCRIPTION_PROVIDER_SELECTIONS.find((p) => p.id === visibleProviderPanelId)?.storedProvider ?? "anthropic-subscription" })] })] })) : null, selectedPanelProvider ? (_jsxs("div", { className: "min-w-0", children: [_jsx(ProviderPanelHeader, { icon: KeyRound, title: apiProviderChoices.find((choice) => choice.id === visibleProviderPanelId)?.label ?? selectedPanelProvider.name, description: "Use your own provider API key and model routing.", children: cloudCallsDisabled ||
                                     resolvedSelectedId !== visibleProviderPanelId ? (_jsx(Button, { type: "button", variant: "outline", className: "h-8 rounded-lg px-2.5 text-xs", onClick: () => void handleSwitchProvider(visibleProviderPanelId), children: "Use provider" })) : null }), _jsxs("div", { className: "px-3 py-3 sm:px-4", children: [cloudCallsDisabled ? (_jsx("div", { className: "mb-3 rounded-lg border border-warn/30 bg-warn/5 px-3 py-2 text-warn text-xs-tight", children: "Local-only active. Remote API routing is paused." })) : null, _jsx(ApiKeyConfig, { selectedProvider: selectedPanelProvider, pluginSaving: pluginSaving, pluginSaveSuccess: pluginSaveSuccess, handlePluginConfigSave: handlePluginConfigSave, loadPlugins: loadPlugins })] })] })) : null] })] }));
 }

package/packages/app-core/src/hooks/useAccounts.d.ts

@@ -0,0 +1,41 @@
+/**
+ * useAccounts — fetches and mutates the multi-account credential pool
+ * surfaced by `/api/accounts/*`.
+ *
+ * Polls `client.listAccounts()` on a configurable interval (default 30s)
+ * to keep usage / health rows fresh. Each mutation routes through the
+ * matching client method, applies an optimistic local update where safe,
+ * and reconciles after the server response. Failures bubble through
+ * `setActionNotice` so the parent settings panel can surface them.
+ */
+import type { LinkedAccountProviderId } from "@elizaos/shared";
+import type { AccountStrategy, AccountTestResult, AccountsListResponse } from "../api/client-agent";
+type ActionTone = "info" | "success" | "error";
+type ActionNoticeFn = (text: string, tone?: ActionTone, ttlMs?: number, once?: boolean, busy?: boolean) => void;
+export interface UseAccountsOptions {
+    setActionNotice?: ActionNoticeFn;
+    /** How often to refetch the full list. Defaults to 30s. */
+    pollMs?: number;
+}
+export interface UseAccountsResult {
+    data: AccountsListResponse | null;
+    loading: boolean;
+    saving: Set<string>;
+    refresh: () => Promise<void>;
+    createApiKey: (providerId: LinkedAccountProviderId, body: {
+        label: string;
+        apiKey: string;
+    }) => Promise<void>;
+    patch: (providerId: LinkedAccountProviderId, accountId: string, body: Partial<{
+        label: string;
+        enabled: boolean;
+        priority: number;
+    }>) => Promise<void>;
+    remove: (providerId: LinkedAccountProviderId, accountId: string) => Promise<void>;
+    test: (providerId: LinkedAccountProviderId, accountId: string) => Promise<AccountTestResult>;
+    refreshUsage: (providerId: LinkedAccountProviderId, accountId: string) => Promise<void>;
+    setStrategy: (providerId: LinkedAccountProviderId, strategy: AccountStrategy) => Promise<void>;
+}
+export declare function useAccounts(opts?: UseAccountsOptions): UseAccountsResult;
+export {};
+//# sourceMappingURL=useAccounts.d.ts.map

package/packages/app-core/src/hooks/useAccounts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccounts.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/hooks/useAccounts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAuB,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAGpF,OAAO,KAAK,EAEV,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAE7B,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,KAAK,cAAc,GAAG,CACpB,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,OAAO,EACd,IAAI,CAAC,EAAE,OAAO,KACX,IAAI,CAAC;AAEV,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,YAAY,EAAE,CACZ,UAAU,EAAE,uBAAuB,EACnC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KACpC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,KAAK,EAAE,CACL,UAAU,EAAE,uBAAuB,EACnC,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KACjE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,MAAM,EAAE,CACN,UAAU,EAAE,uBAAuB,EACnC,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,IAAI,EAAE,CACJ,UAAU,EAAE,uBAAuB,EACnC,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,YAAY,EAAE,CACZ,UAAU,EAAE,uBAAuB,EACnC,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,WAAW,EAAE,CACX,UAAU,EAAE,uBAAuB,EACnC,QAAQ,EAAE,eAAe,KACtB,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB;AAmCD,wBAAgB,WAAW,CACzB,IAAI,GAAE,kBAAuB,GAC5B,iBAAiB,CAuOnB"}