@elizaos/app-core 2.0.0-alpha.74 → 2.0.0-alpha.76

package/dist/package.json

@@ -1,180 +0,0 @@
-{
-  "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.74",
-  "description": "Shared application core for Milady shells and white-label apps.",
-  "type": "module",
-  "license": "MIT",
-  "homepage": "https://github.com/milady-ai/milady",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/milady-ai/milady.git",
-    "directory": "packages/app-core"
-  },
-  "keywords": [
-    "milady",
-    "app-core",
-    "react",
-    "elizaos"
-  ],
-  "main": "./index.js",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js",
-      "default": "./index.js"
-    },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "import": "./api/index.js",
-      "default": "./api/index.js"
-    },
-    "./config": {
-      "types": "./config/index.d.ts",
-      "import": "./config/index.js",
-      "default": "./config/index.js"
-    },
-    "./types": {
-      "types": "./types/index.d.ts",
-      "import": "./types/index.js",
-      "default": "./types/index.js"
-    },
-    "./events": {
-      "types": "./events/index.d.ts",
-      "import": "./events/index.js",
-      "default": "./events/index.js"
-    },
-    "./i18n": {
-      "types": "./i18n/index.d.ts",
-      "import": "./i18n/index.js",
-      "default": "./i18n/index.js"
-    },
-    "./navigation": {
-      "types": "./navigation/index.d.ts",
-      "import": "./navigation/index.js",
-      "default": "./navigation/index.js"
-    },
-    "./hooks": {
-      "types": "./hooks/index.d.ts",
-      "import": "./hooks/index.js",
-      "default": "./hooks/index.js"
-    },
-    "./bridge": {
-      "types": "./bridge/index.d.ts",
-      "import": "./bridge/index.js",
-      "default": "./bridge/index.js"
-    },
-    "./bridge/electrobun-rpc": {
-      "types": "./bridge/electrobun-rpc.d.ts",
-      "import": "./bridge/electrobun-rpc.js",
-      "default": "./bridge/electrobun-rpc.js"
-    },
-    "./bridge/electrobun-runtime": {
-      "types": "./bridge/electrobun-runtime.d.ts",
-      "import": "./bridge/electrobun-runtime.js",
-      "default": "./bridge/electrobun-runtime.js"
-    },
-    "./state": {
-      "types": "./state/index.d.ts",
-      "import": "./state/index.js",
-      "default": "./state/index.js"
-    },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "import": "./components/index.js",
-      "default": "./components/index.js"
-    },
-    "./components/ChatAvatar": {
-      "types": "./components/ChatAvatar.d.ts",
-      "import": "./components/ChatAvatar.js",
-      "default": "./components/ChatAvatar.js"
-    },
-    "./components/CompanionSceneHost": {
-      "types": "./components/CompanionSceneHost.d.ts",
-      "import": "./components/CompanionSceneHost.js",
-      "default": "./components/CompanionSceneHost.js"
-    },
-    "./components/VrmStage": {
-      "types": "./components/VrmStage.d.ts",
-      "import": "./components/VrmStage.js",
-      "default": "./components/VrmStage.js"
-    },
-    "./components/*": {
-      "types": "./components/*.d.ts",
-      "import": "./components/*.js",
-      "default": "./components/*.js"
-    },
-    "./utils": {
-      "types": "./utils/index.d.ts",
-      "import": "./utils/index.js",
-      "default": "./utils/index.js"
-    },
-    "./voice": {
-      "types": "./voice/index.d.ts",
-      "import": "./voice/index.js",
-      "default": "./voice/index.js"
-    },
-    "./autonomy": {
-      "types": "./autonomy/index.d.ts",
-      "import": "./autonomy/index.js",
-      "default": "./autonomy/index.js"
-    },
-    "./chat": {
-      "types": "./chat/index.d.ts",
-      "import": "./chat/index.js",
-      "default": "./chat/index.js"
-    },
-    "./platform": {
-      "types": "./platform/index.d.ts",
-      "import": "./platform/index.js",
-      "default": "./platform/index.js"
-    },
-    "./coding": {
-      "types": "./coding/index.d.ts",
-      "import": "./coding/index.js",
-      "default": "./coding/index.js"
-    },
-    "./onboarding-config": {
-      "types": "./onboarding-config.d.ts",
-      "import": "./onboarding-config.js",
-      "default": "./onboarding-config.js"
-    },
-    "./providers": {
-      "types": "./providers/index.d.ts",
-      "import": "./providers/index.js",
-      "default": "./providers/index.js"
-    },
-    "./actions": {
-      "types": "./actions/index.d.ts",
-      "import": "./actions/index.js",
-      "default": "./actions/index.js"
-    },
-    "./styles/base.css": "./styles/base.css",
-    "./styles/xterm.css": "./styles/xterm.css",
-    "./styles/anime.css": "./styles/anime.css",
-    "./styles/onboarding-game.css": "./styles/onboarding-game.css",
-    "./styles/styles.css": "./styles/styles.css",
-    "./package.json": "./package.json"
-  },
-  "peerDependencies": {
-    "@pixiv/three-vrm": "^3.4.5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "three": "^0.182.0"
-  },
-  "dependencies": {
-    "@capacitor/core": "8.0.2",
-    "@capacitor/haptics": "8.0.0",
-    "@capacitor/keyboard": "8.0.0",
-    "@capacitor/preferences": "^8.0.1",
-    "@elizaos/autonomous": "^2.0.0-alpha.74",
-    "@elizaos/ui": "^2.0.0-alpha.74",
-    "@sparkjsdev/spark": "^0.1.10",
-    "lucide-react": "^0.575.0",
-    "three": "^0.182.0",
-    "zod": "^4.3.6"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "types": "./index.d.ts"
-}

package/src/App.tsx

@@ -1,504 +0,0 @@
-/**
- * Root App component — routing shell.
- */
-
-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,
-  CompanionShell,
-  CompanionView,
-  ConnectionFailedBanner,
-  ConnectorsPageView,
-  ConversationsSidebar,
-  CustomActionEditor,
-  CustomActionsPanel,
-  ErrorBoundary,
-  GameViewOverlay,
-  Header,
-  MiladyBar,
-  HeartbeatsView,
-  InventoryView,
-  KnowledgeView,
-  OnboardingWizard,
-  PairingView,
-  SaveCommandModal,
-  SettingsView,
-  SharedCompanionScene,
-  ShellOverlays,
-  StartupFailureView,
-  StreamView,
-  SystemWarningBanner,
-} from "./components";
-import {
-  BugReportProvider,
-  useBugReportState,
-  useContextMenu,
-  useStreamPopoutNavigation,
-} from "./hooks";
-import type { Tab } from "./navigation";
-import { APPS_ENABLED, COMPANION_ENABLED } from "./navigation";
-import { useApp } from "./state";
-
-const CHAT_MOBILE_BREAKPOINT_PX = 1024;
-
-/** Check if we're in pop-out mode (StreamView only, no chrome).
- *  Legacy LIFO popout values are ignored so the normal app shell still loads. */
-function useIsPopout(): boolean {
-  const [popout] = useState(() => {
-    if (typeof window === "undefined") return false;
-    const params = new URLSearchParams(
-      window.location.search || window.location.hash.split("?")[1] || "",
-    );
-    if (!params.has("popout")) return false;
-    return !isLifoPopoutValue(params.get("popout"));
-  });
-  return popout;
-}
-
-function TabScrollView({
-  children,
-  className = "",
-}: {
-  children: ReactNode;
-  className?: string;
-}) {
-  return (
-    <div
-      data-shell-scroll-region="true"
-      className={`flex-1 min-h-0 min-w-0 w-full overflow-y-auto ${className}`}
-    >
-      {children}
-    </div>
-  );
-}
-
-function TabContentView({ children }: { children: ReactNode }) {
-  return (
-    <div className="flex-1 min-h-0 min-w-0 w-full overflow-hidden">
-      {children}
-    </div>
-  );
-}
-
-function isCharacterTab(tab: Tab): boolean {
-  return tab === "character" || tab === "character-select";
-}
-
-function ViewRouter({
-  characterSceneVisible = false,
-}: {
-  characterSceneVisible?: boolean;
-}) {
-  const { tab } = useApp();
-  const view = (() => {
-    switch (tab) {
-      case "chat":
-        return <ChatView />;
-      case "companion":
-        return COMPANION_ENABLED ? <CompanionView /> : <ChatView />;
-      case "stream":
-        return <StreamView />;
-      case "apps":
-        // Apps disabled in production builds; fall through to chat
-        return APPS_ENABLED ? (
-          <TabScrollView>
-            <AppsPageView />
-          </TabScrollView>
-        ) : (
-          <ChatView />
-        );
-      case "character":
-      case "character-select":
-        return (
-          <TabScrollView>
-            <CharacterView sceneOverlay={characterSceneVisible} />
-          </TabScrollView>
-        );
-      case "wallets":
-        return (
-          <TabScrollView>
-            <InventoryView />
-          </TabScrollView>
-        );
-      case "knowledge":
-        return (
-          <TabScrollView>
-            <KnowledgeView />
-          </TabScrollView>
-        );
-      case "connectors":
-        return (
-          <TabScrollView>
-            <ConnectorsPageView />
-          </TabScrollView>
-        );
-      case "triggers":
-        return (
-          <TabScrollView>
-            <section className="w-full px-4 py-4 lg:px-6">
-              <HeartbeatsView />
-            </section>
-          </TabScrollView>
-        );
-      case "voice":
-        return (
-          <TabScrollView className="settings-scroll-region">
-            <SettingsView key="settings-voice" initialSection="voice" />
-          </TabScrollView>
-        );
-      case "settings":
-        return (
-          <TabScrollView className="settings-scroll-region">
-            <SettingsView key="settings-root" />
-          </TabScrollView>
-        );
-      case "advanced":
-      case "plugins":
-      case "skills":
-      case "actions":
-      case "fine-tuning":
-      case "trajectories":
-      case "runtime":
-      case "database":
-      case "lifo":
-      case "logs":
-      case "security":
-        return (
-          <TabContentView>
-            <AdvancedPageView />
-          </TabContentView>
-        );
-      default:
-        return <ChatView />;
-    }
-  })();
-
-  return <ErrorBoundary>{view}</ErrorBoundary>;
-}
-
-export function App() {
-  const {
-    onboardingLoading,
-    startupPhase,
-    startupError,
-    authRequired,
-    onboardingComplete,
-    retryStartup,
-    tab,
-    setTab,
-    actionNotice,
-    uiShellMode,
-    agentStatus,
-    unreadConversations,
-    activeGameViewerUrl,
-    gameOverlayEnabled,
-  } = useApp();
-
-  const isPopout = useIsPopout();
-  const shellMode =
-    tab === "character" || tab === "character-select"
-      ? "native"
-      : (uiShellMode ?? "companion");
-  const effectiveTab: Tab =
-    shellMode === "companion"
-      ? "companion"
-      : tab === "companion"
-        ? "chat"
-        : tab;
-  const characterSceneVisible =
-    shellMode === "native" &&
-    (isCharacterTab(effectiveTab) || isCharacterTab(tab));
-  const companionShellVisible = shellMode === "companion";
-  // Don't initialize the 3D scene while the system is still booting — this
-  // prevents VrmEngine's Three.js setup from blocking the JS thread and
-  // delaying WebSocket agent-status updates (which would freeze the loader).
-  const companionSceneActive =
-    COMPANION_ENABLED &&
-    !onboardingLoading &&
-    agentStatus?.state !== "starting" &&
-    (companionShellVisible || characterSceneVisible);
-  const contextMenu = useContextMenu();
-
-  useStreamPopoutNavigation(setTab);
-
-  const [customActionsPanelOpen, setCustomActionsPanelOpen] = useState(false);
-  const [customActionsEditorOpen, setCustomActionsEditorOpen] = useState(false);
-  const [editingAction, setEditingAction] = useState<
-    import("./api").CustomActionDef | null
-  >(null);
-  const [isChatMobileLayout, setIsChatMobileLayout] = useState(() =>
-    typeof window !== "undefined"
-      ? window.innerWidth < CHAT_MOBILE_BREAKPOINT_PX
-      : false,
-  );
-  const [mobileConversationsOpen, setMobileConversationsOpen] = useState(false);
-
-  const isChat = tab === "chat";
-  const unreadCount = unreadConversations?.size ?? 0;
-  const mobileChatControls = isChatMobileLayout ? (
-    <div className="flex items-center gap-2 w-max">
-      <button
-        type="button"
-        className={`inline-flex items-center gap-2 px-3 py-2 border rounded-md text-[12px] font-semibold transition-all cursor-pointer ${mobileConversationsOpen
-            ? "border-accent bg-accent-subtle text-txt"
-            : "border-border bg-card text-txt hover:border-accent hover:text-txt"
-          }`}
-        onClick={() => {
-          setMobileConversationsOpen(true);
-        }}
-        aria-label="Open chats panel"
-      >
-        <svg
-          width="14"
-          height="14"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          aria-hidden
-        >
-          <title>Chats</title>
-          <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
-        </svg>
-        Chats
-        {unreadCount > 0 && (
-          <span className="inline-flex min-w-[18px] h-[18px] items-center justify-center rounded-full bg-accent text-accent-fg text-[10px] font-bold px-1">
-            {unreadCount > 99 ? "99+" : unreadCount}
-          </span>
-        )}
-      </button>
-    </div>
-  ) : undefined;
-
-  // Keep hook order stable across onboarding/auth state transitions.
-  // Otherwise React can throw when onboarding completes and the main shell mounts.
-  useEffect(() => {
-    const handler = () => setCustomActionsPanelOpen((v) => !v);
-    window.addEventListener("toggle-custom-actions-panel", handler);
-    return () =>
-      window.removeEventListener("toggle-custom-actions-panel", handler);
-  }, []);
-
-  const handleEditorSave = useCallback(() => {
-    setCustomActionsEditorOpen(false);
-    setEditingAction(null);
-  }, []);
-
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const handleResize = () => {
-      setIsChatMobileLayout(window.innerWidth < CHAT_MOBILE_BREAKPOINT_PX);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-
-  useEffect(() => {
-    if (!isChatMobileLayout) {
-      setMobileConversationsOpen(false);
-    }
-  }, [isChatMobileLayout]);
-
-  useEffect(() => {
-    if (!isChat) {
-      setMobileConversationsOpen(false);
-    }
-  }, [isChat]);
-
-  useEffect(() => {
-    if (!isNative || !isIOS) {
-      return;
-    }
-
-    // Disable the iOS WebView scroll only while the companion shell is active.
-    void Keyboard.setScroll({ isDisabled: companionShellVisible }).catch(() => {
-      // Ignore bridge failures so web and desktop shells keep working.
-    });
-  }, [companionShellVisible]);
-
-  useEffect(() => {
-    if (!isNative || !isIOS) {
-      return;
-    }
-
-    return () => {
-      void Keyboard.setScroll({ isDisabled: false }).catch(() => {
-        // Ignore cleanup failures when the native bridge is unavailable.
-      });
-    };
-  }, []);
-
-  const bugReport = useBugReportState();
-  const agentStarting = agentStatus?.state === "starting";
-
-  useEffect(() => {
-    const STARTUP_TIMEOUT_MS = 300_000;
-    if ((startupPhase as string) !== "ready" && !startupError) {
-      const timer = setTimeout(() => {
-        retryStartup();
-      }, STARTUP_TIMEOUT_MS);
-      return () => clearTimeout(timer);
-    }
-  }, [startupPhase, startupError, retryStartup]);
-
-  // Pop-out mode — render only StreamView, skip startup gates.
-  // Platform init is skipped in main.tsx; AppProvider hydrates WS in background.
-  if (isPopout) {
-    return (
-      <div className="flex flex-col h-screen w-screen font-body text-txt bg-bg overflow-hidden">
-        <StreamView />
-      </div>
-    );
-  }
-
-  if (startupError) {
-    return <StartupFailureView error={startupError} onRetry={retryStartup} />;
-  }
-
-  const shouldLoad = onboardingLoading || agentStarting;
-  const [loaderFadingOut, setLoaderFadingOut] = useState(false);
-  const showLoaderRef = useRef(true);
-  const [showLoader, setShowLoader] = useState(true);
-
-  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} />
-  ) : tab === "stream" ? (
-    <div className="flex flex-col flex-1 min-h-0 w-full font-body text-txt bg-bg">
-      <Header hideCloudCredits />
-      <MiladyBar />
-      <main className="flex-1 min-h-0 overflow-hidden">
-        <StreamView />
-      </main>
-    </div>
-  ) : isChat ? (
-    <div className="flex flex-col flex-1 min-h-0 w-full font-body text-txt bg-bg">
-      <Header mobileLeft={mobileChatControls} hideCloudCredits />
-      <MiladyBar />
-      <div className="flex flex-1 min-h-0 relative">
-        {isChatMobileLayout ? (
-          <>
-            <main className="flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden pt-2 px-2">
-              <ChatView />
-            </main>
-
-            {mobileConversationsOpen && (
-              <div className="fixed inset-0 z-[120] bg-bg">
-                <ConversationsSidebar
-                  mobile
-                  onClose={() => setMobileConversationsOpen(false)}
-                />
-              </div>
-            )}
-          </>
-        ) : (
-          <>
-            <ConversationsSidebar />
-            <main className="flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden pt-3 px-3 xl:px-5">
-              <ChatView />
-            </main>
-          </>
-        )}
-        <CustomActionsPanel
-          open={customActionsPanelOpen}
-          onClose={() => setCustomActionsPanelOpen(false)}
-          onOpenEditor={(action) => {
-            setEditingAction(action ?? null);
-            setCustomActionsEditorOpen(true);
-          }}
-        />
-      </div>
-    </div>
-  ) : (
-    <div
-      className={`flex flex-col flex-1 min-h-0 w-full font-body text-txt ${characterSceneVisible ? "bg-transparent" : "bg-bg"
-        }`}
-    >
-      <Header transparent={characterSceneVisible} hideCloudCredits={!characterSceneVisible} />
-      {!characterSceneVisible && <MiladyBar />}
-      <main
-        className={`flex flex-1 min-h-0 min-w-0 overflow-hidden px-3 xl:px-5 ${characterSceneVisible ? "pb-4 pt-2 xl:pb-6" : "py-4 xl:py-6"
-          }`}
-      >
-        <ViewRouter characterSceneVisible={characterSceneVisible} />
-      </main>
-    </div>
-  );
-
-  const appShell = COMPANION_ENABLED ? (
-    <SharedCompanionScene
-      active={companionSceneActive}
-      interactive={companionShellVisible}
-    >
-      {shellContent}
-    </SharedCompanionScene>
-  ) : (
-    shellContent
-  );
-
-  return (
-    <BugReportProvider value={bugReport}>
-      {appShell}
-      {/* Persistent game overlay — stays visible across all tabs */}
-      {activeGameViewerUrl && gameOverlayEnabled && tab !== "apps" && (
-        <GameViewOverlay />
-      )}
-      <ShellOverlays actionNotice={actionNotice} />
-      <SaveCommandModal
-        open={contextMenu.saveCommandModalOpen}
-        text={contextMenu.saveCommandText}
-        onSave={contextMenu.confirmSaveCommand}
-        onClose={contextMenu.closeSaveCommandModal}
-      />
-      <CustomActionEditor
-        open={customActionsEditorOpen}
-        action={editingAction}
-        onSave={handleEditorSave}
-        onClose={() => {
-          setCustomActionsEditorOpen(false);
-          setEditingAction(null);
-        }}
-      />
-      <ConnectionFailedBanner />
-      <SystemWarningBanner />
-      {showLoader && (
-        <AvatarLoader
-          label={agentStarting ? "Initializing agent" : "Starting systems"}
-          fullScreen
-          fadingOut={loaderFadingOut}
-        />
-      )}
-    </BugReportProvider>
-  );
-}