@elizaos/agent 2.0.0-alpha.354 → 2.0.0-alpha.376

package/packages/app-core/src/components/inventory/media-url.js

@@ -0,0 +1,28 @@
+/**
+ * Normalize NFT/token image URLs for browser rendering.
+ * Wallet APIs often return ipfs://, ipns://, or ar:// URIs that <img> cannot load directly.
+ */
+const IPFS_GATEWAY_BASE = "https://ipfs.io/ipfs/";
+const IPNS_GATEWAY_BASE = "https://ipfs.io/ipns/";
+const ARWEAVE_GATEWAY_BASE = "https://arweave.net/";
+export function normalizeInventoryImageUrl(raw) {
+    const value = raw?.trim();
+    if (!value)
+        return null;
+    if (/^(?:https?:|data:image\/|blob:)/i.test(value)) {
+        return value;
+    }
+    if (/^ipfs:\/\//i.test(value)) {
+        const cidPath = value.replace(/^ipfs:\/\//i, "").replace(/^ipfs\//i, "");
+        return cidPath ? `${IPFS_GATEWAY_BASE}${cidPath}` : null;
+    }
+    if (/^ipns:\/\//i.test(value)) {
+        const namePath = value.replace(/^ipns:\/\//i, "");
+        return namePath ? `${IPNS_GATEWAY_BASE}${namePath}` : null;
+    }
+    if (/^ar:\/\//i.test(value)) {
+        const txId = value.replace(/^ar:\/\//i, "");
+        return txId ? `${ARWEAVE_GATEWAY_BASE}${txId}` : null;
+    }
+    return null;
+}

package/packages/app-core/src/components/inventory/useInventoryData.d.ts

@@ -0,0 +1,38 @@
+import type { EvmChainBalance, WalletAddresses, WalletBalancesResponse, WalletConfigStatus, WalletNftsResponse } from "@elizaos/shared";
+import type { InventoryChainFilters } from "../../state/types";
+import { type NftItem, type TokenRow } from "./constants";
+import { type PrimaryInventoryChainKey } from "./inventory-chain-filters";
+export interface InventoryDataInput {
+    walletBalances: WalletBalancesResponse | null;
+    walletAddresses: WalletAddresses | null;
+    walletConfig: WalletConfigStatus | null;
+    walletNfts: WalletNftsResponse | null;
+    inventorySort: string;
+    inventorySortDirection: "asc" | "desc";
+    inventoryChainFilters: InventoryChainFilters;
+}
+export interface InventoryDataOutput {
+    /** When exactly one chain toggle is on, that key; otherwise null. */
+    singleChainFocus: PrimaryInventoryChainKey | null;
+    tokenRows: TokenRow[];
+    /** Unfiltered rows (for sidebar per-chain asset counts). */
+    tokenRowsAllChains: TokenRow[];
+    sortedRows: TokenRow[];
+    chainErrors: EvmChainBalance[];
+    focusChainHasError: boolean;
+    allNfts: NftItem[];
+    primaryChain: EvmChainBalance | null;
+    primaryNativeBalanceNum: number;
+    focusedRows: TokenRow[];
+    visibleRows: TokenRow[];
+    totalUsd: number;
+    visibleChainErrors: EvmChainBalance[];
+    focusedChainName: string | null;
+    focusedChainError: string | null;
+    focusedNativeBalance: string | null;
+    focusedNativeSymbol: string | null;
+    primaryChainError: string | null;
+    primaryNativeBalance: string | null;
+}
+export declare function useInventoryData({ walletBalances, walletAddresses, walletConfig, walletNfts, inventorySort, inventorySortDirection, inventoryChainFilters, }: InventoryDataInput): InventoryDataOutput;
+//# sourceMappingURL=useInventoryData.d.ts.map

package/packages/app-core/src/components/inventory/useInventoryData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInventoryData.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/inventory/useInventoryData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAO/D,OAAO,EAAkB,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAGL,KAAK,wBAAwB,EAC9B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC9C,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,YAAY,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACxC,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,sBAAsB,EAAE,KAAK,GAAG,MAAM,CAAC;IACvC,qBAAqB,EAAE,qBAAqB,CAAC;CAC9C;AAED,MAAM,WAAW,mBAAmB;IAClC,qEAAqE;IACrE,gBAAgB,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAClD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,4DAA4D;IAC5D,kBAAkB,EAAE,QAAQ,EAAE,CAAC;IAC/B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,eAAe,EAAE,CAAC;IACtC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAwHD,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,eAAe,EACf,YAAY,EACZ,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,qBAAqB,GACtB,EAAE,kBAAkB,GAAG,mBAAmB,CA+M1C"}

package/packages/app-core/src/components/inventory/useInventoryData.js

@@ -0,0 +1,278 @@
+import { useMemo } from "react";
+import { CHAIN_CONFIGS, PRIMARY_CHAIN_KEYS, resolveChainKey, } from "./chainConfig";
+import { isBscChainName } from "./constants";
+import { computeSingleChainFocus, matchesInventoryChainFilter, } from "./inventory-chain-filters";
+function hasVisibleBalance(row) {
+    return row.balanceRaw > 0 || row.valueUsd > 0;
+}
+function matchesSingleChainFocus(chainName, focus) {
+    const resolved = resolveChainKey(chainName);
+    return resolved === focus;
+}
+/** Builds token rows as if every primary chain were included (before per-toggle filter). */
+function buildTokenRowsAllChains({ walletBalances, walletAddresses, walletConfig, }) {
+    const rows = [];
+    const knownEvmAddr = walletAddresses?.evmAddress ?? walletConfig?.evmAddress;
+    if (walletBalances?.evm) {
+        const seenChainKeys = new Set();
+        for (const chain of walletBalances.evm.chains) {
+            const chainKey = resolveChainKey(chain.chain);
+            if (chainKey)
+                seenChainKeys.add(chainKey);
+            rows.push({
+                chain: chain.chain,
+                symbol: chain.nativeSymbol,
+                name: `${chain.chain} native`,
+                contractAddress: null,
+                logoUrl: null,
+                balance: chain.nativeBalance,
+                valueUsd: Number.parseFloat(chain.nativeValueUsd) || 0,
+                balanceRaw: Number.parseFloat(chain.nativeBalance) || 0,
+                isNative: true,
+            });
+            if (chain.error)
+                continue;
+            for (const tk of chain.tokens) {
+                rows.push({
+                    chain: chain.chain,
+                    symbol: tk.symbol,
+                    name: tk.name,
+                    contractAddress: tk.contractAddress ?? null,
+                    logoUrl: tk.logoUrl ?? null,
+                    balance: tk.balance,
+                    valueUsd: Number.parseFloat(tk.valueUsd) || 0,
+                    balanceRaw: Number.parseFloat(tk.balance) || 0,
+                    isNative: false,
+                });
+            }
+        }
+        if (knownEvmAddr) {
+            for (const key of PRIMARY_CHAIN_KEYS) {
+                if (key === "solana")
+                    continue;
+                if (seenChainKeys.has(key))
+                    continue;
+                const cfg = CHAIN_CONFIGS[key];
+                rows.unshift({
+                    chain: cfg.name,
+                    symbol: cfg.nativeSymbol,
+                    name: `${cfg.name} native`,
+                    contractAddress: null,
+                    logoUrl: null,
+                    balance: "0",
+                    valueUsd: 0,
+                    balanceRaw: 0,
+                    isNative: true,
+                });
+            }
+        }
+    }
+    else if (knownEvmAddr) {
+        for (const key of PRIMARY_CHAIN_KEYS) {
+            if (key === "solana")
+                continue;
+            const cfg = CHAIN_CONFIGS[key];
+            rows.push({
+                chain: cfg.name,
+                symbol: cfg.nativeSymbol,
+                name: `${cfg.name} native`,
+                contractAddress: null,
+                logoUrl: null,
+                balance: "0",
+                valueUsd: 0,
+                balanceRaw: 0,
+                isNative: true,
+            });
+        }
+    }
+    if (walletBalances?.solana) {
+        rows.push({
+            chain: "Solana",
+            symbol: "SOL",
+            name: "Solana native",
+            contractAddress: null,
+            logoUrl: null,
+            balance: walletBalances.solana.solBalance,
+            valueUsd: Number.parseFloat(walletBalances.solana.solValueUsd) || 0,
+            balanceRaw: Number.parseFloat(walletBalances.solana.solBalance) || 0,
+            isNative: true,
+        });
+        for (const tk of walletBalances.solana.tokens) {
+            rows.push({
+                chain: "Solana",
+                symbol: tk.symbol,
+                name: tk.name,
+                contractAddress: tk.mint ?? null,
+                logoUrl: tk.logoUrl ?? null,
+                balance: tk.balance,
+                valueUsd: Number.parseFloat(tk.valueUsd) || 0,
+                balanceRaw: Number.parseFloat(tk.balance) || 0,
+                isNative: false,
+            });
+        }
+    }
+    return rows.filter(hasVisibleBalance);
+}
+export function useInventoryData({ walletBalances, walletAddresses, walletConfig, walletNfts, inventorySort, inventorySortDirection, inventoryChainFilters, }) {
+    const singleChainFocus = useMemo(() => computeSingleChainFocus(inventoryChainFilters), [inventoryChainFilters]);
+    const knownEvmAddr = walletAddresses?.evmAddress ?? walletConfig?.evmAddress;
+    const _knownSolAddr = walletAddresses?.solanaAddress ?? walletConfig?.solanaAddress;
+    const primaryChain = useMemo(() => {
+        if (!walletBalances?.evm?.chains)
+            return null;
+        return (walletBalances.evm.chains.find((c) => isBscChainName(c.chain)) ?? null);
+    }, [walletBalances]);
+    const primaryNativeBalanceNum = useMemo(() => {
+        if (!primaryChain)
+            return 0;
+        return Number.parseFloat(primaryChain.nativeBalance) || 0;
+    }, [primaryChain]);
+    const tokenRowsAllChains = useMemo(() => buildTokenRowsAllChains({
+        walletBalances,
+        walletAddresses,
+        walletConfig,
+    }), [walletBalances, walletAddresses, walletConfig]);
+    const tokenRows = useMemo(() => tokenRowsAllChains.filter((row) => matchesInventoryChainFilter(row.chain, inventoryChainFilters)), [tokenRowsAllChains, inventoryChainFilters]);
+    const sortedRows = useMemo(() => {
+        const sorted = [...tokenRows];
+        const asc = inventorySortDirection === "asc";
+        if (inventorySort === "value") {
+            sorted.sort((a, b) => {
+                const diff = a.valueUsd - b.valueUsd;
+                if (diff !== 0)
+                    return asc ? diff : -diff;
+                const diff2 = a.balanceRaw - b.balanceRaw;
+                return asc ? diff2 : -diff2;
+            });
+        }
+        else if (inventorySort === "chain") {
+            sorted.sort((a, b) => {
+                const c = a.chain.localeCompare(b.chain);
+                if (c !== 0)
+                    return asc ? c : -c;
+                const s = a.symbol.localeCompare(b.symbol);
+                return asc ? s : -s;
+            });
+        }
+        else if (inventorySort === "symbol") {
+            sorted.sort((a, b) => {
+                const s = a.symbol.localeCompare(b.symbol);
+                if (s !== 0)
+                    return asc ? s : -s;
+                const c = a.chain.localeCompare(b.chain);
+                return asc ? c : -c;
+            });
+        }
+        return sorted;
+    }, [tokenRows, inventorySort, inventorySortDirection]);
+    const chainErrors = useMemo(() => (walletBalances?.evm?.chains ?? []).filter((c) => c.error), [walletBalances]);
+    const focusChainHasError = useMemo(() => {
+        return chainErrors.some((c) => matchesInventoryChainFilter(c.chain, inventoryChainFilters));
+    }, [chainErrors, inventoryChainFilters]);
+    const allNfts = useMemo(() => {
+        if (!walletNfts)
+            return [];
+        const items = [];
+        for (const chainData of walletNfts.evm) {
+            for (const nft of chainData.nfts) {
+                items.push({
+                    chain: chainData.chain,
+                    name: nft.name,
+                    imageUrl: nft.imageUrl,
+                    collectionName: nft.collectionName || nft.tokenType,
+                });
+            }
+        }
+        if (walletNfts.solana) {
+            for (const nft of walletNfts.solana.nfts) {
+                items.push({
+                    chain: "Solana",
+                    name: nft.name,
+                    imageUrl: nft.imageUrl,
+                    collectionName: nft.collectionName,
+                });
+            }
+        }
+        const filtered = items.filter((nft) => matchesInventoryChainFilter(nft.chain, inventoryChainFilters));
+        const sorted = [...filtered];
+        const asc = inventorySortDirection === "asc";
+        const normalizedSort = inventorySort === "value" ? "symbol" : inventorySort;
+        if (normalizedSort === "chain") {
+            sorted.sort((a, b) => {
+                const chainDiff = a.chain.localeCompare(b.chain);
+                if (chainDiff !== 0)
+                    return asc ? chainDiff : -chainDiff;
+                const nameDiff = a.name.localeCompare(b.name);
+                return asc ? nameDiff : -nameDiff;
+            });
+        }
+        else {
+            sorted.sort((a, b) => {
+                const nameDiff = a.name.localeCompare(b.name);
+                if (nameDiff !== 0)
+                    return asc ? nameDiff : -nameDiff;
+                const chainDiff = a.chain.localeCompare(b.chain);
+                return asc ? chainDiff : -chainDiff;
+            });
+        }
+        return sorted;
+    }, [
+        walletNfts,
+        inventoryChainFilters,
+        inventorySort,
+        inventorySortDirection,
+    ]);
+    const focusedChain = useMemo(() => {
+        if (!singleChainFocus)
+            return null;
+        if (singleChainFocus === "solana") {
+            return {
+                name: CHAIN_CONFIGS.solana.name,
+                nativeSymbol: CHAIN_CONFIGS.solana.nativeSymbol,
+                nativeBalance: walletBalances?.solana?.solBalance ?? null,
+                error: null,
+            };
+        }
+        const chainConfig = CHAIN_CONFIGS[singleChainFocus];
+        const evmChain = walletBalances?.evm?.chains.find((chain) => matchesSingleChainFocus(chain.chain, singleChainFocus)) ?? null;
+        if (!chainConfig && !evmChain)
+            return null;
+        return {
+            name: evmChain?.chain ?? chainConfig?.name ?? singleChainFocus,
+            nativeSymbol: evmChain?.nativeSymbol ?? chainConfig?.nativeSymbol ?? null,
+            nativeBalance: evmChain?.nativeBalance ?? (knownEvmAddr ? "0" : null),
+            error: evmChain?.error ?? null,
+        };
+    }, [singleChainFocus, knownEvmAddr, walletBalances]);
+    const primaryChainError = primaryChain?.error ??
+        chainErrors.find((chain) => isBscChainName(chain.chain))?.error ??
+        null;
+    const primaryNativeBalance = primaryChain?.nativeBalance ?? null;
+    const focusedRows = sortedRows;
+    const visibleRows = sortedRows;
+    const totalUsd = useMemo(() => tokenRows.reduce((sum, r) => sum + r.valueUsd, 0), [tokenRows]);
+    const visibleChainErrors = useMemo(() => {
+        return chainErrors.filter((chain) => matchesInventoryChainFilter(chain.chain, inventoryChainFilters));
+    }, [chainErrors, inventoryChainFilters]);
+    return {
+        singleChainFocus,
+        tokenRows,
+        tokenRowsAllChains,
+        sortedRows,
+        chainErrors,
+        focusChainHasError,
+        allNfts,
+        primaryChain,
+        primaryNativeBalanceNum,
+        focusedRows,
+        visibleRows,
+        totalUsd,
+        visibleChainErrors,
+        focusedChainName: focusedChain?.name ?? null,
+        focusedChainError: focusedChain?.error ?? null,
+        focusedNativeBalance: focusedChain?.nativeBalance ?? null,
+        focusedNativeSymbol: focusedChain?.nativeSymbol ?? null,
+        primaryChainError,
+        primaryNativeBalance,
+    };
+}

package/packages/app-core/src/components/local-inference/ActiveModelBar.d.ts

@@ -0,0 +1,10 @@
+import type { ActiveModelState, InstalledModel } from "../../api/client-local-inference";
+interface ActiveModelBarProps {
+    active: ActiveModelState;
+    installed: InstalledModel[];
+    onUnload: () => void;
+    busy: boolean;
+}
+export declare function ActiveModelBar({ active, installed, onUnload, busy, }: ActiveModelBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActiveModelBar.d.ts.map

package/packages/app-core/src/components/local-inference/ActiveModelBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveModelBar.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/ActiveModelBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACf,MAAM,kCAAkC,CAAC;AAE1C,UAAU,mBAAmB;IAC3B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,GACL,EAAE,mBAAmB,2CA0CrB"}

package/packages/app-core/src/components/local-inference/ActiveModelBar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+export function ActiveModelBar({ active, installed, onUnload, busy, }) {
+    if (!active.modelId)
+        return null;
+    const current = installed.find((m) => m.id === active.modelId);
+    const label = current?.displayName ?? active.modelId;
+    const status = active.status === "loading"
+        ? "loading"
+        : active.status === "ready"
+            ? "ready"
+            : `error: ${active.error ?? "unknown"}`;
+    const dotClass = active.status === "error"
+        ? "bg-danger"
+        : active.status === "loading"
+            ? "bg-warn"
+            : "bg-ok";
+    return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-primary/30 bg-primary/5 px-2 py-1.5 text-xs", title: `${label} · ${status}`, children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${dotClass}`, "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1 truncate", children: [_jsx("span", { className: "font-medium", children: label }), _jsx("span", { className: "ml-1.5 text-muted", children: status })] }), _jsx(Button, { size: "sm", variant: "outline", className: "h-7 rounded-md px-2 text-xs", onClick: onUnload, disabled: busy, children: "Unload" })] }));
+}

package/packages/app-core/src/components/local-inference/DeviceBridgeStatus.d.ts

@@ -0,0 +1,2 @@
+export declare function DeviceBridgeStatusBar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeviceBridgeStatus.d.ts.map

package/packages/app-core/src/components/local-inference/DeviceBridgeStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceBridgeStatus.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/DeviceBridgeStatus.tsx"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB,4CAsDpC"}

package/packages/app-core/src/components/local-inference/DeviceBridgeStatus.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { resolveApiUrl } from "../../utils/asset-url";
+import { getElizaApiToken } from "../../utils/eliza-globals";
+export function DeviceBridgeStatusBar() {
+    const [status, setStatus] = useState(null);
+    useEffect(() => {
+        const raw = resolveApiUrl("/api/local-inference/device/stream");
+        const token = getElizaApiToken()?.trim();
+        const url = token
+            ? `${raw}${raw.includes("?") ? "&" : "?"}token=${encodeURIComponent(token)}`
+            : raw;
+        const es = new EventSource(url);
+        es.onmessage = (event) => {
+            try {
+                const payload = JSON.parse(event.data);
+                if (payload.type === "status")
+                    setStatus(payload.status);
+            }
+            catch {
+                /* ignore */
+            }
+        };
+        return () => es.close();
+    }, []);
+    if (!status)
+        return null;
+    const dotClass = status.connected
+        ? "bg-emerald-500"
+        : status.pendingRequests > 0
+            ? "bg-amber-500"
+            : "bg-muted-foreground/40";
+    const label = status.connected
+        ? `Paired device online${status.capabilities ? ` · ${status.capabilities.platform} · ${status.capabilities.deviceModel}` : ""}`
+        : status.pendingRequests > 0
+            ? `Device offline · ${status.pendingRequests} request${status.pendingRequests === 1 ? "" : "s"} paused pending reconnect`
+            : "No paired device";
+    return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-card/60 px-2 py-1.5 text-xs", title: label, children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${dotClass}`, "aria-hidden": true }), _jsx("span", { className: "flex-1 truncate", children: label }), status.loadedPath && (_jsx("span", { className: "max-w-[40%] truncate text-muted", children: status.loadedPath.split(/[/\\]/).pop() }))] }));
+}

package/packages/app-core/src/components/local-inference/DevicesPanel.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Multi-device panel. Lists every connected bridge device (desktop +
+ * phone + tablet, etc.) ranked by score. The device ranked first is the
+ * "primary" — new generate calls route there by default. Devices that
+ * drop offline show up greyed-out until they reconnect.
+ */
+export declare function DevicesPanel(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DevicesPanel.d.ts.map

package/packages/app-core/src/components/local-inference/DevicesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesPanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/DevicesPanel.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,YAAY,4CAuF3B"}

package/packages/app-core/src/components/local-inference/DevicesPanel.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { resolveApiUrl } from "../../utils/asset-url";
+import { getElizaApiToken } from "../../utils/eliza-globals";
+/**
+ * Multi-device panel. Lists every connected bridge device (desktop +
+ * phone + tablet, etc.) ranked by score. The device ranked first is the
+ * "primary" — new generate calls route there by default. Devices that
+ * drop offline show up greyed-out until they reconnect.
+ */
+export function DevicesPanel() {
+    const [status, setStatus] = useState(null);
+    useEffect(() => {
+        const raw = resolveApiUrl("/api/local-inference/device/stream");
+        const token = getElizaApiToken()?.trim();
+        const url = token
+            ? `${raw}${raw.includes("?") ? "&" : "?"}token=${encodeURIComponent(token)}`
+            : raw;
+        const es = new EventSource(url);
+        es.onmessage = (event) => {
+            try {
+                const payload = JSON.parse(event.data);
+                if (payload.type === "status")
+                    setStatus(payload.status);
+            }
+            catch {
+                /* ignore */
+            }
+        };
+        return () => es.close();
+    }, []);
+    if (!status || status.devices.length === 0) {
+        return null;
+    }
+    return (_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx("h3", { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Connected bridge devices" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Requests route to the highest-scoring device available. Scoring favours desktops over phones, more RAM, and an available GPU. The primary device is the one ranked first." }), _jsx("div", { className: "flex flex-col gap-2", children: status.devices.map((device) => (_jsxs("div", { className: `rounded-xl border p-3 flex items-center gap-3 text-sm ${device.isPrimary
+                        ? "border-primary/50 bg-primary/5"
+                        : "border-border bg-card"}`, children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${device.isPrimary ? "bg-emerald-500" : "bg-muted-foreground/60"}`, "aria-hidden": true }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "font-medium truncate", children: [device.capabilities.deviceModel, device.isPrimary && (_jsx("span", { className: "ml-2 text-[10px] uppercase tracking-wide text-primary", children: "primary" }))] }), _jsxs("div", { className: "text-xs text-muted-foreground truncate", children: [device.capabilities.platform, " \u00B7", " ", device.capabilities.totalRamGb.toFixed(0), " GB RAM \u00B7", " ", device.capabilities.gpu?.available
+                                            ? `${device.capabilities.gpu.backend}${device.capabilities.gpu.totalVramGb
+                                                ? ` ${device.capabilities.gpu.totalVramGb.toFixed(1)} GB`
+                                                : ""}`
+                                            : "CPU only", device.loadedPath &&
+                                            ` · loaded: ${device.loadedPath.split(/[/\\]/).pop()}`] })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["score ", Math.round(device.score), device.activeRequests > 0 &&
+                                    ` · ${device.activeRequests} active`] })] }, device.deviceId))) })] }));
+}

package/packages/app-core/src/components/local-inference/DownloadProgress.d.ts

@@ -0,0 +1,7 @@
+import type { DownloadJob } from "../../api/client-local-inference";
+interface DownloadProgressProps {
+    job: DownloadJob;
+}
+export declare function DownloadProgress({ job }: DownloadProgressProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DownloadProgress.d.ts.map

package/packages/app-core/src/components/local-inference/DownloadProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadProgress.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/DownloadProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAGpE,UAAU,qBAAqB;IAC7B,GAAG,EAAE,WAAW,CAAC;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE,qBAAqB,2CA8B9D"}

package/packages/app-core/src/components/local-inference/DownloadProgress.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatBytes, formatEta, progressPercent } from "./hub-utils";
+export function DownloadProgress({ job }) {
+    const pct = progressPercent(job);
+    const eta = formatEta(job.etaMs);
+    const speed = job.bytesPerSec > 0 ? `${formatBytes(job.bytesPerSec)}/s` : "";
+    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded bg-muted", role: "progressbar", "aria-valuenow": pct, "aria-valuemin": 0, "aria-valuemax": 100, children: _jsx("div", { className: "h-full bg-primary transition-[width] duration-300", style: { width: `${pct}%` } }) }), _jsxs("div", { className: "mt-1 flex justify-between text-xs text-muted-foreground", children: [_jsxs("span", { children: [formatBytes(job.received), " of ", formatBytes(job.total), " \u00B7 ", pct, "%"] }), _jsxs("span", { children: [speed, eta ? ` · ${eta} left` : ""] })] })] }));
+}

package/packages/app-core/src/components/local-inference/DownloadQueue.d.ts

@@ -0,0 +1,15 @@
+import type { CatalogModel, DownloadJob } from "../../api/client-local-inference";
+interface DownloadQueueProps {
+    downloads: DownloadJob[];
+    catalog: CatalogModel[];
+    onCancel: (modelId: string) => void;
+}
+/**
+ * Global view of all in-flight downloads. The SSE stream already removes
+ * completed + cancelled jobs from the snapshot, so this list only holds
+ * active/queued/failed jobs. Failures stick around until a new download
+ * for the same model supersedes them.
+ */
+export declare function DownloadQueue({ downloads, catalog, onCancel, }: DownloadQueueProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DownloadQueue.d.ts.map

package/packages/app-core/src/components/local-inference/DownloadQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadQueue.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/DownloadQueue.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACZ,MAAM,kCAAkC,CAAC;AAI1C,UAAU,kBAAkB;IAC1B,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,2CAuDpB"}

package/packages/app-core/src/components/local-inference/DownloadQueue.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { DownloadProgress } from "./DownloadProgress";
+import { findCatalogModel } from "./hub-utils";
+/**
+ * Global view of all in-flight downloads. The SSE stream already removes
+ * completed + cancelled jobs from the snapshot, so this list only holds
+ * active/queued/failed jobs. Failures stick around until a new download
+ * for the same model supersedes them.
+ */
+export function DownloadQueue({ downloads, catalog, onCancel, }) {
+    if (downloads.length === 0) {
+        return (_jsx("div", { className: "rounded-xl border border-dashed border-border p-6 text-center text-sm text-muted-foreground", children: "No downloads in progress. Start one from the Curated or HuggingFace search tab." }));
+    }
+    return (_jsx("ul", { className: "flex flex-col gap-3", children: downloads.map((job) => {
+            const entry = findCatalogModel(job.modelId, catalog);
+            const label = entry?.displayName ?? job.modelId;
+            const isActive = job.state === "downloading" || job.state === "queued";
+            return (_jsxs("li", { className: "rounded-xl border border-border bg-card p-4 flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium truncate", children: label }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [job.state === "queued" && "Queued", job.state === "downloading" && "Downloading", job.state === "failed" && "Failed", job.state === "completed" && "Completed", job.state === "cancelled" && "Cancelled"] })] }), isActive && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onCancel(job.modelId), children: "Cancel" }))] }), (job.state === "downloading" || job.state === "queued") && (_jsx(DownloadProgress, { job: job })), job.state === "failed" && job.error && (_jsx("div", { className: "text-xs text-rose-500", children: job.error }))] }, job.jobId));
+        }) }));
+}

package/packages/app-core/src/components/local-inference/FirstRunOffer.d.ts

@@ -0,0 +1,11 @@
+import type { CatalogModel, HardwareProbe, InstalledModel } from "../../api/client-local-inference";
+interface FirstRunOfferProps {
+    catalog: CatalogModel[];
+    installed: InstalledModel[];
+    hardware: HardwareProbe;
+    onDownload: (modelId: string) => void;
+    busy: boolean;
+}
+export declare function FirstRunOffer({ catalog, installed, hardware, onDownload, busy, }: FirstRunOfferProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FirstRunOffer.d.ts.map

package/packages/app-core/src/components/local-inference/FirstRunOffer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstRunOffer.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/FirstRunOffer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACf,MAAM,kCAAkC,CAAC;AAG1C,UAAU,kBAAkB;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;CACf;AAID,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,IAAI,GACL,EAAE,kBAAkB,2CA0DpB"}

package/packages/app-core/src/components/local-inference/FirstRunOffer.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useState } from "react";
+import { findInstalled } from "./hub-utils";
+const DISMISS_STORAGE_KEY = "milady.localInference.firstRunOfferDismissed";
+export function FirstRunOffer({ catalog, installed, hardware, onDownload, busy, }) {
+    const [dismissed, setDismissed] = useState(() => typeof window !== "undefined" &&
+        window.localStorage?.getItem(DISMISS_STORAGE_KEY) === "1");
+    const miladyOwned = installed.filter((m) => m.source === "milady-download");
+    if (miladyOwned.length > 0 || dismissed)
+        return null;
+    const recommended = pickRecommended(catalog, installed, hardware);
+    if (!recommended)
+        return null;
+    const handleDismiss = () => {
+        setDismissed(true);
+        try {
+            window.localStorage?.setItem(DISMISS_STORAGE_KEY, "1");
+        }
+        catch {
+            // Session-only dismissal is enough when storage is unavailable.
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-lg border border-primary/45 bg-primary/10 px-2.5 py-2", title: recommended.blurb, children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx("span", { className: "rounded-full border border-primary/40 px-1.5 py-0.5 text-[10px] uppercase leading-none text-primary", children: "Recommended" }), _jsx("span", { className: "truncate text-sm font-medium", children: recommended.displayName }), _jsxs("span", { className: "text-muted text-xs", children: [recommended.params, " \u00B7 ", recommended.sizeGb.toFixed(1), " GB"] })] }), _jsxs("div", { className: "flex gap-1.5", children: [_jsxs(Button, { size: "sm", className: "h-7 rounded-md px-2 text-xs", onClick: () => onDownload(recommended.id), disabled: busy, children: ["Download ", recommended.params] }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 rounded-md px-2 text-xs", onClick: handleDismiss, children: "Not now" })] })] }));
+}
+function pickRecommended(catalog, installed, hardware) {
+    const bucket = hardware.recommendedBucket;
+    // Prefer a general chat model in the recommended bucket. Fall back to
+    // anything in-bucket, then anything smaller.
+    const inBucket = catalog.filter((m) => m.bucket === bucket);
+    const notInstalled = inBucket.filter((m) => !findInstalled(m, installed));
+    const chatFirst = [
+        ...notInstalled.filter((m) => m.category === "chat"),
+        ...notInstalled.filter((m) => m.category !== "chat"),
+    ];
+    if (chatFirst[0])
+        return chatFirst[0];
+    const fallbackOrder = ["mid", "small"];
+    for (const alt of fallbackOrder) {
+        if (alt === bucket)
+            continue;
+        const candidate = catalog.find((m) => m.bucket === alt &&
+            !findInstalled(m, installed) &&
+            m.category === "chat");
+        if (candidate)
+            return candidate;
+    }
+    return null;
+}

package/packages/app-core/src/components/local-inference/HardwareBadge.d.ts

@@ -0,0 +1,7 @@
+import type { HardwareProbe } from "../../api/client-local-inference";
+interface HardwareBadgeProps {
+    hardware: HardwareProbe;
+}
+export declare function HardwareBadge({ hardware }: HardwareBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HardwareBadge.d.ts.map

package/packages/app-core/src/components/local-inference/HardwareBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HardwareBadge.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/HardwareBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGtE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA6C7D"}