@elizaos/app-core 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/stream/overlays/useOverlayLayout.js

@@ -1,162 +0,0 @@
-/**
- * React hook for managing the overlay layout.
- *
- * Persistence strategy (dual-layer):
- *  1. **Server API** (`GET/POST /api/stream/overlay-layout`) — authoritative
- *     source that persists across headless browser restarts on a VPS.
- *  2. **localStorage** (`milady.stream.overlay-layout.v1`) — fast local cache,
- *     used as initial state and fallback when the server is unreachable.
- *
- * On mount the hook loads from localStorage (instant), then fetches from the
- * server. If the server has a layout, it wins. Mutations write to both.
- *
- * When `destinationId` is provided, the hook reads/writes destination-specific
- * storage (both localStorage and server). Falls back to the global default.
- */
-import { client } from "@elizaos/app-core/api";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { getAllWidgets } from "./registry";
-function storageKey(destinationId) {
-    const base = "milady.stream.overlay-layout.v1";
-    return destinationId ? `${base}.${destinationId}` : base;
-}
-// ---------------------------------------------------------------------------
-// Default layout — ThoughtBubble + Branding enabled, rest disabled
-// ---------------------------------------------------------------------------
-let _idCounter = 0;
-function localId() {
-    _idCounter += 1;
-    return `w${Date.now().toString(36)}${_idCounter.toString(36)}`;
-}
-function buildDefaultLayout() {
-    const widgets = getAllWidgets().map((def) => ({
-        id: localId(),
-        type: def.type,
-        enabled: def.type === "thought-bubble" || def.type === "branding",
-        position: { ...def.defaultPosition },
-        zIndex: def.defaultZIndex,
-        config: { ...def.defaultConfig },
-    }));
-    return { version: 1, name: "Default", widgets };
-}
-function loadLayoutLocal(destinationId) {
-    try {
-        const raw = localStorage.getItem(storageKey(destinationId));
-        if (raw) {
-            const parsed = JSON.parse(raw);
-            if (parsed.version === 1 && Array.isArray(parsed.widgets))
-                return parsed;
-        }
-    }
-    catch {
-        // corrupted — fall through to default
-    }
-    return buildDefaultLayout();
-}
-function saveLayoutLocal(layout, destinationId) {
-    try {
-        localStorage.setItem(storageKey(destinationId), JSON.stringify(layout));
-    }
-    catch {
-        // storage full — silently skip
-    }
-}
-/** Best-effort save to server. Non-blocking, non-fatal. */
-function saveLayoutServer(layout, destinationId) {
-    client.saveOverlayLayout(layout, destinationId).catch(() => {
-        // Server may be unavailable (e.g. desktop dev mode) — ignore
-    });
-}
-export function useOverlayLayout(destinationId) {
-    const [layout, setLayout] = useState(() => loadLayoutLocal(destinationId));
-    const serverFetched = useRef(undefined);
-    // Re-fetch when destinationId changes
-    useEffect(() => {
-        // Reset to local cache for new destination
-        setLayout(loadLayoutLocal(destinationId));
-        serverFetched.current = undefined;
-    }, [destinationId]);
-    // On mount / destination change: try to fetch authoritative layout from server
-    useEffect(() => {
-        if (serverFetched.current === destinationId)
-            return;
-        serverFetched.current = destinationId;
-        client
-            .getOverlayLayout(destinationId)
-            .then((res) => {
-            const remote = res.layout;
-            if (remote && remote.version === 1 && Array.isArray(remote.widgets)) {
-                setLayout(remote);
-                saveLayoutLocal(remote, destinationId);
-            }
-        })
-            .catch(() => {
-            // Server unavailable — use local/default layout
-        });
-    }, [destinationId]);
-    // Persist to both layers on change (skip the initial load from useEffect)
-    const isInitialMount = useRef(true);
-    useEffect(() => {
-        if (isInitialMount.current) {
-            isInitialMount.current = false;
-            return;
-        }
-        saveLayoutLocal(layout, destinationId);
-        saveLayoutServer(layout, destinationId);
-    }, [layout, destinationId]);
-    const addWidget = useCallback((type) => {
-        const defs = getAllWidgets();
-        const def = defs.find((d) => d.type === type);
-        if (!def)
-            return;
-        const instance = {
-            id: localId(),
-            type: def.type,
-            enabled: true,
-            position: { ...def.defaultPosition },
-            zIndex: def.defaultZIndex,
-            config: { ...def.defaultConfig },
-        };
-        setLayout((prev) => ({
-            ...prev,
-            widgets: [...prev.widgets, instance],
-        }));
-    }, []);
-    const removeWidget = useCallback((id) => {
-        setLayout((prev) => ({
-            ...prev,
-            widgets: prev.widgets.filter((w) => w.id !== id),
-        }));
-    }, []);
-    const toggleWidget = useCallback((id) => {
-        setLayout((prev) => ({
-            ...prev,
-            widgets: prev.widgets.map((w) => w.id === id ? { ...w, enabled: !w.enabled } : w),
-        }));
-    }, []);
-    const updateWidget = useCallback((id, patch) => {
-        setLayout((prev) => ({
-            ...prev,
-            widgets: prev.widgets.map((w) => w.id === id ? { ...w, ...patch } : w),
-        }));
-    }, []);
-    const moveWidget = useCallback((id, position) => {
-        setLayout((prev) => ({
-            ...prev,
-            widgets: prev.widgets.map((w) => (w.id === id ? { ...w, position } : w)),
-        }));
-    }, []);
-    const resetLayout = useCallback(() => {
-        const fresh = buildDefaultLayout();
-        setLayout(fresh);
-    }, []);
-    return {
-        layout,
-        addWidget,
-        removeWidget,
-        toggleWidget,
-        updateWidget,
-        moveWidget,
-        resetLayout,
-    };
-}

package/components/trajectory-format.d.ts

@@ -1,6 +0,0 @@
-export declare function formatTrajectoryDuration(ms: number | null): string;
-export declare function formatTrajectoryTimestamp(iso: string, mode: "smart" | "detailed"): string;
-export declare function formatTrajectoryTokenCount(count: number | undefined, options: {
-    emptyLabel: string;
-}): string;
-//# sourceMappingURL=trajectory-format.d.ts.map

package/components/trajectory-format.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"trajectory-format.d.ts","sourceRoot":"","sources":["../../src/components/trajectory-format.ts"],"names":[],"mappings":"AAAA,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAKlE;AAED,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,OAAO,GAAG,UAAU,GACzB,MAAM,CA8BR;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,OAAO,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,GAC9B,MAAM,CAIR"}

package/components/trajectory-format.js

@@ -1,43 +0,0 @@
-export function formatTrajectoryDuration(ms) {
-    if (ms === null)
-        return "—";
-    if (ms < 1000)
-        return `${ms}ms`;
-    if (ms < 60000)
-        return `${(ms / 1000).toFixed(1)}s`;
-    return `${(ms / 60000).toFixed(1)}m`;
-}
-export function formatTrajectoryTimestamp(iso, mode) {
-    const date = new Date(iso);
-    if (mode === "smart") {
-        const now = new Date();
-        const isToday = date.toDateString() === now.toDateString();
-        if (isToday) {
-            return date.toLocaleTimeString(undefined, {
-                hour: "2-digit",
-                minute: "2-digit",
-                second: "2-digit",
-            });
-        }
-        return date.toLocaleString(undefined, {
-            month: "short",
-            day: "numeric",
-            hour: "2-digit",
-            minute: "2-digit",
-        });
-    }
-    return date.toLocaleString(undefined, {
-        month: "short",
-        day: "numeric",
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit",
-    });
-}
-export function formatTrajectoryTokenCount(count, options) {
-    if (count === undefined || count === 0)
-        return options.emptyLabel;
-    if (count < 1000)
-        return String(count);
-    return `${(count / 1000).toFixed(1)}k`;
-}

package/components/ui-badges.d.ts

@@ -1,23 +0,0 @@
-/**
- * Shared UI primitives for compact labels, pills, and status dots.
- */
-import type { ReactNode } from "react";
-type StatusTone = "success" | "warning" | "danger" | "muted";
-export declare function statusToneForBoolean(condition: boolean, onTone?: StatusTone, offTone?: StatusTone): StatusTone;
-export declare function StatusBadge({ label, tone, withDot, className, }: {
-    label: string;
-    tone: StatusTone;
-    withDot?: boolean;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function StatusDot({ status, className, }: {
-    status: string;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function StatCard({ label, value, accent, }: {
-    label: string;
-    value: ReactNode;
-    accent?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ui-badges.d.ts.map

package/components/ui-badges.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui-badges.d.ts","sourceRoot":"","sources":["../../src/components/ui-badges.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AA2B7D,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,OAAO,EAClB,MAAM,GAAE,UAAsB,EAC9B,OAAO,GAAE,UAAoB,GAC5B,UAAU,CAEZ;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,OAAe,EACf,SAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAYA;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,SAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAcA;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,MAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CAaA"}

package/components/ui-badges.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const STATUS_TONES = {
-    success: {
-        badge: "text-[var(--ok,#16a34a)] border border-[var(--ok,#16a34a)]/30 bg-[var(--ok,#16a34a)]/10",
-        dot: "bg-[var(--ok,#16a34a)]",
-    },
-    warning: {
-        badge: "text-warn border border-warn/30 bg-warn/10",
-        dot: "bg-warn",
-    },
-    danger: {
-        badge: "text-danger border border-danger/30 bg-danger/10",
-        dot: "bg-danger",
-    },
-    muted: {
-        badge: "text-[var(--muted)] border border-[var(--border)] bg-[var(--bg)]",
-        dot: "bg-[var(--muted)]",
-    },
-};
-export function statusToneForBoolean(condition, onTone = "success", offTone = "muted") {
-    return condition ? onTone : offTone;
-}
-export function StatusBadge({ label, tone, withDot = false, className = "", }) {
-    const toneStyles = STATUS_TONES[tone];
-    return (_jsxs("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-sm text-[10px] font-bold uppercase ${toneStyles.badge} ${className}`, children: [withDot && (_jsx("span", { className: `w-1.5 h-1.5 rounded-full ${toneStyles.dot}` })), label] }));
-}
-export function StatusDot({ status, className = "", }) {
-    const tone = status === "success" || status === "completed" || status === "connected"
-        ? "success"
-        : status === "error" || status === "failed" || status === "denied"
-            ? "danger"
-            : "muted";
-    const toneStyles = STATUS_TONES[tone];
-    return (_jsx("span", { className: `inline-block w-2 h-2 rounded-full ${toneStyles.dot} ${className}` }));
-}
-export function StatCard({ label, value, accent = false, }) {
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center p-3 border border-[var(--border)] bg-[var(--bg)] min-w-[80px]", children: [_jsx("div", { className: `text-lg font-bold tabular-nums ${accent ? "text-txt" : ""}`, children: value }), _jsx("div", { className: "text-[10px] text-[var(--muted)] uppercase tracking-wide mt-0.5", children: label })] }));
-}

package/components/ui-switch.d.ts

@@ -1,14 +0,0 @@
-import type { ButtonHTMLAttributes } from "react";
-type SwitchSize = "default" | "compact";
-type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onChange" | "onClick" | "role" | "aria-checked"> & {
-    checked: boolean;
-    onChange: (next: boolean) => void;
-    size?: SwitchSize;
-    trackOnClass?: string;
-    trackOffClass?: string;
-    knobClass?: string;
-    disabledClassName?: string;
-};
-export declare function Switch({ checked, onChange, size, trackOnClass, trackOffClass, knobClass, disabledClassName, disabled, className, ...buttonProps }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ui-switch.d.ts.map

package/components/ui-switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui-switch.d.ts","sourceRoot":"","sources":["../../src/components/ui-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAExC,KAAK,WAAW,GAAG,IAAI,CACrB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,CAC1D,GAAG;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAYF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,IAAgB,EAChB,YAAmC,EACnC,aAAoC,EACpC,SAAsB,EACtB,iBAA+C,EAC/C,QAAQ,EACR,SAAc,EACd,GAAG,WAAW,EACf,EAAE,WAAW,2CAkBb"}

package/components/ui-switch.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SIZE_CLASS = {
-    default: "w-10 h-6",
-    compact: "w-10 h-6",
-};
-const KNOB_TRAVEL_CLASS = {
-    default: "translate-x-4",
-    compact: "translate-x-4",
-};
-export function Switch({ checked, onChange, size = "default", trackOnClass = "bg-[var(--accent)]", trackOffClass = "bg-[var(--border)]", knobClass = "bg-white", disabledClassName = "opacity-40 cursor-default", disabled, className = "", ...buttonProps }) {
-    return (_jsx("button", { ...buttonProps, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, className: `relative inline-flex shrink-0 rounded-full transition-colors duration-200 focus:outline-none ${SIZE_CLASS[size]} ${checked ? trackOnClass : trackOffClass} ${disabled ? disabledClassName : "cursor-pointer"} ${className}`, onClick: () => {
-            if (!disabled)
-                onChange(!checked);
-        }, children: _jsx("span", { className: `pointer-events-none absolute top-1 left-1 h-4 w-4 rounded-full shadow-sm transition-transform duration-200 ${knobClass} ${checked ? KNOB_TRAVEL_CLASS[size] : ""}` }) }));
-}

package/components/vector-browser-three.d.ts

@@ -1,4 +0,0 @@
-import * as THREE from "three";
-export { THREE };
-export declare function createVectorBrowserRenderer(): Promise<THREE.WebGLRenderer>;
-//# sourceMappingURL=vector-browser-three.d.ts.map

package/components/vector-browser-three.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vector-browser-three.d.ts","sourceRoot":"","sources":["../../src/components/vector-browser-three.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,CAAC;AAMjB,wBAAsB,2BAA2B,IAAI,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,CAoBhF"}

package/components/vector-browser-three.js

@@ -1,21 +0,0 @@
-import * as THREE from "three";
-export { THREE };
-export async function createVectorBrowserRenderer() {
-    if (typeof navigator !== "undefined" && navigator.gpu) {
-        try {
-            const webgpuModule = (await import("three/webgpu"));
-            const WebGPURenderer = webgpuModule.WebGPURenderer;
-            if (WebGPURenderer) {
-                const renderer = new WebGPURenderer({
-                    antialias: true,
-                });
-                await renderer.init?.();
-                return renderer;
-            }
-        }
-        catch {
-            // Fall through to WebGL in environments without WebGPU support.
-        }
-    }
-    return new THREE.WebGLRenderer({ antialias: true });
-}

package/config/branding.d.ts

@@ -1,49 +0,0 @@
-/**
- * Custom provider that apps can inject into the onboarding flow.
- * Uses `string` for id/family so apps aren't restricted to the built-in union.
- */
-export interface CustomProviderOption {
-    id: string;
-    name: string;
-    envKey: string | null;
-    pluginName: string;
-    keyPrefix: string | null;
-    description: string;
-    family: string;
-    authMode: "api-key" | "cloud" | "credentials" | "local" | "subscription";
-    group: "cloud" | "local" | "subscription";
-    order: number;
-    recommended?: boolean;
-    /** Dark-mode logo path (e.g. "/logos/my-provider.png") */
-    logoDark?: string;
-    /** Light-mode logo path */
-    logoLight?: string;
-}
-export interface BrandingConfig {
-    /** Product name shown in UI ("Eliza" | "Milady") */
-    appName: string;
-    /** GitHub org ("elizaos" | "milady-ai") */
-    orgName: string;
-    /** GitHub repo name ("eliza" | "milady") */
-    repoName: string;
-    /** Documentation site URL */
-    docsUrl: string;
-    /** App origin URL */
-    appUrl: string;
-    /** GitHub bug report URL */
-    bugReportUrl: string;
-    /** Twitter hashtag ("#ElizaAgent" | "#MiladyAgent") */
-    hashtag: string;
-    /** Agent file extension (".eliza-agent" | ".milady-agent") */
-    fileExtension: string;
-    /** npm package scope ("elizaos" | "miladyai") */
-    packageScope: string;
-    /** Custom providers injected by the app into the onboarding flow */
-    customProviders?: CustomProviderOption[];
-    /** When true, the app requires Eliza Cloud — local backend mode is disabled. */
-    cloudOnly?: boolean;
-}
-export declare const DEFAULT_BRANDING: BrandingConfig;
-export declare const BrandingContext: import("react").Context<BrandingConfig>;
-export declare function useBranding(): BrandingConfig;
-//# sourceMappingURL=branding.d.ts.map

package/config/branding.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"branding.d.ts","sourceRoot":"","sources":["../../src/config/branding.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,GAAG,cAAc,CAAC;IACzE,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,cAAc,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,oDAAoD;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,aAAa,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,cAW9B,CAAC;AAEF,eAAO,MAAM,eAAe,yCAAkD,CAAC;AAE/E,wBAAgB,WAAW,IAAI,cAAc,CAE5C"}

package/config/branding.js

@@ -1,16 +0,0 @@
-import { createContext, useContext } from "react";
-export const DEFAULT_BRANDING = {
-    appName: "Eliza",
-    orgName: "elizaos",
-    repoName: "eliza",
-    docsUrl: "https://docs.elizaos.ai",
-    appUrl: "https://app.elizaos.ai",
-    bugReportUrl: "https://github.com/elizaos/eliza/issues/new?template=bug_report.yml",
-    hashtag: "#ElizaAgent",
-    fileExtension: ".eliza-agent",
-    packageScope: "elizaos",
-};
-export const BrandingContext = createContext(DEFAULT_BRANDING);
-export function useBranding() {
-    return useContext(BrandingContext);
-}