@elizaos/app-core 2.0.0-alpha.22 → 2.0.0-alpha.24

package/dist/components/OnboardingWizard.js

@@ -48,7 +48,7 @@ export function OnboardingWizard() {
                 return null;
         }
     }
-    return (_jsxs("div", { className: "onboarding-screen", children: [_jsx("div", { className: "onboarding-bg" }), _jsx("div", { className: "onboarding-bg-overlay" }), _jsx(VrmStage, { vrmPath: vrmPath, worldUrl: worldUrl, fallbackPreviewUrl: fallbackPreview, cameraProfile: "companion_close", initialCompanionZoomNormalized: 1, t: t }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--tl", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--tr", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--bl", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--br", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsx("div", { style: {
+    return (_jsxs("div", { className: "onboarding-screen", children: [_jsx("div", { className: "onboarding-bg" }), !isCharacterSelect && _jsx("div", { className: "onboarding-bg-overlay" }), _jsx(VrmStage, { vrmPath: vrmPath, worldUrl: worldUrl, fallbackPreviewUrl: fallbackPreview, cameraProfile: "companion_close", initialCompanionZoomNormalized: 1, t: t }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--tl", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--tr", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--bl", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsxs("svg", { className: "onboarding-corner onboarding-corner--br", viewBox: "0 0 36 36", fill: "none", stroke: "rgba(240,185,11,0.18)", strokeWidth: "1", "aria-hidden": "true", children: [_jsx("path", { d: "M0 18 L0 0 L18 0" }), _jsx("circle", { cx: "0", cy: "0", r: "2", fill: "rgba(240,185,11,0.25)", stroke: "none" })] }), _jsx("div", { style: {
                     position: "absolute",
                     top: "1rem",
                     right: "1rem",
@@ -57,15 +57,15 @@ export function OnboardingWizard() {
                     gap: "0.5rem",
                     alignItems: "center",
                 }, children: _jsx(LanguageDropdown, { uiLanguage: uiLanguage, setUiLanguage: setUiLanguage, t: t, variant: "companion" }) }), isCharacterSelect ? (
-            /* ── Full-screen centered character select ── */
+            /* ── Full-screen character select — anchored to bottom ── */
             _jsx("div", { style: {
                     position: "absolute",
                     inset: 0,
                     zIndex: 40,
                     display: "flex",
-                    alignItems: "center",
+                    alignItems: "flex-end",
                     justifyContent: "center",
-                    padding: "2rem",
+                    paddingBottom: "3rem",
                 }, children: _jsx(IdentityStep, {}) })) : (
             /* ── Standard overlaid UI — step nav + content panel ── */
             _jsxs("div", { className: "onboarding-ui-overlay", children: [_jsx(OnboardingStepNav, {}), _jsx(OnboardingPanel, { step: onboardingStep, children: renderStep() })] }))] }));

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

@@ -1 +1 @@
-{"version":3,"file":"IdentityStep.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding/IdentityStep.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,YAAY,4CAkV3B"}
+{"version":3,"file":"IdentityStep.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding/IdentityStep.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,YAAY,4CA6P3B"}

package/dist/components/onboarding/IdentityStep.js

@@ -9,6 +9,7 @@ const IDENTITY_PRESETS = {
     "lol k": { name: "Anzu", avatarIndex: 3 },
     "hehe~": { name: "Aya", avatarIndex: 4 },
 };
+/** Identical clip-paths used by CharacterView roster cards. */
 const SLANT_CLIP = "polygon(32px 0, 100% 0, calc(100% - 32px) 100%, 0 100%)";
 const INSET_CLIP = "polygon(0px 0, 100% 0, calc(100% - 4px) 100%, -8px 100%)";
 export function IdentityStep() {
@@ -80,20 +81,13 @@ export function IdentityStep() {
     }, [onboardingStyle, styles, handleSelect]);
     /* ── Import UI ──────────────────────────────────────────────────── */
     if (showImport) {
-        return (_jsxs("div", { style: {
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                gap: "12px",
-                maxWidth: "400px",
-                width: "100%",
-            }, children: [_jsx("div", { className: "onboarding-section-title", children: t("onboarding.importAgent") }), _jsx("div", { className: "onboarding-divider", children: _jsx("div", { className: "onboarding-divider-diamond" }) }), _jsx("p", { className: "onboarding-desc", style: { marginBottom: "4px" }, children: t("onboarding.importDesc") }), _jsx("input", { type: "file", accept: ".eliza-agent", onChange: (e) => {
+        return (_jsxs("div", { className: "flex flex-col items-center gap-3 w-full max-w-[400px]", children: [_jsx("div", { className: "onboarding-section-title", children: t("onboarding.importAgent") }), _jsx("div", { className: "onboarding-divider", children: _jsx("div", { className: "onboarding-divider-diamond" }) }), _jsx("p", { className: "onboarding-desc mb-1", children: t("onboarding.importDesc") }), _jsx("input", { type: "file", accept: ".eliza-agent", onChange: (e) => {
                         setImportFile(e.target.files?.[0] ?? null);
                         setImportError(null);
-                    }, className: "onboarding-input", style: { fontSize: "13px", textAlign: "left" } }), _jsx("input", { type: "password", placeholder: t("onboarding.decryptionPasswordPlaceholder"), value: importPassword, onChange: (e) => {
+                    }, className: "onboarding-input text-[13px] text-left" }), _jsx("input", { type: "password", placeholder: t("onboarding.decryptionPasswordPlaceholder"), value: importPassword, onChange: (e) => {
                         setImportPassword(e.target.value);
                         setImportError(null);
-                    }, className: "onboarding-input" }), importError && (_jsx("p", { className: "onboarding-desc", style: { color: "var(--danger)", marginBottom: 0 }, children: importError })), importSuccess && (_jsx("p", { className: "onboarding-desc", style: { color: "var(--ok)", marginBottom: 0 }, children: importSuccess })), _jsxs("div", { style: { display: "flex", gap: "12px", marginTop: "8px" }, children: [_jsx("button", { className: "onboarding-back-link", onClick: () => {
+                    }, className: "onboarding-input" }), importError && (_jsx("p", { className: "onboarding-desc text-[var(--danger)] !mb-0", children: importError })), importSuccess && (_jsx("p", { className: "onboarding-desc text-[var(--ok)] !mb-0", children: importSuccess })), _jsxs("div", { className: "flex gap-3 mt-2", children: [_jsx("button", { className: "onboarding-back-link", onClick: () => {
                                 setShowImport(false);
                                 setImportError(null);
                                 setImportSuccess(null);
@@ -101,93 +95,20 @@ export function IdentityStep() {
                                 setImportPassword("");
                             }, type: "button", children: t("onboarding.cancel") }), _jsx("button", { className: "onboarding-confirm-btn", disabled: importBusy || !importFile, onClick: () => void handleImportAgent(), type: "button", children: importBusy ? t("onboarding.importing") : t("onboarding.restore") })] })] }));
     }
-    /* ── Video-game style character roster ──────────────────────────── */
-    return (_jsxs("div", { style: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: "16px",
-            width: "100%",
-            maxWidth: "640px",
-        }, children: [_jsx("div", { className: "onboarding-section-title", children: "Choose Your Agent" }), _jsx("div", { className: "onboarding-divider", children: _jsx("div", { className: "onboarding-divider-diamond" }) }), _jsx("p", { className: "onboarding-desc", style: { marginBottom: "4px", textAlign: "center" }, children: "Pick a personality for your agent. You can customize everything later." }), _jsx("div", { style: {
-                    display: "flex",
-                    flexWrap: "wrap",
-                    justifyContent: "center",
-                    gap: "4px",
-                }, children: styles.slice(0, 4).map((preset) => {
+    /* ── Video-game style character roster (matches CharacterView exactly) ── */
+    return (_jsxs("div", { className: "flex flex-col items-center gap-4 w-full max-w-[640px]", children: [_jsx("div", { className: "flex flex-wrap items-start justify-center gap-y-1", "data-testid": "onboarding-character-roster", children: styles.slice(0, 4).length > 0 ? (styles.slice(0, 4).map((preset) => {
                     const meta = IDENTITY_PRESETS[preset.catchphrase];
                     const isSelected = selectedCatchphrase === preset.catchphrase;
                     const name = meta?.name ?? "Agent";
                     const avatarIdx = meta?.avatarIndex ?? 1;
-                    return (_jsx("button", { type: "button", onClick: () => handleSelect(preset.catchphrase), style: {
-                            position: "relative",
-                            width: "9.75rem",
-                            textAlign: "center",
-                            transition: "all 0.3s ease-out",
-                            transform: isSelected ? "scale(1)" : "scale(1)",
-                            opacity: isSelected ? 1 : 0.7,
-                            cursor: "pointer",
-                            background: "none",
-                            border: "none",
-                            padding: 0,
-                        }, children: _jsx("div", { style: {
-                                position: "relative",
-                                height: "10rem",
-                                width: "100%",
-                                padding: "2px",
-                                transition: "all 0.3s",
-                                background: isSelected
-                                    ? "rgb(250, 204, 21)"
-                                    : "rgba(255,255,255,0.1)",
-                                boxShadow: isSelected
-                                    ? "0 0 28px rgba(250,204,21,0.32)"
-                                    : "none",
-                                clipPath: SLANT_CLIP,
-                            }, children: _jsxs("div", { style: {
-                                    position: "relative",
-                                    height: "100%",
-                                    width: "100%",
-                                    overflow: "hidden",
-                                    clipPath: SLANT_CLIP,
-                                }, children: [isSelected && (_jsx("div", { style: {
-                                            pointerEvents: "none",
-                                            position: "absolute",
-                                            inset: "-12px",
-                                            background: "rgba(253, 224, 71, 0.15)",
-                                            filter: "blur(16px)",
-                                            clipPath: SLANT_CLIP,
-                                        } })), _jsx("img", { src: getVrmPreviewUrl(avatarIdx), alt: name, draggable: false, style: {
-                                            height: "100%",
-                                            width: "100%",
-                                            objectFit: "cover",
-                                            transition: "transform 0.3s ease-out",
-                                            transform: isSelected ? "scale(1.04)" : "scale(1)",
-                                        } }), _jsx("div", { style: {
-                                            position: "absolute",
-                                            left: 0,
-                                            right: 0,
-                                            bottom: 0,
-                                        }, children: _jsx("div", { style: {
-                                                padding: "4px 8px",
-                                                fontSize: "14px",
-                                                fontWeight: 600,
-                                                color: "white",
-                                                transition: "all 0.3s",
-                                                background: isSelected
-                                                    ? "rgba(0,0,0,0.78)"
-                                                    : "rgba(0,0,0,0.62)",
-                                                boxShadow: isSelected
-                                                    ? "inset 0 1px 0 rgba(255,255,255,0.08)"
-                                                    : "none",
-                                                clipPath: INSET_CLIP,
-                                            }, children: name }) })] }) }) }, preset.catchphrase));
-                }) }), _jsx("button", { className: "onboarding-confirm-btn", onClick: () => handleOnboardingNext(), type: "button", style: { width: "100%", maxWidth: "320px", marginTop: "8px" }, children: "Continue" }), _jsx("button", { type: "button", onClick: () => setShowImport(true), style: {
-                    background: "none",
-                    border: "none",
-                    color: "rgba(255,255,255,0.4)",
-                    fontSize: "12px",
-                    cursor: "pointer",
-                    textDecoration: "underline",
-                    padding: "4px 0",
-                }, children: t("onboarding.restoreFromBackup") })] }));
+                    return (_jsx("button", { type: "button", className: `group relative -mx-3 min-w-0 w-[9.75rem] text-center transition-all duration-300 ease-out ${isSelected
+                            ? "z-100 scale-[1.00] opacity-100"
+                            : "scale-[1.00] opacity-70 hover:scale-[1.00] hover:opacity-100"}`, onClick: () => handleSelect(preset.catchphrase), "data-testid": `onboarding-preset-${preset.catchphrase}`, children: _jsx("div", { className: `relative h-[10rem] w-full p-[2px] transition-all duration-300 ${isSelected
+                                ? "bg-yellow-400 shadow-[0_0_28px_rgba(250,204,21,0.32)]"
+                                : "bg-white/10 hover:bg-white/35"}`, style: { clipPath: SLANT_CLIP }, children: _jsxs("div", { className: "relative h-full w-full overflow-hidden", style: { clipPath: SLANT_CLIP }, children: [isSelected && (_jsx("div", { className: "pointer-events-none absolute -inset-3 bg-yellow-300/15 blur-xl", style: { clipPath: SLANT_CLIP } })), _jsx("img", { src: getVrmPreviewUrl(avatarIdx), alt: name, draggable: false, className: `h-full w-full object-cover transition-transform duration-300 ease-out ${isSelected
+                                            ? "scale-[1.04]"
+                                            : "scale-100 group-hover:scale-[1.02]"}` }), _jsx("div", { className: "absolute inset-x-0 bottom-0", children: _jsx("div", { className: `px-2 py-1 text-sm font-semibold text-white transition-all ${isSelected
+                                                ? "bg-black/78 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]"
+                                                : "bg-black/62"}`, style: { clipPath: INSET_CLIP }, children: name }) })] }) }) }, preset.catchphrase));
+                })) : (_jsx("div", { className: "rounded-2xl border border-white/10 bg-black/10 p-4 text-sm text-white/50", children: "Loading character presets..." })) }), _jsx("button", { className: "onboarding-confirm-btn w-full max-w-[320px] mt-2", onClick: () => handleOnboardingNext(), type: "button", children: "Continue" }), _jsx("button", { type: "button", onClick: () => setShowImport(true), className: "bg-transparent border-none text-white/40 text-xs cursor-pointer underline py-1", children: t("onboarding.restoreFromBackup") })] }));
 }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.22",
+  "version": "2.0.0-alpha.24",
   "description": "Shared application core for elizaOS shells and white-label apps.",
   "type": "module",
   "license": "MIT",
@@ -164,8 +164,8 @@
     "@capacitor/haptics": "8.0.0",
     "@capacitor/keyboard": "8.0.0",
     "@capacitor/preferences": "^8.0.1",
-    "@elizaos/autonomous": "^2.0.0-alpha.22",
-    "@elizaos/ui": "^2.0.0-alpha.22",
+    "@elizaos/autonomous": "2.0.0-alpha.24",
+    "@elizaos/ui": "2.0.0-alpha.24",
     "@lifo-sh/core": "0.4.4",
     "@lifo-sh/ui": "0.4.2",
     "@pixiv/three-vrm": "^3.4.5",
@@ -177,5 +177,6 @@
   "publishConfig": {
     "access": "public"
   },
+  "gitHead": "cb192f7b21c441e9463d1af2f890c145814baad2",
   "types": "./index.d.ts"
 }

package/package.json

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

package/src/components/OnboardingWizard.tsx

@@ -75,7 +75,7 @@ export function OnboardingWizard() {
     <div className="onboarding-screen">
       {/* Full-screen VRM background — same as CompanionView */}
       <div className="onboarding-bg" />
-      <div className="onboarding-bg-overlay" />
+      {!isCharacterSelect && <div className="onboarding-bg-overlay" />}
 
       {/* VRM character — fills viewport, zoomed in like companion view */}
       <VrmStage
@@ -178,16 +178,16 @@ export function OnboardingWizard() {
       </div>
 
       {isCharacterSelect ? (
-        /* ── Full-screen centered character select ── */
+        /* ── Full-screen character select — anchored to bottom ── */
         <div
           style={{
             position: "absolute",
             inset: 0,
             zIndex: 40,
             display: "flex",
-            alignItems: "center",
+            alignItems: "flex-end",
             justifyContent: "center",
-            padding: "2rem",
+            paddingBottom: "3rem",
           }}
         >
           <IdentityStep />

package/src/components/onboarding/IdentityStep.tsx

@@ -174,14 +174,6 @@ export function IdentityStep() {
   /* ── Video-game style character roster (matches CharacterView exactly) ── */
   return (
     <div className="flex flex-col items-center gap-4 w-full max-w-[640px]">
-      <div className="onboarding-section-title">Choose Your Agent</div>
-      <div className="onboarding-divider">
-        <div className="onboarding-divider-diamond" />
-      </div>
-      <p className="onboarding-desc mb-1 text-center">
-        Pick a personality for your agent. You can customize everything later.
-      </p>
-
       {/* ── Character roster grid — identical to CharacterView roster ── */}
       <div
         className="flex flex-wrap items-start justify-center gap-y-1"

package/test/app/onboarding-language.test.tsx

@@ -54,7 +54,7 @@ function createOnboardingContext(
 ): Record<string, unknown> {
   return {
     t: (k: string) => k,
-    onboardingStep: "wakeUp",
+    onboardingStep: "identity",
     selectedVrmIndex: 1,
     customBackgroundUrl: "",
     onboardingOptions: {
@@ -136,7 +136,7 @@ describe("Onboarding language mode", () => {
       );
     }
 
-    expect(collectText(tree.root)).toContain("onboarding.welcomeTitle");
+    expect(collectText(tree.root)).toContain("Continue");
   });
 
   it("shows chinese copy when uiLanguage is zh-CN", async () => {
@@ -154,7 +154,7 @@ describe("Onboarding language mode", () => {
     }
 
     const text = collectText(tree.root);
-    expect(text).toContain("onboarding.welcomeTitle");
-    expect(text).toContain("onboarding.createNewAgent");
+    expect(text).toContain("Continue");
+    expect(text).toContain("onboarding.restoreFromBackup");
   });
 });

package/test/app/onboarding-steps.test.tsx

@@ -16,6 +16,7 @@ const { mockUseApp, mockIsNativeFn } = vi.hoisted(() => ({
 
 vi.mock("@elizaos/app-core/state", () => ({
   useApp: () => mockUseApp(),
+  getVrmPreviewUrl: (index: number) => `/vrms/previews/milady-${index}.png`,
 }));
 
 vi.mock("@elizaos/app-core/api", () => ({
@@ -51,7 +52,7 @@ vi.mock("@elizaos/app-core/platform", () => ({
 
 import { ActivateStep } from "../../src/components/onboarding/ActivateStep";
 import { ConnectionStep } from "../../src/components/onboarding/ConnectionStep";
-import { WakeUpStep } from "../../src/components/onboarding/WakeUpStep";
+import { IdentityStep } from "../../src/components/onboarding/IdentityStep";
 
 // ── Helpers ───────────────────────────────────────────────────────────
 
@@ -123,49 +124,48 @@ function findButtons(
 }
 
 // ===================================================================
-//  WakeUpStep
+//  IdentityStep (character select — replaces old WakeUpStep)
 // ===================================================================
 
-describe("WakeUpStep", () => {
+describe("IdentityStep", () => {
   beforeEach(() => mockUseApp.mockReset());
 
-  it("renders initialization screen with Activate button", async () => {
-    mockUseApp.mockReturnValue(baseContext());
+  it("renders character selection with Continue button", async () => {
+    mockUseApp.mockReturnValue(
+      baseContext({
+        onboardingStep: "identity",
+        onboardingOptions: {
+          ...baseContext().onboardingOptions,
+          styles: [
+            {
+              catchphrase: "Noted.",
+              hint: "calm & collected",
+              bio: ["bio"],
+              system: "You are {{name}}",
+              style: { all: [], chat: [], post: [] },
+              adjectives: [],
+              postExamples: [],
+              messageExamples: [],
+            },
+          ],
+        },
+      }),
+    );
     let tree: TestRenderer.ReactTestRenderer | undefined;
     await act(async () => {
-      tree = TestRenderer.create(React.createElement(WakeUpStep));
+      tree = TestRenderer.create(React.createElement(IdentityStep));
     });
 
     const text = collectText(tree?.root as TestRenderer.ReactTestInstance);
-    expect(text).toContain("onboarding.welcomeTitle");
-    expect(text).toContain("onboarding.welcomeSubtitle");
-    expect(text).toContain("onboarding.createNewAgent");
-  });
-
-  it("calls handleOnboardingNext when Activate is clicked", async () => {
-    const next = vi.fn(async () => {});
-    mockUseApp.mockReturnValue(baseContext({ handleOnboardingNext: next }));
-    let tree: TestRenderer.ReactTestRenderer | undefined;
-    await act(async () => {
-      tree = TestRenderer.create(React.createElement(WakeUpStep));
-    });
-
-    const buttons = findButtons(tree?.root as TestRenderer.ReactTestInstance);
-    const activateBtn = buttons.find(
-      (b) => collectText(b) === "onboarding.createNewAgent",
-    );
-    expect(activateBtn).toBeDefined();
-    await act(async () => {
-      activateBtn?.props.onClick();
-    });
-    expect(next).toHaveBeenCalled();
+    expect(text).toContain("Continue");
+    expect(text).toContain("Rin");
   });
 
   it("shows Restore from Backup option", async () => {
-    mockUseApp.mockReturnValue(baseContext());
+    mockUseApp.mockReturnValue(baseContext({ onboardingStep: "identity" }));
     let tree: TestRenderer.ReactTestRenderer | undefined;
     await act(async () => {
-      tree = TestRenderer.create(React.createElement(WakeUpStep));
+      tree = TestRenderer.create(React.createElement(IdentityStep));
     });
 
     const text = collectText(tree?.root as TestRenderer.ReactTestInstance);
@@ -173,10 +173,10 @@ describe("WakeUpStep", () => {
   });
 
   it("switches to import view when Restore from Backup is clicked", async () => {
-    mockUseApp.mockReturnValue(baseContext());
+    mockUseApp.mockReturnValue(baseContext({ onboardingStep: "identity" }));
     let tree: TestRenderer.ReactTestRenderer | undefined;
     await act(async () => {
-      tree = TestRenderer.create(React.createElement(WakeUpStep));
+      tree = TestRenderer.create(React.createElement(IdentityStep));
     });
 
     const buttons = findButtons(tree?.root as TestRenderer.ReactTestInstance);

package/test/app/startup-onboarding.e2e.test.ts

@@ -3,7 +3,7 @@ import React from "react";
 import TestRenderer, { act } from "react-test-renderer";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 
-type OnboardingStep = "wakeUp" | "connection" | "rpc" | "senses" | "activate";
+type OnboardingStep = "identity" | "connection" | "rpc" | "senses" | "activate";
 
 type AppHarnessState = {
   onboardingLoading: boolean;
@@ -165,14 +165,14 @@ vi.mock("@elizaos/app-core/components", async () => {
     LifoSandboxView: () => React.createElement("div", null, "LifoSandboxView"),
     OnboardingWizard: () => {
       const state = mockUseApp();
-      if (state.onboardingStep === "wakeUp") {
+      if (state.onboardingStep === "identity") {
         return React.createElement(
           "button",
           {
             onClick: () => state.handleOnboardingNext(),
             type: "button",
           },
-          "onboarding.createNewAgent",
+          "onboarding.chooseAgent",
         );
       }
       if (state.onboardingStep === "connection") {
@@ -435,7 +435,7 @@ function createHarnessState(): AppHarnessState {
     onboardingComplete: false,
     tab: "chat",
     actionNotice: null,
-    onboardingStep: "wakeUp",
+    onboardingStep: "identity",
     onboardingOptions: onboardingOptions(),
     onboardingName: "Milady",
     onboardingStyle: "",
@@ -518,7 +518,7 @@ describe("app startup onboarding flow (e2e)", () => {
     state = createHarnessState();
 
     const STEP_ORDER: OnboardingStep[] = [
-      "wakeUp",
+      "identity",
       "connection",
       "rpc",
       "senses",
@@ -592,8 +592,8 @@ describe("app startup onboarding flow (e2e)", () => {
 
       if (state.onboardingStep === "senses") {
         clickButton(renderedTree, "permissions-continue");
-      } else if (state.onboardingStep === "wakeUp") {
-        clickButton(renderedTree, "onboarding.createNewAgent");
+      } else if (state.onboardingStep === "identity") {
+        clickButton(renderedTree, "onboarding.chooseAgent");
       } else if (state.onboardingStep === "connection") {
         if (!state.onboardingRunMode) {
           clickButton(renderedTree, "onboarding.hostingLocal");
@@ -612,7 +612,7 @@ describe("app startup onboarding flow (e2e)", () => {
 
     const renderedText = textOf(renderedTree.root);
 
-    expect(renderedText).toContain("ChatView");
+    expect(renderedText).toContain("CharacterView");
     expect(renderedText).not.toContain("OnboardingWizard");
   });
 });

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

@@ -1,2 +0,0 @@
-$ 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

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