@elizaos/ui 2.0.0-beta.1 → 2.0.0-beta.2

package/{dist/components → components}/composites/chat/permission-card.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { isPermissionId, openPermissionSettings, } from "@elizaos/shared";
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { cn } from "../../../lib/utils.js";
 import { Button } from "../../ui/button.js";
 /**
@@ -29,11 +29,18 @@ export function getPermissionLabel(id) {
     return PERMISSION_LABELS[id] ?? id;
 }
 function defaultStateFor(id) {
+    const platform = typeof navigator !== "undefined" && /Win/i.test(navigator.platform ?? "")
+        ? "win32"
+        : typeof navigator !== "undefined" &&
+            /Linux/i.test(navigator.platform ?? "")
+            ? "linux"
+            : "darwin";
     return {
         id,
         status: "not-determined",
         lastChecked: 0,
         canRequest: true,
+        platform,
     };
 }
 function parseFeatureRef(feature) {
@@ -44,7 +51,7 @@ function parseFeatureRef(feature) {
     const action = parts.slice(1).join(".") || "unknown";
     return { app, action };
 }
-export function PermissionCard({ permission, reason, feature, fallbackOffered = false, fallbackLabel, registry, initialState, onDismiss, onFallback, onGranted, labels = {}, className, }) {
+export function PermissionCard({ permission, reason, feature, fallbackOffered = false, fallbackLabel, registry, initialState, onDismiss, onFallback, onGranted, onOpenSettings, labels = {}, className, }) {
     const [state, setState] = useState(initialState ?? registry?.get(permission) ?? defaultStateFor(permission));
     const [requesting, setRequesting] = useState(false);
     const [dismissed, setDismissed] = useState(false);
@@ -67,8 +74,12 @@ export function PermissionCard({ permission, reason, feature, fallbackOffered =
         }
     }, [registry, permission, reason, feature, onGranted]);
     const handleOpenSettings = useCallback(() => {
+        if (onOpenSettings) {
+            void onOpenSettings(permission);
+            return;
+        }
         void openPermissionSettings(permission);
-    }, [permission]);
+    }, [onOpenSettings, permission]);
     const handleDismiss = useCallback(() => {
         setDismissed(true);
         onDismiss?.();
@@ -77,6 +88,27 @@ export function PermissionCard({ permission, reason, feature, fallbackOffered =
         onFallback?.({ type: "use_fallback", feature, permission });
         setDismissed(true);
     }, [onFallback, feature, permission]);
+    useEffect(() => {
+        if (!registry)
+            return;
+        let cancelled = false;
+        void registry
+            .check(permission)
+            .then((next) => {
+            if (!cancelled)
+                setState(next);
+        })
+            .catch(() => { });
+        const unsubscribe = registry.subscribe((states) => {
+            const next = states.find((s) => s.id === permission);
+            if (next)
+                setState(next);
+        });
+        return () => {
+            cancelled = true;
+            unsubscribe();
+        };
+    }, [registry, permission]);
     if (dismissed)
         return null;
     // Defensive: agent shouldn't emit a card for already-granted permissions.
@@ -87,9 +119,72 @@ export function PermissionCard({ permission, reason, feature, fallbackOffered =
         state.restrictedReason === "entitlement_required";
     const isDeniedNoRequest = state.status === "denied" && state.canRequest === false;
     const title = getPermissionLabel(permission);
+    const resolvedFallbackLabel = fallbackLabel ??
+        (permission === "reminders" ? "Use internal reminder" : "Use fallback");
     return (_jsxs("section", { "data-testid": "permission-card", "data-permission": permission, "data-feature": feature, "data-status": state.status, "aria-label": `Permission request: ${title}`, className: cn("mt-2 rounded-lg border border-border/40 bg-bg-accent/60 p-3", className), children: [_jsxs("header", { className: "mb-1 flex items-center justify-between gap-2", children: [_jsx("h3", { className: "text-sm font-semibold text-txt-strong", children: title }), _jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted", children: "Permission" })] }), _jsx("p", { className: "mb-3 text-sm leading-snug text-txt", children: reason }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [isRestrictedEntitlement ? (_jsx(Button, { variant: "default", size: "sm", disabled: true, "data-testid": "permission-card-primary", title: "Coming soon \u2014 requires app entitlement.", children: labels.comingSoon ?? "Coming soon — requires app entitlement" })) : isDeniedNoRequest ? (_jsx(Button, { variant: "default", size: "sm", onClick: handleOpenSettings, "data-testid": "permission-card-primary", children: labels.openSettings ?? "Open System Settings" })) : (_jsx(Button, { variant: "default", size: "sm", onClick: () => void handleGrant(), disabled: requesting || !registry, "data-testid": "permission-card-primary", children: requesting
                             ? (labels.granting ?? "Requesting…")
-                            : (labels.grantAccess ?? "Grant access") })), fallbackOffered && fallbackLabel ? (_jsx(Button, { variant: "outline", size: "sm", onClick: handleFallback, "data-testid": "permission-card-fallback", children: fallbackLabel })) : null, _jsx("button", { type: "button", onClick: handleDismiss, "data-testid": "permission-card-dismiss", className: "ml-auto text-xs text-muted hover:text-txt-strong", children: labels.notNow ?? "Not now" })] })] }));
+                            : (labels.grantAccess ?? "Grant access") })), fallbackOffered ? (_jsx(Button, { variant: "outline", size: "sm", onClick: handleFallback, "data-testid": "permission-card-fallback", children: resolvedFallbackLabel })) : null, _jsx("button", { type: "button", onClick: handleDismiss, "data-testid": "permission-card-dismiss", className: "ml-auto text-xs text-muted hover:text-txt-strong", children: labels.notNow ?? "Not now" })] })] }));
+}
+export function createClientPermissionsRegistry(clientLike) {
+    const states = new Map();
+    const subscribers = new Set();
+    const notify = () => {
+        const snapshot = Array.from(states.values());
+        for (const subscriber of subscribers) {
+            subscriber(snapshot);
+        }
+    };
+    const commit = (state) => {
+        states.set(state.id, state);
+        notify();
+        return state;
+    };
+    return {
+        get(id) {
+            return states.get(id) ?? defaultStateFor(id);
+        },
+        async check(id) {
+            return commit(await clientLike.getPermission(id));
+        },
+        async request(id, opts) {
+            const next = await clientLike.requestPermission(id);
+            return commit({
+                ...next,
+                lastBlockedFeature: next.lastBlockedFeature ?? {
+                    app: opts.feature.app,
+                    action: opts.feature.action,
+                    at: Date.now(),
+                },
+            });
+        },
+        recordBlock(id, feature) {
+            const current = states.get(id) ?? defaultStateFor(id);
+            commit({
+                ...current,
+                lastBlockedFeature: {
+                    app: feature.app,
+                    action: feature.action,
+                    at: Date.now(),
+                },
+            });
+        },
+        list() {
+            return Array.from(states.values());
+        },
+        pending() {
+            return Array.from(states.values()).filter((state) => state.status === "not-determined" ||
+                Boolean(state.lastBlockedFeature));
+        },
+        subscribe(cb) {
+            subscribers.add(cb);
+            return () => {
+                subscribers.delete(cb);
+            };
+        },
+        registerProber() {
+            // UI adapter delegates probing to the backend/native bridge.
+        },
+    };
 }
 /**
  * Minimal UI-side parser for `permission_request` action blocks. Mirrors the

package/{dist/components → components}/pages/BrowserWorkspaceView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserWorkspaceView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/BrowserWorkspaceView.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AAsFf,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;gBAClC,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,SAAS,CAAC,EAAE,MAAM,CAAC;gBACnB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBACvB,WAAW,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;aAClB,EACD,WAAW,CACZ,CAAC;SACH;KACF;CACF;AA6ND,wBAAgB,oBAAoB,IAAI,GAAG,CAAC,OAAO,CA6tElD"}
+{"version":3,"file":"BrowserWorkspaceView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/BrowserWorkspaceView.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AAsFf,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;gBAClC,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,SAAS,CAAC,EAAE,MAAM,CAAC;gBACnB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBACvB,WAAW,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;aAClB,EACD,WAAW,CACZ,CAAC;SACH;KACF;CACF;AA0OD,wBAAgB,oBAAoB,IAAI,GAAG,CAAC,OAAO,CAguElD"}

package/{dist/components → components}/pages/BrowserWorkspaceView.js

@@ -192,6 +192,20 @@ function resolveBrowserWorkspaceSelection(tabs, selectedId) {
     const visibleTab = tabs.find((tab) => tab.visible);
     return visibleTab?.id ?? tabs[0]?.id ?? null;
 }
+function parseEip155ChainId(value) {
+    if (typeof value === "number" && Number.isFinite(value) && value > 0) {
+        return value;
+    }
+    if (typeof value !== "string")
+        return null;
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = trimmed.startsWith("0x")
+        ? Number.parseInt(trimmed.slice(2), 16)
+        : Number(trimmed);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+}
 export function BrowserWorkspaceView() {
     const { getStewardPending, getStewardStatus, setActionNotice, t, plugins, uiTheme, walletAddresses, walletConfig, } = useApp();
     const [workspace, setWorkspace] = useState({
@@ -667,7 +681,9 @@ export function BrowserWorkspaceView() {
                             });
                             return;
                         }
-                        const chainId = tabChainIdRef.current.get(req.tabId) ?? 1;
+                        const txChainId = parseEip155ChainId(tx.chainId);
+                        const chainId = txChainId ?? tabChainIdRef.current.get(req.tabId) ?? 1;
+                        tabChainIdRef.current.set(req.tabId, chainId);
                         const value = typeof tx.value === "string"
                             ? tx.value.startsWith("0x")
                                 ? BigInt(tx.value).toString()

package/{dist/components → components}/permissions/PermissionIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/permissions/PermissionIcon.tsx"],"names":[],"mappings":"AAWA,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAexD"}
+{"version":3,"file":"PermissionIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/permissions/PermissionIcon.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAwBxD"}

package/components/permissions/PermissionIcon.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Bell, Calendar, Camera, Contact, HardDrive, HeartPulse, Hourglass, ListTodo, Mic, Monitor, MousePointer2, NotebookTabs, Settings, ShieldBan, Terminal, Workflow, } from "lucide-react";
+export function PermissionIcon({ icon }) {
+    const icons = {
+        cursor: _jsx(MousePointer2, { className: "w-4 h-4" }),
+        monitor: _jsx(Monitor, { className: "w-4 h-4" }),
+        mic: _jsx(Mic, { className: "w-4 h-4" }),
+        camera: _jsx(Camera, { className: "w-4 h-4" }),
+        terminal: _jsx(Terminal, { className: "w-4 h-4" }),
+        "shield-ban": _jsx(ShieldBan, { className: "w-4 h-4" }),
+        "list-todo": _jsx(ListTodo, { className: "w-4 h-4" }),
+        calendar: _jsx(Calendar, { className: "w-4 h-4" }),
+        "heart-pulse": _jsx(HeartPulse, { className: "w-4 h-4" }),
+        hourglass: _jsx(Hourglass, { className: "w-4 h-4" }),
+        contact: _jsx(Contact, { className: "w-4 h-4" }),
+        "notebook-tabs": _jsx(NotebookTabs, { className: "w-4 h-4" }),
+        bell: _jsx(Bell, { className: "w-4 h-4" }),
+        "hard-drive": _jsx(HardDrive, { className: "w-4 h-4" }),
+        workflow: _jsx(Workflow, { className: "w-4 h-4" }),
+    };
+    return (_jsx("span", { className: "text-base", children: icons[icon] ?? _jsx(Settings, { className: "w-4 h-4" }) }));
+}

package/{dist/components → components}/settings/PermissionsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/PermissionsSection.tsx"],"names":[],"mappings":"AAmXA,wBAAgB,kBAAkB,4CAIjC"}
+{"version":3,"file":"PermissionsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/PermissionsSection.tsx"],"names":[],"mappings":"AA+WA,wBAAgB,kBAAkB,4CAIjC"}

package/{dist/components → components}/settings/PermissionsSection.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@elizaos/ui";
 import { useCallback, useMemo } from "react";
 import { useBootConfig } from "../../config/boot-config-react.js";
-import { isDesktopPlatform, isNative, isWebPlatform, } from "../../platform/index.js";
+import { isDesktopPlatform, isNative, isWebPlatform } from "../../platform/index.js";
 import { useApp } from "../../state/index.js";
 import { StreamingPermissionsSettingsView } from "../permissions/StreamingPermissions.js";
 import { CapabilityToggle, PermissionRow, useDesktopPermissionsState, } from "./permission-controls.js";

package/{dist/components → components}/settings/RuntimeSettingsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeSettingsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/RuntimeSettingsSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAkCH,wBAAgB,sBAAsB,4CA2IrC"}
+{"version":3,"file":"RuntimeSettingsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/RuntimeSettingsSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAsCH,wBAAgB,sBAAsB,4CAiPrC"}

package/components/settings/RuntimeSettingsSection.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Runtime Settings Section.
+ *
+ * The actual storage clear + URL navigation is in
+ * `onboarding/reload-into-runtime-picker.ts` — kept as a leaf module so
+ * its contract is testable without booting the SettingsView dependency
+ * graph.
+ */
+import { Button } from "@elizaos/ui";
+import { Cloud, Laptop, RadioTower } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { inspectExistingElizaInstall, migrateDesktopStateDir, pickDesktopWorkspaceFolder, } from "../../bridge/electrobun-rpc.js";
+import { isElectrobunRuntime } from "../../bridge/electrobun-runtime.js";
+import { isStoreBuild } from "../../build-variant.js";
+import { useRuntimeMode } from "../../hooks/useRuntimeMode.js";
+import { readPersistedMobileRuntimeMode } from "../../onboarding/mobile-runtime-mode.js";
+import { reloadIntoRuntimePicker, } from "../../onboarding/reload-into-runtime-picker.js";
+import { isAndroidCloudBuild } from "../../platform/android-runtime.js";
+import { useApp } from "../../state/index.js";
+import { inferAgentRuntimeTarget, } from "../../state/agent-runtime-target.js";
+import { loadPersistedActiveServer } from "../../state/persistence.js";
+const STORE_LOCAL_DISABLED_DOCS_URL = "https://github.com/milady-ai/milady/blob/develop/docs/desktop/build-variants.md";
+export function RuntimeSettingsSection() {
+    const { t } = useApp();
+    const { state: runtimeModeState } = useRuntimeMode();
+    const [migrationMessage, setMigrationMessage] = useState(null);
+    const [migrationBusy, setMigrationBusy] = useState(false);
+    // Prefer the authoritative server snapshot (`GET /api/runtime/mode`).
+    // Fall back to the local heuristic when the snapshot is loading or the
+    // endpoint is unreachable — older builds and offline shells still need
+    // a sensible label.
+    const currentRuntime = useMemo(() => {
+        const fallback = inferAgentRuntimeTarget({
+            activeServer: loadPersistedActiveServer(),
+            mobileRuntimeMode: readPersistedMobileRuntimeMode(),
+        });
+        if (runtimeModeState.phase !== "ready")
+            return fallback;
+        const kind = runtimeModeState.snapshot.deploymentRuntime;
+        return { kind, label: fallback.label };
+    }, [runtimeModeState]);
+    const storeBuild = isStoreBuild();
+    const localDisabledReason = storeBuild
+        ? t("settings.runtime.localDisabledStore", {
+            defaultValue: "Local agent requires the direct download build. Open docs for details.",
+        })
+        : undefined;
+    // The Play-Store-compliant Android build (`build:android:cloud`) ships
+    // without the on-device agent runtime, so the Local option must be
+    // hidden — selecting it would point the renderer at a loopback agent
+    // that physically isn't there. The default sideload Android build, the
+    // AOSP system build, iOS, and desktop all keep the full picker.
+    const cloudOnly = isAndroidCloudBuild();
+    const actions = useMemo(() => {
+        const base = [
+            {
+                target: "cloud",
+                label: t("settings.runtime.cloudLabel", {
+                    defaultValue: "Cloud agent",
+                }),
+                description: t("settings.runtime.cloudDescription", {
+                    defaultValue: "Use an Eliza Cloud hosted agent.",
+                }),
+                icon: Cloud,
+            },
+        ];
+        if (!cloudOnly) {
+            base.push({
+                target: "local",
+                label: t("settings.runtime.localLabel", {
+                    defaultValue: "Local",
+                }),
+                description: t("settings.runtime.localDescription", {
+                    defaultValue: "Use the agent running on this device.",
+                }),
+                icon: Laptop,
+                disabled: storeBuild,
+                disabledReason: localDisabledReason,
+            });
+        }
+        base.push({
+            target: "remote",
+            label: t("settings.runtime.remoteLabel", {
+                defaultValue: "Remote",
+            }),
+            description: t("settings.runtime.remoteDescription", {
+                defaultValue: "Connect to an agent on another machine.",
+            }),
+            icon: RadioTower,
+        });
+        return base;
+    }, [t, cloudOnly, storeBuild, localDisabledReason]);
+    const handleSwitch = useCallback((target) => {
+        reloadIntoRuntimePicker(target);
+    }, []);
+    const handleImportDirectState = useCallback(async () => {
+        setMigrationBusy(true);
+        setMigrationMessage(null);
+        try {
+            const existing = await inspectExistingElizaInstall();
+            const picked = await pickDesktopWorkspaceFolder({
+                defaultPath: existing?.stateDir,
+                promptTitle: t("settings.runtime.importDirectStatePickerTitle", {
+                    defaultValue: "Choose direct-build data folder",
+                }),
+            });
+            if (!picked || picked.canceled || !picked.path) {
+                setMigrationMessage(t("settings.runtime.importDirectStateCanceled", {
+                    defaultValue: "Import canceled.",
+                }));
+                return;
+            }
+            const result = await migrateDesktopStateDir(picked.path);
+            if (!result) {
+                setMigrationMessage(t("settings.runtime.importDirectStateUnavailable", {
+                    defaultValue: "Import is unavailable in this runtime.",
+                }));
+                return;
+            }
+            if (!result.ok) {
+                setMigrationMessage(t("settings.runtime.importDirectStateFailed", {
+                    defaultValue: "Import failed: {{error}}",
+                    error: result.error ?? "unknown error",
+                }));
+                return;
+            }
+            if (!result.migrated) {
+                setMigrationMessage(t("settings.runtime.importDirectStateSkipped", {
+                    defaultValue: "Nothing was imported from that folder.",
+                }));
+                return;
+            }
+            setMigrationMessage(t("settings.runtime.importDirectStateDone", {
+                defaultValue: "Imported direct-build data into this sandboxed build.",
+            }));
+        }
+        catch (error) {
+            setMigrationMessage(t("settings.runtime.importDirectStateFailed", {
+                defaultValue: "Import failed: {{error}}",
+                error: error instanceof Error ? error.message : String(error),
+            }));
+        }
+        finally {
+            setMigrationBusy(false);
+        }
+    }, [t]);
+    return (_jsxs("div", { className: "flex flex-col gap-4 p-4 sm:p-5", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: t("settings.runtime.currentMode", {
+                            defaultValue: "Current mode: {{mode}}",
+                            mode: currentRuntime.label,
+                        }) }), _jsx("p", { className: "text-sm text-foreground/70", children: t("settings.runtime.description", {
+                            defaultValue: "Switch where the app sends agent requests. Reset Everything resets the currently selected agent.",
+                        }) })] }), _jsx("div", { className: actions.length === 2
+                    ? "grid gap-2 sm:grid-cols-2"
+                    : "grid gap-2 sm:grid-cols-3", children: actions.map((action) => {
+                    const Icon = action.icon;
+                    const active = currentRuntime.kind === action.target;
+                    const disabled = action.disabled === true;
+                    return (_jsxs(Button, { onClick: () => handleSwitch(action.target), variant: active ? "default" : "outline", size: "sm", disabled: disabled, title: action.disabledReason, className: "h-auto justify-start gap-2 px-3 py-2 text-left", children: [_jsx(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium", children: action.label }), _jsx("span", { className: "whitespace-normal text-xs opacity-70", children: action.description })] })] }, action.target));
+                }) }), storeBuild ? (_jsxs("div", { className: "space-y-2 text-xs text-foreground/60", children: [_jsxs("p", { children: [t("settings.runtime.localDisabledStoreNote", {
+                                defaultValue: "This is the store-distributed build, which runs in a sandbox. ",
+                            }), _jsx("a", { href: STORE_LOCAL_DISABLED_DOCS_URL, target: "_blank", rel: "noreferrer", className: "underline", children: t("settings.runtime.localDisabledStoreLink", {
+                                    defaultValue: "Why?",
+                                }) })] }), isElectrobunRuntime() ? (_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void handleImportDirectState(), disabled: migrationBusy, className: "w-fit", children: migrationBusy
+                                    ? t("settings.runtime.importingDirectState", {
+                                        defaultValue: "Importing...",
+                                    })
+                                    : t("settings.runtime.importDirectState", {
+                                        defaultValue: "Import direct-build data",
+                                    }) }), migrationMessage ? _jsx("span", { children: migrationMessage }) : null] })) : null] })) : null, _jsx("p", { className: "text-xs text-foreground/60", children: t("settings.runtime.switchNote", {
+                    defaultValue: "Switching reopens the runtime picker and leaves each agent's own data on that agent.",
+                }) })] }));
+}

package/{dist/components → components}/settings/permission-controls.d.ts

@@ -1,4 +1,4 @@
-import { type AllPermissionsState, type PermissionStatus, type PluginInfo, type SystemPermissionId } from "../../api";
+import { type AllPermissionsState, type PermissionId, type PermissionStatus, type PluginInfo } from "../../api";
 import type { CapabilityDef, PermissionDef } from "./permission-types";
 export interface DesktopPermissionsSnapshot {
     permissions: AllPermissionsState;
@@ -24,9 +24,9 @@ export declare function CapabilityToggle({ cap, plugin, permissionsGranted, onTo
     onToggle: (enabled: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useDesktopPermissionsState(): {
-    handleOpenSettings: (id: SystemPermissionId) => Promise<void>;
+    handleOpenSettings: (id: PermissionId) => Promise<void>;
     handleRefresh: () => Promise<DesktopPermissionsSnapshot | null>;
-    handleRequest: (id: SystemPermissionId) => Promise<void>;
+    handleRequest: (id: PermissionId) => Promise<void>;
     handleToggleShell: (enabled: boolean) => Promise<void>;
     loading: boolean;
     permissions: AllPermissionsState | null;

package/components/settings/permission-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-controls.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/permission-controls.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,mBAAmB,EAExB,KAAK,YAAY,EAEjB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,WAAW,CAAC;AAOnB,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA6MvE,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,mBAAmB,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;CACvB;AAmFD,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,MAAM,EACN,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,EACd,OAAO,EACP,YAAY,EACZ,aAAa,GACd,EAAE;IACD,GAAG,EAAE,aAAa,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,2CA6FA;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,MAAM,EACN,kBAAkB,EAClB,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,aAAa,CAAC;IACnB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,2CAiGA;AAMD,wBAAgB,0BAA0B;6BAwN3B,YAAY;;wBAtCZ,YAAY;iCAiEP,OAAO;;;;;;EA8B1B"}

package/{dist/components → components}/settings/permission-controls.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PERMISSION_IDS } from "@elizaos/shared";
 import { Button, StatusBadge, Switch } from "@elizaos/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { client, } from "../../api/index.js";
@@ -6,16 +7,13 @@ import { invokeDesktopBridgeRequest, subscribeDesktopBridgeEvent, } from "../../
 import { useApp } from "../../state/index.js";
 import { PermissionIcon } from "../permissions/PermissionIcon.js";
 import { getPermissionAction, getPermissionBadge, SETTINGS_REFRESH_DELAYS_MS, translateWithFallback, } from "./permission-types.js";
-const RUNTIME_PERMISSION_IDS = [
-    "website-blocking",
-];
-const REQUIRED_PERMISSION_IDS = [
-    "accessibility",
-    "screen-recording",
-    "microphone",
+const RUNTIME_PERMISSION_IDS = ["website-blocking"];
+const REQUIRED_PERMISSION_IDS = PERMISSION_IDS;
+const RENDERER_PERMISSION_IDS = [
     "camera",
-    "shell",
-    "website-blocking",
+    "microphone",
+    "location",
+    "notifications",
 ];
 const PERMISSION_STATUSES = [
     "granted",
@@ -27,6 +25,12 @@ const PERMISSION_STATUSES = [
 function isRuntimePermissionId(id) {
     return RUNTIME_PERMISSION_IDS.includes(id);
 }
+function isRendererPermissionId(id) {
+    return (id === "camera" ||
+        id === "microphone" ||
+        id === "location" ||
+        id === "notifications");
+}
 function isRecord(value) {
     return Boolean(value) && typeof value === "object";
 }
@@ -52,18 +56,21 @@ function mapRendererMediaPermissionState(state) {
     if (state === "denied") {
         return "denied";
     }
-    if (state === "prompt") {
+    if (state === "prompt" || state === "default") {
         return "not-determined";
     }
     return null;
 }
-async function queryRendererMediaPermission(id) {
+async function queryRendererPermission(id) {
+    if (id === "notifications" && typeof Notification !== "undefined") {
+        return mapRendererMediaPermissionState(Notification.permission);
+    }
     if (typeof navigator === "undefined" || !navigator.permissions?.query) {
         return null;
     }
     try {
         const result = await navigator.permissions.query({
-            name: id,
+            name: (id === "location" ? "geolocation" : id),
         });
         return mapRendererMediaPermissionState(result?.state);
     }
@@ -91,23 +98,53 @@ async function inferRendererMediaPermissionFromDevices(id) {
     }
 }
 async function probeRendererMediaPermission(id) {
-    const queriedStatus = await queryRendererMediaPermission(id);
+    const queriedStatus = await queryRendererPermission(id);
     if (queriedStatus === "granted" || queriedStatus === "denied") {
         return queriedStatus;
     }
+    if (id !== "camera" && id !== "microphone") {
+        return queriedStatus;
+    }
     const inferredStatus = await inferRendererMediaPermissionFromDevices(id);
     if (inferredStatus) {
         return inferredStatus;
     }
     return queriedStatus;
 }
-async function reconcileRendererMediaPermissions(snapshot) {
-    if (snapshot.platform === "win32") {
-        return snapshot;
+async function requestRendererPermission(id) {
+    if (!isRendererPermissionId(id) || typeof navigator === "undefined") {
+        return null;
+    }
+    if (id === "camera" || id === "microphone") {
+        try {
+            const stream = await navigator.mediaDevices?.getUserMedia?.({
+                video: id === "camera",
+                audio: id === "microphone",
+            });
+            for (const track of stream?.getTracks?.() ?? []) {
+                track.stop();
+            }
+        }
+        catch {
+            // The follow-up probe reports denied when the browser recorded a denial.
+        }
+        return probeRendererMediaPermission(id);
+    }
+    if (id === "location" && navigator.geolocation) {
+        const requestedStatus = await new Promise((resolve) => {
+            navigator.geolocation.getCurrentPosition(() => resolve("granted"), (err) => resolve(err.code === err.PERMISSION_DENIED ? "denied" : null), { maximumAge: 0, timeout: 10_000 });
+        });
+        return (await probeRendererMediaPermission(id)) ?? requestedStatus;
+    }
+    if (id === "notifications" && typeof Notification !== "undefined") {
+        return mapRendererMediaPermissionState(await Notification.requestPermission());
     }
+    return probeRendererMediaPermission(id);
+}
+async function reconcileRendererMediaPermissions(snapshot) {
     let nextPermissions = snapshot.permissions;
     let changed = false;
-    for (const id of ["camera", "microphone"]) {
+    for (const id of RENDERER_PERMISSION_IDS) {
         const current = snapshot.permissions[id];
         if (!current || current.status === "restricted") {
             continue;
@@ -370,7 +407,13 @@ export function useDesktopPermissionsState() {
                 ipcChannel: "permissions:request",
                 params: { id },
             });
-            if (bridged === null) {
+            if (isRendererPermissionId(id)) {
+                const rendererStatus = await requestRendererPermission(id);
+                if (!rendererStatus && bridged === null) {
+                    await client.requestPermission(id);
+                }
+            }
+            else if (bridged === null) {
                 await client.requestPermission(id);
             }
             const snapshot = await replaceSnapshot(true);

package/{dist/components → components}/settings/permission-types.d.ts

@@ -1,7 +1,7 @@
-import type { PermissionStatus, SystemPermissionId } from "../../api";
+import type { PermissionId, PermissionStatus } from "../../api";
 /** Permission definition for UI rendering. */
 export interface PermissionDef {
-    id: SystemPermissionId;
+    id: PermissionId;
     name: string;
     nameKey: string;
     description: string;
@@ -18,7 +18,7 @@ export interface CapabilityDef {
     labelKey: string;
     description: string;
     descriptionKey: string;
-    requiredPermissions: SystemPermissionId[];
+    requiredPermissions: PermissionId[];
 }
 export declare const CAPABILITIES: CapabilityDef[];
 export declare const PERMISSION_BADGE_LABELS: Record<PermissionStatus, {
@@ -32,12 +32,12 @@ export declare const SETTINGS_PANEL_HEADER_CLASSNAME = "flex flex-wrap items-sta
 export declare const SETTINGS_PANEL_ACTIONS_CLASSNAME = "flex items-center gap-2";
 export declare const SETTINGS_REFRESH_DELAYS_MS: readonly [1500, 4000];
 export declare function translateWithFallback(t: (key: string) => string, key: string, fallback: string): string;
-export declare function getPermissionAction(t: (key: string) => string, id: SystemPermissionId, status: PermissionStatus, canRequest: boolean, platform?: string): {
+export declare function getPermissionAction(t: (key: string) => string, id: PermissionId, status: PermissionStatus, canRequest: boolean, platform?: string): {
     ariaLabelPrefix: string;
     label: string;
     type: "request" | "settings";
 } | null;
-export declare function getPermissionBadge(t: (key: string) => string, id: SystemPermissionId, status: PermissionStatus, platform: string): {
+export declare function getPermissionBadge(t: (key: string) => string, id: PermissionId, status: PermissionStatus, platform: string): {
     tone: "success" | "danger" | "warning" | "muted";
     label: string;
 };

package/components/settings/permission-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/permission-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAEhE,8CAA8C;AAC9C,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,YAAY,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAqK7C,CAAC;AAEF,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,YAAY,EAAE,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,EAAE,aAAa,EAkCvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,gBAAgB,EAChB;IACE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;CAClD,CA2BF,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,wBAAwB,+DACyB,CAAC;AAC/D,eAAO,MAAM,+BAA+B,qDACQ,CAAC;AACrD,eAAO,MAAM,gCAAgC,4BAA4B,CAAC;AAE1E,eAAO,MAAM,0BAA0B,uBAAwB,CAAC;AAEhE,wBAAgB,qBAAqB,CACnC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAC1B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,GACf,MAAM,CAGR;AAED,wBAAgB,mBAAmB,CACjC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAC1B,EAAE,EAAE,YAAY,EAChB,MAAM,EAAE,gBAAgB,EACxB,UAAU,EAAE,OAAO,EACnB,QAAQ,CAAC,EAAE,MAAM,GAChB;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,GAAG,UAAU,CAAC;CAC9B,GAAG,IAAI,CAmFP;AAED,wBAAgB,kBAAkB,CAChC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAC1B,EAAE,EAAE,YAAY,EAChB,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,MAAM,GACf;IAAE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CA2DrE"}