@elizaos/app-core 2.0.0-alpha.37

package/dist/components/companion/walletUtils.js

@@ -0,0 +1,167 @@
+import { getExplorerTokenUrl } from "../chainConfig";
+export function getWalletTxStatusLabel(status, t) {
+    const key = `wallet.txStatus.${status}`;
+    const translated = t(key);
+    return translated === key ? status : translated;
+}
+export function mapWalletTradeError(err, t, fallbackKey) {
+    if (err instanceof Error && err.message)
+        return err.message;
+    if (typeof err === "string" && err.length > 0)
+        return err;
+    return t(fallbackKey);
+}
+export const BSC_GAS_READY_THRESHOLD = 0.005;
+export const BSC_SWAP_GAS_RESERVE = 0.002;
+export const HEX_ADDRESS_RE = /^0x[a-fA-F0-9]{40}$/;
+export const MILADY_BSC_TOKEN_ADDRESS = "0xc20e45e49e0e79f0fc81e71f05fd2772d6587777";
+export const BSC_USDT_TOKEN_ADDRESS = "0x55d398326f99059fF775485246999027B3197955";
+export const BSC_USDC_TOKEN_ADDRESS = "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d";
+export const BSC_NATIVE_LOGO_URL = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/smartchain/info/logo.png";
+export const SOL_NATIVE_LOGO_URL = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/solana/info/logo.png";
+export const AVAX_NATIVE_LOGO_URL = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/avalanchec/info/logo.png";
+export const WALLET_RECENT_TRADES_KEY = "anime_wallet_recent_trades";
+export const MAX_WALLET_RECENT_TRADES = 10;
+export function isBscChainName(chain) {
+    const normalized = chain.trim().toLowerCase();
+    return (normalized === "bsc" ||
+        normalized === "bnb chain" ||
+        normalized === "bnb smart chain");
+}
+export function isAvaxChainName(chain) {
+    const normalized = chain.trim().toLowerCase();
+    return (normalized === "avax" ||
+        normalized === "avalanche" ||
+        normalized === "c-chain" ||
+        normalized === "avalanche c-chain");
+}
+export function resolvePortfolioChainKey(chain) {
+    const normalized = chain.trim().toLowerCase();
+    if (isBscChainName(chain))
+        return "bsc";
+    if (isAvaxChainName(chain))
+        return "avax";
+    if (normalized.includes("solana") || normalized === "sol")
+        return "solana";
+    return "evm";
+}
+export function formatRouteAddress(address) {
+    const trimmed = address.trim();
+    if (trimmed.length <= 14)
+        return trimmed;
+    return `${trimmed.slice(0, 6)}...${trimmed.slice(-4)}`;
+}
+export function getTokenExplorerUrl(row) {
+    if (!row.assetAddress)
+        return null;
+    // Delegate to the central chain config registry
+    return getExplorerTokenUrl(row.chain, row.assetAddress);
+}
+export function loadRecentTrades() {
+    if (typeof localStorage === "undefined")
+        return [];
+    try {
+        const raw = localStorage.getItem(WALLET_RECENT_TRADES_KEY);
+        const parsed = raw ? JSON.parse(raw) : [];
+        if (!Array.isArray(parsed))
+            return [];
+        return parsed
+            .filter((entry) => Boolean(entry) &&
+            typeof entry === "object" &&
+            typeof entry.hash === "string" &&
+            typeof entry.side === "string" &&
+            (entry.side === "buy" || entry.side === "sell") &&
+            typeof entry.createdAt === "number" &&
+            typeof entry.status === "string")
+            .slice(0, MAX_WALLET_RECENT_TRADES);
+    }
+    catch {
+        return [];
+    }
+}
+export function persistRecentTrades(rows) {
+    if (typeof localStorage === "undefined")
+        return;
+    try {
+        localStorage.setItem(WALLET_RECENT_TRADES_KEY, JSON.stringify(rows.slice(0, MAX_WALLET_RECENT_TRADES)));
+    }
+    catch {
+        // Ignore persistence errors so wallet actions remain usable.
+    }
+}
+/**
+ * Returns a safe explorer URL, falling back to a configurable explorer
+ * (defaults to bscscan) if the provided URL does not use an https/http
+ * scheme (prevents javascript: URI injection).
+ */
+export function safeExplorerHref(explorerUrl, hash, fallbackBaseUrl = "https://bscscan.com") {
+    const fallback = `${fallbackBaseUrl}/tx/${hash}`;
+    if (!explorerUrl)
+        return fallback;
+    return /^https?:\/\//i.test(explorerUrl) ? explorerUrl : fallback;
+}
+export function shortHash(hash) {
+    const normalized = hash.trim();
+    if (normalized.length <= 14)
+        return normalized;
+    return `${normalized.slice(0, 8)}...${normalized.slice(-6)}`;
+}
+export function getRecentTradeGroupKey(createdAt, nowMs = Date.now()) {
+    const DAY_MS = 24 * 60 * 60 * 1000;
+    const now = new Date(nowMs);
+    const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+    const startOfCreatedAt = new Date(createdAt);
+    const createdDayStart = new Date(startOfCreatedAt.getFullYear(), startOfCreatedAt.getMonth(), startOfCreatedAt.getDate()).getTime();
+    if (createdDayStart >= startOfToday)
+        return "today";
+    if (createdDayStart >= startOfToday - DAY_MS)
+        return "yesterday";
+    return "earlier";
+}
+/**
+ * Fetch token metadata from DexScreener for any supported chain.
+ * Falls back to `fetchBscTokenMetadata` signature when no chainId given.
+ */
+export async function fetchTokenMetadata(contractAddress, dexScreenerChainId = "bsc") {
+    if (typeof fetch !== "function")
+        return null;
+    const trimmed = contractAddress.trim();
+    if (!HEX_ADDRESS_RE.test(trimmed))
+        return null;
+    const controller = new AbortController();
+    const timeout = globalThis.setTimeout(() => controller.abort(), 3500);
+    const normalized = trimmed.toLowerCase();
+    const targetChainId = dexScreenerChainId.toLowerCase();
+    try {
+        const response = await fetch(`https://api.dexscreener.com/latest/dex/tokens/${trimmed}`, {
+            signal: controller.signal,
+        });
+        if (!response.ok)
+            return null;
+        const payload = (await response.json());
+        const pairs = Array.isArray(payload.pairs) ? payload.pairs : [];
+        const pair = pairs.find((item) => (item.chainId ?? "").toLowerCase() === targetChainId);
+        if (!pair)
+            return null;
+        const baseAddr = pair.baseToken?.address?.trim().toLowerCase();
+        const quoteAddr = pair.quoteToken?.address?.trim().toLowerCase();
+        const tokenRef = baseAddr === normalized
+            ? pair.baseToken
+            : quoteAddr === normalized
+                ? pair.quoteToken
+                : pair.baseToken;
+        return {
+            symbol: tokenRef?.symbol?.trim() || "TOKEN",
+            name: tokenRef?.name?.trim() || "Unknown Token",
+            logoUrl: pair.info?.imageUrl?.trim() || null,
+        };
+    }
+    catch {
+        return null;
+    }
+    finally {
+        clearTimeout(timeout);
+    }
+}
+/** @deprecated Use `fetchTokenMetadata(address, "bsc")` instead. */
+export const fetchBscTokenMetadata = (contractAddress) => fetchTokenMetadata(contractAddress, "bsc");

package/dist/components/companion-shell-styles.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Style helpers and constants for the companion shell overlay.
+ */
+import type { Tab } from "@elizaos/app-core/navigation";
+import type React from "react";
+/** Only "companion" uses the companion shell. Settings, character, etc. require native (advanced) mode. */
+export declare const COMPANION_OVERLAY_TABS: Set<Tab>;
+export declare const ACCENT_COLORS: Record<string, string>;
+export declare const TOP_BAR_COLORS: Record<string, string>;
+export declare function tabFlags(tab: Tab): {
+    isSkills: boolean;
+    isSettings: boolean;
+    isPlugins: boolean;
+    isLifo: boolean;
+    isStream: boolean;
+    isWallets: boolean;
+    isApps: boolean;
+    isConnectors: boolean;
+    isKnowledge: boolean;
+    isAdvancedOverlay: boolean;
+    isPluginsLike: boolean;
+    isCentered: boolean;
+    isCharacter: boolean;
+};
+export type TabFlags = ReturnType<typeof tabFlags>;
+export declare function overlayBackdropClass(f: TabFlags): "opacity-100" | "opacity-100 backdrop-blur-xl bg-black/35 pointer-events-auto" | "opacity-100 backdrop-blur-2xl bg-black/50 pointer-events-auto" | "opacity-0";
+export declare function cardSizeClass(f: TabFlags): "w-[97vw] h-[92vh] md:w-[88vw] md:h-[80vh] max-w-[1460px] overflow-visible" | "w-[95vw] h-[95vh] max-w-[1500px] backdrop-blur-3xl border rounded-2xl overflow-hidden" | "w-[90vw] h-[90vh] max-w-5xl backdrop-blur-3xl border rounded-2xl overflow-hidden" | "w-[65vw] min-w-[700px] h-[100vh] border-l backdrop-blur-2xl";
+export declare function cardBackground(f: TabFlags): "transparent" | "rgba(18, 22, 32, 0.92)" | "linear-gradient(to left, rgba(6, 8, 12, 0.95) 40%, rgba(6, 8, 12, 0.7) 80%, rgba(6, 8, 12, 0.2) 100%)";
+export declare function cardBorderColor(f: TabFlags): "transparent" | "rgba(255, 255, 255, 0.08)" | "rgba(255,255,255,0.05)";
+export declare function cardBoxShadow(f: TabFlags, _shadowFx: string): "none" | "0 8px 60px rgba(0,0,0,0.6), 0 2px 24px rgba(0,0,0,0.4)" | "-60px 0 100px -20px rgba(0,0,0,0.8)";
+export declare function accentVar(f: TabFlags): "#ef4444" | "#f0b232" | "#7b8fb5" | "#10b981" | "#a78bfa" | "#f0b90b" | "#8b5cf6";
+export declare function accentSubtleVar(f: TabFlags): "rgba(123, 143, 181, 0.12)" | "rgba(16, 185, 129, 0.12)" | "rgba(240, 178, 50, 0.12)" | "rgba(167, 139, 250, 0.12)" | "rgba(240, 185, 11, 0.12)" | "rgba(139, 92, 246, 0.12)" | "rgba(239, 68, 68, 0.12)";
+export declare function accentRgbVar(f: TabFlags): "240, 178, 50" | "16, 185, 129" | "167, 139, 250" | "240, 185, 11" | "139, 92, 246" | "239, 68, 68" | "123, 143, 181";
+export declare function accentForegroundVar(f: TabFlags): "#1a1f26" | "#ffffff";
+export declare function viewWrapperOverflow(f: TabFlags): "overflow-hidden" | "overflow-visible" | "overflow-y-auto";
+export declare function viewWrapperPadding(f: TabFlags): "p-0" | "px-8 py-8" | "px-16 pt-32 pb-16";
+export declare function viewWrapperStyle(f: TabFlags, accentColor: string): React.CSSProperties;
+//# sourceMappingURL=companion-shell-styles.d.ts.map

package/dist/components/companion-shell-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-shell-styles.d.ts","sourceRoot":"","sources":["../../src/components/companion-shell-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,2GAA2G;AAC3G,eAAO,MAAM,sBAAsB,UAA8B,CAAC;AAIlE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CASjD,CAAC;AAIF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG;;;;;;;;;;;;;;EAiDhC;AAED,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAInD,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,kKAe/C;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,QAAQ,8TAQxC;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,QAAQ,sJAWzC;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,0EAW1C;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,6GAW3D;AAID,wBAAgB,SAAS,CAAC,CAAC,EAAE,QAAQ,qFAQpC;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,6MAQ1C;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,yHAQvC;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,yBAG9C;AAID,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,8DAW9C;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,QAAQ,6CAa7C;AAED,wBAAgB,gBAAgB,CAC9B,CAAC,EAAE,QAAQ,EACX,WAAW,EAAE,MAAM,GAClB,KAAK,CAAC,aAAa,CAwCrB"}

package/dist/components/companion-shell-styles.js

@@ -0,0 +1,248 @@
+/**
+ * Style helpers and constants for the companion shell overlay.
+ */
+/* ── Overlay tab set ───────────────────────────────────────────────── */
+/** Only "companion" uses the companion shell. Settings, character, etc. require native (advanced) mode. */
+export const COMPANION_OVERLAY_TABS = new Set(["companion"]);
+/* ── Per-tab accent / color config ─────────────────────────────────── */
+export const ACCENT_COLORS = {
+    skills: "#f0b232",
+    apps: "#10b981",
+    plugins: "#f0b232",
+    connectors: "#f0b232",
+    knowledge: "#a78bfa",
+    wallets: "#f0b90b",
+    stream: "#ef4444",
+    lifo: "#8b5cf6",
+};
+export const TOP_BAR_COLORS = {
+    skills: "#f0b232",
+    wallets: "rgba(240, 185, 11, 0.7)",
+    lifo: "rgba(139, 92, 246, 0.7)",
+    stream: "rgba(239, 68, 68, 0.7)",
+    plugins: "#f0b232",
+    connectors: "#f0b232",
+    apps: "rgba(16, 185, 129, 0.7)",
+    knowledge: "rgba(167, 139, 250, 0.7)",
+};
+/* ── Tab flags ─────────────────────────────────────────────────────── */
+export function tabFlags(tab) {
+    const isSkills = tab === "skills";
+    const isSettings = tab === "settings" || tab === "triggers";
+    const isPlugins = tab === "plugins";
+    const isLifo = tab === "lifo";
+    const isStream = tab === "stream";
+    const isWallets = tab === "wallets";
+    const isApps = tab === "apps";
+    const isConnectors = tab === "connectors";
+    const isKnowledge = tab === "knowledge";
+    const isAdvancedOverlay = tab === "advanced" ||
+        tab === "actions" ||
+        tab === "fine-tuning" ||
+        tab === "trajectories" ||
+        tab === "runtime" ||
+        tab === "database" ||
+        tab === "logs" ||
+        tab === "security" ||
+        isLifo;
+    const isPluginsLike = isPlugins || isConnectors || isSkills;
+    const isCentered = isSkills ||
+        isSettings ||
+        isPlugins ||
+        isAdvancedOverlay ||
+        isApps ||
+        isConnectors ||
+        isKnowledge ||
+        isLifo ||
+        isStream ||
+        isWallets;
+    const isCharacter = tab === "character" || tab === "character-select";
+    return {
+        isSkills,
+        isSettings,
+        isPlugins,
+        isLifo,
+        isStream,
+        isWallets,
+        isApps,
+        isConnectors,
+        isKnowledge,
+        isAdvancedOverlay,
+        isPluginsLike,
+        isCentered,
+        isCharacter,
+    };
+}
+/* ── Layout helpers ────────────────────────────────────────────────── */
+export function overlayBackdropClass(f) {
+    if (f.isPluginsLike)
+        return "opacity-100 backdrop-blur-xl bg-black/35 pointer-events-auto";
+    if (f.isSettings ||
+        f.isAdvancedOverlay ||
+        f.isApps ||
+        f.isKnowledge ||
+        f.isLifo ||
+        f.isStream ||
+        f.isWallets)
+        return "opacity-100 backdrop-blur-2xl bg-black/50 pointer-events-auto";
+    if (f.isCharacter)
+        return "opacity-100";
+    return "opacity-0";
+}
+export function cardSizeClass(f) {
+    if (f.isPluginsLike)
+        return "w-[97vw] h-[92vh] md:w-[88vw] md:h-[80vh] max-w-[1460px] overflow-visible";
+    if (f.isAdvancedOverlay)
+        return "w-[95vw] h-[95vh] max-w-[1500px] backdrop-blur-3xl border rounded-2xl overflow-hidden";
+    if (f.isSettings || f.isApps || f.isKnowledge || f.isWallets)
+        return "w-[90vw] h-[90vh] max-w-5xl backdrop-blur-3xl border rounded-2xl overflow-hidden";
+    return "w-[65vw] min-w-[700px] h-[100vh] border-l backdrop-blur-2xl";
+}
+export function cardBackground(f) {
+    if (f.isPluginsLike)
+        return "transparent";
+    if (f.isSettings ||
+        f.isAdvancedOverlay ||
+        f.isApps ||
+        f.isKnowledge ||
+        f.isWallets)
+        return "rgba(18, 22, 32, 0.92)";
+    return "linear-gradient(to left, rgba(6, 8, 12, 0.95) 40%, rgba(6, 8, 12, 0.7) 80%, rgba(6, 8, 12, 0.2) 100%)";
+}
+export function cardBorderColor(f) {
+    if (f.isPluginsLike)
+        return "transparent";
+    if (f.isSettings ||
+        f.isAdvancedOverlay ||
+        f.isApps ||
+        f.isKnowledge ||
+        f.isWallets)
+        return "rgba(255, 255, 255, 0.08)";
+    return "rgba(255,255,255,0.05)";
+}
+export function cardBoxShadow(f, _shadowFx) {
+    if (f.isPluginsLike)
+        return "none";
+    if (f.isSettings ||
+        f.isAdvancedOverlay ||
+        f.isApps ||
+        f.isKnowledge ||
+        f.isWallets)
+        return "0 8px 60px rgba(0,0,0,0.6), 0 2px 24px rgba(0,0,0,0.4)";
+    return "-60px 0 100px -20px rgba(0,0,0,0.8)";
+}
+/* ── Accent color helpers ──────────────────────────────────────────── */
+export function accentVar(f) {
+    if (f.isPluginsLike)
+        return "#f0b232";
+    if (f.isApps)
+        return "#10b981";
+    if (f.isKnowledge)
+        return "#a78bfa";
+    if (f.isWallets)
+        return "#f0b90b";
+    if (f.isLifo)
+        return "#8b5cf6";
+    if (f.isStream)
+        return "#ef4444";
+    return "#7b8fb5";
+}
+export function accentSubtleVar(f) {
+    if (f.isPluginsLike)
+        return "rgba(240, 178, 50, 0.12)";
+    if (f.isApps)
+        return "rgba(16, 185, 129, 0.12)";
+    if (f.isKnowledge)
+        return "rgba(167, 139, 250, 0.12)";
+    if (f.isWallets)
+        return "rgba(240, 185, 11, 0.12)";
+    if (f.isLifo)
+        return "rgba(139, 92, 246, 0.12)";
+    if (f.isStream)
+        return "rgba(239, 68, 68, 0.12)";
+    return "rgba(123, 143, 181, 0.12)";
+}
+export function accentRgbVar(f) {
+    if (f.isPluginsLike)
+        return "240, 178, 50";
+    if (f.isApps)
+        return "16, 185, 129";
+    if (f.isKnowledge)
+        return "167, 139, 250";
+    if (f.isWallets)
+        return "240, 185, 11";
+    if (f.isLifo)
+        return "139, 92, 246";
+    if (f.isStream)
+        return "239, 68, 68";
+    return "123, 143, 181";
+}
+export function accentForegroundVar(f) {
+    if (f.isPluginsLike || f.isWallets)
+        return "#1a1f26";
+    return "#ffffff";
+}
+/* ── View wrapper helpers ──────────────────────────────────────────── */
+export function viewWrapperOverflow(f) {
+    if (f.isPluginsLike)
+        return "overflow-visible";
+    if (f.isSettings ||
+        f.isAdvancedOverlay ||
+        f.isApps ||
+        f.isConnectors ||
+        f.isWallets)
+        return "overflow-hidden";
+    return "overflow-y-auto";
+}
+export function viewWrapperPadding(f) {
+    // Skills now uses isPluginsLike path (p-0)
+    if (f.isSettings ||
+        f.isAdvancedOverlay ||
+        f.isApps ||
+        f.isConnectors ||
+        f.isPlugins ||
+        f.isWallets)
+        return "p-0";
+    if (f.isKnowledge)
+        return "px-8 py-8";
+    return "px-16 pt-32 pb-16";
+}
+export function viewWrapperStyle(f, accentColor) {
+    if (f.isSettings ||
+        f.isPlugins ||
+        f.isSkills ||
+        f.isAdvancedOverlay ||
+        f.isApps ||
+        f.isConnectors ||
+        f.isKnowledge ||
+        f.isWallets) {
+        return {
+            "--bg": "transparent",
+            "--card": "rgba(255, 255, 255, 0.05)",
+            "--border": "rgba(255, 255, 255, 0.08)",
+            "--accent": accentVar(f),
+            "--accent-foreground": accentForegroundVar(f),
+            "--accent-subtle": accentSubtleVar(f),
+            "--accent-rgb": accentRgbVar(f),
+            "--muted": "rgba(255, 255, 255, 0.45)",
+            "--txt": "rgba(240, 238, 250, 0.92)",
+            "--text": "rgba(240, 238, 250, 0.92)",
+            "--danger": "#ef4444",
+            "--ok": "#22c55e",
+            "--warning": "#f59e0b",
+            "--surface": "rgba(255, 255, 255, 0.06)",
+            "--bg-hover": "rgba(255, 255, 255, 0.04)",
+            "--bg-muted": "rgba(255, 255, 255, 0.03)",
+            "--border-hover": "rgba(255, 255, 255, 0.15)",
+        };
+    }
+    return {
+        "--bg": "transparent",
+        "--card": "rgba(255, 255, 255, 0.05)",
+        "--border": f.isSkills ? "rgba(0,225,255,0.3)" : "rgba(255,255,255,0.08)",
+        "--accent": accentColor,
+        "--accent-foreground": accentForegroundVar(f),
+        "--muted": "rgba(255, 255, 255, 0.55)",
+        "--txt": "#ffffff",
+    };
+}

package/dist/components/confirm-delete-control.d.ts

@@ -0,0 +1,16 @@
+type ConfirmDeleteControlProps = {
+    onConfirm: () => void;
+    disabled?: boolean;
+    triggerLabel?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    busyLabel?: string;
+    promptText?: string;
+    triggerClassName: string;
+    confirmClassName: string;
+    cancelClassName: string;
+    promptClassName?: string;
+};
+export declare function ConfirmDeleteControl({ onConfirm, disabled, triggerLabel, confirmLabel, cancelLabel, busyLabel, promptText, triggerClassName, confirmClassName, cancelClassName, promptClassName, }: ConfirmDeleteControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=confirm-delete-control.d.ts.map

package/dist/components/confirm-delete-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete-control.d.ts","sourceRoot":"","sources":["../../src/components/confirm-delete-control.tsx"],"names":[],"mappings":"AAEA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAgB,EAChB,YAAuB,EACvB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,UAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,eAAmD,GACpD,EAAE,yBAAyB,2CAwC3B"}

package/dist/components/confirm-delete-control.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export function ConfirmDeleteControl({ onConfirm, disabled = false, triggerLabel = "Delete", confirmLabel = "Confirm", cancelLabel = "Cancel", busyLabel, promptText = "Delete?", triggerClassName, confirmClassName, cancelClassName, promptClassName = "text-[11px] text-[#e74c3c] ml-1", }) {
+    const [confirming, setConfirming] = useState(false);
+    if (!confirming) {
+        return (_jsx("button", { type: "button", className: triggerClassName, onClick: () => setConfirming(true), disabled: disabled, children: triggerLabel }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("span", { className: promptClassName, children: promptText }), _jsx("button", { type: "button", className: confirmClassName, onClick: () => {
+                    onConfirm();
+                    setConfirming(false);
+                }, disabled: disabled, children: disabled && busyLabel ? busyLabel : confirmLabel }), _jsx("button", { type: "button", className: cancelClassName, onClick: () => setConfirming(false), disabled: disabled, children: cancelLabel })] }));
+}

package/dist/components/conversations/ConversationListItem.d.ts

@@ -0,0 +1,31 @@
+import type React from "react";
+interface ConversationListItemProps {
+    conv: {
+        id: string;
+        title: string;
+        updatedAt: string;
+    };
+    isActive: boolean;
+    isEditing: boolean;
+    isUnread: boolean;
+    isGameModal: boolean;
+    editingTitle: string;
+    confirmDeleteId: string | null;
+    deletingId: string | null;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    t: (key: string, vars?: Record<string, string | number | boolean | null | undefined>) => string;
+    mobile: boolean;
+    onSelect: (id: string) => void;
+    onEditingTitleChange: (value: string) => void;
+    onEditSubmit: (id: string) => void;
+    onEditKeyDown: (e: React.KeyboardEvent<HTMLInputElement>, id: string) => void;
+    onConfirmDelete: (id: string) => void;
+    onCancelDelete: () => void;
+    onOpenActions: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement> | React.TouchEvent<HTMLButtonElement | HTMLDivElement>, conv: {
+        id: string;
+        title: string;
+    }) => void;
+}
+export declare function ConversationListItem({ conv, isActive, isEditing, isUnread, isGameModal, editingTitle, confirmDeleteId, deletingId, inputRef, t, mobile, onSelect, onEditingTitleChange, onEditSubmit, onEditKeyDown, onConfirmDelete, onCancelDelete, onOpenActions, }: ConversationListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConversationListItem.d.ts.map

package/dist/components/conversations/ConversationListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationListItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/ConversationListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,yBAAyB;IACjC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,KAChE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,CACb,KAAK,EACD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,GACpD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,EACxD,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAChC,IAAI,CAAC;CACX;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,CAAC,EACD,MAAM,EACN,QAAQ,EACR,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,cAAc,EACd,aAAa,GACd,EAAE,yBAAyB,2CAmI3B"}

package/dist/components/conversations/ConversationListItem.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Input } from "@elizaos/ui";
+import { useRef } from "react";
+import { getLocalizedConversationTitle } from "./conversation-utils";
+export function ConversationListItem({ conv, isActive, isEditing, isUnread, isGameModal, editingTitle, confirmDeleteId, deletingId, inputRef, t, mobile, onSelect, onEditingTitleChange, onEditSubmit, onEditKeyDown, onConfirmDelete, onCancelDelete, onOpenActions, }) {
+    const longPressTimerRef = useRef(null);
+    const suppressClickRef = useRef(false);
+    const clearLongPressTimer = () => {
+        if (longPressTimerRef.current !== null) {
+            window.clearTimeout(longPressTimerRef.current);
+            longPressTimerRef.current = null;
+        }
+    };
+    const handleTouchStart = (event) => {
+        if (!mobile)
+            return;
+        clearLongPressTimer();
+        longPressTimerRef.current = window.setTimeout(() => {
+            suppressClickRef.current = true;
+            onOpenActions(event, conv);
+            clearLongPressTimer();
+        }, 450);
+    };
+    const handleTouchEnd = () => {
+        clearLongPressTimer();
+    };
+    return (_jsx("div", { "data-testid": "conv-item", "data-active": isActive || undefined, className: `w-full ${isGameModal
+            ? "group relative flex items-start gap-3 w-full p-2.5 rounded-xl cursor-pointer transition-all border border-transparent"
+            : "flex items-center pl-3 pr-2 py-2 gap-1 cursor-pointer transition-colors border-l-[3px]"} ${isActive
+            ? isGameModal
+                ? "bg-accent/15 border-accent/30 shadow-[0_0_15px_rgba(240,178,50,0.1)]"
+                : "bg-bg-hover border-l-accent"
+            : isGameModal
+                ? "hover:bg-white/5 hover:border-white/10"
+                : "border-l-transparent hover:bg-bg-hover"}`, children: isEditing ? (_jsx(Input, { ref: inputRef, className: "w-full h-8 px-1.5 border-accent bg-card text-txt text-[13px] shadow-sm focus-visible:ring-1 focus-visible:ring-accent", value: editingTitle, onChange: (e) => onEditingTitleChange(e.target.value), onBlur: () => void onEditSubmit(conv.id), onKeyDown: (e) => onEditKeyDown(e, conv.id), onClick: (e) => e.stopPropagation() })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "ghost", size: "sm", "data-testid": "conv-select", className: isGameModal
+                        ? "flex w-full flex-col flex-1 min-w-0 !items-start !justify-start !text-left cursor-pointer h-auto p-0 rounded-none bg-transparent border-none"
+                        : "flex items-center gap-2 flex-1 min-w-0 bg-transparent border-0 p-0 m-0 text-left h-auto cursor-pointer rounded-none", onClick: () => {
+                        if (suppressClickRef.current) {
+                            suppressClickRef.current = false;
+                            return;
+                        }
+                        onSelect(conv.id);
+                    }, onContextMenu: (event) => {
+                        if (mobile)
+                            return;
+                        onOpenActions(event, conv);
+                    }, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, onTouchCancel: handleTouchEnd, onTouchMove: handleTouchEnd, children: [isUnread && (_jsx("span", { className: isGameModal
+                                ? "absolute top-3 left-3 w-2 h-2 rounded-full bg-accent animate-pulse shadow-[0_0_8px_rgba(240,178,50,0.8)]"
+                                : "w-2 h-2 rounded-full bg-accent shrink-0" })), _jsx("span", { className: isGameModal
+                                ? `block w-full text-[13px] font-medium truncate leading-tight text-left transition-colors min-w-0 ${isActive ? "text-txt text-shadow-glow" : "text-white/90 group-hover:text-white"}`
+                                : "block w-full font-medium truncate text-left text-txt min-w-0", children: getLocalizedConversationTitle(conv.title, t) })] }), confirmDeleteId === conv.id ? (_jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [_jsx("span", { className: "text-[10px] text-danger", children: t("conversations.deleteConfirm") }), _jsx(Button, { variant: "destructive", size: "sm", className: "h-6 px-1.5 py-0.5 text-[10px] text-white shadow-sm disabled:opacity-50", onClick: () => void onConfirmDelete(conv.id), disabled: deletingId === conv.id, children: deletingId === conv.id ? "..." : t("conversations.deleteYes") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-6 px-1.5 py-0.5 text-[10px] text-muted shadow-sm hover:border-accent hover:text-txt disabled:opacity-50", onClick: () => onCancelDelete(), disabled: deletingId === conv.id, children: t("conversations.deleteNo") })] })) : null] })) }, conv.id));
+}

package/dist/components/conversations/conversation-utils.d.ts

@@ -0,0 +1,9 @@
+export declare function getLocalizedConversationTitle(title: string | undefined | null, t: (key: string, vars?: Record<string, string | number | boolean | null | undefined>) => string): string;
+export declare const BROWSER_CAPABILITY_PLUGIN_IDS: Set<string>;
+export declare const COMPUTER_CAPABILITY_PLUGIN_IDS: Set<string>;
+export declare function formatRelativeTime(dateString: string, t: (key: string, vars?: Record<string, string | number | boolean | null | undefined>) => string): string;
+export declare function avatarIndexFromConversationId(id: string): number;
+export declare function resolveProviderLabel(model: string | undefined): string;
+export declare function isNonChatModelLabel(model: string | undefined): boolean;
+export declare function estimateTokenCost(promptTokens: number, completionTokens: number, model: string | undefined): string;
+//# sourceMappingURL=conversation-utils.d.ts.map

package/dist/components/conversations/conversation-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-utils.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversation-utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAChC,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,KAChE,MAAM,GACV,MAAM,CAUR;AAED,eAAO,MAAM,6BAA6B,aAIxC,CAAC;AAEH,eAAO,MAAM,8BAA8B,aAGzC,CAAC;AAEH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,MAAM,EAClB,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,KAChE,MAAM,GACV,MAAM,CAcR;AAED,wBAAgB,6BAA6B,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAkCtE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAWtE;AAED,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,MAAM,EACxB,KAAK,EAAE,MAAM,GAAG,SAAS,GACxB,MAAM,CAmCR"}