@elizaos/app-core 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/ProviderSwitcher.d.ts

@@ -1,42 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,493 +0,0 @@
-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)] bg-[var(--card)]", children: _jsxs("div", { className: "text-xs text-[var(--warning)]", 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)]" }), _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)] 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)]", 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)] 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)]", 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

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

package/components/RestartBanner.d.ts.map

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

package/components/RestartBanner.js

@@ -1,36 +0,0 @@
-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

@@ -1,10 +0,0 @@
-/**
- * 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

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