@elizaos/app-core 2.0.0-alpha.73 → 2.0.0-alpha.75

package/components/ProviderSwitcher.d.ts

@@ -0,0 +1,42 @@
+/**
+ * ProviderSwitcher — Provider grid, cloud settings, and switching logic.
+ *
+ * Extracted from SettingsView.tsx for decomposition (P2 §10).
+ * Composes SubscriptionStatus and ApiKeyConfig sub-components.
+ */
+import { type PluginParamDef } from "../api";
+import type { ConfigUiHint } from "../types";
+interface PluginInfo {
+    id: string;
+    name: string;
+    category: string;
+    enabled: boolean;
+    configured: boolean;
+    parameters: PluginParamDef[];
+    configUiHints?: Record<string, ConfigUiHint>;
+}
+interface ProviderSwitcherProps {
+    elizaCloudEnabled?: boolean;
+    elizaCloudConnected?: boolean;
+    elizaCloudCredits?: number | null;
+    elizaCloudCreditsLow?: boolean;
+    elizaCloudCreditsCritical?: boolean;
+    elizaCloudTopUpUrl?: string;
+    elizaCloudUserId?: string | null;
+    elizaCloudLoginBusy?: boolean;
+    elizaCloudLoginError?: string | null;
+    cloudDisconnecting?: boolean;
+    plugins?: PluginInfo[];
+    pluginSaving?: Set<string>;
+    pluginSaveSuccess?: Set<string>;
+    loadPlugins?: () => Promise<void>;
+    handlePluginToggle?: (pluginId: string, enabled: boolean) => Promise<void>;
+    handlePluginConfigSave?: (pluginId: string, values: Record<string, unknown>) => void | Promise<void>;
+    handleCloudLogin?: () => Promise<void>;
+    handleCloudDisconnect?: () => Promise<void>;
+    setState?: (key: string, value: unknown) => void;
+    setTab?: (tab: string) => void;
+}
+export declare function ProviderSwitcher(props?: ProviderSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProviderSwitcher.d.ts.map

package/components/ProviderSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/ProviderSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAiB7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,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,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,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,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,sBAAsB,CAAC,EAAE,CACvB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,qBAA0B,2CA6zBjE"}

package/components/ProviderSwitcher.js

@@ -0,0 +1,493 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ProviderSwitcher — Provider grid, cloud settings, and switching logic.
+ *
+ * Extracted from SettingsView.tsx for decomposition (P2 §10).
+ * Composes SubscriptionStatus and ApiKeyConfig sub-components.
+ */
+import { Button, Input } from "@elizaos/ui";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { client } from "../api";
+import { ConfigRenderer, defaultRegistry, } from "../config";
+import { useTimeout } from "../hooks";
+import { getOnboardingProviderOption, getStoredSubscriptionProvider, getSubscriptionProviderFamily, isSubscriptionProviderSelectionId, normalizeSubscriptionProviderSelectionId, SUBSCRIPTION_PROVIDER_SELECTIONS, } from "../providers";
+import { useApp } from "../state";
+import { ApiKeyConfig } from "./ApiKeyConfig";
+import { SubscriptionStatus } from "./SubscriptionStatus";
+function normalizeAiProviderPluginId(value) {
+    return value
+        .toLowerCase()
+        .replace(/^@[^/]+\//, "")
+        .replace(/^plugin-/, "");
+}
+export function ProviderSwitcher(props = {}) {
+    const { setTimeout } = useTimeout();
+    const app = useApp();
+    const t = app.t;
+    const elizaCloudEnabled = props.elizaCloudEnabled ?? Boolean(app.elizaCloudEnabled);
+    const elizaCloudConnected = props.elizaCloudConnected ?? Boolean(app.elizaCloudConnected);
+    const elizaCloudCredits = props.elizaCloudCredits ?? app.elizaCloudCredits;
+    const elizaCloudCreditsLow = props.elizaCloudCreditsLow ?? Boolean(app.elizaCloudCreditsLow);
+    const elizaCloudCreditsCritical = props.elizaCloudCreditsCritical ?? Boolean(app.elizaCloudCreditsCritical);
+    const elizaCloudUserId = props.elizaCloudUserId ??
+        (typeof app.elizaCloudUserId === "string" ? app.elizaCloudUserId : null);
+    const elizaCloudLoginBusy = props.elizaCloudLoginBusy ?? Boolean(app.elizaCloudLoginBusy);
+    const elizaCloudLoginError = props.elizaCloudLoginError ??
+        (typeof app.elizaCloudLoginError === "string"
+            ? app.elizaCloudLoginError
+            : null);
+    const cloudDisconnecting = props.cloudDisconnecting ?? Boolean(app.elizaCloudDisconnecting);
+    const plugins = Array.isArray(props.plugins)
+        ? props.plugins
+        : Array.isArray(app.plugins)
+            ? app.plugins
+            : [];
+    const pluginSaving = props.pluginSaving ??
+        (app.pluginSaving instanceof Set ? app.pluginSaving : new Set());
+    const pluginSaveSuccess = props.pluginSaveSuccess ??
+        (app.pluginSaveSuccess instanceof Set
+            ? app.pluginSaveSuccess
+            : new Set());
+    const loadPlugins = props.loadPlugins ?? app.loadPlugins;
+    const handlePluginToggle = props.handlePluginToggle ?? app.handlePluginToggle;
+    const handlePluginConfigSave = props.handlePluginConfigSave ?? app.handlePluginConfigSave;
+    const handleCloudLogin = props.handleCloudLogin ?? app.handleCloudLogin;
+    const handleCloudDisconnect = props.handleCloudDisconnect ?? app.handleCloudDisconnect;
+    const setState = props.setState ?? app.setState;
+    const setTab = props.setTab ?? app.setTab;
+    /* ── Model selection state ─────────────────────────────────────── */
+    const [modelOptions, setModelOptions] = useState(null);
+    const [currentSmallModel, setCurrentSmallModel] = useState("");
+    const [currentLargeModel, setCurrentLargeModel] = useState("");
+    const [modelSaving, setModelSaving] = useState(false);
+    const [modelSaveSuccess, setModelSaveSuccess] = useState(false);
+    /* ── Subscription state ────────────────────────────────────────── */
+    const [subscriptionStatus, setSubscriptionStatus] = useState([]);
+    const [anthropicConnected, setAnthropicConnected] = useState(false);
+    const [openaiConnected, setOpenaiConnected] = useState(false);
+    /* ── Cloud inference state ─────────────────────────────────────── */
+    const [cloudHandlesInference, setCloudHandlesInference] = useState(false);
+    /* ── pi-ai state ──────────────────────────────────────────────── */
+    const [piAiEnabled, setPiAiEnabled] = useState(false);
+    const [piAiModelSpec, setPiAiModelSpec] = useState("");
+    const [piAiModelOptions, setPiAiModelOptions] = useState([]);
+    const [piAiDefaultModelSpec, setPiAiDefaultModelSpec] = useState("");
+    const [piAiSaving, setPiAiSaving] = useState(false);
+    const [piAiSaveSuccess, setPiAiSaveSuccess] = useState(false);
+    const loadSubscriptionStatus = useCallback(async () => {
+        try {
+            const res = await client.getSubscriptionStatus();
+            setSubscriptionStatus(res.providers ?? []);
+        }
+        catch (err) {
+            console.warn("[eliza] Failed to load subscription status", err);
+        }
+    }, []);
+    useEffect(() => {
+        void loadSubscriptionStatus();
+        void (async () => {
+            try {
+                const opts = await client.getOnboardingOptions();
+                setModelOptions(opts.models);
+                setPiAiModelOptions(opts.piAiModels ?? []);
+                setPiAiDefaultModelSpec(typeof opts.piAiDefaultModel === "string"
+                    ? opts.piAiDefaultModel
+                    : "");
+            }
+            catch (err) {
+                console.warn("[eliza] Failed to load onboarding options", err);
+            }
+            try {
+                const cfg = await client.getConfig();
+                const models = cfg.models;
+                const cloud = cfg.cloud;
+                const elizaCloudEnabledCfg = cloud?.enabled === true;
+                const defaultSmall = "moonshotai/kimi-k2-turbo";
+                const defaultLarge = "moonshotai/kimi-k2-0905";
+                // Environment variables — needed both for model fallback and pi-ai
+                const env = cfg.env;
+                const vars = env?.vars ?? {};
+                // Fall back to SMALL_MODEL / LARGE_MODEL env vars when cfg.models
+                // is empty.  Local providers (e.g. Ollama) store the active model
+                // names as env vars rather than in cfg.models.
+                const envSmall = typeof vars.SMALL_MODEL === "string" ? vars.SMALL_MODEL : "";
+                const envLarge = typeof vars.LARGE_MODEL === "string" ? vars.LARGE_MODEL : "";
+                setCurrentSmallModel(models?.small ||
+                    envSmall ||
+                    (elizaCloudEnabledCfg ? defaultSmall : ""));
+                setCurrentLargeModel(models?.large ||
+                    envLarge ||
+                    (elizaCloudEnabledCfg ? defaultLarge : ""));
+                const rawPiAi = (typeof vars.ELIZA_USE_PI_AI === "string"
+                    ? vars.ELIZA_USE_PI_AI
+                    : undefined) ||
+                    (typeof env?.ELIZA_USE_PI_AI === "string" ? env.ELIZA_USE_PI_AI : "");
+                const piAiOn = ["1", "true", "yes"].includes(rawPiAi.trim().toLowerCase());
+                setPiAiEnabled(piAiOn);
+                // Check if cloud handles inference or user has own keys
+                const cloudServices = cloud?.services;
+                const inferenceMode = typeof cloud?.inferenceMode === "string"
+                    ? cloud.inferenceMode
+                    : "cloud";
+                const inferenceToggle = cloudServices?.inference !== false;
+                const cloudHandlesInferenceCfg = elizaCloudEnabledCfg && inferenceMode === "cloud" && inferenceToggle;
+                setCloudHandlesInference(cloudHandlesInferenceCfg);
+                const agents = cfg.agents;
+                const defaults = agents?.defaults;
+                const model = defaults?.model;
+                const savedSubscriptionProvider = normalizeSubscriptionProviderSelectionId(defaults?.subscriptionProvider);
+                setPiAiModelSpec(typeof model?.primary === "string" ? model.primary : "");
+                if (!hasManualSelection.current &&
+                    savedSubscriptionProvider &&
+                    !piAiOn &&
+                    !cloudHandlesInferenceCfg) {
+                    setSelectedProviderId(savedSubscriptionProvider);
+                }
+            }
+            catch (err) {
+                console.warn("[eliza] Failed to load config", err);
+            }
+        })();
+    }, [loadSubscriptionStatus]);
+    useEffect(() => {
+        const anthStatus = subscriptionStatus.find((s) => s.provider === "anthropic-subscription");
+        const oaiStatus = subscriptionStatus.find((s) => s.provider === "openai-subscription" || s.provider === "openai-codex");
+        setAnthropicConnected(Boolean(anthStatus?.configured && anthStatus?.valid));
+        setOpenaiConnected(Boolean(oaiStatus?.configured && oaiStatus?.valid));
+    }, [subscriptionStatus]);
+    /* ── Derived ──────────────────────────────────────────────────── */
+    const allAiProviders = [
+        ...plugins.filter((p) => p.category === "ai-provider"),
+    ].sort((left, right) => {
+        const leftCatalog = getOnboardingProviderOption(normalizeAiProviderPluginId(left.id));
+        const rightCatalog = getOnboardingProviderOption(normalizeAiProviderPluginId(right.id));
+        if (leftCatalog && rightCatalog) {
+            return leftCatalog.order - rightCatalog.order;
+        }
+        if (leftCatalog)
+            return -1;
+        if (rightCatalog)
+            return 1;
+        return left.name.localeCompare(right.name);
+    });
+    const enabledAiProviders = allAiProviders.filter((p) => p.enabled);
+    const [selectedProviderId, setSelectedProviderId] = useState(() => (elizaCloudEnabled ? "__cloud__" : null));
+    const hasManualSelection = useRef(false);
+    useEffect(() => {
+        if (hasManualSelection.current)
+            return;
+        if (piAiEnabled) {
+            if (selectedProviderId !== "pi-ai")
+                setSelectedProviderId("pi-ai");
+            return;
+        }
+        // Only auto-select cloud if cloud handles inference (not just enabled)
+        if (cloudHandlesInference) {
+            if (selectedProviderId !== "__cloud__")
+                setSelectedProviderId("__cloud__");
+        }
+    }, [cloudHandlesInference, piAiEnabled, selectedProviderId]);
+    const resolvedSelectedId = selectedProviderId === "__cloud__"
+        ? "__cloud__"
+        : selectedProviderId === "pi-ai"
+            ? "pi-ai"
+            : selectedProviderId &&
+                (allAiProviders.some((p) => p.id === selectedProviderId) ||
+                    isSubscriptionProviderSelectionId(selectedProviderId))
+                ? selectedProviderId
+                : cloudHandlesInference
+                    ? "__cloud__"
+                    : piAiEnabled
+                        ? "pi-ai"
+                        : anthropicConnected
+                            ? "anthropic-subscription"
+                            : openaiConnected
+                                ? "openai-subscription"
+                                : (enabledAiProviders[0]?.id ?? null);
+    const selectedProvider = resolvedSelectedId &&
+        resolvedSelectedId !== "__cloud__" &&
+        resolvedSelectedId !== "pi-ai" &&
+        !isSubscriptionProviderSelectionId(resolvedSelectedId)
+        ? (allAiProviders.find((p) => p.id === resolvedSelectedId) ?? null)
+        : null;
+    /* ── Handlers ─────────────────────────────────────────────────── */
+    const handleSwitchProvider = useCallback(async (newId) => {
+        hasManualSelection.current = true;
+        setSelectedProviderId(newId);
+        const target = allAiProviders.find((p) => p.id === newId);
+        if (!target)
+            return;
+        // Direct providers require API keys. The UI does not have access to stored
+        // secrets, so we avoid calling /api/provider/switch here and instead rely
+        // on enabling/disabling provider plugins + saving provider config.
+        const willTogglePlugins = !target.enabled || enabledAiProviders.some((p) => p.id !== newId);
+        if (elizaCloudEnabled || piAiEnabled) {
+            try {
+                // Disable cloud inference and explicitly mark cloud as disabled
+                // so the cloud-status check doesn't re-enable it on restart.
+                await client.updateConfig({
+                    cloud: {
+                        enabled: false,
+                        services: { inference: false },
+                        inferenceMode: "byok",
+                    },
+                    env: { vars: { ELIZA_USE_PI_AI: "" } },
+                });
+                setPiAiEnabled(false);
+                setCloudHandlesInference(false);
+                if (!willTogglePlugins) {
+                    await client.restartAgent();
+                }
+            }
+            catch (err) {
+                console.warn("[eliza] Failed to update cloud inference config during provider switch", err);
+            }
+        }
+        if (!target.enabled) {
+            await handlePluginToggle(newId, true);
+        }
+        for (const p of enabledAiProviders) {
+            if (p.id !== newId) {
+                await handlePluginToggle(p.id, false);
+            }
+        }
+    }, [
+        allAiProviders,
+        enabledAiProviders,
+        handlePluginToggle,
+        elizaCloudEnabled,
+        piAiEnabled,
+    ]);
+    const handleSelectSubscription = useCallback(async (providerId) => {
+        hasManualSelection.current = true;
+        setSelectedProviderId(providerId);
+        const providerFamily = getSubscriptionProviderFamily(providerId);
+        const target = allAiProviders.find((plugin) => {
+            const normalizedId = normalizeAiProviderPluginId(plugin.id);
+            const normalizedName = plugin.name.toLowerCase();
+            return (normalizedId === providerFamily ||
+                normalizedId.startsWith(`${providerFamily}-`) ||
+                normalizedName.includes(providerFamily));
+        }) ?? null;
+        try {
+            // Disable cloud inference but keep cloud connected for RPC/services
+            await client.updateConfig({
+                cloud: {
+                    services: { inference: false },
+                    inferenceMode: "byok",
+                },
+                env: { vars: { ELIZA_USE_PI_AI: "" } },
+            });
+            await client.switchProvider(getStoredSubscriptionProvider(providerId));
+            setCloudHandlesInference(false);
+            setPiAiEnabled(false);
+        }
+        catch (err) {
+            console.warn("[eliza] Provider switch failed", err);
+        }
+        if (target && !target.enabled) {
+            await handlePluginToggle(target.id, true);
+        }
+        for (const p of enabledAiProviders) {
+            if (!target || p.id !== target.id) {
+                await handlePluginToggle(p.id, false);
+            }
+        }
+    }, [allAiProviders, enabledAiProviders, handlePluginToggle]);
+    const handleSelectCloud = useCallback(async () => {
+        hasManualSelection.current = true;
+        setSelectedProviderId("__cloud__");
+        try {
+            await client.updateConfig({
+                cloud: {
+                    enabled: true,
+                    services: { inference: true },
+                    inferenceMode: "cloud",
+                },
+                env: { vars: { ELIZA_USE_PI_AI: "" } },
+                agents: { defaults: { model: { primary: null } } },
+                models: {
+                    small: currentSmallModel || "moonshotai/kimi-k2-turbo",
+                    large: currentLargeModel || "moonshotai/kimi-k2-0905",
+                },
+            });
+            setState("elizaCloudEnabled", true);
+            setCloudHandlesInference(true);
+            setPiAiEnabled(false);
+            await client.restartAgent();
+        }
+        catch (err) {
+            console.warn("[eliza] Failed to select cloud provider", err);
+        }
+    }, [currentSmallModel, currentLargeModel, setState]);
+    const handlePiAiSave = useCallback(async () => {
+        setPiAiSaving(true);
+        setPiAiSaveSuccess(false);
+        try {
+            await client.updateConfig({
+                cloud: {
+                    enabled: false,
+                    services: { inference: false },
+                    inferenceMode: "byok",
+                },
+                env: { vars: { ELIZA_USE_PI_AI: "1" } },
+                agents: {
+                    defaults: {
+                        model: {
+                            primary: piAiModelSpec.trim() || null,
+                        },
+                    },
+                },
+            });
+            setPiAiEnabled(true);
+            setPiAiSaveSuccess(true);
+            setTimeout(() => setPiAiSaveSuccess(false), 2000);
+            await client.restartAgent();
+        }
+        catch (err) {
+            console.warn("[eliza] Failed to enable pi-ai", err);
+        }
+        finally {
+            setPiAiSaving(false);
+        }
+    }, [piAiModelSpec, setTimeout]);
+    const handleSelectPiAi = useCallback(async () => {
+        hasManualSelection.current = true;
+        setSelectedProviderId("pi-ai");
+        await handlePiAiSave();
+    }, [handlePiAiSave]);
+    const normalizedPiAiModelSpec = piAiModelSpec.trim();
+    const hasKnownPiAiModel = (piAiModelOptions ?? []).some((model) => model.id === normalizedPiAiModelSpec);
+    const piAiModelSelectValue = normalizedPiAiModelSpec.length === 0
+        ? ""
+        : hasKnownPiAiModel
+            ? normalizedPiAiModelSpec
+            : "__custom__";
+    /* ── Render ───────────────────────────────────────────────────── */
+    const totalCols = allAiProviders.length + 2 + SUBSCRIPTION_PROVIDER_SELECTIONS.length;
+    const isCloudSelected = resolvedSelectedId === "__cloud__";
+    const isPiAiSelected = resolvedSelectedId === "pi-ai";
+    const isSubscriptionSelected = isSubscriptionProviderSelectionId(resolvedSelectedId);
+    const providerChoices = [
+        {
+            id: "__cloud__",
+            label: t("providerswitcher.elizaCloud"),
+            disabled: false,
+        },
+        { id: "pi-ai", label: t("providerswitcher.piAi"), disabled: false },
+        ...SUBSCRIPTION_PROVIDER_SELECTIONS.map((provider) => ({
+            id: provider.id,
+            label: t(provider.labelKey),
+            disabled: false,
+        })),
+        ...allAiProviders.map((provider) => ({
+            id: provider.id,
+            label: getOnboardingProviderOption(normalizeAiProviderPluginId(provider.id))
+                ?.name ?? provider.name,
+            disabled: false,
+        })),
+    ];
+    if (totalCols === 0) {
+        return (_jsx("div", { className: "p-4 border border-[var(--warning,#f39c12)] bg-[var(--card)]", children: _jsxs("div", { className: "text-xs text-[var(--warning,#f39c12)]", children: [t("providerswitcher.noAiProvidersAvailable"), " ", _jsx(Button, { variant: "link", size: "sm", className: "settings-compact-button text-txt underline p-0 h-auto", onClick: () => {
+                            setTab("plugins");
+                        }, children: t("providerswitcher.plugins") }), " ", t("providerswitcher.page")] }) }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-3", children: [_jsx("label", { htmlFor: "provider-switcher-select", className: "block text-xs font-semibold mb-1.5 text-[var(--muted)]", children: t("providerswitcher.selectAIProvider") }), _jsx("select", { id: "provider-switcher-select", className: "w-full px-3 pr-8 py-2.5 border border-[var(--border)] bg-[var(--card)] text-[13px] rounded-lg transition-all duration-200 focus:border-[var(--accent)] focus:ring-2 focus:ring-[var(--accent)]/20 focus:outline-none hover:border-[var(--border-hover)]", value: resolvedSelectedId ?? "__cloud__", onChange: (e) => {
+                            const nextId = e.target.value;
+                            if (nextId === "__cloud__") {
+                                void handleSelectCloud();
+                                return;
+                            }
+                            if (nextId === "pi-ai") {
+                                void handleSelectPiAi();
+                                return;
+                            }
+                            if (isSubscriptionProviderSelectionId(nextId)) {
+                                void handleSelectSubscription(nextId);
+                                return;
+                            }
+                            void handleSwitchProvider(nextId);
+                        }, children: providerChoices.map((choice) => (_jsx("option", { value: choice.id, disabled: choice.disabled, children: choice.label }, choice.id))) }), _jsx("p", { className: "text-[11px] text-[var(--muted)] mt-1.5", children: t("providerswitcher.chooseYourPreferredProvider") })] }), isCloudSelected && (_jsx("div", { className: "mt-4 pt-4 border-t border-[var(--border)]", children: elizaCloudConnected ? (_jsxs("div", { children: [_jsxs("div", { className: "flex justify-between items-center mb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-[var(--ok,#16a34a)]" }), _jsx("span", { className: "text-xs font-semibold", children: t("providerswitcher.loggedIntoElizaCloud") })] }), _jsx(Button, { variant: "outline", size: "sm", className: "!mt-0", onClick: () => void handleCloudDisconnect(), disabled: cloudDisconnecting, children: cloudDisconnecting
+                                        ? t("providerswitcher.disconnecting")
+                                        : t("providerswitcher.disconnect") })] }), _jsxs("div", { className: "text-xs mb-4", children: [elizaCloudUserId && (_jsx("span", { className: "text-[var(--muted)] mr-3", children: _jsx("code", { className: "font-[var(--mono)] text-[11px]", children: elizaCloudUserId }) })), elizaCloudCredits !== null && (_jsxs("span", { children: [_jsx("span", { className: "text-[var(--muted)]", children: t("providerswitcher.credits") }), " ", _jsxs("span", { className: elizaCloudCreditsCritical
+                                                ? "text-[var(--danger,#e74c3c)] font-bold"
+                                                : elizaCloudCreditsLow
+                                                    ? "rounded-md bg-[var(--warn-subtle)] px-1.5 py-0.5 text-[var(--text)] font-bold"
+                                                    : "", children: ["$", elizaCloudCredits.toFixed(2)] }), _jsx("button", { type: "button", onClick: () => {
+                                                setState("cloudDashboardView", "billing");
+                                                setTab("settings");
+                                            }, className: "ml-2 bg-transparent border-0 p-0 cursor-pointer text-[11px] text-[var(--text)] underline decoration-[var(--accent)] underline-offset-2 hover:opacity-80", children: t("providerswitcher.topUp") })] }))] }), modelOptions &&
+                            (() => {
+                                const modelSchema = {
+                                    type: "object",
+                                    properties: {
+                                        small: {
+                                            type: "string",
+                                            enum: modelOptions.small.map((m) => m.id),
+                                            description: t("providerswitcher.smallModelDescription"),
+                                        },
+                                        large: {
+                                            type: "string",
+                                            enum: modelOptions.large.map((m) => m.id),
+                                            description: t("providerswitcher.largeModelDescription"),
+                                        },
+                                    },
+                                    required: [],
+                                };
+                                const modelHints = {
+                                    small: {
+                                        label: t("providerswitcher.smallModelLabel"),
+                                        width: "half",
+                                    },
+                                    large: {
+                                        label: t("providerswitcher.largeModelLabel"),
+                                        width: "half",
+                                    },
+                                };
+                                const modelValues = {};
+                                const modelSetKeys = new Set();
+                                if (currentSmallModel) {
+                                    modelValues.small = currentSmallModel;
+                                    modelSetKeys.add("small");
+                                }
+                                if (currentLargeModel) {
+                                    modelValues.large = currentLargeModel;
+                                    modelSetKeys.add("large");
+                                }
+                                return (_jsx(ConfigRenderer, { schema: modelSchema, hints: modelHints, values: modelValues, setKeys: modelSetKeys, registry: defaultRegistry, onChange: (key, value) => {
+                                        const val = String(value);
+                                        if (key === "small")
+                                            setCurrentSmallModel(val);
+                                        if (key === "large")
+                                            setCurrentLargeModel(val);
+                                        const updated = {
+                                            small: key === "small" ? val : currentSmallModel,
+                                            large: key === "large" ? val : currentLargeModel,
+                                        };
+                                        void (async () => {
+                                            setModelSaving(true);
+                                            try {
+                                                await client.updateConfig({ models: updated });
+                                                setModelSaveSuccess(true);
+                                                setTimeout(() => setModelSaveSuccess(false), 2000);
+                                                await client.restartAgent();
+                                            }
+                                            catch (err) {
+                                                console.warn("[eliza] Failed to save cloud model config", err);
+                                            }
+                                            setModelSaving(false);
+                                        })();
+                                    } }));
+                            })(), _jsxs("div", { className: "flex items-center justify-end gap-2 mt-3", children: [modelSaving && (_jsx("span", { className: "text-[11px] text-[var(--muted)]", children: t("providerswitcher.savingRestarting") })), modelSaveSuccess && (_jsx("span", { className: "text-[11px] text-[var(--ok,#16a34a)]", children: t("providerswitcher.savedRestartingAgent") }))] })] })) : (_jsx("div", { children: elizaCloudLoginBusy ? (_jsx("div", { className: "text-xs text-[var(--muted)]", children: t("providerswitcher.waitingForBrowser") })) : (_jsxs(_Fragment, { children: [elizaCloudLoginError && (_jsx("div", { className: "text-xs text-[var(--danger,#e74c3c)] mb-2", children: elizaCloudLoginError })), _jsx(Button, { variant: "default", size: "sm", className: "!mt-0 font-bold", onClick: () => void handleCloudLogin(), children: t("providerswitcher.logInToElizaCloud") }), _jsx("div", { className: "text-[11px] text-[var(--muted)] mt-1.5", children: t("providerswitcher.opensABrowserWindow") })] })) })) })), isSubscriptionSelected && (_jsx(SubscriptionStatus, { resolvedSelectedId: resolvedSelectedId, subscriptionStatus: subscriptionStatus, anthropicConnected: anthropicConnected, setAnthropicConnected: setAnthropicConnected, openaiConnected: openaiConnected, setOpenaiConnected: setOpenaiConnected, handleSelectSubscription: handleSelectSubscription, loadSubscriptionStatus: loadSubscriptionStatus })), !isCloudSelected && isPiAiSelected && (_jsxs("div", { className: "mt-4 pt-4 border-t border-[var(--border)]", children: [_jsx("div", { className: "text-xs font-semibold mb-2", children: t("providerswitcher.piSettings") }), _jsx("div", { className: "text-[11px] text-[var(--muted)] mb-2", children: t("providerswitcher.usesLocalCredentials") }), _jsx("label", { htmlFor: "pi-ai-model-override", className: "block text-[11px] text-[var(--muted)] mb-1", children: t("providerswitcher.primaryModelOverride") }), piAiModelOptions && piAiModelOptions.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs("select", { id: "pi-ai-model-override", value: piAiModelSelectValue, onChange: (e) => {
+                                    const next = e.target.value;
+                                    if (next === "__custom__") {
+                                        if (piAiModelSelectValue !== "__custom__") {
+                                            setPiAiModelSpec("");
+                                        }
+                                        return;
+                                    }
+                                    setPiAiModelSpec(next);
+                                }, className: "w-full px-2.5 py-[8px] border border-[var(--border)] bg-[var(--card)] text-[13px] transition-colors focus:border-[var(--accent)] focus:outline-none", children: [_jsxs("option", { value: "", children: [t("providerswitcher.usePiDefaultModel"), piAiDefaultModelSpec ? ` (${piAiDefaultModelSpec})` : ""] }), piAiModelOptions.map((model) => (_jsxs("option", { value: model.id, children: [model.name, " (", model.provider, ")"] }, model.id))), _jsx("option", { value: "__custom__", children: t("providerswitcher.customModelSpec") })] }), piAiModelSelectValue === "__custom__" && (_jsx(Input, { type: "text", value: piAiModelSpec, onChange: (e) => setPiAiModelSpec(e.target.value), placeholder: t("providerswitcher.providerModelPlaceholder"), className: "mt-2 bg-card text-[13px]" }))] })) : (_jsx(Input, { id: "pi-ai-model-override", type: "text", value: piAiModelSpec, onChange: (e) => setPiAiModelSpec(e.target.value), placeholder: t("providerswitcher.providerModelPlaceholder"), className: "bg-card text-[13px]" })), _jsxs("div", { className: "flex items-center justify-end gap-2 mt-3", children: [piAiSaving && (_jsx("span", { className: "text-[11px] text-[var(--muted)]", children: t("providerswitcher.savingRestarting") })), piAiSaveSuccess && (_jsx("span", { className: "text-[11px] text-[var(--ok,#16a34a)]", children: t("providerswitcher.savedRestartingAgent") })), _jsx(Button, { variant: "default", size: "sm", className: "!mt-0", onClick: () => void handlePiAiSave(), disabled: piAiSaving, children: piAiSaving
+                                    ? t("providerswitcher.saveInProgress")
+                                    : t("providerswitcher.save") })] })] })), !isCloudSelected && (_jsx(ApiKeyConfig, { selectedProvider: selectedProvider, pluginSaving: pluginSaving, pluginSaveSuccess: pluginSaveSuccess, handlePluginConfigSave: handlePluginConfigSave, loadPlugins: loadPlugins }))] }));
+}

package/components/RestartBanner.d.ts

@@ -0,0 +1,2 @@
+export declare function RestartBanner(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=RestartBanner.d.ts.map

package/components/RestartBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestartBanner.d.ts","sourceRoot":"","sources":["../../src/components/RestartBanner.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,mDAuE5B"}

package/components/RestartBanner.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { isElectrobunRuntime } from "../bridge";
+import { useApp } from "../state";
+export function RestartBanner() {
+    const { pendingRestart, pendingRestartReasons, restartBannerDismissed, dismissRestartBanner, triggerRestart, t, } = useApp();
+    const [restarting, setRestarting] = useState(false);
+    const handleRestart = useCallback(async () => {
+        setRestarting(true);
+        try {
+            await triggerRestart();
+        }
+        finally {
+            setRestarting(false);
+        }
+    }, [triggerRestart]);
+    if (!pendingRestart || restartBannerDismissed)
+        return null;
+    const reasons = pendingRestartReasons;
+    const text = reasons.length === 1
+        ? `${reasons[0]} - restart to apply.`
+        : reasons.length > 1
+            ? `${reasons.length} changes pending - restart to apply.`
+            : "Restart required to apply changes.";
+    return (_jsxs("div", { className: "fixed left-0 right-0 z-[9998] flex items-center justify-between gap-3 px-4 py-2 text-[13px] font-medium shadow-lg", style: {
+            top: isElectrobunRuntime() ? 40 : 0,
+            background: "color-mix(in srgb, var(--accent) 15%, var(--bg) 85%)",
+            borderBottom: "1px solid color-mix(in srgb, var(--accent) 30%, transparent)",
+            display: "flex",
+            color: "var(--text)",
+        }, children: [_jsx("span", { className: "truncate", children: text }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx("button", { type: "button", onClick: dismissRestartBanner, className: "rounded px-3 py-1 text-[12px] transition-colors", style: { color: "var(--muted)" }, onMouseEnter: (e) => {
+                            e.currentTarget.style.background = "var(--bg-hover)";
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.background = "transparent";
+                        }, children: t("restartbanner.Later") }), _jsx("button", { type: "button", onClick: handleRestart, disabled: restarting, className: "rounded px-3 py-1 text-[12px] font-semibold transition-colors disabled:opacity-60", style: { background: "#f0b232", color: "#000" }, children: restarting ? "Restarting..." : "Restart Now" })] })] }));
+}

package/components/RuntimeView.d.ts

@@ -0,0 +1,10 @@
+/**
+ * RuntimeView — deep runtime state inspector for advanced debugging.
+ *
+ * Shows:
+ * - Full runtime snapshot
+ * - Split sections: actions/providers/plugins/services/evaluators
+ * - Explicit load order metadata
+ */
+export declare function RuntimeView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RuntimeView.d.ts.map

package/components/RuntimeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeView.d.ts","sourceRoot":"","sources":["../../src/components/RuntimeView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA4NH,wBAAgB,WAAW,4CAwO1B"}