@elizaos/app-core 2.0.0-alpha.13 → 2.0.0-alpha.15

package/dist/styles/xterm.css

@@ -0,0 +1,241 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */
+
+/**
+ *  Default styles for xterm.js
+ */
+
+.xterm {
+  cursor: text;
+  position: relative;
+  user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+}
+
+.xterm.focus,
+.xterm:focus {
+  outline: none;
+}
+
+.xterm .xterm-helpers {
+  position: absolute;
+  top: 0;
+  /**
+   * The z-index of the helpers must be higher than the canvases in order for
+   * IMEs to appear on top.
+   */
+  z-index: 5;
+}
+
+.xterm .xterm-helper-textarea {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  /* Move textarea out of the screen to the far left, so that the cursor is not visible */
+  position: absolute;
+  opacity: 0;
+  left: -9999em;
+  top: 0;
+  width: 0;
+  height: 0;
+  z-index: -5;
+  /** Prevent wrapping so the IME appears against the textarea at the correct position */
+  white-space: nowrap;
+  overflow: hidden;
+  resize: none;
+}
+
+.xterm .composition-view {
+  /* TODO: Composition position got messed up somewhere */
+  background: #000;
+  color: #fff;
+  display: none;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.xterm .composition-view.active {
+  display: block;
+}
+
+.xterm .xterm-viewport {
+  /* On OS X this is required in order for the scroll bar to appear fully opaque */
+  background-color: #000;
+  overflow-y: scroll;
+  cursor: default;
+  position: absolute;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.xterm .xterm-screen {
+  position: relative;
+}
+
+.xterm .xterm-screen canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.xterm .xterm-scroll-area {
+  visibility: hidden;
+}
+
+.xterm-char-measure-element {
+  display: inline-block;
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: -9999em;
+  line-height: normal;
+}
+
+.xterm.enable-mouse-events {
+  /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
+  cursor: default;
+}
+
+.xterm.xterm-cursor-pointer,
+.xterm .xterm-cursor-pointer {
+  cursor: pointer;
+}
+
+.xterm.column-select.focus {
+  /* Column selection mode */
+  cursor: crosshair;
+}
+
+.xterm .xterm-accessibility:not(.debug),
+.xterm .xterm-message {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 10;
+  color: transparent;
+  pointer-events: none;
+}
+
+.xterm .xterm-accessibility-tree:not(.debug) *::selection {
+  color: transparent;
+}
+
+.xterm .xterm-accessibility-tree {
+  user-select: text;
+  white-space: pre;
+}
+
+.xterm .live-region {
+  position: absolute;
+  left: -9999px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+
+.xterm-dim {
+  /* Dim should not apply to background, so the opacity of the foreground color is applied
+     * explicitly in the generated class and reset to 1 here */
+  /* biome-ignore lint/complexity/noImportantStyles: required by xterm.js dim rendering */
+  opacity: 1 !important;
+}
+
+.xterm-underline-1 {
+  text-decoration: underline;
+}
+.xterm-underline-2 {
+  text-decoration: double underline;
+}
+.xterm-underline-3 {
+  text-decoration: wavy underline;
+}
+.xterm-underline-4 {
+  text-decoration: dotted underline;
+}
+.xterm-underline-5 {
+  text-decoration: dashed underline;
+}
+
+.xterm-overline {
+  text-decoration: overline;
+}
+
+.xterm-overline.xterm-underline-1 {
+  text-decoration: overline underline;
+}
+.xterm-overline.xterm-underline-2 {
+  text-decoration: overline double underline;
+}
+.xterm-overline.xterm-underline-3 {
+  text-decoration: overline wavy underline;
+}
+.xterm-overline.xterm-underline-4 {
+  text-decoration: overline dotted underline;
+}
+.xterm-overline.xterm-underline-5 {
+  text-decoration: overline dashed underline;
+}
+
+.xterm-strikethrough {
+  text-decoration: line-through;
+}
+
+.xterm-screen .xterm-decoration-container .xterm-decoration {
+  z-index: 6;
+  position: absolute;
+}
+
+.xterm-screen
+  .xterm-decoration-container
+  .xterm-decoration.xterm-decoration-top-layer {
+  z-index: 7;
+}
+
+.xterm-decoration-overview-ruler {
+  z-index: 8;
+  position: absolute;
+  top: 0;
+  right: 0;
+  pointer-events: none;
+}
+
+.xterm-decoration-top {
+  z-index: 2;
+  position: relative;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.13",
+  "version": "2.0.0-alpha.15",
   "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.13",
-    "@elizaos/ui": "2.0.0-alpha.13",
+    "@elizaos/autonomous": "2.0.0-alpha.15",
+    "@elizaos/ui": "2.0.0-alpha.15",
     "@lifo-sh/core": "0.4.4",
     "@lifo-sh/ui": "0.4.2",
     "@pixiv/three-vrm": "^3.4.5",
@@ -86,5 +86,5 @@
     "@types/three": "^0.182.0",
     "typescript": "^5.9.3"
   },
-  "gitHead": "9448dcfc32d38873e1e2596d4ff4eca444fadca0"
+  "gitHead": "64c3776b97ecd672df468fc872a36822c8edcc51"
 }

package/src/App.tsx

@@ -3,23 +3,25 @@
  */
 
 import { Keyboard } from "@capacitor/keyboard";
+import { isIOS, isLifoPopoutValue, isNative } from "@elizaos/app-core/platform";
+import { type ReactNode, useCallback, useEffect, useRef, useState } from "react";
 import {
   AdvancedPageView,
   AppsPageView,
   AvatarLoader,
   CharacterView,
   ChatView,
-  ConnectionFailedBanner,
-  ConversationsSidebar,
-  ConnectorsPageView,
   CompanionShell,
   CompanionView,
+  ConnectionFailedBanner,
+  ConnectorsPageView,
+  ConversationsSidebar,
   CustomActionEditor,
   CustomActionsPanel,
   ErrorBoundary,
   GameViewOverlay,
-  HeartbeatsView,
   Header,
+  HeartbeatsView,
   InventoryView,
   KnowledgeView,
   OnboardingWizard,
@@ -40,9 +42,7 @@ import {
 } from "./hooks";
 import type { Tab } from "./navigation";
 import { APPS_ENABLED, COMPANION_ENABLED } from "./navigation";
-import { isIOS, isLifoPopoutValue, isNative } from "@elizaos/app-core/platform";
 import { useApp } from "./state";
-import { type ReactNode, useCallback, useEffect, useState } from "react";
 
 const CHAT_MOBILE_BREAKPOINT_PX = 1024;
 
@@ -358,15 +358,29 @@ export function App() {
     return <StartupFailureView error={startupError} onRetry={retryStartup} />;
   }
 
-  if (onboardingLoading || agentStarting) {
-    const loadingLabel = agentStarting
-      ? "Initializing agent"
-      : "Starting systems";
-    return <AvatarLoader label={loadingLabel} fullScreen />;
-  }
+  const shouldLoad = onboardingLoading || agentStarting;
+  const [loaderFadingOut, setLoaderFadingOut] = useState(false);
+  const showLoaderRef = useRef(true);
+  const [showLoader, setShowLoader] = useState(true);
 
-  if (authRequired) return <PairingView />;
-  if (!onboardingComplete) return <OnboardingWizard />;
+  useEffect(() => {
+    if (shouldLoad) {
+      showLoaderRef.current = true;
+      setShowLoader(true);
+      setLoaderFadingOut(false);
+    } else if (showLoaderRef.current) {
+      showLoaderRef.current = false;
+      setLoaderFadingOut(true);
+      const timer = setTimeout(() => {
+        setShowLoader(false);
+        setLoaderFadingOut(false);
+      }, 800);
+      return () => clearTimeout(timer);
+    }
+  }, [shouldLoad]);
+
+  if (authRequired && !shouldLoad) return <PairingView />;
+  if (!onboardingComplete && !shouldLoad) return <OnboardingWizard />;
 
   const shellContent = companionShellVisible ? (
     <CompanionShell tab={effectiveTab} actionNotice={actionNotice} />
@@ -467,6 +481,13 @@ export function App() {
       />
       <ConnectionFailedBanner />
       <SystemWarningBanner />
+      {showLoader && (
+        <AvatarLoader
+          label={agentStarting ? "Initializing agent" : "Starting systems"}
+          fullScreen
+          fadingOut={loaderFadingOut}
+        />
+      )}
     </BugReportProvider>
   );
 }

package/src/ambient.d.ts

@@ -5,12 +5,12 @@
  */
 
 interface ImportMetaEnv {
-    readonly DEV: boolean;
-    readonly PROD: boolean;
-    readonly VITE_ENABLE_COMPANION_MODE?: string;
-    readonly VITE_ENABLE_MEMORY_MONITOR?: string;
+  readonly DEV: boolean;
+  readonly PROD: boolean;
+  readonly VITE_ENABLE_COMPANION_MODE?: string;
+  readonly VITE_ENABLE_MEMORY_MONITOR?: string;
 }
 
 interface ImportMeta {
-    readonly env: ImportMetaEnv;
+  readonly env: ImportMetaEnv;
 }

package/src/api/client.ts

@@ -21,8 +21,10 @@ import type {
   VisionConfig,
   VisionProvider,
 } from "@elizaos/autonomous/contracts/config";
-import type { DropStatus, MintResult } from "@elizaos/autonomous/contracts/drop";
-import type { VerificationResult } from "@elizaos/autonomous/contracts/verification";
+import type {
+  DropStatus,
+  MintResult,
+} from "@elizaos/autonomous/contracts/drop";
 import type {
   CloudProviderOption,
   ConnectorConfig,
@@ -41,6 +43,14 @@ import type {
   SubscriptionProviderStatus,
   SubscriptionStatusResponse,
 } from "@elizaos/autonomous/contracts/onboarding";
+import type {
+  AllPermissionsState,
+  PermissionState,
+  PermissionStatus,
+  SystemPermissionDefinition,
+  SystemPermissionId,
+} from "@elizaos/autonomous/contracts/permissions";
+import type { VerificationResult } from "@elizaos/autonomous/contracts/verification";
 import type {
   BscTradeExecuteRequest,
   BscTradeExecuteResponse,
@@ -74,13 +84,6 @@ import {
   normalizeWalletRpcSelections,
   WALLET_RPC_PROVIDER_OPTIONS,
 } from "@elizaos/autonomous/contracts/wallet";
-import type {
-  AllPermissionsState,
-  PermissionState,
-  PermissionStatus,
-  SystemPermissionDefinition,
-  SystemPermissionId,
-} from "@elizaos/autonomous/contracts/permissions";
 import type { ConfigUiHint } from "../types";
 import { stripAssistantStageDirections } from "../utils/assistant-text";
 import { mergeStreamingText } from "../utils/streaming-text";
@@ -123,8 +126,8 @@ export type {
   PermissionStatus,
   PiAiModelOption,
   ProviderOption,
-  RpcProviderOption,
   ReleaseChannel,
+  RpcProviderOption,
   SolanaNft,
   SolanaTokenBalance,
   StylePreset,
@@ -2316,21 +2319,31 @@ export class MiladyClient {
     pairingEnabled: boolean;
     expiresAt: number | null;
   }> {
-    try {
-      return await this.fetch("/api/auth/status");
-    } catch (err: unknown) {
-      const status = (err as Error & { status?: number })?.status;
-      if (status === 401) {
-        // Server requires auth
-        return { required: true, pairingEnabled: false, expiresAt: null };
-      }
-      if (status === 404) {
-        // npm-installed server without auth routes — no auth required
-        return { required: false, pairingEnabled: false, expiresAt: null };
+    // Retry with exponential backoff — the server may not be ready during boot.
+    const maxRetries = 3;
+    const baseBackoffMs = 1000;
+    let lastErr: unknown;
+    for (let attempt = 0; attempt <= maxRetries; attempt++) {
+      try {
+        return await this.fetch("/api/auth/status");
+      } catch (err: unknown) {
+        const status = (err as Error & { status?: number })?.status;
+        if (status === 401) {
+          return { required: true, pairingEnabled: false, expiresAt: null };
+        }
+        if (status === 404) {
+          return { required: false, pairingEnabled: false, expiresAt: null };
+        }
+        lastErr = err;
+        const kind = (err as Error & { kind?: string })?.kind;
+        if (kind === "timeout" && attempt < maxRetries) {
+          await new Promise((r) => setTimeout(r, baseBackoffMs * 2 ** attempt));
+          continue;
+        }
+        if (attempt >= maxRetries) break;
       }
-      // Other errors (500, network) — re-throw so caller can handle
-      throw err;
     }
+    throw lastErr;
   }
 
   async pair(code: string): Promise<{ token: string }> {

package/src/bridge/plugin-bridge.ts

@@ -11,6 +11,7 @@
 import { Capacitor } from "@capacitor/core";
 import { isElectrobunRuntime } from "./electrobun-runtime";
 import {
+  type GenericNativePlugin,
   getCameraPlugin,
   getCanvasPlugin,
   getDesktopPlugin,
@@ -19,7 +20,6 @@ import {
   getScreenCapturePlugin,
   getSwabblePlugin,
   getTalkModePlugin,
-  type GenericNativePlugin,
   type SwabblePluginLike,
   type TalkModePluginLike,
 } from "./native-plugins";

package/src/components/AvatarLoader.tsx

@@ -3,11 +3,14 @@ interface AvatarLoaderProps {
   label?: string;
   /** When true, renders as a full-screen loader instead of an overlay */
   fullScreen?: boolean;
+  /** When true, fades the loader out (use before unmounting) */
+  fadingOut?: boolean;
 }
 
 export function AvatarLoader({
   label = "Initializing entity",
   fullScreen = false,
+  fadingOut = false,
 }: AvatarLoaderProps) {
   return (
     <div
@@ -19,6 +22,9 @@ export function AvatarLoader({
         justifyContent: "center",
         background: fullScreen ? "#0c0e14" : "transparent",
         zIndex: 10,
+        opacity: fadingOut ? 0 : 1,
+        transition: "opacity 0.8s ease-out",
+        pointerEvents: fadingOut ? "none" : "auto",
       }}
     >
       <div

package/src/components/BscTradePanel.tsx

@@ -545,5 +545,5 @@ export function TradePanel({
   );
 }
 
-export { TradePanel as BscTradePanel };
 export type { TradePanelProps as BscTradePanelProps };
+export { TradePanel as BscTradePanel };