@elizaos/app-core 2.0.0-alpha.74 → 2.0.0-alpha.76

package/dist/components/MiladyBar.d.ts

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

package/dist/components/MiladyBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MiladyBar.d.ts","sourceRoot":"","sources":["../../src/components/MiladyBar.tsx"],"names":[],"mappings":"AAcA,wBAAgB,SAAS,4CAwFxB"}

package/dist/components/MiladyBar.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { getOnboardingProviderOption, getProviderLogo } from "../providers";
-import { useApp } from "../state";
-import { CloudCreditsChip } from "./milady-bar/CloudCreditsChip";
-import { ProviderDropdown } from "./milady-bar/ProviderDropdown";
-import { WalletSummary } from "./milady-bar/WalletSummary";
-function normalizeAiProviderPluginId(value) {
-    return value
-        .toLowerCase()
-        .replace(/^@[^/]+\//, "")
-        .replace(/^plugin-/, "");
-}
-export function MiladyBar() {
-    const { plugins, uiTheme, onboardingDetectedProviders } = useApp();
-    const isDark = uiTheme !== "light";
-    const [activeDropdownId, setActiveDropdownId] = useState(null);
-    const enabledAiProviders = useMemo(() => {
-        return plugins
-            .filter((p) => p.category === "ai-provider" && p.enabled)
-            .sort((a, b) => {
-            const aCatalog = getOnboardingProviderOption(normalizeAiProviderPluginId(a.id));
-            const bCatalog = getOnboardingProviderOption(normalizeAiProviderPluginId(b.id));
-            if (aCatalog && bCatalog)
-                return aCatalog.order - bCatalog.order;
-            if (aCatalog)
-                return -1;
-            if (bCatalog)
-                return 1;
-            return a.name.localeCompare(b.name);
-        });
-    }, [plugins]);
-    const detectedMap = useMemo(() => {
-        const map = new Map();
-        if (onboardingDetectedProviders) {
-            for (const p of onboardingDetectedProviders) {
-                map.set(p.id, { source: p.source });
-            }
-        }
-        return map;
-    }, [onboardingDetectedProviders]);
-    return (_jsxs("div", { "data-testid": "milady-bar", className: "flex items-center gap-2 px-3 h-10 border-b border-line/30 bg-bg/80 backdrop-blur-sm", children: [_jsx("div", { className: "flex items-center gap-1.5 flex-1 min-w-0", children: enabledAiProviders.map((provider) => {
-                    const normalizedId = normalizeAiProviderPluginId(provider.id);
-                    const logo = getProviderLogo(normalizedId, isDark);
-                    const isActive = activeDropdownId === provider.id;
-                    return (_jsxs("div", { className: "relative", children: [_jsx("button", { type: "button", "data-testid": `milady-bar-provider-${normalizedId}`, className: `w-7 h-7 rounded-md flex items-center justify-center transition-all cursor-pointer ${isActive
-                                    ? "ring-2 ring-accent bg-accent/15"
-                                    : "hover:bg-bg-hover"}`, title: provider.name, onClick: () => setActiveDropdownId(isActive ? null : provider.id), children: _jsx("img", { src: logo, alt: provider.name, className: "w-5 h-5 rounded" }) }), isActive && (_jsx(ProviderDropdown, { pluginId: provider.id, pluginName: provider.name, enabled: provider.enabled, configured: provider.configured, detected: detectedMap.get(normalizedId) ?? null, onClose: () => setActiveDropdownId(null) }))] }, provider.id));
-                }) }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(CloudCreditsChip, {}), _jsx(WalletSummary, {})] })] }));
-}

package/dist/components/MiladyBarSettings.d.ts

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

package/dist/components/MiladyBarSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MiladyBarSettings.d.ts","sourceRoot":"","sources":["../../src/components/MiladyBarSettings.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,iBAAiB,4CAiChC"}

package/dist/components/MiladyBarSettings.js

@@ -1,513 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * MiladyBarSettings — Standalone macOS-style settings window.
- *
- * Mounted when the app is opened with `?shell=settings`. Renders a
- * CodexBar-style tabbed UI with General, Providers, Advanced, and About tabs.
- * Communicates directly with the agent REST API using fetch — does NOT depend
- * on WebSocket, AppProvider state, or the SettingsView component.
- */
-import { useCallback, useEffect, useState } from "react";
-import { invokeDesktopBridgeRequest } from "../bridge/electrobun-rpc";
-// ── API helpers (direct fetch, no MiladyClient dependency) ──
-function getApiBase() {
-    if (typeof window !== "undefined" && window.__MILADY_API_BASE__) {
-        return window.__MILADY_API_BASE__;
-    }
-    return "http://127.0.0.1:2138";
-}
-async function apiFetch(path, init) {
-    const res = await fetch(`${getApiBase()}${path}`, init);
-    if (!res.ok)
-        throw new Error(`API ${res.status}: ${res.statusText}`);
-    return res.json();
-}
-// ── Tab definitions ──
-const SETTINGS_TABS = [
-    { id: "general", label: "General", icon: "⚙️" },
-    { id: "providers", label: "Providers", icon: "🔌" },
-    { id: "advanced", label: "Advanced", icon: "🔧" },
-    { id: "about", label: "About", icon: "ℹ️" },
-];
-function getInitialTab() {
-    if (typeof window === "undefined")
-        return "general";
-    const params = new URLSearchParams(window.location.search);
-    const tab = params.get("tab");
-    if (tab && SETTINGS_TABS.some((t) => t.id === tab))
-        return tab;
-    if (tab === "plugins" || tab === "connectors")
-        return "providers";
-    return "general";
-}
-// ── Root Component ──
-export function MiladyBarSettings() {
-    const [activeTab, setActiveTab] = useState(getInitialTab);
-    const s = useStyles();
-    return (_jsxs("div", { style: s.root, children: [_jsx("div", { style: s.title, children: SETTINGS_TABS.find((t) => t.id === activeTab)?.label ?? "Settings" }), _jsx("div", { style: s.tabBar, children: SETTINGS_TABS.map((tab) => {
-                    const isActive = activeTab === tab.id;
-                    return (_jsxs("button", { type: "button", onClick: () => setActiveTab(tab.id), style: { ...s.tab, ...(isActive ? s.tabActive : s.tabInactive) }, children: [_jsx("span", { style: { fontSize: 20 }, children: tab.icon }), _jsx("span", { children: tab.label })] }, tab.id));
-                }) }), _jsxs("div", { style: s.content, children: [activeTab === "general" && _jsx(GeneralTab, {}), activeTab === "providers" && _jsx(ProvidersTab, {}), activeTab === "advanced" && _jsx(AdvancedTab, {}), activeTab === "about" && _jsx(AboutTab, {})] })] }));
-}
-// ── General Tab ──
-function GeneralTab() {
-    const [agentStatus, setAgentStatus] = useState(null);
-    const [autoLaunch, setAutoLaunch] = useState(false);
-    const [credits, setCredits] = useState(null);
-    useEffect(() => {
-        apiFetch("/api/status")
-            .then(setAgentStatus)
-            .catch(() => { });
-        invokeDesktopBridgeRequest({
-            rpcMethod: "desktopGetAutoLaunchStatus",
-            ipcChannel: "desktop:getAutoLaunchStatus",
-        })
-            .then((r) => {
-            if (r)
-                setAutoLaunch(r.enabled);
-        })
-            .catch(() => { });
-        apiFetch("/api/subscription/status")
-            .then((r) => {
-            const c = r?.credits ?? r?.balance;
-            if (c != null)
-                setCredits(c);
-        })
-            .catch(() => { });
-    }, []);
-    const toggleAutoLaunch = useCallback(() => {
-        const next = !autoLaunch;
-        setAutoLaunch(next);
-        void invokeDesktopBridgeRequest({
-            rpcMethod: "desktopSetAutoLaunch",
-            ipcChannel: "desktop:setAutoLaunch",
-            params: { enabled: next },
-        });
-    }, [autoLaunch]);
-    const stateLabel = agentStatus?.state === "running"
-        ? "🟢 Running"
-        : agentStatus?.state === "stopped"
-            ? "⚪ Stopped"
-            : agentStatus?.state === "error"
-                ? "🔴 Error"
-                : (agentStatus?.state ?? "Loading...");
-    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [_jsx(Card, { title: "AGENT", children: _jsx(Row, { label: agentStatus?.agentName ?? "Milady", description: stateLabel }) }), _jsx(Card, { title: "SYSTEM", children: _jsx(ToggleRow, { label: "Start at Login", description: "Automatically opens Milady when you start your Mac.", checked: autoLaunch, onChange: toggleAutoLaunch }) }), _jsx(Card, { title: "eliza\u2601\uFE0F", children: _jsx(Row, { label: "Credits", description: credits != null ? `$${credits.toFixed(2)}` : "Not connected" }) })] }));
-}
-// ── Providers Tab ──
-function ProvidersTab() {
-    const s = useStyles();
-    const [plugins, setPlugins] = useState([]);
-    const [selected, setSelected] = useState(null);
-    const [apiKeyInput, setApiKeyInput] = useState("");
-    const [saving, setSaving] = useState(false);
-    const [saveResult, setSaveResult] = useState(null);
-    useEffect(() => {
-        apiFetch("/api/plugins")
-            .then((r) => {
-            const providers = (r.plugins ?? []).filter((p) => p.category === "ai-provider");
-            setPlugins(providers);
-            if (providers.length > 0) {
-                setSelected((current) => current ?? providers[0]?.id ?? null);
-            }
-        })
-            .catch(() => { });
-    }, []);
-    const selectedPlugin = plugins.find((p) => p.id === selected);
-    const handleSave = useCallback(async () => {
-        if (!selected || !apiKeyInput.trim())
-            return;
-        setSaving(true);
-        setSaveResult(null);
-        try {
-            await apiFetch("/api/provider/switch", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    provider: selected,
-                    apiKey: apiKeyInput.trim(),
-                }),
-            });
-            setSaveResult("✓ Saved");
-            setApiKeyInput("");
-            // Refresh plugins
-            const r = await apiFetch("/api/plugins");
-            setPlugins((r.plugins ?? []).filter((p) => p.category === "ai-provider"));
-        }
-        catch (err) {
-            setSaveResult(`✗ ${err instanceof Error ? err.message : "Failed"}`);
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [selected, apiKeyInput]);
-    const handleTest = useCallback(async () => {
-        if (!selected)
-            return;
-        setSaveResult(null);
-        try {
-            await apiFetch(`/api/models?provider=${encodeURIComponent(selected)}&refresh=true`);
-            setSaveResult("✓ Connection OK");
-        }
-        catch (err) {
-            setSaveResult(`✗ ${err instanceof Error ? err.message : "Failed"}`);
-        }
-    }, [selected]);
-    return (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: _jsxs(Card, { title: "AI PROVIDERS", children: [_jsxs("div", { style: { borderBottom: s.card.border }, children: [plugins.map((p) => (_jsxs("button", { type: "button", onClick: () => {
-                                setSelected(p.id);
-                                setSaveResult(null);
-                                setApiKeyInput("");
-                            }, style: {
-                                ...s.providerItem,
-                                ...(selected === p.id ? s.providerItemActive : {}),
-                            }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: p.name || p.id }), _jsx("div", { style: s.textSecondary, children: p.enabled
-                                        ? p.configured
-                                            ? "● Active"
-                                            : "○ Enabled"
-                                        : "○ Disabled" })] }, p.id))), plugins.length === 0 && (_jsx("div", { style: {
-                                padding: "16px",
-                                ...s.textSecondary,
-                                fontSize: 12,
-                                textAlign: "center",
-                            }, children: "No AI providers found" }))] }), selectedPlugin && (_jsxs("div", { style: { padding: "12px 16px" }, children: [_jsx("div", { style: { fontSize: 14, fontWeight: 600, marginBottom: 8 }, children: selectedPlugin.name || selectedPlugin.id }), _jsxs("div", { style: { fontSize: 11, ...s.textSecondary, marginBottom: 12 }, children: ["Status:", " ", selectedPlugin.configured ? "Configured" : "Not configured"] }), _jsxs("div", { style: { marginBottom: 8 }, children: [_jsx("label", { htmlFor: "provider-api-key", style: {
-                                        fontSize: 11,
-                                        ...s.textSecondary,
-                                        display: "block",
-                                        marginBottom: 4,
-                                    }, children: "API Key" }), _jsx("input", { id: "provider-api-key", type: "password", value: apiKeyInput, onChange: (e) => setApiKeyInput(e.target.value), placeholder: selectedPlugin.configured ? "••••••••" : "Enter API key...", style: s.input })] }), _jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsx("button", { type: "button", onClick: handleSave, disabled: saving || !apiKeyInput.trim(), style: {
-                                        ...s.button,
-                                        opacity: saving || !apiKeyInput.trim() ? 0.5 : 1,
-                                    }, children: saving ? "Saving..." : "Save & Activate" }), _jsx("button", { type: "button", onClick: handleTest, style: s.buttonSecondary, children: "Test Connection" })] }), saveResult && (_jsx("div", { style: {
-                                marginTop: 8,
-                                fontSize: 11,
-                                color: saveResult.startsWith("✓") ? "#34c759" : "#ff3b30",
-                            }, children: saveResult }))] }))] }) }));
-}
-// ── Advanced Tab ──
-function AdvancedTab() {
-    const [exporting, setExporting] = useState(false);
-    const [exportResult, setExportResult] = useState(null);
-    const handleExport = useCallback(async () => {
-        setExporting(true);
-        try {
-            const data = await apiFetch("/api/config");
-            const blob = new Blob([JSON.stringify(data, null, 2)], {
-                type: "application/json",
-            });
-            const url = URL.createObjectURL(blob);
-            const a = document.createElement("a");
-            a.href = url;
-            a.download = "milady-config.json";
-            a.click();
-            URL.revokeObjectURL(url);
-            setExportResult("✓ Exported");
-        }
-        catch (err) {
-            setExportResult(`✗ ${err instanceof Error ? err.message : "Failed"}`);
-        }
-        finally {
-            setExporting(false);
-        }
-    }, []);
-    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [_jsx(Card, { title: "DATA", children: _jsxs("div", { style: {
-                        padding: "12px 16px",
-                        display: "flex",
-                        gap: 8,
-                        alignItems: "center",
-                    }, children: [_jsx("button", { type: "button", onClick: handleExport, disabled: exporting, style: {
-                                padding: "6px 14px",
-                                borderRadius: 6,
-                                border: "none",
-                                backgroundColor: "#0a84ff",
-                                color: "#fff",
-                                fontSize: 12,
-                                fontWeight: 500,
-                                cursor: "pointer",
-                            }, children: exporting ? "Exporting..." : "Export Config" }), exportResult && (_jsx("span", { style: {
-                                fontSize: 11,
-                                color: exportResult.startsWith("✓") ? "#34c759" : "#ff3b30",
-                            }, children: exportResult }))] }) }), _jsx(Card, { title: "AGENT", children: _jsx(ActionRow, { label: "Restart Agent", description: "Restart the agent process.", buttonLabel: "Restart", onClick: () => {
-                        void apiFetch("/api/agent/restart", { method: "POST" }).catch(() => { });
-                    } }) })] }));
-}
-// ── About Tab ──
-function AboutTab() {
-    const [version, setVersion] = useState(null);
-    useEffect(() => {
-        invokeDesktopBridgeRequest({
-            rpcMethod: "desktopGetVersion",
-            ipcChannel: "desktop:getVersion",
-        })
-            .then((r) => {
-            if (r)
-                setVersion(r);
-        })
-            .catch(() => { });
-    }, []);
-    return (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: _jsxs(Card, { title: "VERSION", children: [_jsx(Row, { label: version?.name ?? "Milady", description: `Version: ${version?.version ?? "—"}` }), _jsx(Divider, {}), _jsx(Row, { label: "Runtime", description: version?.runtime ?? "—" }), _jsx(Divider, {}), _jsx(Row, { label: "Platform", description: typeof navigator !== "undefined" ? navigator.platform : "—" })] }) }));
-}
-// ── Shared UI Primitives ──
-function Card({ title, children, }) {
-    const s = useStyles();
-    return (_jsxs("div", { children: [_jsx("div", { style: s.cardTitle, children: title }), _jsx("div", { style: s.card, children: children })] }));
-}
-function Row({ label, description }) {
-    const s = useStyles();
-    return (_jsxs("div", { style: s.row, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: label }), description && (_jsx("div", { style: { fontSize: 11, ...s.textSecondary, marginTop: 2 }, children: description }))] }));
-}
-function ToggleRow({ label, description, checked, onChange, }) {
-    const s = useStyles();
-    return (_jsxs("div", { style: s.toggleRow, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: label }), description && (_jsx("div", { style: {
-                            fontSize: 11,
-                            ...s.textSecondary,
-                            marginTop: 2,
-                            maxWidth: 400,
-                        }, children: description }))] }), _jsx("button", { type: "button", onClick: onChange, style: {
-                    ...s.toggle,
-                    backgroundColor: checked ? "#34c759" : "#48484a",
-                }, children: _jsx("div", { style: { ...s.toggleThumb, left: checked ? 22 : 2 } }) })] }));
-}
-function ActionRow({ label, description, buttonLabel, onClick, }) {
-    const s = useStyles();
-    return (_jsxs("div", { style: s.toggleRow, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: label }), description && (_jsx("div", { style: {
-                            fontSize: 11,
-                            ...s.textSecondary,
-                            marginTop: 2,
-                            maxWidth: 400,
-                        }, children: description }))] }), _jsx("button", { type: "button", onClick: onClick, style: s.buttonSecondary, children: buttonLabel })] }));
-}
-function Divider() {
-    const t = useTheme();
-    return _jsx("div", { style: { borderTop: `1px solid ${t.border}` } });
-}
-const LIGHT = {
-    bg: "#f5f5f7",
-    card: "#fff",
-    text: "#1d1d1f",
-    textSecondary: "#86868b",
-    border: "#e5e5e7",
-    borderLight: "#f0f0f2",
-    accent: "#0066cc",
-    accentText: "#fff",
-    tabActive: "#e8e8ed",
-    tabActiveText: "#0066cc",
-    inputBg: "#fff",
-    inputBorder: "#d1d1d6",
-    buttonSecondaryBg: "#fff",
-    providerHover: "#f0f0f5",
-};
-const DARK = {
-    bg: "#1c1c1e",
-    card: "#2c2c2e",
-    text: "#f5f5f7",
-    textSecondary: "#98989d",
-    border: "#38383a",
-    borderLight: "#3a3a3c",
-    accent: "#0a84ff",
-    accentText: "#fff",
-    tabActive: "#3a3a3c",
-    tabActiveText: "#0a84ff",
-    inputBg: "#1c1c1e",
-    inputBorder: "#48484a",
-    buttonSecondaryBg: "#2c2c2e",
-    providerHover: "#3a3a3c",
-};
-function readStoredTheme() {
-    try {
-        const stored = localStorage.getItem("milady:ui-theme");
-        if (stored === "light")
-            return false;
-        if (stored === "dark")
-            return true;
-    }
-    catch { }
-    // Fallback: check <html> class, then OS preference
-    if (typeof document !== "undefined") {
-        if (document.documentElement.classList.contains("dark"))
-            return true;
-        if (document.documentElement.getAttribute("data-theme") === "dark")
-            return true;
-    }
-    return window.matchMedia?.("(prefers-color-scheme: dark)").matches ?? true;
-}
-function applyThemeToDocument(isDark) {
-    if (typeof document === "undefined")
-        return;
-    document.documentElement.classList.toggle("dark", isDark);
-    document.documentElement.setAttribute("data-theme", isDark ? "dark" : "light");
-}
-function useDarkMode() {
-    const [dark, setDark] = useState(readStoredTheme);
-    useEffect(() => {
-        // Apply theme to this window's <html>
-        applyThemeToDocument(dark);
-    }, [dark]);
-    useEffect(() => {
-        // Listen for storage events (cross-window theme sync)
-        const onStorage = (e) => {
-            if (e.key === "milady:ui-theme") {
-                const isDark = e.newValue !== "light";
-                setDark(isDark);
-            }
-        };
-        window.addEventListener("storage", onStorage);
-        // Also poll localStorage as a fallback (storage events don't fire
-        // within the same browsing context on some WebView implementations)
-        const interval = setInterval(() => {
-            const current = readStoredTheme();
-            setDark((prev) => (prev !== current ? current : prev));
-        }, 1000);
-        return () => {
-            window.removeEventListener("storage", onStorage);
-            clearInterval(interval);
-        };
-    }, []);
-    return dark;
-}
-function useTheme() {
-    return useDarkMode() ? DARK : LIGHT;
-}
-// ── Styles (theme-aware factory) ──
-function useStyles() {
-    const t = useTheme();
-    return {
-        root: {
-            display: "flex",
-            flexDirection: "column",
-            height: "100vh",
-            width: "100vw",
-            fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-            backgroundColor: t.bg,
-            color: t.text,
-            overflow: "hidden",
-        },
-        title: {
-            textAlign: "center",
-            padding: "16px 0 0",
-            fontWeight: 600,
-            fontSize: 13,
-        },
-        tabBar: {
-            display: "flex",
-            justifyContent: "center",
-            gap: 8,
-            padding: "12px 24px",
-            borderBottom: `1px solid ${t.border}`,
-        },
-        tab: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: 4,
-            padding: "8px 16px",
-            border: "none",
-            borderRadius: 8,
-            cursor: "pointer",
-            fontSize: 11,
-            transition: "all 0.15s ease",
-        },
-        tabActive: {
-            background: t.tabActive,
-            fontWeight: 600,
-            color: t.tabActiveText,
-        },
-        tabInactive: {
-            background: "transparent",
-            fontWeight: 400,
-            color: t.textSecondary,
-        },
-        content: { flex: 1, overflow: "auto", padding: "16px 24px" },
-        tabContent: {
-            display: "flex",
-            flexDirection: "column",
-            gap: 16,
-        },
-        cardTitle: {
-            fontSize: 11,
-            fontWeight: 600,
-            color: t.textSecondary,
-            letterSpacing: 0.5,
-            marginBottom: 6,
-            paddingLeft: 12,
-        },
-        card: {
-            backgroundColor: t.card,
-            borderRadius: 10,
-            border: `1px solid ${t.border}`,
-            overflow: "hidden",
-        },
-        row: { padding: "12px 16px" },
-        toggleRow: {
-            padding: "12px 16px",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-        },
-        toggle: {
-            width: 44,
-            height: 24,
-            borderRadius: 12,
-            border: "none",
-            cursor: "pointer",
-            position: "relative",
-            transition: "background-color 0.2s",
-            flexShrink: 0,
-        },
-        toggleThumb: {
-            width: 20,
-            height: 20,
-            borderRadius: 10,
-            backgroundColor: "#fff",
-            position: "absolute",
-            top: 2,
-            transition: "left 0.2s",
-            boxShadow: "0 1px 3px rgba(0,0,0,0.15)",
-        },
-        providerItem: {
-            width: "100%",
-            padding: "10px 16px",
-            border: "none",
-            borderBottom: `1px solid ${t.borderLight}`,
-            cursor: "pointer",
-            textAlign: "left",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            background: "transparent",
-            color: t.text,
-        },
-        providerItemActive: { background: t.providerHover },
-        input: {
-            width: "100%",
-            padding: "8px 12px",
-            borderRadius: 6,
-            border: `1px solid ${t.inputBorder}`,
-            fontSize: 13,
-            outline: "none",
-            fontFamily: "inherit",
-            boxSizing: "border-box",
-            backgroundColor: t.inputBg,
-            color: t.text,
-        },
-        button: {
-            padding: "6px 14px",
-            borderRadius: 6,
-            border: "none",
-            backgroundColor: t.accent,
-            color: t.accentText,
-            fontSize: 12,
-            fontWeight: 500,
-            cursor: "pointer",
-        },
-        buttonSecondary: {
-            padding: "6px 14px",
-            borderRadius: 6,
-            border: `1px solid ${t.border}`,
-            backgroundColor: t.buttonSecondaryBg,
-            color: t.text,
-            fontSize: 12,
-            fontWeight: 500,
-            cursor: "pointer",
-        },
-        textSecondary: { color: t.textSecondary },
-    };
-}

package/dist/components/SecurityPageView.d.ts

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

package/dist/components/SecurityPageView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecurityPageView.d.ts","sourceRoot":"","sources":["../../src/components/SecurityPageView.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,gBAAgB,4CAiL/B"}