@elizaos/app-core 2.0.0-alpha.37

package/dist/components/TrajectoryDetailView.d.ts

@@ -0,0 +1,13 @@
+/**
+ * TrajectoryDetailView — detailed view of a single trajectory.
+ *
+ * Shows all LLM calls with system prompts, user prompts, and responses
+ * in a split view layout (side-by-side on desktop, stacked on mobile).
+ */
+interface TrajectoryDetailViewProps {
+    trajectoryId: string;
+    onBack?: () => void;
+}
+export declare function TrajectoryDetailView({ trajectoryId, onBack, }: TrajectoryDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TrajectoryDetailView.d.ts.map

package/dist/components/TrajectoryDetailView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrajectoryDetailView.d.ts","sourceRoot":"","sources":["../../src/components/TrajectoryDetailView.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgBH,UAAU,yBAAyB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqMD,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,MAAM,GACP,EAAE,yBAAyB,2CAyM3B"}

package/dist/components/TrajectoryDetailView.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TrajectoryDetailView — detailed view of a single trajectory.
+ *
+ * Shows all LLM calls with system prompts, user prompts, and responses
+ * in a split view layout (side-by-side on desktop, stacked on mobile).
+ */
+import { client, } from "@elizaos/app-core/api";
+import { useApp } from "@elizaos/app-core/state";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { formatTrajectoryDuration, formatTrajectoryTimestamp, formatTrajectoryTokenCount, } from "./trajectory-format";
+function estimateCost(promptTokens, completionTokens, model) {
+    // Rough cost estimates per 1M tokens (input/output)
+    const costs = {
+        "gpt-4o": [2.5, 10],
+        "gpt-4o-mini": [0.15, 0.6],
+        "gpt-4-turbo": [10, 30],
+        "gpt-4": [30, 60],
+        "gpt-3.5-turbo": [0.5, 1.5],
+        "claude-3-opus": [15, 75],
+        "claude-3-sonnet": [3, 15],
+        "claude-3-haiku": [0.25, 1.25],
+        "claude-3.5-sonnet": [3, 15],
+    };
+    // Find matching model (partial match)
+    let inputCost = 1;
+    let outputCost = 3;
+    for (const [name, [ic, oc]] of Object.entries(costs)) {
+        if (model.toLowerCase().includes(name.toLowerCase())) {
+            inputCost = ic;
+            outputCost = oc;
+            break;
+        }
+    }
+    const cost = (promptTokens / 1_000_000) * inputCost +
+        (completionTokens / 1_000_000) * outputCost;
+    if (cost < 0.001)
+        return "<$0.001";
+    if (cost < 0.01)
+        return `~$${cost.toFixed(4)}`;
+    return `~$${cost.toFixed(3)}`;
+}
+function CodeBlock({ content, label }) {
+    const { t, copyToClipboard } = useApp();
+    const [expanded, setExpanded] = useState(false);
+    const lines = content.split("\n").length;
+    const shouldTruncate = !expanded && lines > 20;
+    const displayContent = shouldTruncate
+        ? `${content.split("\n").slice(0, 20).join("\n")}\n...`
+        : content;
+    return (_jsxs("div", { className: "border border-border bg-bg", children: [_jsxs("div", { className: "flex items-center justify-between px-2 py-1 bg-muted/10 border-b border-border", children: [_jsx("span", { className: "text-[10px] text-muted uppercase tracking-wide font-semibold", children: label }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-[10px] text-muted", children: [lines, " ", t("trajectorydetailview.lines")] }), lines > 20 && (_jsx("button", { type: "button", className: "text-[10px] text-txt hover:underline", onClick: () => setExpanded(!expanded), children: expanded ? "Collapse" : "Expand" })), _jsx("button", { type: "button", className: "text-[10px] text-muted hover:text-txt", onClick: () => {
+                                    void copyToClipboard(content);
+                                }, title: t("trajectorydetailview.CopyToClipboard"), children: t("trajectorydetailview.Copy") })] })] }), _jsx("pre", { className: "text-xs p-2 overflow-x-auto whitespace-pre-wrap break-words max-h-[400px] overflow-y-auto", children: displayContent })] }));
+}
+function LlmCallCard({ call, index, }) {
+    const { t } = useApp();
+    const [showSystem, setShowSystem] = useState(false);
+    const promptTokens = call.promptTokens ?? 0;
+    const completionTokens = call.completionTokens ?? 0;
+    const totalTokens = promptTokens + completionTokens;
+    return (_jsxs("div", { className: "border border-border bg-card mb-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 px-3 py-2 bg-muted/5 border-b border-border", children: [_jsxs("span", { className: "text-xs font-semibold", children: ["#", index + 1] }), _jsx("span", { className: "text-[10px] px-1.5 py-px bg-accent/10 text-txt rounded", children: call.model }), _jsx("span", { className: "text-[10px] text-muted", children: call.purpose || call.actionType || "response" }), _jsx("span", { className: "text-[10px] text-muted ml-auto", children: formatTrajectoryDuration(call.latencyMs) })] }), _jsxs("div", { className: "flex flex-wrap gap-4 px-3 py-1.5 text-[10px] text-muted border-b border-border", children: [_jsxs("span", { children: [t("trajectoriesview.Tokens"), " ", _jsx("span", { className: "text-txt font-mono", children: formatTrajectoryTokenCount(totalTokens, { emptyLabel: "—" }) }), _jsxs("span", { className: "ml-1", children: ["(", formatTrajectoryTokenCount(promptTokens, { emptyLabel: "—" }), "\u2191", " ", formatTrajectoryTokenCount(completionTokens, { emptyLabel: "—" }), "\u2193)"] })] }), _jsxs("span", { children: [t("trajectorydetailview.EstCost"), " ", _jsx("span", { className: "text-warn font-mono", children: estimateCost(promptTokens, completionTokens, call.model) })] }), _jsxs("span", { children: [t("trajectorydetailview.Temp"), " ", _jsx("span", { className: "text-txt font-mono", children: call.temperature })] }), call.maxTokens > 0 && (_jsxs("span", { children: [t("trajectorydetailview.Max"), " ", _jsx("span", { className: "text-txt font-mono", children: call.maxTokens })] }))] }), call.systemPrompt && (_jsxs("div", { className: "border-b border-border", children: [_jsxs("button", { type: "button", className: "w-full text-left px-3 py-1.5 text-[10px] text-muted hover:bg-muted/5", onClick: () => setShowSystem(!showSystem), children: [showSystem ? (_jsx(ChevronDown, { className: "w-3 h-3 inline" })) : (_jsx(ChevronRight, { className: "w-3 h-3 inline" })), " ", t("trajectorydetailview.SystemPrompt"), call.systemPrompt.length.toLocaleString(), " ", t("trajectorydetailview.chars")] }), showSystem && (_jsx("div", { className: "p-2", children: _jsx(CodeBlock, { content: call.systemPrompt, label: t("trajectorydetailview.System") }) }))] })), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-0 md:gap-0 divide-y md:divide-y-0 md:divide-x divide-border", children: [_jsx("div", { className: "p-2", children: _jsx(CodeBlock, { content: call.userPrompt, label: t("trajectorydetailview.InputUser") }) }), _jsx("div", { className: "p-2", children: _jsx(CodeBlock, { content: call.response, label: t("trajectorydetailview.OutputResponse") }) })] })] }));
+}
+export function TrajectoryDetailView({ trajectoryId, onBack, }) {
+    const { t } = useApp();
+    const [loading, setLoading] = useState(true);
+    const [detail, setDetail] = useState(null);
+    const [error, setError] = useState(null);
+    const loadDetail = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await client.getTrajectoryDetail(trajectoryId);
+            setDetail(result);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to load trajectory");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [trajectoryId]);
+    useEffect(() => {
+        void loadDetail();
+    }, [loadDetail]);
+    if (loading) {
+        return (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx("div", { className: "text-muted text-sm", children: t("trajectorydetailview.LoadingTrajectory") }) }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3", children: [_jsx("div", { className: "text-danger text-sm", children: error }), onBack && (_jsx("button", { type: "button", className: "text-xs px-3 py-1.5 border border-border bg-card hover:border-accent", onClick: onBack, children: t("trajectorydetailview.GoBack") }))] }));
+    }
+    if (!detail) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3", children: [_jsx("div", { className: "text-muted text-sm", children: t("trajectorydetailview.TrajectoryNotFound") }), onBack && (_jsx("button", { type: "button", className: "text-xs px-3 py-1.5 border border-border bg-card hover:border-accent", onClick: onBack, children: t("trajectorydetailview.GoBack") }))] }));
+    }
+    const { trajectory, llmCalls } = detail;
+    const totalPromptTokens = llmCalls.reduce((sum, c) => sum + (c.promptTokens ?? 0), 0);
+    const totalCompletionTokens = llmCalls.reduce((sum, c) => sum + (c.completionTokens ?? 0), 0);
+    return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 pb-3 border-b border-border mb-3", children: [onBack && (_jsx("button", { type: "button", className: "text-xs px-2 py-1 border border-border bg-card hover:border-accent", onClick: onBack, children: t("trajectorydetailview.Back") })), _jsx("h2", { className: "text-sm font-semibold", children: t("trajectorydetailview.TrajectoryDetail") }), _jsxs("span", { className: "text-[10px] text-muted font-mono", children: [trajectory.id.slice(0, 8), "..."] })] }), _jsxs("div", { className: "flex flex-wrap gap-4 text-xs mb-3 pb-3 border-b border-border", children: [_jsxs("div", { children: [_jsxs("span", { className: "text-muted", children: [t("trajectorydetailview.Time"), " "] }), _jsx("span", { children: formatTrajectoryTimestamp(trajectory.createdAt, "detailed") })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted", children: [t("trajectorydetailview.Source"), " "] }), _jsx("span", { className: "text-txt", children: trajectory.source })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted", children: [t("finetuningview.Status1"), " "] }), _jsx("span", { className: trajectory.status === "completed"
+                                    ? "text-success"
+                                    : trajectory.status === "error"
+                                        ? "text-danger"
+                                        : "text-info", children: trajectory.status })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted", children: [t("trajectorydetailview.Duration"), " "] }), _jsx("span", { children: formatTrajectoryDuration(trajectory.durationMs) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted", children: [t("trajectoriesview.LLMCalls"), " "] }), _jsx("span", { className: "font-semibold", children: llmCalls.length })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted", children: [t("trajectorydetailview.TotalTokens"), " "] }), _jsx("span", { className: "text-txt font-mono", children: formatTrajectoryTokenCount(totalPromptTokens + totalCompletionTokens, { emptyLabel: "—" }) })] })] }), (() => {
+                const orchestrator = trajectory.metadata?.orchestrator;
+                if (!orchestrator || typeof orchestrator !== "object")
+                    return null;
+                const orch = orchestrator;
+                const decisionType = String(orch.decisionType ?? "");
+                const taskLabel = orch.taskLabel ? String(orch.taskLabel) : "";
+                const sessionId = orch.sessionId ? String(orch.sessionId) : "";
+                return (_jsxs("div", { className: "flex flex-wrap gap-4 text-xs mb-3 pb-3 border-b border-border", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted", children: "Decision Type: " }), _jsx("span", { className: "text-purple-400 font-semibold", children: decisionType })] }), taskLabel && (_jsxs("div", { children: [_jsx("span", { className: "text-muted", children: "Task: " }), _jsx("span", { children: taskLabel })] })), sessionId && (_jsxs("div", { children: [_jsx("span", { className: "text-muted", children: "Session: " }), _jsx("span", { className: "font-mono text-[10px]", children: sessionId })] }))] }));
+            })(), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: llmCalls.length === 0 ? (_jsx("div", { className: "text-center py-8 text-muted", children: t("trajectorydetailview.NoLLMCallsRecorde") })) : (llmCalls.map((call, i) => (_jsx(LlmCallCard, { call: call, index: i }, call.id)))) })] }));
+}

package/dist/components/TriggersView.d.ts

@@ -0,0 +1,2 @@
+export { HeartbeatsView as TriggersView } from "./HeartbeatsView";
+//# sourceMappingURL=TriggersView.d.ts.map

package/dist/components/TriggersView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggersView.d.ts","sourceRoot":"","sources":["../../src/components/TriggersView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/TriggersView.js

@@ -0,0 +1 @@
+export { HeartbeatsView as TriggersView } from "./HeartbeatsView";

package/dist/components/VectorBrowserView.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Vector Browser — explore agent memories and embeddings.
+ *
+ * Reads from the memories table (or similar vector-storage tables) using
+ * the generic database APIs. Shows paginated memory records with content,
+ * metadata, and embedding previews. Click any card to see full details.
+ * Toggle to a 2D scatter-plot graph view of embeddings.
+ */
+export declare function VectorBrowserView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VectorBrowserView.d.ts.map

package/dist/components/VectorBrowserView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorBrowserView.d.ts","sourceRoot":"","sources":["../../src/components/VectorBrowserView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAsmCH,wBAAgB,iBAAiB,4CAmfhC"}