@elizaos/app-core 2.0.0-alpha.59 → 2.0.0-alpha.61

package/.turbo/turbo-lint$colon$check.log

@@ -0,0 +1,2 @@
+$ bunx @biomejs/biome check ./src/App.tsx ./src/actions ./src/api ./src/autonomy ./src/bridge ./src/chat ./src/coding ./src/components ./src/config ./src/events ./src/hooks ./src/i18n ./src/index.ts ./src/navigation ./src/platform ./src/providers ./src/state ./src/types ./src/utils ./src/voice ./src/ambient.d.ts
+Checked 253 files in 344ms. No fixes applied.

package/.turbo/turbo-typecheck.log

@@ -0,0 +1,2 @@
+
+$ test -f ../ui/dist/index.d.ts || (cd ../ui && bun run build) && tsc --noEmit -p tsconfig.json

package/dist/components/onboarding/ConnectionStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionStep.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding/ConnectionStep.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,cAAc,4CAq+C7B"}
+{"version":3,"file":"ConnectionStep.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding/ConnectionStep.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,cAAc,4CAo+C7B"}

package/dist/components/onboarding/ConnectionStep.js

@@ -112,8 +112,7 @@ export function ConnectionStep() {
     };
     const providers = onboardingOptions?.providers ?? [];
     const elizaCloudReady = elizaCloudConnected ||
-        (onboardingRunMode === "cloud" &&
-            onboardingCloudProvider === "elizacloud" &&
+        (onboardingProvider === "elizacloud" &&
             onboardingApiKey.trim().length > 0);
     const showProviderSelection = onboardingRemoteConnected || onboardingRunMode === "local";
     const recommendedIds = new Set([

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.59",
+  "version": "2.0.0-alpha.60",
   "description": "Shared application core for elizaOS shells and white-label apps.",
   "type": "module",
   "license": "MIT",
@@ -174,8 +174,8 @@
     "@capacitor/haptics": "8.0.0",
     "@capacitor/keyboard": "8.0.0",
     "@capacitor/preferences": "^8.0.1",
-    "@elizaos/autonomous": "^2.0.0-alpha.59",
-    "@elizaos/ui": "^2.0.0-alpha.59",
+    "@elizaos/autonomous": "^2.0.0-alpha.60",
+    "@elizaos/ui": "^2.0.0-alpha.60",
     "@lifo-sh/core": "0.4.4",
     "@lifo-sh/ui": "0.4.2",
     "@pixiv/three-vrm": "^3.4.5",

package/dist/state/AppContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../src/state/AppContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,cAAc,EAGpB,MAAM,oBAAoB,CAAC;AAuK5B,OAAO,EACL,KAAK,YAAY,EACjB,sBAAsB,EACtB,YAAY,EACZ,kCAAkC,EAClC,KAAK,UAAU,EACf,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,YAAY,EACZ,cAAc,EACd,KAAK,aAAa,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,0BAA0B,EAC/B,yBAAyB,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,8BAA8B,EACnC,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,yBAAyB,EACzB,6BAA6B,EAC7B,oBAAoB,EACpB,gBAAgB,EAChB,4BAA4B,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,6BAA6B,EAC7B,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,6BAA6B,EAC7B,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,WAAW,EACX,0BAA0B,EAC1B,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,MAAM,EACN,SAAS,GACV,MAAM,YAAY,CAAC;AAkKpB,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EAAE,iBAAiB,GAC5B,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACpC,2CA02KA"}
+{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../src/state/AppContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,cAAc,EAGpB,MAAM,oBAAoB,CAAC;AAuK5B,OAAO,EACL,KAAK,YAAY,EACjB,sBAAsB,EACtB,YAAY,EACZ,kCAAkC,EAClC,KAAK,UAAU,EACf,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,YAAY,EACZ,cAAc,EACd,KAAK,aAAa,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,0BAA0B,EAC/B,yBAAyB,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,8BAA8B,EACnC,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,yBAAyB,EACzB,6BAA6B,EAC7B,oBAAoB,EACpB,gBAAgB,EAChB,4BAA4B,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,6BAA6B,EAC7B,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,6BAA6B,EAC7B,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,WAAW,EACX,0BAA0B,EAC1B,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,MAAM,EACN,SAAS,GACV,MAAM,YAAY,CAAC;AAkKpB,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EAAE,iBAAiB,GAC5B,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACpC,2CA82KA"}

package/dist/state/AppContext.js

@@ -2924,7 +2924,11 @@ export function AppProvider({ children, branding: brandingOverrides, }) {
                 onboardingRemoteToken,
                 onboardingSmallModel,
                 onboardingLargeModel,
-            }) ?? onboardingResumeConnectionRef.current;
+            }) ?? (onboardingProvider === "elizacloud" ? {
+                kind: "cloud-managed",
+                cloudProvider: "elizacloud",
+                apiKey: onboardingApiKey.trim() || undefined,
+            } : onboardingResumeConnectionRef.current);
             if (!connection) {
                 throw new Error("Onboarding connection is incomplete");
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.59",
+  "version": "2.0.0-alpha.61",
   "description": "Shared application core for elizaOS shells and white-label apps.",
   "type": "module",
   "license": "MIT",
@@ -69,8 +69,8 @@
     "@capacitor/haptics": "8.0.0",
     "@capacitor/keyboard": "8.0.0",
     "@capacitor/preferences": "^8.0.1",
-    "@elizaos/autonomous": "2.0.0-alpha.59",
-    "@elizaos/ui": "2.0.0-alpha.59",
+    "@elizaos/autonomous": "2.0.0-alpha.61",
+    "@elizaos/ui": "2.0.0-alpha.61",
     "@lifo-sh/core": "0.4.4",
     "@lifo-sh/ui": "0.4.2",
     "@pixiv/three-vrm": "^3.4.5",
@@ -90,5 +90,5 @@
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
   },
-  "gitHead": "481d7c4e410b11531ba7f1cdaee8f5b2b142f7ad"
+  "gitHead": "6a8cda9c74e9d56d340a652da9940e1b3c7bd472"
 }

package/src/components/AvatarLoader.tsx

@@ -5,12 +5,15 @@ interface AvatarLoaderProps {
   fullScreen?: boolean;
   /** When true, fades the loader out (use before unmounting) */
   fadingOut?: boolean;
+  /** Optional progress value from 0 to 100. If provided, overrides the infinite loading animation. */
+  progress?: number;
 }
 
 export function AvatarLoader({
   label = "Initializing entity",
   fullScreen = false,
   fadingOut = false,
+  progress,
 }: AvatarLoaderProps) {
   return (
     <div
@@ -63,11 +66,12 @@ export function AvatarLoader({
         >
           <div
             style={{
-              width: "60%",
+              width: typeof progress === "number" ? `${Math.max(0, Math.min(100, progress))}%` : "60%",
               height: "100%",
               background: "var(--text-strong)",
               boxShadow: "0 0 8px rgba(255, 255, 255, 0.3)",
-              animation: "avatar-loader-progress 2s ease-in-out infinite",
+              transition: typeof progress === "number" ? "width 0.3s ease-out" : "none",
+              animation: typeof progress === "number" ? "none" : "avatar-loader-progress 2s ease-in-out infinite",
             }}
           />
         </div>

package/src/components/OnboardingWizard.tsx

@@ -8,7 +8,8 @@ import {
   useApp,
 } from "@elizaos/app-core/state";
 import { resolveAppAssetUrl } from "@elizaos/app-core/utils";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
+import { useBranding } from "../../config/branding";
 import { VrmStage } from "./companion/VrmStage";
 import { ActivateStep } from "./onboarding/ActivateStep";
 import { ConnectionStep } from "./onboarding/ConnectionStep";
@@ -23,6 +24,11 @@ const DISABLE_ONBOARDING_VRM =
   String(import.meta.env.VITE_E2E_DISABLE_VRM ?? "") === "1";
 
 export function OnboardingWizard() {
+  const branding = useBranding();
+  const isEliza = branding.appName === "Eliza";
+  const disableVrm = DISABLE_ONBOARDING_VRM || isEliza;
+  const [revealStarted, setRevealStarted] = useState(disableVrm);
+
   const {
     onboardingStep,
     selectedVrmIndex,
@@ -82,7 +88,7 @@ export function OnboardingWizard() {
       {!isCharacterSelect && <div className="onboarding-bg-overlay" />}
 
       {/* Keep browser E2E runs lightweight and deterministic by skipping VRM boot. */}
-      {DISABLE_ONBOARDING_VRM ? (
+      {disableVrm ? (
         <div
           aria-hidden="true"
           className="absolute inset-0 z-10 pointer-events-none"
@@ -98,12 +104,23 @@ export function OnboardingWizard() {
           fallbackPreviewUrl={fallbackPreview}
           cameraProfile="companion_close"
           initialCompanionZoomNormalized={1}
+          onRevealStart={() => setRevealStarted(true)}
           t={t}
         />
       )}
 
-      {/* Corner decorations */}
-      <svg
+      <div
+        style={{
+          position: "absolute",
+          inset: 0,
+          pointerEvents: revealStarted ? "auto" : "none",
+          opacity: revealStarted ? 1 : 0,
+          transition: "opacity 1.2s ease-in-out",
+          zIndex: 40,
+        }}
+      >
+        {/* Corner decorations */}
+        <svg
         className="onboarding-corner onboarding-corner--tl"
         viewBox="0 0 36 36"
         fill="none"
@@ -216,6 +233,7 @@ export function OnboardingWizard() {
           </OnboardingPanel>
         </div>
       )}
+      </div>
     </div>
   );
 }

package/src/components/VrmStage.tsx

@@ -63,6 +63,7 @@ const VrmStageLayer = memo(function VrmStageLayer({
 }) {
   const [vrmLoaded, setVrmLoaded] = useState(false);
   const [showVrmFallback, setShowVrmFallback] = useState(false);
+  const [loadingProgress, setLoadingProgress] = useState<number | undefined>(undefined);
   const chatAvatarVoice = useChatAvatarVoiceState();
 
   const handleVrmEngineReady = useCallback(
@@ -91,6 +92,9 @@ const VrmStageLayer = memo(function VrmStageLayer({
   );
 
   const handleVrmEngineState = useCallback((state: VrmEngineState) => {
+    if (state.loadingProgress !== undefined) {
+      setLoadingProgress(Math.round(state.loadingProgress * 100));
+    }
     if (state.vrmLoaded) {
       setVrmLoaded(true);
       setShowVrmFallback(false);
@@ -141,7 +145,7 @@ const VrmStageLayer = memo(function VrmStageLayer({
       )}
       {visible && !vrmLoaded && !showVrmFallback && (
         <div className="absolute inset-0" style={{ zIndex }}>
-          <AvatarLoader />
+          <AvatarLoader progress={loadingProgress} />
         </div>
       )}
     </>
@@ -157,6 +161,7 @@ export const VrmStage = memo(function VrmStage({
   initialCompanionZoomNormalized,
   onEngineReady,
   onLayerEngineReady,
+  onRevealStart,
   playWaveOnAvatarChange = false,
   preloadAvatars = [],
   t,
@@ -169,6 +174,7 @@ export const VrmStage = memo(function VrmStage({
   initialCompanionZoomNormalized?: number;
   onEngineReady?: (engine: VrmEngine) => void;
   onLayerEngineReady?: (vrmPath: string, engine: VrmEngine) => void;
+  onRevealStart?: () => void;
   playWaveOnAvatarChange?: boolean;
   preloadAvatars?: readonly VrmStageAvatarEntry[];
   t: TranslateFn;
@@ -244,9 +250,10 @@ export const VrmStage = memo(function VrmStage({
   const handleRevealStart = useCallback(
     (layerPath: string) => {
       if (layerPath !== currentPathRef.current) return;
+      onRevealStart?.();
       scheduleGreetingWave();
     },
-    [scheduleGreetingWave],
+    [onRevealStart, scheduleGreetingWave],
   );
 
   useEffect(() => {

package/src/components/avatar/VrmEngine.ts

@@ -53,6 +53,7 @@ export type VrmEngineState = {
   idleTime: number;
   idleTracks: number;
   revealStarted: boolean;
+  loadingProgress?: number;
 };
 
 type DebugVector3 = {
@@ -455,15 +456,50 @@ async function decompressGzipBuffer(buffer: ArrayBuffer): Promise<ArrayBuffer> {
 async function loadGltfAsset(
   loader: GLTFLoader,
   url: string,
+  onProgress?: (progress: number) => void,
 ): Promise<Awaited<ReturnType<GLTFLoader["loadAsync"]>>> {
   const response = await fetch(url);
   if (!response.ok) {
     throw new Error(`Failed to fetch VRM asset: ${response.status}`);
   }
-  let buffer = await response.arrayBuffer();
+
+  const contentLength = Number(response.headers.get("content-length") || 0);
+
+  let buffer: ArrayBuffer;
+  if (!contentLength || !response.body || !onProgress) {
+    buffer = await response.arrayBuffer();
+    onProgress?.(1);
+  } else {
+    const reader = response.body.getReader();
+    let received = 0;
+    const chunks: Uint8Array[] = [];
+    for (;;) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      if (value) {
+        chunks.push(value);
+        received += value.length;
+        onProgress(Math.min(received / contentLength, 1));
+      }
+    }
+    const combined = new Uint8Array(received);
+    let offset = 0;
+    for (const chunk of chunks) {
+      combined.set(chunk, offset);
+      offset += chunk.length;
+    }
+    buffer = combined.buffer;
+  }
+
   if (!isGzipBuffer(buffer)) {
-    return await loader.loadAsync(url);
+    const objectUrl = URL.createObjectURL(new Blob([buffer], { type: "model/gltf-binary" }));
+    try {
+      return await loader.loadAsync(objectUrl);
+    } finally {
+      URL.revokeObjectURL(objectUrl);
+    }
   }
+
   buffer = await decompressGzipBuffer(buffer);
   const objectUrl = URL.createObjectURL(
     new Blob([buffer], { type: "model/gltf-binary" }),
@@ -543,6 +579,7 @@ export class VrmEngine {
   private vrmReady = false;
   private lastLoadError: string | null = null;
   private teleportProgress = 1.0;
+  private loadingProgress = 0;
   private teleportProgressUniform: { value: number } | null = null;
   private teleportDissolvedMaterials: THREE.Material[] = [];
   private teleportFallbackShaders: TeleportFallbackShader[] = [];
@@ -1813,6 +1850,7 @@ export class VrmEngine {
       idleTime: this.idleAction?.time ?? 0,
       idleTracks: this.idleAction?.getClip()?.tracks.length ?? 0,
       revealStarted: this.revealStarted,
+      loadingProgress: this.loadingProgress,
     };
   }
   setMouthOpen(value: number): void {
@@ -2050,6 +2088,8 @@ export class VrmEngine {
       this.emoteClipCache.clear();
     }
     this.lastLoadError = null;
+    this.loadingProgress = 0;
+    this.onUpdate?.();
     const loader = new GLTFLoader();
     configureVrmGltfLoader(loader);
     const webGpuNodes =
@@ -2067,7 +2107,12 @@ export class VrmEngine {
     });
     let gltf: Awaited<ReturnType<GLTFLoader["loadAsync"]>>;
     try {
-      gltf = await loadGltfAsset(loader, url);
+      gltf = await loadGltfAsset(loader, url, (progress) => {
+        if (this.vrmLoadRequestId === requestId && !this.loadingAborted) {
+          this.loadingProgress = progress;
+          this.onUpdate?.();
+        }
+      });
     } catch (error) {
       if (!this.loadingAborted && requestId === this.vrmLoadRequestId) {
         this.lastLoadError =

package/src/components/onboarding/ConnectionStep.tsx

@@ -152,8 +152,7 @@ export function ConnectionStep() {
   const providers = onboardingOptions?.providers ?? [];
   const elizaCloudReady =
     elizaCloudConnected ||
-    (onboardingRunMode === "cloud" &&
-      onboardingCloudProvider === "elizacloud" &&
+    (onboardingProvider === "elizacloud" &&
       onboardingApiKey.trim().length > 0);
   const showProviderSelection =
     onboardingRemoteConnected || onboardingRunMode === "local";

package/src/components/onboarding/OnboardingStepNav.tsx

@@ -1,16 +1,23 @@
 import { ONBOARDING_STEPS, useApp } from "@elizaos/app-core/state";
+import { useBranding } from "../../config/branding";
 
 export function OnboardingStepNav() {
   const { onboardingStep, t } = useApp();
+  const branding = useBranding();
 
-  const currentIndex = ONBOARDING_STEPS.findIndex(
+  const isEliza = branding.appName === "Eliza";
+  const activeSteps = isEliza
+    ? ONBOARDING_STEPS.filter((s) => s.id === "connection" || s.id === "activate")
+    : ONBOARDING_STEPS;
+
+  const currentIndex = activeSteps.findIndex(
     (s) => s.id === onboardingStep,
   );
 
   return (
     <div className="onboarding-left">
       <div className={`onboarding-step-list step-${currentIndex}`}>
-        {ONBOARDING_STEPS.map((step, i) => {
+        {activeSteps.map((step, i) => {
           let state = "";
           if (i < currentIndex) state = "onboarding-step-item--done";
           else if (i === currentIndex) state = "onboarding-step-item--active";

package/src/state/AppContext.tsx

@@ -4002,7 +4002,11 @@ export function AppProvider({
           onboardingRemoteToken,
           onboardingSmallModel,
           onboardingLargeModel,
-        }) ?? onboardingResumeConnectionRef.current;
+        }) ?? (onboardingProvider === "elizacloud" ? {
+            kind: "cloud-managed" as const,
+            cloudProvider: "elizacloud",
+            apiKey: onboardingApiKey.trim() || undefined,
+          } : onboardingResumeConnectionRef.current);
       if (!connection) {
         throw new Error("Onboarding connection is incomplete");
       }