@elizaos/app-core 2.0.0-alpha.203 → 2.0.0-alpha.204

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.203",
+  "version": "2.0.0-alpha.204",
   "description": "Shared application core for elizaOS white-label agent apps.",
   "type": "module",
   "license": "MIT",
@@ -477,7 +477,7 @@
     "@capacitor/keyboard": "8.0.3",
     "@capacitor/preferences": "^8.0.1",
     "@clack/prompts": "^1.0.0",
-    "@elizaos/agent": "^2.0.0-alpha.203",
+    "@elizaos/agent": "^2.0.0-alpha.204",
     "@elizaos/app-companion": "^0.0.0",
     "@elizaos/app-elizamaker": "^0.0.0",
     "@elizaos/app-lifeops": "^0.0.0",
@@ -486,9 +486,9 @@
     "@elizaos/app-task-coordinator": "^0.0.0",
     "@elizaos/app-training": "^0.0.1",
     "@elizaos/app-vincent": "^0.0.0",
-    "@elizaos/core": "^2.0.0-alpha.203",
-    "@elizaos/shared": "^2.0.0-alpha.203",
-    "@elizaos/ui": "^2.0.0-alpha.203",
+    "@elizaos/core": "^2.0.0-alpha.204",
+    "@elizaos/shared": "^2.0.0-alpha.204",
+    "@elizaos/ui": "^2.0.0-alpha.204",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",

package/packages/app-core/src/components/pages/TrajectoriesView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrajectoriesView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/TrajectoriesView.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAqCf,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,oBAAoB,EAAE,YAAY,EAClC,kBAAkB,EAAE,kBAAkB,GACvC,EAAE,qBAAqB,2CAsdvB"}
+{"version":3,"file":"TrajectoriesView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/TrajectoriesView.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAqCf,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,oBAAoB,EAAE,YAAY,EAClC,kBAAkB,EAAE,kBAAkB,GACvC,EAAE,qBAAqB,2CAkevB"}

package/packages/app-core/src/components/pages/TrajectoriesView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, PageLayout, PagePanel, Sidebar, SidebarContent, SidebarHeader, SidebarPanel, SidebarScrollRegion, TrajectorySidebarItem, } from "@elizaos/ui";
 import { Download, RefreshCw, Trash2, XCircle } from "lucide-react";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useState, } from "react";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
 import { client } from "../../api/client";
 import { useApp } from "../../state/useApp";
 import { formatTrajectoryDuration, formatTrajectoryTimestamp, formatTrajectoryTokenCount, } from "../../utils/trajectory-format";
@@ -42,6 +42,7 @@ export function TrajectoriesView({ contentHeader, selectedTrajectoryId: controll
     const [searchQuery, setSearchQuery] = useState("");
     const [page, setPage] = useState(0);
     const pageSize = 50;
+    const previousSearchQueryRef = useRef(searchQuery);
     const [exporting, setExporting] = useState(false);
     const [deletingTrajectoryId, setDeletingTrajectoryId] = useState(null);
     const [clearingAll, setClearingAll] = useState(false);
@@ -76,6 +77,16 @@ export function TrajectoriesView({ contentHeader, selectedTrajectoryId: controll
     useEffect(() => {
         void loadTrajectories();
     }, [loadTrajectories]);
+    useEffect(() => {
+        const previousSearchQuery = previousSearchQueryRef.current;
+        if (previousSearchQuery === searchQuery) {
+            return;
+        }
+        previousSearchQueryRef.current = searchQuery;
+        if (selectedTrajectoryId != null) {
+            onSelectTrajectory?.(null);
+        }
+    }, [searchQuery, selectedTrajectoryId, onSelectTrajectory]);
     const handleExport = async (format, includePrompts) => {
         setExporting(true);
         try {

package/packages/app-core/src/components/pages/TrajectoryDetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrajectoryDetailView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/TrajectoryDetailView.tsx"],"names":[],"mappings":"AAqFA,UAAU,yBAAyB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAmBD,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,MAAM,GACP,EAAE,yBAAyB,2CAwQ3B"}
+{"version":3,"file":"TrajectoryDetailView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/TrajectoryDetailView.tsx"],"names":[],"mappings":"AAqFA,UAAU,yBAAyB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAiCD,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,MAAM,GACP,EAAE,yBAAyB,2CA4U3B"}

package/packages/app-core/src/components/pages/TrajectoryDetailView.js

@@ -58,6 +58,20 @@ function formatTrajectoryStepLabel(value, fallback) {
 function estimateCost(promptTokens, completionTokens, model) {
     return estimateTokenCost(promptTokens, completionTokens, model);
 }
+function formatProviderPayload(value) {
+    if (value == null) {
+        return "null";
+    }
+    if (typeof value === "string") {
+        return value;
+    }
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return String(value);
+    }
+}
 export function TrajectoryDetailView({ trajectoryId, onBack, }) {
     const { t, copyToClipboard } = useApp();
     const [loading, setLoading] = useState(true);
@@ -82,6 +96,7 @@ export function TrajectoryDetailView({ trajectoryId, onBack, }) {
         void loadDetail();
     }, [loadDetail]);
     const llmCalls = detail?.llmCalls ?? [];
+    const providerAccesses = detail?.providerAccesses ?? [];
     const trajectory = detail?.trajectory;
     const pipelineNodes = useMemo(() => buildPipelineNodes(llmCalls, trajectory?.status ?? "active"), [llmCalls, trajectory?.status]);
     const filteredCalls = useMemo(() => {
@@ -128,13 +143,25 @@ export function TrajectoryDetailView({ trajectoryId, onBack, }) {
             value: formatTrajectoryTokenCount(totalPromptTokens + totalCompletionTokens, { emptyLabel: "—" }),
         },
     ];
-    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col gap-4", children: [orchestratorData ? (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("trajectorydetailview.Orchestrator") }), _jsxs("div", { className: "mt-4 grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: [_jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.DecisionType") }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: String(orchestratorData.decisionType ?? "—") })] }), _jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.Task") }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: String(orchestratorData.taskLabel ?? "—") })] }), _jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.Session1") }), _jsx("div", { className: "mt-2 break-all font-mono text-xs-tight text-txt", children: String(orchestratorData.sessionId ?? "—") })] })] })] })) : null, llmCalls.length > 0 ? (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("trajectorydetailview.Pipeline", {
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col gap-4", children: [orchestratorData ? (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("trajectorydetailview.Orchestrator") }), _jsxs("div", { className: "mt-4 grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: [_jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.DecisionType") }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: String(orchestratorData.decisionType ?? "—") })] }), _jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.Task") }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: String(orchestratorData.taskLabel ?? "—") })] }), _jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.Session1") }), _jsx("div", { className: "mt-2 break-all font-mono text-xs-tight text-txt", children: String(orchestratorData.sessionId ?? "—") })] })] })] })) : null, trajectory.metadata &&
+                Object.keys(trajectory.metadata).length > 0 &&
+                formatProviderPayload(trajectory.metadata).trim().length > 0 ? (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("trajectorydetailview.Metadata", {
+                            defaultValue: "Metadata",
+                        }) }), _jsx("pre", { className: "mt-4 max-h-[20rem] overflow-x-auto overflow-y-auto whitespace-pre-wrap break-words rounded-2xl border border-border/50 bg-bg/60 px-4 py-4 text-xs leading-6 text-txt", children: formatProviderPayload(trajectory.metadata) })] })) : null, llmCalls.length > 0 ? (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("trajectorydetailview.Pipeline", {
                             defaultValue: "Pipeline",
                         }) }), _jsx(TrajectoryPipelineGraph, { nodes: pipelineNodes, activeStageId: activeStage, onStageClick: handleStageClick }), activeStage && activeStage !== "input" ? (_jsxs("div", { className: "mt-3 flex items-center gap-2 text-xs text-muted", children: [_jsx("span", { children: t("trajectorydetailview.ShowingCalls", {
                                     defaultValue: "Showing {{count}} {{stage}} calls",
                                     count: filteredCalls.length,
                                     stage: activeStage.replace(/_/g, " "),
-                                }) }), _jsx("button", { type: "button", onClick: () => setActiveStage(null), className: "rounded p-0.5 hover:bg-muted/10", children: _jsx(X, { className: "h-3 w-3" }) })] })) : null] })) : null, _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pr-1", children: _jsx("div", { className: "space-y-4 pb-1", children: llmCalls.length === 0 ? (_jsx(PagePanel.Empty, { variant: "surface", className: "min-h-[18rem]", title: t("trajectorydetailview.NoCapturedCalls"), description: t("trajectorydetailview.NoLLMCallsRecorde") })) : (filteredCalls.map((call) => (_jsx(TrajectoryLlmCallCard, { callLabel: `#${(callIndexMap.get(call.id) ?? 0) + 1}`, model: call.model, purposeLabel: formatTrajectoryStepLabel(call.stepType || call.purpose || call.actionType, t("trajectorydetailview.Response")), latencyLabel: formatTrajectoryDuration(call.latencyMs), tokensLabel: t("trajectorydetailview.Tokens"), totalTokensValue: formatTrajectoryTokenCount((call.promptTokens ?? 0) + (call.completionTokens ?? 0), { emptyLabel: "—" }), tokenBreakdownMeta: `${formatTrajectoryTokenCount(call.promptTokens ?? 0, { emptyLabel: "—" })}↑ • ${formatTrajectoryTokenCount(call.completionTokens ?? 0, {
+                                }) }), _jsx("button", { type: "button", onClick: () => setActiveStage(null), className: "rounded p-0.5 hover:bg-muted/10", children: _jsx(X, { className: "h-3 w-3" }) })] })) : null] })) : null, providerAccesses.length > 0 ? (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("trajectorydetailview.ProviderAccesses", {
+                            defaultValue: "Provider Accesses",
+                        }) }), _jsx("div", { className: "space-y-4", children: providerAccesses.map((access, index) => (_jsxs(PagePanel, { variant: "inset", className: "p-4", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted", children: [t("trajectorydetailview.ProviderAccess", {
+                                                    defaultValue: "Provider Access",
+                                                }), " ", "#", index + 1] }), _jsx("div", { className: "text-sm font-semibold text-txt", children: access.providerName || "unknown" }), _jsx("div", { className: "text-xs-tight text-muted", children: access.purpose || "—" })] }), access.query ? (_jsxs("div", { className: "mt-4", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.Query", {
+                                                defaultValue: "Query",
+                                            }) }), _jsx("pre", { className: "mt-2 max-h-[18rem] overflow-x-auto overflow-y-auto whitespace-pre-wrap break-words rounded-2xl border border-border/50 bg-bg/60 px-4 py-4 text-xs leading-6 text-txt", children: formatProviderPayload(access.query) })] })) : null, _jsxs("div", { className: "mt-4", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("trajectorydetailview.Data", {
+                                                defaultValue: "Data",
+                                            }) }), _jsx("pre", { className: "mt-2 max-h-[18rem] overflow-x-auto overflow-y-auto whitespace-pre-wrap break-words rounded-2xl border border-border/50 bg-bg/60 px-4 py-4 text-xs leading-6 text-txt", children: formatProviderPayload(access.data) })] })] }, access.id))) })] })) : null, _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pr-1", children: _jsx("div", { className: "space-y-4 pb-1", children: llmCalls.length === 0 ? (_jsx(PagePanel.Empty, { variant: "surface", className: "min-h-[18rem]", title: t("trajectorydetailview.NoCapturedCalls"), description: t("trajectorydetailview.NoLLMCallsRecorde") })) : (filteredCalls.map((call) => (_jsx(TrajectoryLlmCallCard, { callLabel: `#${(callIndexMap.get(call.id) ?? 0) + 1}`, model: call.model, purposeLabel: formatTrajectoryStepLabel(call.stepType || call.purpose || call.actionType, t("trajectorydetailview.Response")), latencyLabel: formatTrajectoryDuration(call.latencyMs), tokensLabel: t("trajectorydetailview.Tokens"), totalTokensValue: formatTrajectoryTokenCount((call.promptTokens ?? 0) + (call.completionTokens ?? 0), { emptyLabel: "—" }), tokenBreakdownMeta: `${formatTrajectoryTokenCount(call.promptTokens ?? 0, { emptyLabel: "—" })}↑ • ${formatTrajectoryTokenCount(call.completionTokens ?? 0, {
                             emptyLabel: "—",
                         })} ↓`, costLabel: t("trajectorydetailview.Cost"), costValue: estimateCost(call.promptTokens ?? 0, call.completionTokens ?? 0, call.model), temperatureLabel: t("trajectorydetailview.Temp"), temperatureValue: call.temperature, maxLabel: t("trajectorydetailview.Max"), maxValue: call.maxTokens > 0 ? call.maxTokens : "—", systemPrompt: call.systemPrompt, systemPromptButtonLabel: t("trajectorydetailview.SystemPrompt"), systemLabel: t("trajectorydetailview.System"), systemLinesLabel: `${call.systemPrompt?.split("\n").length ?? 0} ${t("trajectorydetailview.lines")}`, systemCollapseLabel: t("trajectorydetailview.Collapse", {
                             defaultValue: "Collapse",