@elizaos/agent 2.0.0-alpha.519 → 2.0.0-alpha.521

package/packages/app-core/src/components/shell/ComputerUseApprovalOverlay.js

@@ -1,171 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Card, CardContent, CardDescription, CardHeader, StatusBadge, } from "@elizaos/ui";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { client } from "../../api/client";
-import { useApp } from "../../state";
-const OVERLAY_SHELL_CLASS = "fixed inset-0 z-[1002] flex min-h-screen w-full items-center justify-center overflow-hidden bg-bg/75 px-4 py-6 font-body text-txt backdrop-blur-sm sm:px-6";
-const OVERLAY_CARD_CLASS = "relative z-10 w-full max-w-[820px] overflow-hidden border border-border/60 bg-card/95 shadow-[0_30px_120px_rgba(0,0,0,0.36)] backdrop-blur-xl";
-const EMPTY_SNAPSHOT = {
-    mode: "full_control",
-    pendingCount: 0,
-    pendingApprovals: [],
-};
-const POLL_MS = 1500;
-function approvalStreamUrl() {
-    const baseUrl = client.getBaseUrl();
-    const restToken = client.getRestAuthToken();
-    const url = new URL("/api/computer-use/approvals/stream", baseUrl || window.location.origin);
-    if (restToken) {
-        url.searchParams.set("token", restToken);
-    }
-    return url.toString();
-}
-export function ComputerUseApprovalOverlay() {
-    const { setActionNotice, t } = useApp();
-    const [snapshot, setSnapshot] = useState(EMPTY_SNAPSHOT);
-    const [busyApprovalId, setBusyApprovalId] = useState(null);
-    const [denyTargetId, setDenyTargetId] = useState(null);
-    const [denyReason, setDenyReason] = useState("");
-    const refresh = useCallback(async () => {
-        try {
-            setSnapshot(await client.getComputerUseApprovals());
-        }
-        catch {
-            setSnapshot(EMPTY_SNAPSHOT);
-        }
-    }, []);
-    useEffect(() => {
-        let cancelled = false;
-        let pollingTimer = null;
-        let eventSource = null;
-        const startPolling = () => {
-            if (pollingTimer !== null) {
-                return;
-            }
-            void refresh();
-            pollingTimer = window.setInterval(() => {
-                void refresh();
-            }, POLL_MS);
-        };
-        try {
-            eventSource = new EventSource(approvalStreamUrl());
-            eventSource.onmessage = (event) => {
-                if (cancelled) {
-                    return;
-                }
-                try {
-                    const payload = JSON.parse(event.data);
-                    if (payload.type === "snapshot" && payload.snapshot) {
-                        setSnapshot(payload.snapshot);
-                        if (pollingTimer !== null) {
-                            window.clearInterval(pollingTimer);
-                            pollingTimer = null;
-                        }
-                    }
-                }
-                catch {
-                    // Ignore malformed events.
-                }
-            };
-            eventSource.onerror = () => {
-                eventSource?.close();
-                eventSource = null;
-                startPolling();
-            };
-        }
-        catch {
-            startPolling();
-        }
-        if (!eventSource) {
-            startPolling();
-        }
-        return () => {
-            cancelled = true;
-            if (pollingTimer !== null) {
-                window.clearInterval(pollingTimer);
-            }
-            eventSource?.close();
-        };
-    }, [refresh]);
-    const visibleApprovals = snapshot.pendingApprovals;
-    const approvalCards = useMemo(() => visibleApprovals.map((approval) => ({
-        ...approval,
-        parametersText: JSON.stringify(approval.parameters ?? {}, null, 2),
-    })), [visibleApprovals]);
-    const handleRespond = useCallback(async (approvalId, approved, reason) => {
-        if (busyApprovalId) {
-            return;
-        }
-        setBusyApprovalId(approvalId);
-        try {
-            const resolution = await client.respondToComputerUseApproval(approvalId, approved, reason);
-            setActionNotice(approved
-                ? t("computeruseapprovaloverlay.ApprovedNotice", {
-                    defaultValue: `Approved ${resolution.command}.`,
-                })
-                : t("computeruseapprovaloverlay.RejectedNotice", {
-                    defaultValue: `Rejected ${resolution.command}.`,
-                }), approved ? "success" : "info", 2600);
-            setDenyTargetId(null);
-            setDenyReason("");
-            await refresh();
-        }
-        catch (error) {
-            setActionNotice(error instanceof Error
-                ? error.message
-                : t("computeruseapprovaloverlay.ResolveFailed", {
-                    defaultValue: "Failed to resolve computer-use approval.",
-                }), "error", 3600);
-        }
-        finally {
-            setBusyApprovalId(null);
-        }
-    }, [busyApprovalId, refresh, setActionNotice, t]);
-    if (approvalCards.length === 0) {
-        return null;
-    }
-    return (_jsx("div", { role: "alertdialog", "aria-modal": "true", "aria-labelledby": "computer-use-approval-title", className: OVERLAY_SHELL_CLASS, children: _jsxs(Card, { className: OVERLAY_CARD_CLASS, children: [_jsx(CardHeader, { className: "bg-warning/5 pb-6 pt-6", children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(StatusBadge, { label: t("computeruseapprovaloverlay.PendingApproval", {
-                                    defaultValue: "Computer Use Approval",
-                                }), variant: "warning", withDot: true, className: "self-start" }), _jsxs("div", { className: "space-y-2", children: [_jsx("h1", { id: "computer-use-approval-title", className: "text-xl font-semibold leading-tight text-txt", children: t("computeruseapprovaloverlay.Title", {
-                                            defaultValue: "Review queued computer actions",
-                                        }) }), _jsx(CardDescription, { className: "max-w-[62ch] leading-relaxed", children: t("computeruseapprovaloverlay.Body", {
-                                            defaultValue: "The agent requested local computer-use actions that need approval before they run.",
-                                        }) }), _jsx("div", { className: "text-xs text-muted", children: t("computeruseapprovaloverlay.ModeLine", {
-                                            defaultValue: "Approval mode: {{mode}}.",
-                                            mode: snapshot.mode,
-                                        }) })] })] }) }), _jsx(CardContent, { className: "flex max-h-[70vh] flex-col gap-4 overflow-auto pt-6", children: approvalCards.map((approval) => {
-                        const busy = busyApprovalId === approval.id;
-                        const isDenying = denyTargetId === approval.id;
-                        return (_jsx("div", { className: "rounded-2xl border border-border/50 bg-card/75 p-4 shadow-sm", children: _jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-muted", children: t("computeruseapprovaloverlay.Command", {
-                                                    defaultValue: "Command",
-                                                }) }), _jsx("div", { className: "mt-2 break-all text-sm font-medium text-txt", children: approval.command }), _jsx("div", { className: "mt-2 text-xs text-muted", children: new Date(approval.requestedAt).toLocaleTimeString() }), _jsx("pre", { className: "mt-4 max-h-56 overflow-auto rounded-xl bg-bg/60 p-3 text-xs leading-relaxed text-txt", children: approval.parametersText || "{}" })] }), _jsx("div", { className: "w-full max-w-[18rem] space-y-3", children: isDenying ? (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: "computer-use-deny-reason", className: "block text-xs font-semibold uppercase tracking-[0.16em] text-muted", children: t("computeruseapprovaloverlay.DenyReason", {
-                                                        defaultValue: "Deny reason",
-                                                    }) }), _jsx("textarea", { id: "computer-use-deny-reason", value: denyReason, onChange: (event) => setDenyReason(event.target.value), rows: 4, className: "w-full rounded-xl border border-border/60 bg-bg/50 px-3 py-2 text-sm text-txt outline-none", placeholder: t("computeruseapprovaloverlay.DenyReasonPlaceholder", {
-                                                        defaultValue: "Optional reason shown to the agent.",
-                                                    }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", disabled: busy, onClick: () => {
-                                                                setDenyTargetId(null);
-                                                                setDenyReason("");
-                                                            }, className: "flex-1", children: t("common.cancel", { defaultValue: "Cancel" }) }), _jsx(Button, { variant: "outline", disabled: busy, onClick: () => {
-                                                                void handleRespond(approval.id, false, denyReason.trim() || undefined);
-                                                            }, className: "flex-1", children: busy
-                                                                ? t("computeruseapprovaloverlay.Resolving", {
-                                                                    defaultValue: "Resolving...",
-                                                                })
-                                                                : t("computeruseapprovaloverlay.Reject", {
-                                                                    defaultValue: "Reject",
-                                                                }) })] })] })) : (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Button, { variant: "default", disabled: busyApprovalId !== null, onClick: () => {
-                                                        void handleRespond(approval.id, true);
-                                                    }, children: busy
-                                                        ? t("computeruseapprovaloverlay.Resolving", {
-                                                            defaultValue: "Resolving...",
-                                                        })
-                                                        : t("computeruseapprovaloverlay.Approve", {
-                                                            defaultValue: "Approve",
-                                                        }) }), _jsx(Button, { variant: "outline", disabled: busyApprovalId !== null, onClick: () => {
-                                                        setDenyTargetId(approval.id);
-                                                        setDenyReason("");
-                                                    }, children: t("computeruseapprovaloverlay.Reject", {
-                                                        defaultValue: "Reject",
-                                                    }) })] })) })] }) }, approval.id));
-                    }) })] }) }));
-}

package/packages/app-core/src/components/shell/ConnectionFailedBanner.d.ts

@@ -1,6 +0,0 @@
-/**
- * Banner shown during WebSocket reconnection attempts.
- * Renders in document flow to push the header and content down.
- */
-export declare function ConnectionFailedBanner(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConnectionFailedBanner.d.ts.map

package/packages/app-core/src/components/shell/ConnectionFailedBanner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectionFailedBanner.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/shell/ConnectionFailedBanner.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,sBAAsB,4CAuErC"}

package/packages/app-core/src/components/shell/ConnectionFailedBanner.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Spinner, Z_SYSTEM_CRITICAL } from "@elizaos/ui";
-import { useApp } from "../../state";
-/**
- * Banner shown during WebSocket reconnection attempts.
- * Renders in document flow to push the header and content down.
- */
-export function ConnectionFailedBanner() {
-    const { t } = useApp();
-    const { backendConnection, backendDisconnectedBannerDismissed, dismissBackendDisconnectedBanner, retryBackendConnection, } = useApp();
-    if (!backendConnection)
-        return null;
-    if (backendConnection.showDisconnectedUI)
-        return null;
-    if (backendConnection.state === "reconnecting") {
-        return (_jsxs("div", { role: "status", "aria-live": "polite", className: `shrink-0 z-[${Z_SYSTEM_CRITICAL}] flex items-center gap-3 bg-warn px-4 py-2 text-sm font-medium text-[color:var(--accent-foreground)] shadow-lg`, children: [_jsx(Spinner, { size: 16, className: "shrink-0 text-[color:var(--accent-foreground)]", "aria-label": t("aria.reconnecting") }), _jsxs("span", { className: "truncate", children: [t("connectionfailedbanner.ReconnectingAtt"), " ", backendConnection.reconnectAttempt, "/", backendConnection.maxReconnectAttempts, ")"] })] }));
-    }
-    if (backendConnection.state === "failed" &&
-        !backendDisconnectedBannerDismissed) {
-        return (_jsxs("div", { role: "alert", "aria-live": "assertive", className: `shrink-0 z-[${Z_SYSTEM_CRITICAL}] flex items-center justify-between gap-3 bg-danger px-4 py-2 text-sm font-medium text-white shadow-lg`, children: [_jsxs("span", { className: "truncate", children: [t("connectionfailedbanner.ConnectionLostAfte"), " ", backendConnection.maxReconnectAttempts, " ", t("connectionfailedbanner.attemptsRealTime")] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: dismissBackendDisconnectedBanner, className: "rounded px-3 py-1 text-xs text-danger/20 hover:bg-danger hover:text-white", children: t("common.dismiss") }), _jsx(Button, { variant: "secondary", size: "sm", onClick: retryBackendConnection, className: "rounded bg-card px-3 py-1 text-xs font-semibold text-destructive hover:bg-bg-hover border-transparent", children: t("vectorbrowserview.RetryConnection") })] })] }));
-    }
-    return null;
-}

package/packages/app-core/src/components/shell/ConnectionLostOverlay.d.ts

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

package/packages/app-core/src/components/shell/ConnectionLostOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectionLostOverlay.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/shell/ConnectionLostOverlay.tsx"],"names":[],"mappings":"AAUA,wBAAgB,qBAAqB,4CAgGpC"}

package/packages/app-core/src/components/shell/ConnectionLostOverlay.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, CardContent, CardHeader } from "@elizaos/ui";
-import { useState } from "react";
-import { isElectrobunRuntime } from "../../bridge";
-import { useApp } from "../../state";
-const OVERLAY_SHELL_CLASS = "fixed inset-0 z-[1001] flex min-h-screen w-full items-center justify-center overflow-hidden bg-bg/80 px-4 py-6 font-body text-txt backdrop-blur-sm sm:px-6";
-const OVERLAY_CARD_CLASS = "relative z-10 w-full max-w-[640px] overflow-hidden border border-border/60 bg-card/95 shadow-[0_30px_120px_rgba(0,0,0,0.36)] backdrop-blur-xl";
-export function ConnectionLostOverlay() {
-    const { backendConnection, relaunchDesktop, retryBackendConnection, t } = useApp();
-    const [busy, setBusy] = useState(null);
-    const desktopRuntime = isElectrobunRuntime();
-    if (backendConnection.state !== "failed" ||
-        !backendConnection.showDisconnectedUI) {
-        return null;
-    }
-    const handleRestart = async () => {
-        if (busy)
-            return;
-        setBusy("restart");
-        try {
-            if (desktopRuntime) {
-                await relaunchDesktop();
-                return;
-            }
-            if (typeof window !== "undefined") {
-                window.location.reload();
-            }
-        }
-        finally {
-            setBusy(null);
-        }
-    };
-    return (_jsx("div", { role: "alertdialog", "aria-modal": "true", "aria-labelledby": "connection-lost-title", className: OVERLAY_SHELL_CLASS, children: _jsxs(Card, { className: OVERLAY_CARD_CLASS, children: [_jsx(CardHeader, { className: "bg-danger/5 pb-6 pt-6", children: _jsx("div", { className: "flex flex-col gap-4", children: _jsx("div", { className: "space-y-2", children: _jsx("h1", { id: "connection-lost-title", className: "text-xl font-semibold leading-tight text-danger", children: t("connectionlostoverlay.LostBackendConnection", {
-                                    defaultValue: "Lost backend connection.",
-                                }) }) }) }) }), _jsxs(CardContent, { className: "flex flex-col gap-5 pt-6", children: [_jsx("div", { className: "rounded-2xl border border-border/50 bg-bg/35 p-4 text-sm text-muted shadow-sm", children: t("connectionlostoverlay.AttemptsExhausted", {
-                                defaultValue: "Realtime reconnect attempts exhausted: {{attempts}}.",
-                                attempts: String(backendConnection.maxReconnectAttempts),
-                            }) }), _jsxs("div", { className: "flex flex-col gap-3 pt-4 sm:flex-row sm:items-center", children: [_jsx(Button, { variant: "default", size: "lg", onClick: () => {
-                                        void handleRestart();
-                                    }, disabled: busy !== null, className: "w-full sm:w-auto sm:min-w-[11rem]", children: busy === "restart"
-                                        ? t("restartbanner.Restarting", {
-                                            defaultValue: "Restarting...",
-                                        })
-                                        : t("finetuningview.Restart", {
-                                            defaultValue: desktopRuntime ? "Restart App" : "Restart",
-                                        }) }), _jsx(Button, { variant: "outline", size: "lg", onClick: retryBackendConnection, disabled: busy !== null, className: "w-full sm:w-auto sm:min-w-[11rem]", children: t("vectorbrowserview.RetryConnection", {
-                                        defaultValue: "Retry Connection",
-                                    }) })] })] })] }) }));
-}

package/packages/app-core/src/components/shell/Header.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from "react";
-interface HeaderProps {
-    mobileCenter?: ReactNode;
-    mobileLeft?: ReactNode;
-    pageRightExtras?: ReactNode;
-    transparent?: boolean;
-    hideCloudCredits?: boolean;
-    tasksEventsPanelOpen?: boolean;
-    onToggleTasksPanel?: () => void;
-}
-export declare function Header({ mobileCenter, mobileLeft, pageRightExtras, transparent: _transparent, hideCloudCredits, tasksEventsPanelOpen, onToggleTasksPanel, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Header.d.ts.map

package/packages/app-core/src/components/shell/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/shell/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AA8E1E,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAuCD,wBAAgB,MAAM,CAAC,EACrB,YAAY,EACZ,UAAU,EACV,eAAe,EACf,WAAW,EAAE,YAAoB,EACjC,gBAAwB,EACxB,oBAA4B,EAC5B,kBAAkB,GACnB,EAAE,WAAW,2CA+jBb"}

package/packages/app-core/src/components/shell/Header.js

@@ -1,298 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from "@elizaos/ui";
-import { ChevronRight, ListTodo, Settings } from "lucide-react";
-import { useCallback, useEffect, useMemo } from "react";
-import { isElectrobunRuntime } from "../../bridge/electrobun-runtime";
-import { useMediaQuery } from "../../hooks";
-import { useAuthStatus } from "../../hooks/useAuthStatus";
-import { getTabGroups, isAppsToolTab, titleForTab, } from "../../navigation";
-import { isDetachedWindowShell, resolveWindowShellRoute, } from "../../platform/window-shell";
-import { useApp } from "../../state";
-import { getOverlayApp } from "../apps/overlay-app-registry";
-import { CloudStatusBadge } from "../cloud/CloudStatusBadge";
-import { CompanionInferenceAlertButton as InferenceCloudAlertButton, resolveCompanionInferenceNotice, } from "../companion/injected";
-import { LanguageDropdown } from "../shared/LanguageDropdown";
-import { ThemeToggle } from "../shared/ThemeToggle";
-import { HEADER_BUTTON_STYLE } from "./ShellHeaderControls";
-const MOBILE_HEADER_MEDIA_QUERY = "(max-width: 819px)";
-const DESKTOP_LABEL_COLLAPSE_MEDIA_QUERY = "(max-width: 1380px)";
-const NAV_LABEL_I18N_KEY = {
-    Apps: "nav.apps",
-    Automations: "nav.automations",
-    Browser: "nav.browser",
-    Character: "nav.character",
-    Chat: "nav.chat",
-    Companion: "nav.companion",
-    Connectors: "nav.social",
-    Heartbeats: "nav.heartbeats",
-    Knowledge: "nav.knowledge",
-    LifeOps: "nav.lifeops",
-    Settings: "nav.settings",
-    Stream: "nav.stream",
-    Wallet: "nav.wallet",
-};
-const NAV_DESCRIPTION_I18N_KEY = {
-    Apps: "nav.description.apps",
-    Automations: "nav.description.automations",
-    Browser: "nav.description.browser",
-    Character: "nav.description.character",
-    Chat: "nav.description.chat",
-    Settings: "nav.description.settings",
-    Stream: "nav.description.stream",
-    Wallet: "nav.description.wallet",
-};
-const TOPBAR_NAV_BUTTON_CLASSNAME = "group relative inline-flex h-[2.375rem] min-h-[2.375rem] shrink-0 items-center gap-2 rounded-md border border-transparent px-2.5 text-xs font-medium text-muted transition-colors duration-150 hover:text-txt after:absolute after:inset-x-2.5 after:bottom-0 after:h-[3px] after:rounded-t-full after:bg-accent/70 after:opacity-0 after:transition-opacity after:duration-150 hover:after:opacity-55";
-const TOPBAR_NAV_BUTTON_ACTIVE_CLASSNAME = "text-accent after:opacity-100";
-const TOPBAR_ICON_BUTTON_CLASSNAME = "relative inline-flex h-[2.375rem] w-[2.375rem] min-h-[2.375rem] min-w-[2.375rem] shrink-0 items-center justify-center rounded-md border border-transparent bg-transparent text-muted transition-colors duration-150 hover:text-txt after:absolute after:inset-x-2 after:bottom-0 after:h-[3px] after:rounded-t-full after:bg-accent/70 after:opacity-0 after:transition-opacity after:duration-150 hover:after:opacity-55";
-const TOPBAR_ICON_BUTTON_ACTIVE_CLASSNAME = "text-accent after:opacity-100";
-const TOPBAR_RIGHT_ICON_BUTTON_CLASSNAME = "inline-flex h-[2.375rem] w-[2.375rem] min-h-[2.375rem] min-w-[2.375rem] shrink-0 items-center justify-center rounded-md border border-transparent !bg-transparent text-muted shadow-none ring-0 transition-colors duration-150 hover:!bg-transparent hover:text-txt active:!bg-transparent data-[state=open]:!bg-transparent";
-const TOPBAR_RIGHT_ICON_BUTTON_ACTIVE_CLASSNAME = "text-accent";
-const MOBILE_BOTTOM_NAV_BUTTON_CLASSNAME = "group relative inline-flex h-11 w-11 min-h-11 min-w-11 shrink-0 items-center justify-center rounded-md text-muted transition-colors duration-150 hover:text-txt after:absolute after:inset-x-2 after:top-0 after:h-[2px] after:rounded-b-full after:bg-accent/70 after:opacity-0 after:transition-opacity after:duration-150";
-const MOBILE_BOTTOM_NAV_BUTTON_ACTIVE_CLASSNAME = "text-accent after:opacity-100";
-const ACCESS_BADGE_CLASSNAME = "inline-flex h-[2.375rem] max-w-[15rem] shrink-0 items-center gap-1.5 rounded-md border border-border/45 bg-bg/45 px-2 text-[11px] font-medium leading-none text-muted shadow-none";
-function shouldShowMacDesktopTitleBar() {
-    if (!isElectrobunRuntime())
-        return false;
-    if (typeof navigator === "undefined")
-        return false;
-    if (!/Mac/i.test(navigator.userAgent))
-        return false;
-    if (/(iPhone|iPad|iPod)/i.test(navigator.userAgent))
-        return false;
-    const route = resolveWindowShellRoute();
-    return !isDetachedWindowShell(route);
-}
-function resolveAccessBadgeContent(state) {
-    const access = state.phase === "authenticated" || state.phase === "unauthenticated"
-        ? state.access
-        : undefined;
-    if (!access)
-        return null;
-    if (access.mode === "local") {
-        const secondary = access.passwordConfigured
-            ? "Remote password set"
-            : "Remote password off";
-        return {
-            primary: "Local",
-            secondary,
-            title: `Local access, ${secondary}`,
-        };
-    }
-    if (state.phase !== "authenticated")
-        return null;
-    return {
-        primary: "Remote",
-        title: "Remote session",
-    };
-}
-export function Header({ mobileCenter, mobileLeft, pageRightExtras, transparent: _transparent = false, hideCloudCredits = false, tasksEventsPanelOpen = false, onToggleTasksPanel, }) {
-    const { activeGameRunId, activeOverlayApp, appRuns, browserEnabled, chatLastUsage, conversationMessages, elizaCloudAuthRejected, elizaCloudConnected, elizaCloudCredits, elizaCloudCreditsCritical, elizaCloudCreditsError, elizaCloudCreditsLow, elizaCloudEnabled, loadDropStatus, plugins, setState, setTab, setUiLanguage, setUiTheme, tab, t, uiLanguage, uiTheme, walletEnabled, } = useApp();
-    const { state: authStatusState } = useAuthStatus({ observeOnly: true });
-    const isMobileViewport = useMediaQuery(MOBILE_HEADER_MEDIA_QUERY);
-    const collapseDesktopNavLabels = useMediaQuery(DESKTOP_LABEL_COLLAPSE_MEDIA_QUERY);
-    const showMacDesktopTitleBar = shouldShowMacDesktopTitleBar();
-    const showCloudStatus = !hideCloudCredits && !isMobileViewport;
-    const accessBadgeContent = useMemo(() => resolveAccessBadgeContent(authStatusState), [authStatusState]);
-    const stopHeaderPointerPropagation = useCallback((event) => {
-        event.stopPropagation();
-    }, []);
-    useEffect(() => {
-        void loadDropStatus();
-    }, [loadDropStatus]);
-    useEffect(() => {
-        setState("chatMode", "power");
-    }, [setState]);
-    useEffect(() => {
-        if (typeof document === "undefined") {
-            return;
-        }
-        if (isMobileViewport) {
-            document.documentElement.classList.add("eliza-mobile-bottom-nav");
-        }
-        else {
-            document.documentElement.classList.remove("eliza-mobile-bottom-nav");
-        }
-        return () => {
-            document.documentElement.classList.remove("eliza-mobile-bottom-nav");
-        };
-    }, [isMobileViewport]);
-    useEffect(() => {
-        if (typeof document === "undefined") {
-            return;
-        }
-        if (showMacDesktopTitleBar) {
-            document.documentElement.classList.add("eliza-electrobun-custom-titlebar");
-        }
-        else {
-            document.documentElement.classList.remove("eliza-electrobun-custom-titlebar");
-        }
-        return () => {
-            document.documentElement.classList.remove("eliza-electrobun-custom-titlebar");
-        };
-    }, [showMacDesktopTitleBar]);
-    const streamingEnabled = useMemo(() => plugins.some((plugin) => plugin.id === "streaming-base" && plugin.enabled), [plugins]);
-    const tabGroups = useMemo(() => getTabGroups(streamingEnabled, walletEnabled, browserEnabled), [browserEnabled, streamingEnabled, walletEnabled]);
-    const settingsTabGroup = useMemo(() => tabGroups.find((group) => group.label === "Settings") ?? null, [tabGroups]);
-    const primaryDesktopGroups = useMemo(() => tabGroups.filter((group) => group.label !== "Settings"), [tabGroups]);
-    const localizeNavLabel = useCallback((label) => t(NAV_LABEL_I18N_KEY[label] ?? label, { defaultValue: label }), [t]);
-    // ── Active-app breadcrumb ────────────────────────────────────────────
-    // Surfaces "Apps > <AppName>" in the header center so the user knows which
-    // app they're inside. Three sources, in priority order:
-    //
-    //  1. Active game run (`activeGameRunId` resolved against `appRuns`).
-    //  2. Active full-screen overlay app (`activeOverlayApp` resolved against
-    //     the overlay registry — Companion, Shopify, Vincent, etc.).
-    //  3. The current tab is an "apps tool tab" — LifeOps, Plugins, Skills,
-    //     Trajectories, etc. These live at `/apps/<slug>` paths and belong to
-    //     the Apps nav group, so the user mentally treats them as apps.
-    //
-    // Overlay apps render full-screen on top of every tab (App.tsx gates on
-    // `activeOverlayApp !== null`), so the breadcrumb for sources (1) and (2)
-    // is correct regardless of the underlying `tab` value.
-    const activeAppCrumbLabel = useMemo(() => {
-        if (activeGameRunId) {
-            const run = appRuns.find((entry) => entry.runId === activeGameRunId);
-            if (run) {
-                const label = (run.displayName || run.appName).trim();
-                return label.length > 0 ? label : null;
-            }
-        }
-        if (activeOverlayApp) {
-            const overlay = getOverlayApp(activeOverlayApp);
-            if (overlay) {
-                const label = (overlay.displayName || overlay.name).trim();
-                return label.length > 0 ? label : null;
-            }
-            // Registry miss: don't leak the raw slug to the user. Hide the crumb
-            // until the registry resolves the app (or the active app changes).
-            return null;
-        }
-        if (isAppsToolTab(tab)) {
-            // Tool tabs use English titles via titleForTab; localizeNavLabel maps
-            // those to i18n keys when present (e.g. "LifeOps" → "nav.lifeops") and
-            // falls back to the literal label otherwise.
-            const title = titleForTab(tab);
-            const label = localizeNavLabel(title);
-            return label.length > 0 ? label : null;
-        }
-        return null;
-    }, [activeGameRunId, activeOverlayApp, appRuns, localizeNavLabel, tab]);
-    // Whether the active crumb originates from an overlay/game run vs a tool
-    // tab. The home-click handler differs between these: overlay/run crumbs
-    // need the state cleared, tool-tab crumbs just navigate.
-    const breadcrumbSourceIsApp = useMemo(() => {
-        if (activeGameRunId) {
-            return appRuns.some((entry) => entry.runId === activeGameRunId);
-        }
-        if (activeOverlayApp) {
-            return getOverlayApp(activeOverlayApp) !== undefined;
-        }
-        return false;
-    }, [activeGameRunId, activeOverlayApp, appRuns]);
-    // Breadcrumb "home" click sends the user back to the Apps catalog.
-    // For overlay apps and game runs this also clears the active state — that
-    // mirrors `OverlayAppContext.exitToApps()` ("Navigate back to the apps tab
-    // and close this overlay"). For tool tabs (LifeOps, Plugins, ...) we only
-    // navigate; there's no overlay state to clear.
-    const handleAppCrumbHomeClick = useCallback(() => {
-        if (breadcrumbSourceIsApp) {
-            setState("activeOverlayApp", null);
-            setState("activeGameRunId", "");
-        }
-        setTab("apps");
-    }, [breadcrumbSourceIsApp, setState, setTab]);
-    const localizeTabGroup = useCallback((group) => ({
-        description: group.description && NAV_DESCRIPTION_I18N_KEY[group.label]
-            ? t(NAV_DESCRIPTION_I18N_KEY[group.label], {
-                defaultValue: group.description,
-            })
-            : group.description,
-        label: localizeNavLabel(group.label),
-    }), [localizeNavLabel, t]);
-    const breadcrumbNode = useMemo(() => {
-        if (!activeAppCrumbLabel)
-            return null;
-        const appsLabel = localizeNavLabel("Apps");
-        const homeButtonClass = isMobileViewport
-            ? "inline-flex h-11 min-h-11 items-center rounded-[var(--radius-sm)] px-2 font-medium text-muted transition-colors hover:bg-bg-hover/40 hover:text-txt focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40"
-            : "inline-flex items-center rounded-[var(--radius-sm)] px-1 py-0.5 font-medium text-muted transition-colors hover:bg-bg-hover/40 hover:text-txt focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40";
-        return (_jsxs("nav", { className: "flex min-w-0 items-center gap-1 px-2 text-xs", "aria-label": t("aria.breadcrumb", { defaultValue: "Breadcrumb" }), "data-testid": "header-breadcrumb", children: [_jsx("button", { type: "button", onClick: handleAppCrumbHomeClick, onPointerDown: stopHeaderPointerPropagation, "data-testid": "header-breadcrumb-home", "data-no-camera-drag": "true", className: homeButtonClass, children: appsLabel }), _jsx(ChevronRight, { className: "h-3 w-3 shrink-0 text-muted/60", "aria-hidden": "true" }), _jsx("span", { className: "truncate px-1 py-0.5 font-medium text-txt", "data-testid": "header-breadcrumb-current", "aria-current": "page", title: activeAppCrumbLabel, children: activeAppCrumbLabel })] }));
-    }, [
-        activeAppCrumbLabel,
-        handleAppCrumbHomeClick,
-        isMobileViewport,
-        localizeNavLabel,
-        stopHeaderPointerPropagation,
-        t,
-    ]);
-    const openCloudBilling = useCallback(() => {
-        setState("cloudDashboardView", "billing");
-        setTab("settings");
-    }, [setState, setTab]);
-    const chatInferenceNotice = useMemo(() => {
-        if (tab !== "chat")
-            return null;
-        return resolveCompanionInferenceNotice({
-            chatLastUsageModel: chatLastUsage?.model,
-            elizaCloudAuthRejected,
-            elizaCloudConnected,
-            elizaCloudCreditsError,
-            elizaCloudEnabled,
-            hasInterruptedAssistant: (conversationMessages ?? []).some((message) => message.role === "assistant" && message.interrupted),
-            t,
-        });
-    }, [
-        chatLastUsage?.model,
-        conversationMessages,
-        elizaCloudAuthRejected,
-        elizaCloudConnected,
-        elizaCloudCreditsError,
-        elizaCloudEnabled,
-        tab,
-        t,
-    ]);
-    const handleChatInferenceAlertClick = useCallback(() => {
-        if (!chatInferenceNotice)
-            return;
-        if (chatInferenceNotice.kind === "cloud") {
-            setState("cloudDashboardView", "billing");
-        }
-        setTab("settings");
-    }, [chatInferenceNotice, setState, setTab]);
-    const settingsButtonLabel = settingsTabGroup
-        ? localizeTabGroup(settingsTabGroup).label
-        : t("nav.settings", { defaultValue: "Settings" });
-    const isSettingsActive = settingsTabGroup?.tabs.includes(tab) ?? false;
-    const desktopTaskToggle = onToggleTasksPanel ? (_jsx(Button, { size: "icon", variant: "ghost", className: `${TOPBAR_ICON_BUTTON_CLASSNAME} ${tasksEventsPanelOpen ? TOPBAR_ICON_BUTTON_ACTIVE_CLASSNAME : ""}`, onClick: onToggleTasksPanel, onPointerDown: stopHeaderPointerPropagation, "aria-label": t("taskseventspanel.Title", {
-            defaultValue: "Tasks & Events",
-        }), "aria-pressed": tasksEventsPanelOpen, style: HEADER_BUTTON_STYLE, "data-testid": "header-tasks-events-toggle", "data-no-camera-drag": "true", children: _jsx(ListTodo, { className: "pointer-events-none h-4 w-4" }) })) : null;
-    const settingsButton = (_jsx(Button, { size: "icon", variant: "ghost", className: `${TOPBAR_RIGHT_ICON_BUTTON_CLASSNAME} ${isSettingsActive ? TOPBAR_RIGHT_ICON_BUTTON_ACTIVE_CLASSNAME : ""}`, onClick: () => setTab(settingsTabGroup?.tabs[0] ?? "settings"), onPointerDown: stopHeaderPointerPropagation, "aria-label": settingsButtonLabel, title: settingsButtonLabel, style: HEADER_BUTTON_STYLE, "data-testid": "header-settings-button", "data-no-camera-drag": "true", children: _jsx(Settings, { className: "pointer-events-none h-4 w-4" }) }));
-    const mobileBottomNav = isMobileViewport ? (_jsx("nav", { className: "fixed inset-x-0 bottom-0 z-40 border-t border-border/55 bg-bg/95 px-2 pt-1.5 shadow-[0_-1px_0_rgba(255,255,255,0.04)] backdrop-blur-xl", style: {
-            paddingBottom: "max(0.375rem, var(--safe-area-bottom, 0px))",
-        }, "aria-label": t("aria.navMenu"), "data-testid": "header-mobile-bottom-nav", "data-no-camera-drag": "true", children: _jsx("div", { className: "scrollbar-hide flex min-w-0 items-center justify-between gap-1 overflow-x-auto", children: tabGroups.map((group) => {
-                const primaryTab = group.tabs[0];
-                const isActive = group.tabs.includes(tab);
-                const localizedGroup = localizeTabGroup(group);
-                return (_jsx(Button, { variant: "ghost", "data-testid": `header-mobile-bottom-nav-button-${primaryTab}`, className: `${MOBILE_BOTTOM_NAV_BUTTON_CLASSNAME} ${isActive ? MOBILE_BOTTOM_NAV_BUTTON_ACTIVE_CLASSNAME : ""}`, onClick: () => setTab(primaryTab), onPointerDown: stopHeaderPointerPropagation, "aria-label": localizedGroup.label, "aria-current": isActive ? "page" : undefined, title: localizedGroup.label, style: HEADER_BUTTON_STYLE, "data-no-camera-drag": "true", children: _jsx(group.icon, { className: "pointer-events-none h-4.5 w-4.5 shrink-0" }) }, group.label));
-            }) }) })) : null;
-    const rightDesktopControls = (_jsxs("div", { className: "flex min-w-0 items-center justify-end gap-1.5", "data-no-camera-drag": "true", children: [pageRightExtras, desktopTaskToggle, chatInferenceNotice ? (_jsx(InferenceCloudAlertButton, { notice: chatInferenceNotice, onClick: handleChatInferenceAlertClick })) : null, showCloudStatus ? (_jsx(CloudStatusBadge, { connected: elizaCloudConnected, credits: elizaCloudCredits, creditsLow: elizaCloudCreditsLow, creditsCritical: elizaCloudCreditsCritical, authRejected: elizaCloudAuthRejected, creditsError: elizaCloudCreditsError, t: t, onClick: openCloudBilling, dataTestId: "header-cloud-status" })) : null, accessBadgeContent ? (_jsxs("div", { className: ACCESS_BADGE_CLASSNAME, title: accessBadgeContent.title, "data-testid": "header-access-badge", children: [_jsx("span", { className: "shrink-0 text-txt", children: accessBadgeContent.primary }), accessBadgeContent.secondary ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "h-1 w-1 shrink-0 rounded-full bg-muted/55", "aria-hidden": "true" }), _jsx("span", { className: "truncate", children: accessBadgeContent.secondary })] })) : null] })) : null, _jsx("div", { className: "max-[819px]:hidden", children: _jsx(LanguageDropdown, { uiLanguage: uiLanguage, setUiLanguage: setUiLanguage, t: t, variant: "titlebar" }) }), _jsx("div", { className: "max-[819px]:hidden", children: _jsx(ThemeToggle, { uiTheme: uiTheme, setUiTheme: setUiTheme, t: t, variant: "titlebar" }) }), settingsButton] }));
-    return (_jsxs(_Fragment, { children: [_jsx("header", { className: "sticky top-0 z-30 w-full select-none border-b border-border/50 bg-bg/88 shadow-[0_1px_0_rgba(255,255,255,0.04)] backdrop-blur-xl", style: { WebkitUserSelect: "none", userSelect: "none" }, children: _jsx("div", { className: showMacDesktopTitleBar ? "pointer-events-auto" : undefined, "data-window-titlebar": showMacDesktopTitleBar ? "true" : undefined, "data-testid": showMacDesktopTitleBar ? "desktop-window-titlebar" : undefined, children: _jsx("div", { className: isMobileViewport
-                            ? "grid min-h-[2.375rem] grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-2 px-2"
-                            : "grid min-h-[2.375rem] grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3 px-3", "data-window-titlebar-padding": showMacDesktopTitleBar ? "true" : undefined, children: isMobileViewport ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex min-w-0 items-center justify-start gap-1", "data-no-camera-drag": "true", children: mobileLeft }), _jsx("div", { className: mobileCenter || breadcrumbNode
-                                        ? "flex h-[2.375rem] min-w-0 items-center justify-center"
-                                        : "pointer-events-none h-[2.375rem] min-w-0", "data-testid": showMacDesktopTitleBar
-                                        ? "desktop-window-titlebar-drag-zone"
-                                        : undefined, "data-no-camera-drag": mobileCenter || breadcrumbNode ? "true" : undefined, "aria-hidden": mobileCenter || breadcrumbNode ? undefined : "true", children: mobileCenter ?? breadcrumbNode }), _jsxs("div", { className: "flex min-w-0 items-center justify-end gap-1", "data-no-camera-drag": "true", children: [pageRightExtras, desktopTaskToggle, chatInferenceNotice ? (_jsx(InferenceCloudAlertButton, { notice: chatInferenceNotice, onClick: handleChatInferenceAlertClick })) : null] })] })) : (_jsxs(_Fragment, { children: [_jsx("nav", { className: "scrollbar-hide flex min-w-0 items-center gap-1 overflow-x-auto pr-2", "aria-label": t("aria.navMenu"), "data-no-camera-drag": "true", children: primaryDesktopGroups.map((group) => {
-                                        const primaryTab = group.tabs[0];
-                                        const isActive = group.tabs.includes(tab);
-                                        const localizedGroup = localizeTabGroup(group);
-                                        return (_jsxs(Button, { variant: "ghost", "data-testid": `header-nav-button-${primaryTab}`, className: `${TOPBAR_NAV_BUTTON_CLASSNAME} ${isActive ? TOPBAR_NAV_BUTTON_ACTIVE_CLASSNAME : ""}`, onClick: () => setTab(primaryTab), onPointerDown: stopHeaderPointerPropagation, "aria-label": localizedGroup.label, title: collapseDesktopNavLabels
-                                                ? localizedGroup.label
-                                                : (localizedGroup.description ??
-                                                    localizedGroup.label), style: HEADER_BUTTON_STYLE, "data-no-camera-drag": "true", children: [_jsx(group.icon, { className: "pointer-events-none h-4 w-4 shrink-0" }), _jsx("span", { "data-testid": `header-nav-label-${primaryTab}`, className: `pointer-events-none truncate ${collapseDesktopNavLabels ? "hidden" : "inline"}`, children: localizedGroup.label })] }, group.label));
-                                    }) }), breadcrumbNode ? (_jsx("div", { className: "flex h-[2.375rem] min-w-0 items-center justify-center", "data-testid": showMacDesktopTitleBar
-                                        ? "desktop-window-titlebar-drag-zone"
-                                        : undefined, "data-no-camera-drag": "true", children: breadcrumbNode })) : (_jsx("div", { className: "pointer-events-none h-[2.375rem] w-[clamp(3rem,8vw,8rem)] min-w-0", "data-testid": showMacDesktopTitleBar
-                                        ? "desktop-window-titlebar-drag-zone"
-                                        : undefined, "aria-hidden": "true" })), rightDesktopControls] })) }) }) }), mobileBottomNav] }));
-}

package/packages/app-core/src/components/shell/LoadingScreen.d.ts

@@ -1,13 +0,0 @@
-/**
- * Loading screen — NieR: Automata inspired loader with horizontal progress bar,
- * phase label, and percentage indicator.
- */
-import type { StartupPhase } from "../../state";
-interface LoadingScreenProps {
-    phase?: StartupPhase;
-    elapsedSeconds?: number;
-    vrmUrl?: string;
-}
-export declare function LoadingScreen({ phase, elapsedSeconds, vrmUrl, }: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=LoadingScreen.d.ts.map

package/packages/app-core/src/components/shell/LoadingScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingScreen.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/shell/LoadingScreen.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAwBhD,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAA0B,EAC1B,cAAc,EACd,MAAM,GACP,EAAE,kBAAkB,2CA+FpB"}