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

package/apps/app-companion/src/components/companion/CompanionHeader.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LanguageDropdown, ThemeToggle, useMediaQuery, } from "@elizaos/app-core";
-import { Button } from "@elizaos/ui";
-import { MessageCirclePlus, Monitor, PencilLine, Settings, Smartphone, UserRound, Volume2, VolumeX, } from "lucide-react";
-import { memo } from "react";
-const SHELL_MODE_MOBILE_BREAKPOINT = 639;
-const SHELL_MODE_MOBILE_MEDIA_QUERY = `(max-width: ${SHELL_MODE_MOBILE_BREAKPOINT}px)`;
-export const CompanionHeader = memo(function CompanionHeader(props) {
-    const { activeView = "companion", onExitToDesktop, onExitToCharacter, onOpenSettings, onSwitchToCompanion, uiLanguage, setUiLanguage, uiTheme, setUiTheme, t, chatAgentVoiceMuted = false, onToggleVoiceMute, onNewChat, rightExtras, } = props;
-    const isMobileViewport = useMediaQuery(SHELL_MODE_MOBILE_MEDIA_QUERY);
-    const voiceToggleLabel = chatAgentVoiceMuted
-        ? t("companion.agentVoiceOff")
-        : t("companion.agentVoiceOn");
-    // Mode selector pill — companion & character switch views within the
-    // overlay; desktop exits the overlay entirely.
-    const shellOptions = [
-        {
-            view: "companion",
-            label: t("header.companionMode"),
-            Icon: UserRound,
-            onClick: activeView === "companion"
-                ? () => { }
-                : (onSwitchToCompanion ?? (() => { })),
-        },
-        {
-            view: "character",
-            label: t("header.characterMode"),
-            Icon: PencilLine,
-            onClick: activeView === "character" ? () => { } : onExitToCharacter,
-        },
-        {
-            view: "settings",
-            label: "Companion settings",
-            Icon: Settings,
-            onClick: activeView === "settings" ? () => { } : (onOpenSettings ?? (() => { })),
-        },
-        {
-            view: "desktop",
-            label: t("header.nativeMode"),
-            Icon: isMobileViewport ? Smartphone : Monitor,
-            onClick: onExitToDesktop,
-        },
-    ];
-    return (_jsx("header", { className: "absolute inset-x-0 top-0 z-10 overflow-visible", "data-no-camera-drag": "true", children: _jsx("div", { className: "px-2 py-1", children: _jsx("div", { className: "pointer-events-auto relative mx-auto w-full rounded-[20px] border border-transparent bg-transparent shadow-none ring-0 backdrop-blur-none bg-clip-padding transition-all sm:rounded-[22px] px-2.5 py-2 sm:px-4 sm:py-3", "data-testid": "companion-header-shell", "data-no-camera-drag": "true", children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx("div", { className: "flex shrink-0 items-center gap-2", "data-no-camera-drag": "true", children: _jsxs("fieldset", { className: "inline-flex items-center gap-0.5 rounded-xl border border-border/45 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_52%,transparent),color-mix(in_srgb,var(--bg)_34%,transparent))] p-0.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_12px_28px_rgba(3,5,10,0.12)] ring-1 ring-inset ring-white/6 backdrop-blur-xl", "data-testid": "companion-shell-toggle", "data-no-camera-drag": "true", "aria-label": t("aria.switchShellView"), children: [_jsx("legend", { className: "sr-only", children: t("aria.switchShellView") }), shellOptions.map(({ view, label, Icon, onClick }, index) => {
-                                        const selected = view === activeView;
-                                        const edgeClass = index === 0
-                                            ? "rounded-l-xl rounded-r-none"
-                                            : index === shellOptions.length - 1
-                                                ? "rounded-l-none rounded-r-xl"
-                                                : "rounded-none";
-                                        return (_jsx(Button, { size: "icon", onClick: onClick, onPointerDown: (event) => event.stopPropagation(), className: `h-11 min-h-touch min-w-touch px-3 transition-all duration-200 ${edgeClass} ${selected
-                                                ? "border-[color:color-mix(in_srgb,var(--accent)_34%,var(--border))] bg-[linear-gradient(180deg,color-mix(in_srgb,var(--accent)_20%,var(--card)),color-mix(in_srgb,var(--accent)_10%,var(--bg)))] text-[color:color-mix(in_srgb,var(--text-strong)_78%,var(--accent)_22%)] shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_8px_20px_rgba(3,5,10,0.12)]"
-                                                : "border border-transparent bg-transparent text-muted-strong hover:border-border/60 hover:bg-bg-hover/80 hover:text-txt"}`, style: {
-                                                clipPath: "none",
-                                                WebkitClipPath: "none",
-                                                touchAction: "manipulation",
-                                            }, "aria-label": label, "aria-pressed": selected, title: label, "data-testid": `companion-shell-toggle-${view}`, "data-no-camera-drag": "true", children: _jsx(Icon, { className: "pointer-events-none h-4 w-4" }) }, view));
-                                    })] }) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("div", { className: "flex items-center justify-center", "data-testid": "companion-header-center-controls", "data-no-camera-drag": "true", children: _jsxs("div", { className: "inline-flex items-center gap-2", children: [onToggleVoiceMute ? (_jsx(Button, { size: "icon", variant: "outline", "aria-label": voiceToggleLabel, "aria-pressed": !chatAgentVoiceMuted, title: voiceToggleLabel, className: "inline-flex h-11 w-11 min-h-touch min-w-touch items-center justify-center rounded-xl border border-border/42 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_72%,transparent),color-mix(in_srgb,var(--bg)_44%,transparent))] text-txt shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_14px_32px_rgba(3,5,10,0.14)] ring-1 ring-inset ring-white/6 backdrop-blur-xl supports-[backdrop-filter]:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_62%,transparent),color-mix(in_srgb,var(--bg)_34%,transparent))] transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-accent/55 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_78%,transparent),color-mix(in_srgb,var(--bg-hover)_52%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.22),0_18px_36px_rgba(3,5,10,0.18)] active:scale-[0.98] disabled:active:scale-100 disabled:hover:border-border/42 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_72%,transparent),color-mix(in_srgb,var(--bg)_44%,transparent))] disabled:hover:text-txt pointer-events-auto text-sm leading-none", onClick: onToggleVoiceMute, onPointerDown: (event) => event.stopPropagation(), style: {
-                                                clipPath: "none",
-                                                WebkitClipPath: "none",
-                                                touchAction: "manipulation",
-                                            }, "data-no-camera-drag": "true", children: chatAgentVoiceMuted ? (_jsx(VolumeX, { className: "pointer-events-none h-4 w-4 shrink-0" })) : (_jsx(Volume2, { className: "pointer-events-none h-4 w-4 shrink-0" })) })) : null, onNewChat ? (_jsx(Button, { size: "icon", variant: "outline", "aria-label": t("companion.newChat"), title: t("companion.newChat"), className: "inline-flex h-11 w-11 min-h-touch min-w-touch items-center justify-center rounded-xl border border-border/42 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_72%,transparent),color-mix(in_srgb,var(--bg)_44%,transparent))] text-txt shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_14px_32px_rgba(3,5,10,0.14)] ring-1 ring-inset ring-white/6 backdrop-blur-xl supports-[backdrop-filter]:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_62%,transparent),color-mix(in_srgb,var(--bg)_34%,transparent))] transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-accent/55 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_78%,transparent),color-mix(in_srgb,var(--bg-hover)_52%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.22),0_18px_36px_rgba(3,5,10,0.18)] active:scale-[0.98] disabled:active:scale-100 disabled:hover:border-border/42 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_72%,transparent),color-mix(in_srgb,var(--bg)_44%,transparent))] disabled:hover:text-txt pointer-events-auto text-sm leading-none", onClick: onNewChat, onPointerDown: (event) => event.stopPropagation(), style: {
-                                                clipPath: "none",
-                                                WebkitClipPath: "none",
-                                                touchAction: "manipulation",
-                                            }, "data-no-camera-drag": "true", children: _jsx(MessageCirclePlus, { className: "pointer-events-none h-4 w-4 shrink-0" }) })) : null] }) }) }), _jsxs("div", { className: "flex min-w-0 shrink-0 items-center justify-end gap-2 overflow-visible", "data-no-camera-drag": "true", children: [rightExtras, _jsx("div", { className: "shrink-0", "data-no-camera-drag": "true", children: _jsx(LanguageDropdown, { uiLanguage: uiLanguage, setUiLanguage: setUiLanguage, t: t, variant: "companion", triggerClassName: "!h-11 !min-h-touch !min-w-touch !rounded-xl !px-3.5 sm:!px-3.5 leading-none" }) }), _jsx("div", { className: "shrink-0", "data-no-camera-drag": "true", children: _jsx(ThemeToggle, { uiTheme: uiTheme, setUiTheme: setUiTheme, t: t, variant: "companion", className: "!h-11 !w-11 !min-h-touch !min-w-touch" }) })] })] }) }) }) }));
-});

package/apps/app-companion/src/components/companion/CompanionPerformanceSettings.d.ts

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

package/apps/app-companion/src/components/companion/CompanionPerformanceSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompanionPerformanceSettings.d.ts","sourceRoot":"","sources":["../../../../../../../../apps/app-companion/src/components/companion/CompanionPerformanceSettings.tsx"],"names":[],"mappings":"AAWA,wBAAgB,4BAA4B,4CAwH3C"}

package/apps/app-companion/src/components/companion/CompanionPerformanceSettings.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApp, } from "@elizaos/app-core";
-import { Button, Switch } from "@elizaos/ui";
-import { COMPANION_HALF_FRAMERATE_OPTIONS, COMPANION_VRM_POWER_OPTIONS, } from "../../types/render-modes";
-export function CompanionPerformanceSettings() {
-    const { companionVrmPowerMode, setCompanionVrmPowerMode, companionHalfFramerateMode, setCompanionHalfFramerateMode, companionAnimateWhenHidden, setCompanionAnimateWhenHidden, t, } = useApp();
-    return (_jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-muted", children: t("settings.appearance.companionPerformance", {
-                    defaultValue: "Companion performance",
-                }) }), _jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border bg-card/60 px-3 py-3", "data-testid": "settings-companion-vrm-power", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs font-semibold text-txt", children: t("settings.companionVrmPower.label", {
-                                    defaultValue: "Companion rendering",
-                                }) }), _jsx("div", { className: "mt-1 text-2xs leading-snug text-muted", children: t("settings.companionVrmPower.desc", {
-                                    defaultValue: "Control how much GPU the 3D companion uses while rendering.",
-                                }) })] }), _jsx(SegmentedSetting, { children: COMPANION_VRM_POWER_OPTIONS.map((mode) => {
-                            const active = companionVrmPowerMode === mode;
-                            return (_jsx(Button, { type: "button", variant: active ? "default" : "ghost", size: "sm", className: "min-h-touch flex-1 basis-[calc(50%-0.25rem)] rounded-lg border px-2 py-1.5 text-xs-tight font-semibold !whitespace-normal sm:basis-0", onClick: () => setCompanionVrmPowerMode(mode), "aria-pressed": active, children: t(`settings.companionVrmPower.${mode}`) }, mode));
-                        }) }), _jsxs("div", { className: "flex flex-col gap-2 border-t border-border pt-3", "data-testid": "settings-companion-half-framerate", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs font-semibold text-txt", children: t("settings.companionHalfFramerate.label", {
-                                            defaultValue: "Companion frame rate",
-                                        }) }), _jsx("div", { className: "mt-1 text-2xs leading-snug text-muted", children: t("settings.companionHalfFramerate.desc", {
-                                            defaultValue: "Optionally cap the 3D companion at about half display refresh rate.",
-                                        }) })] }), _jsx(SegmentedSetting, { children: COMPANION_HALF_FRAMERATE_OPTIONS.map((mode) => {
-                                    const active = companionHalfFramerateMode === mode;
-                                    return (_jsx(Button, { type: "button", variant: active ? "default" : "ghost", size: "sm", className: "min-h-touch flex-1 basis-[calc(50%-0.25rem)] rounded-lg border px-2 py-1.5 text-xs-tight font-semibold !whitespace-normal sm:basis-0", onClick: () => setCompanionHalfFramerateMode(mode), "aria-pressed": active, children: t(`settings.companionHalfFramerate.${mode}`) }, mode));
-                                }) })] }), _jsxs("div", { className: "flex flex-col gap-2 border-t border-border pt-3", "data-testid": "settings-companion-animate-when-hidden", children: [_jsx("div", { className: "text-xs font-semibold text-txt", children: t("settings.companionAnimateWhenHidden.title", {
-                                    defaultValue: "Animate in background",
-                                }) }), _jsxs("div", { className: "flex items-end justify-between gap-3", children: [_jsx("div", { className: "min-w-0 flex-1 pr-2 text-2xs leading-snug text-muted", children: t("settings.companionAnimateWhenHidden.desc", {
-                                            defaultValue: "Keep the avatar idling while the window or tab is hidden.",
-                                        }) }), _jsx(Switch, { className: "shrink-0", checked: companionAnimateWhenHidden, onCheckedChange: setCompanionAnimateWhenHidden, "aria-label": t("settings.companionAnimateWhenHidden.title", {
-                                            defaultValue: "Animate in background",
-                                        }) })] })] })] })] }));
-}
-function SegmentedSetting({ children }) {
-    return _jsx("div", { className: "flex flex-wrap gap-1.5", children: children });
-}

package/apps/app-companion/src/components/companion/CompanionSceneHost.d.ts

@@ -1,15 +0,0 @@
-import { type ReactNode } from "react";
-export declare function hasCompanionTeleportCompletedOnce(): boolean;
-declare function CompanionSceneSurface({ active, interactive, children, }: {
-    active: boolean;
-    interactive?: boolean;
-    children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare const CompanionSceneHost: import("react").MemoExoticComponent<typeof CompanionSceneSurface>;
-export declare function SharedCompanionScene({ active, interactive, children, }: {
-    active: boolean;
-    interactive?: boolean;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=CompanionSceneHost.d.ts.map

package/apps/app-companion/src/components/companion/CompanionSceneHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompanionSceneHost.d.ts","sourceRoot":"","sources":["../../../../../../../../apps/app-companion/src/components/companion/CompanionSceneHost.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AA2Cf,wBAAgB,iCAAiC,IAAI,OAAO,CAE3D;AAgFD,iBAAS,qBAAqB,CAAC,EAC7B,MAAM,EACN,WAAkB,EAClB,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAsfA;AAMD,eAAO,MAAM,kBAAkB,mEAA8B,CAAC;AAE9D,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,WAAkB,EAClB,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAQA"}

package/apps/app-companion/src/components/companion/CompanionSceneHost.js

@@ -1,476 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { dispatchAppEmoteEvent, getVrmPreviewUrl, getVrmUrl, resolveCharacterGreetingAnimation, useCompanionSceneConfig, useRenderGuard, useTranslation, VRM_COUNT, VRM_TELEPORT_COMPLETE_EVENT, } from "@elizaos/app-core";
-import { memo, useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { prefetchVrmToCache } from "../avatar/VrmEngine";
-import { CompanionSceneStatusContext } from "./companion-scene-status-context";
-import { SharedCompanionSceneContext } from "./shared-companion-scene-context";
-import { VrmStage } from "./VrmStage";
-const COMPANION_ZOOM_WHEEL_SENSITIVITY = 1 / 720;
-const COMPANION_ZOOM_PINCH_SENSITIVITY = 2.35;
-const COMPANION_ZOOM_STORAGE_KEY = "eliza.companion.zoom.v1";
-const DEFAULT_COMPANION_ZOOM = 0.95;
-const COMPANION_TELEPORT_GREETING_DELAY_MS = 400;
-const CAMERA_DRAG_IGNORE_SELECTOR = 'button, a, label, input, textarea, select, option, [role="button"], [role="listbox"], [role="tab"], [aria-expanded], [aria-haspopup], [contenteditable="true"], [data-no-camera-drag="true"]';
-const CAMERA_ZOOM_IGNORE_SELECTOR = '[data-no-camera-zoom="true"]';
-const NON_TEXT_INPUT_TYPES = new Set([
-    "button",
-    "checkbox",
-    "color",
-    "file",
-    "hidden",
-    "image",
-    "radio",
-    "range",
-    "reset",
-    "submit",
-]);
-let _companionTeleportCompletedOnce = false;
-export function hasCompanionTeleportCompletedOnce() {
-    return _companionTeleportCompletedOnce;
-}
-function getTouchDistance(points) {
-    const touchPoints = [...points.values()];
-    if (touchPoints.length < 2)
-        return 0;
-    const [firstPoint, secondPoint] = touchPoints;
-    if (!firstPoint || !secondPoint)
-        return 0;
-    return Math.hypot(secondPoint.x - firstPoint.x, secondPoint.y - firstPoint.y);
-}
-function getWheelPixels(event) {
-    if (event.deltaMode === 1)
-        return event.deltaY * 16;
-    if (event.deltaMode === 2) {
-        return event.deltaY * (window.innerHeight || 1);
-    }
-    return event.deltaY;
-}
-function hasFocusedTextEntry() {
-    if (typeof document === "undefined")
-        return false;
-    const activeElement = document.activeElement;
-    if (activeElement instanceof HTMLTextAreaElement) {
-        return true;
-    }
-    if (activeElement instanceof HTMLInputElement) {
-        return !NON_TEXT_INPUT_TYPES.has(activeElement.type.toLowerCase());
-    }
-    return activeElement instanceof HTMLElement
-        ? activeElement.isContentEditable
-        : false;
-}
-function shouldIgnoreCameraDrag(target) {
-    return target instanceof Element
-        ? Boolean(target.closest(CAMERA_DRAG_IGNORE_SELECTOR))
-        : false;
-}
-function shouldIgnoreCameraZoom(target) {
-    return target instanceof Element
-        ? Boolean(target.closest(CAMERA_ZOOM_IGNORE_SELECTOR))
-        : false;
-}
-function clampCompanionZoom(value) {
-    return Math.max(0, Math.min(1, value));
-}
-function loadStoredCompanionZoom() {
-    if (typeof localStorage === "undefined")
-        return DEFAULT_COMPANION_ZOOM;
-    try {
-        const raw = localStorage.getItem(COMPANION_ZOOM_STORAGE_KEY);
-        if (raw === null)
-            return DEFAULT_COMPANION_ZOOM;
-        const parsed = Number(raw);
-        return Number.isFinite(parsed)
-            ? clampCompanionZoom(parsed)
-            : DEFAULT_COMPANION_ZOOM;
-    }
-    catch (err) {
-        console.warn("[CompanionSceneHost] Failed to load stored companion zoom:", err);
-        return DEFAULT_COMPANION_ZOOM;
-    }
-}
-function persistCompanionZoom(value) {
-    if (typeof localStorage === "undefined")
-        return;
-    try {
-        localStorage.setItem(COMPANION_ZOOM_STORAGE_KEY, String(clampCompanionZoom(value)));
-    }
-    catch (err) {
-        console.warn("[CompanionSceneHost] Failed to persist companion zoom:", err);
-    }
-}
-function CompanionSceneSurface({ active, interactive = true, children, }) {
-    useRenderGuard("CompanionSceneHost");
-    const { selectedVrmIndex, customVrmUrl, uiTheme, tab, companionVrmPowerMode, companionHalfFramerateMode, companionAnimateWhenHidden, } = useCompanionSceneConfig();
-    const { t } = useTranslation();
-    const rootRef = useRef(null);
-    const stageEnginesRef = useRef(new Set());
-    const companionZoomRef = useRef(DEFAULT_COMPANION_ZOOM);
-    const companionZoomHydratedRef = useRef(false);
-    const dragOrbitRef = useRef({ yaw: 0, pitch: 0 });
-    const dragStateRef = useRef({
-        active: false,
-        pointerId: null,
-        startX: 0,
-        startY: 0,
-    });
-    const touchPointsRef = useRef(new Map());
-    const pinchStateRef = useRef({
-        active: false,
-        startDistance: 0,
-        startZoom: 0,
-    });
-    if (!companionZoomHydratedRef.current) {
-        companionZoomRef.current = loadStoredCompanionZoom();
-        companionZoomHydratedRef.current = true;
-    }
-    // Lazy-mount VrmStage: only initialize the 3D engine once the scene is
-    // actually needed (first time active becomes true). This prevents the WebGL
-    // context and asset loads from firing in native/chat mode on startup.
-    const hasEverBeenActiveRef = useRef(active);
-    if (active)
-        hasEverBeenActiveRef.current = true;
-    const shouldMountVrm = hasEverBeenActiveRef.current;
-    const setCompanionZoom = useCallback((value) => {
-        const nextZoom = clampCompanionZoom(value);
-        companionZoomRef.current = nextZoom;
-        persistCompanionZoom(nextZoom);
-        for (const engine of stageEnginesRef.current) {
-            engine.setCompanionZoomNormalized(nextZoom);
-        }
-    }, []);
-    const handleStageEngineReady = useCallback((engine) => {
-        stageEnginesRef.current.add(engine);
-        engine.setCompanionZoomNormalized(companionZoomRef.current);
-        engine.setDragOrbitTarget(dragOrbitRef.current.yaw, dragOrbitRef.current.pitch);
-    }, []);
-    const handleStageLayerEngineReady = useCallback((_vrmPath, engine) => {
-        stageEnginesRef.current.add(engine);
-        engine.setCompanionZoomNormalized(companionZoomRef.current);
-        engine.setDragOrbitTarget(dragOrbitRef.current.yaw, dragOrbitRef.current.pitch);
-    }, []);
-    const handlePointerDownCapture = useCallback((event) => {
-        if (!active || !interactive || shouldIgnoreCameraDrag(event.target)) {
-            return;
-        }
-        /* Stop event from reaching children — this is a camera drag */
-        event.stopPropagation();
-        if (typeof window.getSelection === "function") {
-            window.getSelection()?.removeAllRanges();
-        }
-        if (event.pointerType === "touch") {
-            touchPointsRef.current.set(event.pointerId, {
-                x: event.clientX,
-                y: event.clientY,
-            });
-        }
-        event.currentTarget.setPointerCapture(event.pointerId);
-        if (event.pointerType === "touch" && touchPointsRef.current.size >= 2) {
-            pinchStateRef.current = {
-                active: true,
-                startDistance: getTouchDistance(touchPointsRef.current),
-                startZoom: companionZoomRef.current,
-            };
-            dragStateRef.current = {
-                active: false,
-                pointerId: null,
-                startX: 0,
-                startY: 0,
-            };
-            dragOrbitRef.current = { yaw: 0, pitch: 0 };
-            for (const engine of stageEnginesRef.current) {
-                engine.resetDragOrbit();
-            }
-            event.preventDefault?.();
-            return;
-        }
-        dragStateRef.current = {
-            active: true,
-            pointerId: event.pointerId,
-            startX: event.clientX,
-            startY: event.clientY,
-        };
-        event.preventDefault?.();
-    }, [active, interactive]);
-    const handlePointerMoveCapture = useCallback((event) => {
-        if (!active || !interactive)
-            return;
-        if (event.pointerType === "touch" &&
-            touchPointsRef.current.has(event.pointerId)) {
-            touchPointsRef.current.set(event.pointerId, {
-                x: event.clientX,
-                y: event.clientY,
-            });
-            if (pinchStateRef.current.active &&
-                touchPointsRef.current.size >= 2 &&
-                pinchStateRef.current.startDistance > 0) {
-                const viewportSpan = Math.max(1, Math.min(window.innerWidth || event.currentTarget.clientWidth || 1, window.innerHeight || event.currentTarget.clientHeight || 1));
-                const pinchDistance = getTouchDistance(touchPointsRef.current);
-                const zoomDelta = ((pinchDistance - pinchStateRef.current.startDistance) /
-                    viewportSpan) *
-                    COMPANION_ZOOM_PINCH_SENSITIVITY;
-                setCompanionZoom(pinchStateRef.current.startZoom + zoomDelta);
-                event.preventDefault();
-                return;
-            }
-        }
-        const dragState = dragStateRef.current;
-        if (!dragState.active || dragState.pointerId !== event.pointerId) {
-            return;
-        }
-        const width = window.innerWidth || event.currentTarget.clientWidth || 1;
-        const height = window.innerHeight || event.currentTarget.clientHeight || 1;
-        const deltaX = event.clientX - dragState.startX;
-        const deltaY = event.clientY - dragState.startY;
-        const yaw = (deltaX / width) * 1.35;
-        const pitch = (-deltaY / height) * 0.85;
-        dragOrbitRef.current = { yaw, pitch };
-        for (const engine of stageEnginesRef.current) {
-            engine.setDragOrbitTarget(yaw, pitch);
-        }
-        event.preventDefault();
-    }, [active, interactive, setCompanionZoom]);
-    const handleWheelCapture = useCallback((event) => {
-        if (!active || !interactive)
-            return;
-        const wheelPixels = getWheelPixels(event);
-        if (Math.abs(wheelPixels) < 0.01)
-            return;
-        setCompanionZoom(companionZoomRef.current -
-            wheelPixels * COMPANION_ZOOM_WHEEL_SENSITIVITY);
-        event.preventDefault();
-    }, [active, interactive, setCompanionZoom]);
-    const handleRootWheelCapture = useCallback((event) => {
-        if (!active || !interactive)
-            return;
-        if (hasFocusedTextEntry()) {
-            event.preventDefault();
-            return;
-        }
-        if (shouldIgnoreCameraZoom(event.target)) {
-            return;
-        }
-        handleWheelCapture(event);
-    }, [active, interactive, handleWheelCapture]);
-    const releaseCameraDrag = useCallback((event) => {
-        if (event.pointerType === "touch") {
-            touchPointsRef.current.delete(event.pointerId);
-            if (touchPointsRef.current.size < 2) {
-                pinchStateRef.current = {
-                    active: false,
-                    startDistance: 0,
-                    startZoom: companionZoomRef.current,
-                };
-            }
-        }
-        const dragState = dragStateRef.current;
-        if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-            event.currentTarget.releasePointerCapture(event.pointerId);
-        }
-        if (dragState.pointerId !== event.pointerId)
-            return;
-        dragStateRef.current = {
-            active: false,
-            pointerId: null,
-            startX: 0,
-            startY: 0,
-        };
-        dragOrbitRef.current = { yaw: 0, pitch: 0 };
-        for (const engine of stageEnginesRef.current) {
-            engine.resetDragOrbit();
-        }
-    }, []);
-    const safeSelectedVrmIndex = selectedVrmIndex > 0 ? selectedVrmIndex : 1;
-    const vrmPath = selectedVrmIndex === 0 && customVrmUrl
-        ? customVrmUrl
-        : getVrmUrl(safeSelectedVrmIndex);
-    const fallbackPreviewUrl = selectedVrmIndex > 0
-        ? getVrmPreviewUrl(safeSelectedVrmIndex)
-        : getVrmPreviewUrl(1);
-    const teleportKey = vrmPath;
-    const [teleportCompletedKey, setTeleportCompletedKey] = useState(null);
-    const teleportKeyRef = useRef(teleportKey);
-    const greetingAnimationPathRef = useRef(resolveCharacterGreetingAnimation({ avatarIndex: selectedVrmIndex }));
-    const greetingEmoteTimerRef = useRef(null);
-    useEffect(() => {
-        const handleTeleportComplete = () => {
-            _companionTeleportCompletedOnce = true;
-            setTeleportCompletedKey(teleportKeyRef.current);
-            if (greetingEmoteTimerRef.current != null) {
-                window.clearTimeout(greetingEmoteTimerRef.current);
-            }
-            // Give the idle blend a moment to settle after the dissolve before
-            // cross-fading into the greeting emote.
-            greetingEmoteTimerRef.current = window.setTimeout(() => {
-                greetingEmoteTimerRef.current = null;
-                const greetingAnimationPath = greetingAnimationPathRef.current;
-                if (!greetingAnimationPath) {
-                    return;
-                }
-                dispatchAppEmoteEvent({
-                    emoteId: "greeting",
-                    path: `/${greetingAnimationPath}`,
-                    duration: 3,
-                    loop: false,
-                    showOverlay: false,
-                });
-            }, COMPANION_TELEPORT_GREETING_DELAY_MS);
-        };
-        window.addEventListener(VRM_TELEPORT_COMPLETE_EVENT, handleTeleportComplete);
-        return () => {
-            window.removeEventListener(VRM_TELEPORT_COMPLETE_EVENT, handleTeleportComplete);
-            if (greetingEmoteTimerRef.current != null) {
-                window.clearTimeout(greetingEmoteTimerRef.current);
-                greetingEmoteTimerRef.current = null;
-            }
-        };
-    }, []);
-    useEffect(() => {
-        const root = rootRef.current;
-        if (!root)
-            return;
-        const handleNativeWheel = (event) => {
-            handleRootWheelCapture(event);
-        };
-        root.addEventListener("wheel", handleNativeWheel, {
-            capture: true,
-            passive: false,
-        });
-        return () => {
-            root.removeEventListener("wheel", handleNativeWheel, {
-                capture: true,
-            });
-        };
-    }, [handleRootWheelCapture]);
-    useEffect(() => {
-        const root = rootRef.current;
-        if (!root)
-            return;
-        const preventGestureZoom = (event) => {
-            event.preventDefault();
-        };
-        root.addEventListener("gesturestart", preventGestureZoom, {
-            passive: false,
-        });
-        root.addEventListener("gesturechange", preventGestureZoom, {
-            passive: false,
-        });
-        root.addEventListener("gestureend", preventGestureZoom, {
-            passive: false,
-        });
-        return () => {
-            root.removeEventListener("gesturestart", preventGestureZoom);
-            root.removeEventListener("gesturechange", preventGestureZoom);
-            root.removeEventListener("gestureend", preventGestureZoom);
-        };
-    }, []);
-    useEffect(() => {
-        if (active && interactive)
-            return;
-        touchPointsRef.current.clear();
-        pinchStateRef.current = {
-            active: false,
-            startDistance: 0,
-            startZoom: companionZoomRef.current,
-        };
-        dragStateRef.current = {
-            active: false,
-            pointerId: null,
-            startX: 0,
-            startY: 0,
-        };
-        dragOrbitRef.current = { yaw: 0, pitch: 0 };
-        for (const engine of stageEnginesRef.current) {
-            engine.resetDragOrbit();
-        }
-    }, [active, interactive]);
-    useEffect(() => {
-        return () => {
-            stageEnginesRef.current.clear();
-        };
-    }, []);
-    /* ── Camera X-offset for CharacterEditor panel ──────────────────── */
-    useEffect(() => {
-        const handler = (event) => {
-            const detail = event.detail;
-            const offset = detail?.offset ?? 0;
-            for (const engine of stageEnginesRef.current) {
-                engine.setCameraXOffset(offset);
-            }
-        };
-        window.addEventListener("eliza:editor-camera-offset", handler);
-        return () => window.removeEventListener("eliza:editor-camera-offset", handler);
-    }, []);
-    const sceneStatus = useMemo(() => ({
-        avatarReady: teleportCompletedKey === teleportKey,
-        teleportKey,
-    }), [teleportCompletedKey, teleportKey]);
-    useEffect(() => {
-        greetingAnimationPathRef.current = resolveCharacterGreetingAnimation({
-            avatarIndex: selectedVrmIndex,
-        });
-    }, [selectedVrmIndex]);
-    useEffect(() => {
-        teleportKeyRef.current = teleportKey;
-        _companionTeleportCompletedOnce = false;
-        setTeleportCompletedKey(null);
-        if (greetingEmoteTimerRef.current != null) {
-            window.clearTimeout(greetingEmoteTimerRef.current);
-            greetingEmoteTimerRef.current = null;
-        }
-    }, [teleportKey]);
-    const preloadPreviews = useMemo(() => {
-        if (tab !== "character" && tab !== "character-select") {
-            return [];
-        }
-        return Array.from({ length: VRM_COUNT }, (_, index) => {
-            const avatarIndex = index + 1;
-            return { previewUrl: getVrmPreviewUrl(avatarIndex) };
-        });
-    }, [tab]);
-    /* ── Preload only lightweight preview thumbnails (~80KB each) for the
-     *    character-select grid. Full VRMs (~10MB each) are fetched on-demand
-     *    when the user actually selects an avatar, and cached in-memory by
-     *    VrmEngine so subsequent swaps skip the network entirely. ── */
-    const preloadedRef = useRef(false);
-    useEffect(() => {
-        if (preloadedRef.current || preloadPreviews.length === 0)
-            return;
-        preloadedRef.current = true;
-        for (const entry of preloadPreviews) {
-            const img = new Image();
-            img.src = entry.previewUrl;
-        }
-    }, [preloadPreviews]);
-    /* ── Prefetch VRM buffers into the in-memory cache as soon as the character
-     *    tab opens. Fire-and-forget: errors are silently swallowed inside
-     *    prefetchVrmToCache. This converts the first character-click from a
-     *    cold ~3-8 s network fetch into a <200 ms re-parse from cached bytes. ── */
-    const vrmPrefetchedRef = useRef(false);
-    useEffect(() => {
-        if (tab !== "character" && tab !== "character-select")
-            return;
-        if (vrmPrefetchedRef.current)
-            return;
-        vrmPrefetchedRef.current = true;
-        for (let i = 1; i <= VRM_COUNT; i++) {
-            void prefetchVrmToCache(getVrmUrl(i));
-        }
-    }, [tab]);
-    return (_jsxs("div", { ref: rootRef, "data-testid": "companion-root", "data-no-window-drag": "", className: `relative flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden text-[#1a1a2e] font-display ${interactive ? "cursor-grab" : ""}`, style: {
-            overscrollBehavior: "none",
-            touchAction: interactive ? "none" : undefined,
-        }, onPointerDownCapture: handlePointerDownCapture, onPointerMoveCapture: handlePointerMoveCapture, onPointerUpCapture: releaseCameraDrag, onPointerCancelCapture: releaseCameraDrag, onLostPointerCaptureCapture: releaseCameraDrag, children: [_jsxs("div", { "aria-hidden": !active, className: `fixed inset-0 z-0 overflow-hidden rounded-2xl transition-opacity duration-200 ${uiTheme === "dark" ? "bg-[#08060e]" : "bg-[#f5f5f5]"} ${active ? "opacity-100" : "pointer-events-none opacity-0"}`, style: {
-                    visibility: active ? "visible" : "hidden",
-                }, children: [_jsx("div", { className: `absolute inset-0 z-0 bg-cover opacity-40 pointer-events-none ${uiTheme === "dark"
-                            ? "bg-[radial-gradient(circle_at_50%_40%,rgba(80,20,140,0.2)_0%,transparent_60%)]"
-                            : "bg-[radial-gradient(circle_at_50%_40%,rgba(180,200,220,0.15)_0%,transparent_60%)]"}` }), shouldMountVrm && (_jsx(VrmStage, { active: active, vrmPath: vrmPath, fallbackPreviewUrl: fallbackPreviewUrl, environmentTheme: uiTheme === "dark" ? "dark" : "light", cameraProfile: "companion", companionVrmPowerMode: companionVrmPowerMode, companionHalfFramerateMode: companionHalfFramerateMode, companionAnimateWhenHidden: companionAnimateWhenHidden, onEngineReady: handleStageEngineReady, onLayerEngineReady: handleStageLayerEngineReady, playWaveOnAvatarChange: false, t: t }))] }), _jsx(CompanionSceneStatusContext.Provider, { value: sceneStatus, children: children })] }));
-}
-// Do NOT use a custom memo comparator that ignores children here.
-// shellContent (which includes ViewRouter / tab content) is passed as
-// children — ignoring children changes blocks all tab navigation.
-// If keystroke re-renders are a concern, memoize shellContent in App.tsx.
-export const CompanionSceneHost = memo(CompanionSceneSurface);
-export function SharedCompanionScene({ active, interactive = true, children, }) {
-    return (_jsx(SharedCompanionSceneContext.Provider, { value: true, children: _jsx(CompanionSceneHost, { active: active, interactive: interactive, children: children }) }));
-}

package/apps/app-companion/src/components/companion/CompanionSettingsPanel.d.ts

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

package/apps/app-companion/src/components/companion/CompanionSettingsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompanionSettingsPanel.d.ts","sourceRoot":"","sources":["../../../../../../../../apps/app-companion/src/components/companion/CompanionSettingsPanel.tsx"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB,4CAarC"}

package/apps/app-companion/src/components/companion/CompanionSettingsPanel.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CompanionPerformanceSettings } from "./CompanionPerformanceSettings";
-export function CompanionSettingsPanel() {
-    return (_jsx("div", { className: "pointer-events-auto absolute inset-x-0 bottom-0 z-20 flex justify-center px-1.5 sm:px-4", style: {
-            paddingBottom: "calc(var(--safe-area-bottom, 0px) + 0.75rem)",
-        }, children: _jsx("div", { className: "w-full max-w-lg rounded-xl border border-border/50 bg-card/90 px-3 py-3 shadow-xl backdrop-blur-xl sm:px-4", children: _jsx(CompanionPerformanceSettings, {}) }) }));
-}

package/apps/app-companion/src/components/companion/CompanionShell.d.ts

@@ -1,8 +0,0 @@
-import { type ActionNotice, type Tab } from "@elizaos/app-core";
-export { COMPANION_OVERLAY_TABS } from "./companion-shell-styles";
-export interface CompanionShellProps {
-    tab: Tab;
-    actionNotice: ActionNotice | null;
-}
-export declare const CompanionShell: import("react").MemoExoticComponent<(_props: CompanionShellProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=CompanionShell.d.ts.map

package/apps/app-companion/src/components/companion/CompanionShell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompanionShell.d.ts","sourceRoot":"","sources":["../../../../../../../../apps/app-companion/src/components/companion/CompanionShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAkB,MAAM,mBAAmB,CAAC;AAIhF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,GAAG,CAAC;IACT,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,cAAc,+CACjB,mBAAmB,6CAW3B,CAAC"}