@elizaos/app-core 2.0.0-alpha.73 → 2.0.0-alpha.75

package/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/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/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"}

package/components/conversations/conversation-utils.js

@@ -0,0 +1,138 @@
+import { VRM_COUNT } from "../../state";
+export function getLocalizedConversationTitle(title, t) {
+    if (!title ||
+        title === "New Chat" ||
+        title === "conversations.newChatTitle") {
+        const localized = t("conversations.newChatTitle");
+        return localized === "conversations.newChatTitle" ? "New Chat" : localized;
+    }
+    return title;
+}
+export const BROWSER_CAPABILITY_PLUGIN_IDS = new Set([
+    "browser",
+    "browserbase",
+    "chrome-extension",
+]);
+export const COMPUTER_CAPABILITY_PLUGIN_IDS = new Set([
+    "computeruse",
+    "computer-use",
+]);
+export function formatRelativeTime(dateString, t) {
+    const date = new Date(dateString);
+    const now = new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 60000);
+    const diffHours = Math.floor(diffMs / 3600000);
+    const diffDays = Math.floor(diffMs / 86400000);
+    if (diffMins < 1)
+        return t("conversations.justNow");
+    if (diffMins < 60)
+        return t("conversations.minutesAgo", { count: diffMins });
+    if (diffHours < 24)
+        return t("conversations.hoursAgo", { count: diffHours });
+    if (diffDays < 7)
+        return t("conversations.daysAgo", { count: diffDays });
+    return date.toLocaleDateString();
+}
+export function avatarIndexFromConversationId(id) {
+    let hash = 0;
+    for (let i = 0; i < id.length; i += 1) {
+        hash = (hash * 31 + id.charCodeAt(i)) | 0;
+    }
+    const normalized = Math.abs(hash) % VRM_COUNT;
+    return normalized + 1;
+}
+export function resolveProviderLabel(model) {
+    const value = (model ?? "").trim();
+    if (!value)
+        return "";
+    const lower = value.toLowerCase();
+    const knownProviders = [
+        { match: "elizacloud", label: "Eliza Cloud" },
+        { match: "openrouter", label: "OpenRouter" },
+        { match: "openai", label: "OpenAI" },
+        { match: "anthropic", label: "Anthropic" },
+        { match: "gemini", label: "Google" },
+        { match: "google", label: "Google" },
+        { match: "grok", label: "xAI" },
+        { match: "xai", label: "xAI" },
+        { match: "groq", label: "Groq" },
+        { match: "ollama", label: "Ollama" },
+        { match: "deepseek", label: "DeepSeek" },
+        { match: "mistral", label: "Mistral" },
+        { match: "together", label: "Together AI" },
+        { match: "zai", label: "z.ai" },
+        { match: "cohere", label: "Cohere" },
+        { match: "pi-ai", label: "Pi AI" },
+    ];
+    for (const provider of knownProviders) {
+        if (lower.includes(provider.match))
+            return provider.label;
+    }
+    if (lower.startsWith("gpt"))
+        return "OpenAI";
+    if (lower.startsWith("claude"))
+        return "Anthropic";
+    if (lower.startsWith("gemini"))
+        return "Google";
+    const splitToken = value.split(/[/:|]/)[0]?.trim();
+    if (splitToken)
+        return splitToken.toUpperCase();
+    return "";
+}
+export function isNonChatModelLabel(model) {
+    const value = (model ?? "").trim().toLowerCase();
+    if (!value)
+        return false;
+    if (value === "text_embedding")
+        return true;
+    if (value === "text_large")
+        return true;
+    if (value === "text_small")
+        return true;
+    if (value.includes("text_embedding"))
+        return true;
+    if (value.includes("embedding"))
+        return true;
+    if (value.includes("text_large") || value.includes("text_small"))
+        return true;
+    if (/^text_[a-z0-9_]+$/.test(value))
+        return true;
+    return false;
+}
+export function estimateTokenCost(promptTokens, completionTokens, model) {
+    const normalizedModel = (model ?? "").toLowerCase();
+    const pricingByMillion = {
+        "gpt-5": [1.25, 10.0],
+        "gpt-4.1": [2.0, 8.0],
+        "gpt-4o": [2.5, 10.0],
+        "gpt-4": [30.0, 60.0],
+        "claude-4": [15.0, 75.0],
+        "claude-3.7": [3.0, 15.0],
+        "claude-3.5": [3.0, 15.0],
+        "gemini-2.5-pro": [1.25, 10.0],
+        "gemini-2.0-flash": [0.1, 0.4],
+        deepseek: [0.55, 2.19],
+        qwen: [0.35, 1.4],
+        kimi: [0.2, 0.8],
+        moonshot: [0.2, 0.8],
+    };
+    let inputCostPerMillion = 1.0;
+    let outputCostPerMillion = 3.0;
+    for (const [key, [inCost, outCost]] of Object.entries(pricingByMillion)) {
+        if (normalizedModel.includes(key)) {
+            inputCostPerMillion = inCost;
+            outputCostPerMillion = outCost;
+            break;
+        }
+    }
+    const estimated = (promptTokens / 1_000_000) * inputCostPerMillion +
+        (completionTokens / 1_000_000) * outputCostPerMillion;
+    if (estimated <= 0)
+        return "$0.0000";
+    if (estimated < 0.0001)
+        return "<$0.0001";
+    if (estimated < 0.01)
+        return `~$${estimated.toFixed(4)}`;
+    return `~$${estimated.toFixed(3)}`;
+}

package/components/format.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Shared formatting helpers for Eliza app views.
+ */
+type ByteSizeFormatterOptions = {
+    /**
+     * Fallback string for invalid or negative byte values.
+     */
+    unknownLabel?: string;
+    /**
+     * Precision for KB / MB / GB / TB values.
+     */
+    kbPrecision?: number;
+    mbPrecision?: number;
+    gbPrecision?: number;
+    tbPrecision?: number;
+};
+type DateFormatOptions = {
+    /**
+     * Fallback string for empty/invalid dates.
+     */
+    fallback?: string;
+    /**
+     * Optional locale override.
+     */
+    locale?: string;
+};
+type DurationFormatOptions = {
+    /**
+     * Fallback string for non-positive/invalid durations.
+     */
+    fallback?: string;
+};
+/**
+ * Format a byte count in human-readable units.
+ */
+export declare function formatByteSize(bytes: number, options?: ByteSizeFormatterOptions): string;
+/**
+ * Format timestamp / date for locale display (`toLocaleString`).
+ */
+export declare function formatDateTime(value: number | string | Date | null | undefined, options?: DateFormatOptions): string;
+/**
+ * Format timestamp / date as locale time only (`toLocaleTimeString`).
+ */
+export declare function formatTime(value: number | string | Date | null | undefined, options?: DateFormatOptions): string;
+/**
+ * Format timestamp / date as locale date only (`toLocaleDateString`).
+ */
+export declare function formatShortDate(value: number | string | Date | null | undefined, options?: DateFormatOptions): string;
+/**
+ * Format an elapsed duration in milliseconds into a compact human string.
+ */
+export declare function formatDurationMs(ms?: number | null, options?: DurationFormatOptions): string;
+export {};
+//# sourceMappingURL=format.d.ts.map

package/components/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/components/format.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,KAAK,wBAAwB,GAAG;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,wBAA6B,GACrC,MAAM,CAuBR;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,EAChD,OAAO,GAAE,iBAAsB,GAC9B,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,EAChD,OAAO,GAAE,iBAAsB,GAC9B,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,EAChD,OAAO,GAAE,iBAAsB,GAC9B,MAAM,CAUR;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,EAClB,OAAO,GAAE,qBAA0B,GAClC,MAAM,CAWR"}

package/components/format.js

@@ -0,0 +1,82 @@
+/**
+ * Shared formatting helpers for Eliza app views.
+ */
+/**
+ * Format a byte count in human-readable units.
+ */
+export function formatByteSize(bytes, options = {}) {
+    const { unknownLabel = "unknown", kbPrecision = 1, mbPrecision = 1, gbPrecision = 1, tbPrecision = 1, } = options;
+    if (!Number.isFinite(bytes) || bytes < 0)
+        return unknownLabel;
+    if (bytes >= 1024 ** 4) {
+        return `${(bytes / 1024 ** 4).toFixed(tbPrecision)} TB`;
+    }
+    if (bytes >= 1024 ** 3) {
+        return `${(bytes / 1024 ** 3).toFixed(gbPrecision)} GB`;
+    }
+    if (bytes >= 1024 ** 2) {
+        return `${(bytes / 1024 ** 2).toFixed(mbPrecision)} MB`;
+    }
+    if (bytes >= 1024) {
+        return `${(bytes / 1024).toFixed(kbPrecision)} KB`;
+    }
+    return `${bytes} B`;
+}
+/**
+ * Format timestamp / date for locale display (`toLocaleString`).
+ */
+export function formatDateTime(value, options = {}) {
+    const { fallback = "—", locale } = options;
+    if (value == null || value === "")
+        return fallback;
+    const parsed = value instanceof Date ? value : new Date(value);
+    if (!Number.isFinite(parsed.getTime()))
+        return fallback;
+    return parsed.toLocaleString(locale);
+}
+/**
+ * Format timestamp / date as locale time only (`toLocaleTimeString`).
+ */
+export function formatTime(value, options = {}) {
+    const { fallback = "—", locale } = options;
+    if (value == null || value === "")
+        return fallback;
+    const parsed = value instanceof Date ? value : new Date(value);
+    if (!Number.isFinite(parsed.getTime()))
+        return fallback;
+    return parsed.toLocaleTimeString(locale);
+}
+/**
+ * Format timestamp / date as locale date only (`toLocaleDateString`).
+ */
+export function formatShortDate(value, options = {}) {
+    const { fallback = "—", locale } = options;
+    if (value == null || value === "")
+        return fallback;
+    const parsed = value instanceof Date ? value : new Date(value);
+    if (!Number.isFinite(parsed.getTime()))
+        return fallback;
+    return parsed.toLocaleDateString(locale, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+}
+/**
+ * Format an elapsed duration in milliseconds into a compact human string.
+ */
+export function formatDurationMs(ms, options = {}) {
+    const { fallback = "—" } = options;
+    if (!ms || ms <= 0)
+        return fallback;
+    if (ms < 60_000)
+        return `${Math.round(ms / 1000)}s`;
+    if (ms < 3_600_000)
+        return `${Math.round(ms / 60_000)}m`;
+    if (ms < 86_400_000) {
+        const hours = ms / 3_600_000;
+        return hours === Math.floor(hours) ? `${hours}h` : `${hours.toFixed(1)}h`;
+    }
+    const days = ms / 86_400_000;
+    return days === Math.floor(days) ? `${days}d` : `${days.toFixed(1)}d`;
+}

package/components/index.d.ts

@@ -0,0 +1,96 @@
+export * from "./ApiKeyConfig";
+export * from "./AdvancedPageView";
+export * from "./AgentActivityBox";
+export * from "./AppsPageView";
+export * from "./AppsView";
+export * from "./AvatarLoader";
+export * from "./AvatarSelector";
+export * from "./avatar/VrmEngine";
+export * from "./avatar/VrmViewer";
+export * from "./BscTradePanel";
+export * from "./BugReportModal";
+export * from "./CharacterRoster";
+export * from "./CharacterView";
+export * from "./ChatAvatar";
+export * from "./ChatComposer";
+export * from "./ChatMessage";
+export * from "./ChatModalView";
+export * from "./ChatView";
+export * from "./CloudSourceControls";
+export * from "./CodingAgentSettingsSection";
+export * from "./CommandPalette";
+export * from "./CompanionSceneHost";
+export * from "./CompanionShell";
+export * from "./CompanionView";
+export * from "./ConfigPageView";
+export * from "./ConfigSaveFooter";
+export * from "./ConfirmModal";
+export * from "./ConnectionFailedBanner";
+export * from "./ConversationsSidebar";
+export * from "./ConnectorsPageView";
+export * from "./confirm-delete-control";
+export * from "./CustomActionEditor";
+export * from "./CustomActionsPanel";
+export * from "./CustomActionsView";
+export * from "./DatabasePageView";
+export * from "./DatabaseView";
+export * from "./ElizaCloudDashboard";
+export * from "./EmotePicker";
+export * from "./ErrorBoundary";
+export * from "./FineTuningView";
+export * from "./format";
+export * from "./GameView";
+export * from "./GameViewOverlay";
+export * from "./GlobalEmoteOverlay";
+export * from "./HeartbeatsView";
+export * from "./Header";
+export * from "./InventoryView";
+export * from "./KnowledgeView";
+export * from "./knowledge-upload-image";
+export * from "./LanguageDropdown";
+export * from "./LifoMonitorPanel";
+export * from "./LifoSandboxView";
+export * from "./LoadingScreen";
+export * from "./LogsPageView";
+export * from "./LogsView";
+export * from "./labels";
+export * from "./MediaGalleryView";
+export * from "./MediaSettingsSection";
+export * from "./MessageContent";
+export * from "./ElizaCloudDashboard";
+export * from "./OnboardingWizard";
+export * from "./PairingView";
+export * from "./PermissionsSection";
+export * from "./PluginsPageView";
+export * from "./PluginsView";
+export * from "./ProviderSwitcher";
+export * from "./RestartBanner";
+export * from "./RuntimeView";
+export * from "./SaveCommandModal";
+export * from "./SecretsView";
+export * from "./SettingsView";
+export * from "./ShellOverlays";
+export * from "./ShortcutsOverlay";
+export * from "./SkillsView";
+export * from "./StartupFailureView";
+export * from "./StreamView";
+export * from "./SubscriptionStatus";
+export * from "./SystemWarningBanner";
+export { useSharedCompanionScene } from "./shared-companion-scene-context";
+export * from "./skeletons";
+export * from "./ThemeToggle";
+export * from "./TriggersView";
+export * from "./TrajectoriesView";
+export * from "./TrajectoryDetailView";
+export * from "./trajectory-format";
+export * from "./ui-badges";
+export * from "./ui-switch";
+export * from "./VectorBrowserView";
+export * from "./VoiceConfigView";
+export * from "./VrmStage";
+export * from "./WhatsAppQrOverlay";
+export * from "./chainConfig";
+export * from "./companion-shell-styles";
+export * from "./conversations/ConversationListItem";
+export * from "./conversations/conversation-utils";
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/components/index.js

@@ -0,0 +1,95 @@
+export * from "./ApiKeyConfig";
+export * from "./AdvancedPageView";
+export * from "./AgentActivityBox";
+export * from "./AppsPageView";
+export * from "./AppsView";
+export * from "./AvatarLoader";
+export * from "./AvatarSelector";
+export * from "./avatar/VrmEngine";
+export * from "./avatar/VrmViewer";
+export * from "./BscTradePanel";
+export * from "./BugReportModal";
+export * from "./CharacterRoster";
+export * from "./CharacterView";
+export * from "./ChatAvatar";
+export * from "./ChatComposer";
+export * from "./ChatMessage";
+export * from "./ChatModalView";
+export * from "./ChatView";
+export * from "./CloudSourceControls";
+export * from "./CodingAgentSettingsSection";
+export * from "./CommandPalette";
+export * from "./CompanionSceneHost";
+export * from "./CompanionShell";
+export * from "./CompanionView";
+export * from "./ConfigPageView";
+export * from "./ConfigSaveFooter";
+export * from "./ConfirmModal";
+export * from "./ConnectionFailedBanner";
+export * from "./ConversationsSidebar";
+export * from "./ConnectorsPageView";
+export * from "./confirm-delete-control";
+export * from "./CustomActionEditor";
+export * from "./CustomActionsPanel";
+export * from "./CustomActionsView";
+export * from "./DatabasePageView";
+export * from "./DatabaseView";
+export * from "./ElizaCloudDashboard";
+export * from "./EmotePicker";
+export * from "./ErrorBoundary";
+export * from "./FineTuningView";
+export * from "./format";
+export * from "./GameView";
+export * from "./GameViewOverlay";
+export * from "./GlobalEmoteOverlay";
+export * from "./HeartbeatsView";
+export * from "./Header";
+export * from "./InventoryView";
+export * from "./KnowledgeView";
+export * from "./knowledge-upload-image";
+export * from "./LanguageDropdown";
+export * from "./LifoMonitorPanel";
+export * from "./LifoSandboxView";
+export * from "./LoadingScreen";
+export * from "./LogsPageView";
+export * from "./LogsView";
+export * from "./labels";
+export * from "./MediaGalleryView";
+export * from "./MediaSettingsSection";
+export * from "./MessageContent";
+export * from "./ElizaCloudDashboard";
+export * from "./OnboardingWizard";
+export * from "./PairingView";
+export * from "./PermissionsSection";
+export * from "./PluginsPageView";
+export * from "./PluginsView";
+export * from "./ProviderSwitcher";
+export * from "./RestartBanner";
+export * from "./RuntimeView";
+export * from "./SaveCommandModal";
+export * from "./SecretsView";
+export * from "./SettingsView";
+export * from "./ShellOverlays";
+export * from "./ShortcutsOverlay";
+export * from "./SkillsView";
+export * from "./StartupFailureView";
+export * from "./StreamView";
+export * from "./SubscriptionStatus";
+export * from "./SystemWarningBanner";
+export { useSharedCompanionScene } from "./shared-companion-scene-context";
+export * from "./skeletons";
+export * from "./ThemeToggle";
+export * from "./TriggersView";
+export * from "./TrajectoriesView";
+export * from "./TrajectoryDetailView";
+export * from "./trajectory-format";
+export * from "./ui-badges";
+export * from "./ui-switch";
+export * from "./VectorBrowserView";
+export * from "./VoiceConfigView";
+export * from "./VrmStage";
+export * from "./WhatsAppQrOverlay";
+export * from "./chainConfig";
+export * from "./companion-shell-styles";
+export * from "./conversations/ConversationListItem";
+export * from "./conversations/conversation-utils";

package/components/inventory/CopyableAddress.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Truncated wallet address with a copy button.
+ */
+export declare function CopyableAddress({ address, onCopy, }: {
+    address: string;
+    onCopy: (text: string) => Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CopyableAddress.d.ts.map

package/components/inventory/CopyableAddress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyableAddress.d.ts","sourceRoot":"","sources":["../../../src/components/inventory/CopyableAddress.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,MAAM,GACP,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,2CA0BA"}

package/components/inventory/CopyableAddress.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Truncated wallet address with a copy button.
+ */
+import { useTimeout } from "@elizaos/app-core/hooks";
+import { Button } from "@elizaos/ui";
+import { useState } from "react";
+export function CopyableAddress({ address, onCopy, }) {
+    const { setTimeout } = useTimeout();
+    const [copied, setCopied] = useState(false);
+    const short = `${address.slice(0, 6)}...${address.slice(-4)}`;
+    const handleCopy = async () => {
+        await onCopy(address);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+    };
+    return (_jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [_jsx("code", { className: "font-mono text-xs text-muted select-all", title: address, children: short }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleCopy, className: "h-6 px-1.5 py-0.5 border-border bg-bg text-[10px] font-mono shadow-sm hover:border-accent hover:text-txt", children: copied ? "copied" : "copy" })] }));
+}

package/components/inventory/InventoryToolbar.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Unified wallet header row: total, view toggle, chain filter, sort, refresh.
+ */
+import type { WalletBalancesResponse, WalletNftsResponse } from "@elizaos/app-core/api";
+import type { createTranslator } from "@elizaos/app-core/i18n";
+import type { AppState } from "@elizaos/app-core/state";
+type InventoryToolbarStateKey = "inventoryView" | "inventorySort";
+type InventorySort = AppState["inventorySort"];
+type InventoryView = AppState["inventoryView"];
+export interface InventoryToolbarProps {
+    t: ReturnType<typeof createTranslator>;
+    totalUsd: number;
+    inventoryView: InventoryView;
+    inventorySort: InventorySort;
+    chainFocus: string;
+    walletBalances: WalletBalancesResponse | null;
+    walletNfts: WalletNftsResponse | null;
+    setState: <K extends InventoryToolbarStateKey>(key: K, value: AppState[K]) => void;
+    onChainChange: (chain: string) => void;
+    loadBalances: () => Promise<void> | void;
+    loadNfts: () => Promise<void> | void;
+}
+export declare function InventoryToolbar({ t, totalUsd, inventoryView, inventorySort, chainFocus, walletBalances, walletNfts, setState, onChainChange, loadBalances, loadNfts, }: InventoryToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InventoryToolbar.d.ts.map

package/components/inventory/InventoryToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/inventory/InventoryToolbar.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIxD,KAAK,wBAAwB,GAAG,eAAe,GAAG,eAAe,CAAC;AAClE,KAAK,aAAa,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAC/C,KAAK,aAAa,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAM/C,MAAM,WAAW,qBAAqB;IACpC,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC9C,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,CAAC,SAAS,wBAAwB,EAC3C,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KACf,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,CAAC,EACD,QAAQ,EACR,aAAa,EACb,aAAa,EACb,UAAU,EACV,cAAc,EACd,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,QAAQ,GACT,EAAE,qBAAqB,2CA2FvB"}

package/components/inventory/InventoryToolbar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { CHAIN_CONFIGS, PRIMARY_CHAIN_KEYS } from "../chainConfig";
+function isInventorySort(value) {
+    return value === "value" || value === "chain" || value === "symbol";
+}
+export function InventoryToolbar({ t, totalUsd, inventoryView, inventorySort, chainFocus, walletBalances, walletNfts, setState, onChainChange, loadBalances, loadNfts, }) {
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-border pb-3", children: [_jsx("div", { className: "mr-auto text-[22px] font-bold text-txt-strong", "data-testid": "wallet-balance-value", children: totalUsd > 0
+                    ? `$${totalUsd.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+                    : "$0.00" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", "data-testid": "wallet-view-tokens", className: `h-8 border-b-2 px-2 text-xs font-medium cursor-pointer ${inventoryView === "tokens"
+                            ? "border-accent text-txt-strong"
+                            : "border-transparent text-muted hover:text-txt"}`, onClick: () => {
+                            setState("inventoryView", "tokens");
+                            if (!walletBalances)
+                                void loadBalances();
+                        }, children: t("wallet.tokens") }), _jsx("button", { type: "button", "data-testid": "wallet-view-nfts", className: `h-8 border-b-2 px-2 text-xs font-medium cursor-pointer ${inventoryView === "nfts"
+                            ? "border-accent text-txt-strong"
+                            : "border-transparent text-muted hover:text-txt"}`, onClick: () => {
+                            setState("inventoryView", "nfts");
+                            if (!walletNfts)
+                                void loadNfts();
+                        }, children: t("wallet.nfts") })] }), _jsxs("select", { "data-testid": "wallet-chain-select", "aria-label": t("wallet.chain"), className: "h-8 min-w-32 border border-border bg-bg px-2.5 text-xs text-txt", value: chainFocus, onChange: (event) => onChainChange(event.target.value), children: [_jsx("option", { value: "all", children: t("wallet.all") }), PRIMARY_CHAIN_KEYS.map((key) => (_jsx("option", { value: key, children: CHAIN_CONFIGS[key].name }, key)))] }), inventoryView === "tokens" && (_jsxs("select", { "data-testid": "wallet-sort-select", "aria-label": t("wallet.sort"), className: "h-8 min-w-28 border border-border bg-bg px-2.5 text-xs text-txt", value: inventorySort, onChange: (event) => {
+                    const nextSort = event.target.value;
+                    if (isInventorySort(nextSort)) {
+                        setState("inventorySort", nextSort);
+                    }
+                }, children: [_jsx("option", { value: "value", children: t("wallet.value") }), _jsx("option", { value: "chain", children: t("wallet.chain") }), _jsx("option", { value: "symbol", children: t("wallet.name") })] })), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs shadow-sm hover:border-accent hover:text-txt", onClick: () => inventoryView === "tokens" ? loadBalances() : loadNfts(), children: t("appsview.Refresh") })] }));
+}