@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/pages/TrajectoryDetailView.js

@@ -0,0 +1,410 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PagePanel, TrajectoryCacheStats, TrajectoryContextDiffList, TrajectoryEventTimeline, TrajectoryLlmCallCard, TrajectoryPipelineGraph, } from "@elizaos/ui";
+import { Brain, CheckCircle, MessageSquare, ShieldCheck, X, Zap, } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { client } from "../../api/client.js";
+import { useApp } from "../../state/useApp.js";
+import { formatTrajectoryDuration, formatTrajectoryTokenCount, } from "../../utils/trajectory-format.js";
+import { estimateTokenCost } from "../conversations/conversation-utils.js";
+import { getToolCallEventDisplayState, getToolCallName, ToolCallEventLog, } from "../tool-events/ToolCallEventLog.js";
+// ---------------------------------------------------------------------------
+// Pipeline stage mapping
+// ---------------------------------------------------------------------------
+const STEP_TYPE_TO_STAGE = {
+    should_respond: "should_respond",
+    compose_state: "plan",
+    response: "plan",
+    reasoning: "plan",
+    orchestrator: "plan",
+    coordination: "plan",
+    action: "actions",
+    evaluation: "evaluators",
+    observation_extraction: "evaluators",
+    turn_complete: "evaluators",
+};
+function stageForCall(call) {
+    return STEP_TYPE_TO_STAGE[call.stepType ?? ""] ?? "plan";
+}
+const PIPELINE_STAGES = [
+    { id: "input", label: "Input", icon: MessageSquare },
+    { id: "should_respond", label: "Should Respond", icon: ShieldCheck },
+    { id: "plan", label: "Plan", icon: Brain },
+    { id: "actions", label: "Actions", icon: Zap },
+    { id: "evaluators", label: "Evaluators", icon: CheckCircle },
+];
+function buildPipelineNodes(llmCalls, trajectoryStatus) {
+    const counts = new Map();
+    for (const call of llmCalls) {
+        const stage = stageForCall(call);
+        counts.set(stage, (counts.get(stage) ?? 0) + 1);
+    }
+    return PIPELINE_STAGES.map(({ id, label, icon }) => {
+        const count = counts.get(id) ?? 0;
+        const status = id === "input"
+            ? "active"
+            : trajectoryStatus === "error" && count > 0
+                ? "error"
+                : count > 0
+                    ? "active"
+                    : "skipped";
+        return { id, label, callCount: count, status, icon };
+    });
+}
+function formatTrajectoryStepLabel(value, fallback) {
+    const normalized = typeof value === "string" ? value.trim() : "";
+    if (!normalized)
+        return fallback;
+    return normalized.replace(/_/g, " ");
+}
+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);
+    }
+}
+function isNativeToolCallEvent(event) {
+    return (event.type === "tool_call" ||
+        event.type === "tool_result" ||
+        event.type === "tool_error");
+}
+function isEvaluationEvent(event) {
+    return event.type === "evaluation" || event.type === "evaluator";
+}
+function isCacheObservation(event) {
+    return event.type === "cache_observation" || event.type === "cache";
+}
+function isContextDiff(event) {
+    return event.type === "context_diff";
+}
+function formatEventTimestamp(timestamp, createdAt) {
+    const value = typeof timestamp === "number" && Number.isFinite(timestamp)
+        ? timestamp
+        : createdAt
+            ? Date.parse(createdAt)
+            : Number.NaN;
+    if (!Number.isFinite(value))
+        return undefined;
+    return new Date(value).toLocaleTimeString([], {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+}
+function eventSortValue(event) {
+    if (typeof event.timestamp === "number" && Number.isFinite(event.timestamp)) {
+        return event.timestamp;
+    }
+    if (event.createdAt) {
+        const parsed = Date.parse(event.createdAt);
+        if (Number.isFinite(parsed))
+            return parsed;
+    }
+    return Number.POSITIVE_INFINITY;
+}
+function timelineStatusForEvent(event) {
+    if (isNativeToolCallEvent(event)) {
+        const state = getToolCallEventDisplayState(event);
+        if (state === "failure")
+            return "failure";
+        if (state === "success")
+            return "success";
+        return "running";
+    }
+    const statusValue = event.status;
+    const status = typeof statusValue === "string" ? statusValue.toLowerCase() : "";
+    if (status === "failed" || status === "error")
+        return "failure";
+    if (status === "completed" || status === "success")
+        return "success";
+    if (status === "running" || status === "queued")
+        return "running";
+    if (status === "skipped")
+        return "skipped";
+    return "info";
+}
+function labelForEvent(event) {
+    if (isNativeToolCallEvent(event))
+        return getToolCallName(event);
+    if (isEvaluationEvent(event)) {
+        return event.evaluatorName || event.name || "evaluation";
+    }
+    if (isCacheObservation(event)) {
+        return event.cacheName || event.scope || "cache";
+    }
+    if (isContextDiff(event))
+        return event.label || "context diff";
+    return event.type.replace(/_/g, " ");
+}
+function descriptionForEvent(event) {
+    if (isNativeToolCallEvent(event)) {
+        const args = event.args ?? event.input;
+        return args ? formatProviderPayload(args) : undefined;
+    }
+    if (isEvaluationEvent(event)) {
+        return event.thought || event.decision || event.error;
+    }
+    if (isCacheObservation(event)) {
+        return `${event.hit ? "hit" : "miss"}${event.key ? ` - ${event.key}` : ""}`;
+    }
+    if (isContextDiff(event)) {
+        return `${event.added ?? 0} added, ${event.removed ?? 0} removed, ${event.changed ?? 0} changed`;
+    }
+    return undefined;
+}
+function dedupeEvents(events) {
+    const seen = new Set();
+    const result = [];
+    events.forEach((event, index) => {
+        const key = `${event.type ?? "event"}:${event.id ?? index}`;
+        if (seen.has(key))
+            return;
+        seen.add(key);
+        result.push(event);
+    });
+    return result;
+}
+function buildTimelineEvents(params) {
+    const explicitEvents = params.events
+        .map((event, index) => ({ event, index }))
+        .sort((a, b) => {
+        const diff = eventSortValue(a.event) - eventSortValue(b.event);
+        return diff === 0 ? a.index - b.index : diff;
+    });
+    if (explicitEvents.length > 0) {
+        return explicitEvents.map(({ event, index }) => ({
+            id: event.id || `${event.type}-${index}`,
+            type: event.type,
+            label: labelForEvent(event),
+            stage: event.stage ? String(event.stage).replace(/_/g, " ") : undefined,
+            status: timelineStatusForEvent(event),
+            timestampLabel: formatEventTimestamp(event.timestamp, event.createdAt),
+            description: descriptionForEvent(event),
+            meta: event.stepId,
+        }));
+    }
+    return [
+        ...params.llmCalls.map((call, index) => ({
+            id: call.id,
+            type: "llm_call",
+            label: formatTrajectoryStepLabel(call.stepType || call.purpose || call.actionType, `LLM call ${index + 1}`),
+            stage: stageForCall(call).replace(/_/g, " "),
+            status: "success",
+            timestampLabel: formatEventTimestamp(call.timestamp, call.createdAt),
+            description: call.model,
+            meta: call.stepId,
+        })),
+        ...params.providerAccesses.map((access) => ({
+            id: access.id,
+            type: "provider_access",
+            label: access.providerName,
+            stage: "provider",
+            status: "success",
+            timestampLabel: formatEventTimestamp(access.timestamp, access.createdAt),
+            description: access.purpose,
+            meta: access.stepId,
+        })),
+    ].sort((a, b) => String(a.timestampLabel ?? "").localeCompare(String(b.timestampLabel ?? "")));
+}
+function buildCacheMetrics(observations, stats) {
+    const total = stats?.total ?? observations.length;
+    if (total === 0)
+        return [];
+    const hits = stats?.hits ?? observations.filter((observation) => observation.hit).length;
+    const misses = stats?.misses ?? total - hits;
+    const hitRate = stats?.hitRate ?? hits / Math.max(total, 1);
+    const tokenCount = stats?.tokenCount ??
+        observations.reduce((sum, observation) => {
+            return sum + (observation.tokenCount ?? 0);
+        }, 0);
+    return [
+        { id: "hits", label: "Hits", value: hits, meta: `${total} total` },
+        { id: "misses", label: "Misses", value: misses },
+        {
+            id: "hit-rate",
+            label: "Hit Rate",
+            value: `${Math.round(hitRate * 100)}%`,
+        },
+        {
+            id: "tokens",
+            label: "Tokens",
+            value: formatTrajectoryTokenCount(tokenCount, { emptyLabel: "—" }),
+        },
+    ];
+}
+function buildContextDiffSummaries(diffs) {
+    return diffs.map((diff, index) => ({
+        id: diff.id || `context-diff-${index}`,
+        label: diff.label || `Context diff ${index + 1}`,
+        timestampLabel: formatEventTimestamp(diff.timestamp, diff.createdAt),
+        added: diff.added ?? 0,
+        removed: diff.removed ?? 0,
+        changed: diff.changed ??
+            diff.changes?.filter((change) => change.type === "changed").length ??
+            0,
+        tokenDelta: diff.tokenDelta ?? "—",
+        description: diff.beforeContextId || diff.afterContextId
+            ? `${diff.beforeContextId ?? "before"} -> ${diff.afterContextId ?? "after"}`
+            : undefined,
+    }));
+}
+export function TrajectoryDetailView({ trajectoryId, }) {
+    const { t, copyToClipboard } = useApp();
+    const [loading, setLoading] = useState(true);
+    const [detail, setDetail] = useState(null);
+    const [error, setError] = useState(null);
+    const [activeStage, setActiveStage] = 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]);
+    const llmCalls = detail?.llmCalls ?? [];
+    const providerAccesses = detail?.providerAccesses ?? [];
+    const trajectory = detail?.trajectory;
+    const explicitEvents = detail?.events ?? [];
+    const toolEvents = dedupeEvents([
+        ...(detail?.toolEvents ?? []),
+        ...explicitEvents.filter(isNativeToolCallEvent),
+    ]);
+    const evaluationEvents = dedupeEvents([
+        ...(detail?.evaluationEvents ?? []),
+        ...explicitEvents.filter(isEvaluationEvent),
+    ]);
+    const cacheObservations = dedupeEvents([
+        ...(detail?.cacheObservations ?? []),
+        ...explicitEvents.filter(isCacheObservation),
+    ]);
+    const contextDiffs = dedupeEvents([
+        ...(detail?.contextDiffs ?? []),
+        ...explicitEvents.filter(isContextDiff),
+    ]);
+    const timelineEvents = buildTimelineEvents({
+        events: dedupeEvents([
+            ...explicitEvents,
+            ...toolEvents,
+            ...evaluationEvents,
+            ...cacheObservations,
+            ...contextDiffs,
+        ]),
+        llmCalls,
+        providerAccesses,
+    });
+    const cacheMetrics = buildCacheMetrics(cacheObservations, detail?.cacheStats);
+    const contextDiffSummaries = buildContextDiffSummaries(contextDiffs);
+    const shouldShowNativeEventPanels = explicitEvents.length > 0 ||
+        toolEvents.length > 0 ||
+        evaluationEvents.length > 0 ||
+        cacheObservations.length > 0 ||
+        Boolean(detail?.cacheStats) ||
+        contextDiffs.length > 0 ||
+        (detail?.contextEvents?.length ?? 0) > 0;
+    const pipelineNodes = useMemo(() => buildPipelineNodes(llmCalls, trajectory?.status ?? "active"), [llmCalls, trajectory?.status]);
+    const filteredCalls = useMemo(() => {
+        if (!activeStage || activeStage === "input")
+            return llmCalls;
+        return llmCalls.filter((call) => stageForCall(call) === activeStage);
+    }, [llmCalls, activeStage]);
+    const callIndexMap = useMemo(() => new Map(llmCalls.map((call, i) => [call.id, i])), [llmCalls]);
+    const handleStageClick = useCallback((stageId) => {
+        setActiveStage((prev) => prev === stageId || stageId === "input" ? null : stageId);
+    }, []);
+    if (loading) {
+        return (_jsx(PagePanel.Loading, { variant: "workspace", heading: t("trajectorydetailview.LoadingTrajectory"), description: t("trajectorydetailview.LoadingDescription") }));
+    }
+    if (error) {
+        return (_jsx(PagePanel.Empty, { variant: "workspace", title: t("trajectorydetailview.UnableToLoad"), description: error }));
+    }
+    if (!detail || !trajectory) {
+        return (_jsx(PagePanel.Empty, { variant: "workspace", title: t("trajectorydetailview.Unavailable"), description: t("trajectorydetailview.TrajectoryNotFound") }));
+    }
+    const totalPromptTokens = llmCalls.reduce((sum, call) => sum + (call.promptTokens ?? 0), 0);
+    const totalCompletionTokens = llmCalls.reduce((sum, call) => sum + (call.completionTokens ?? 0), 0);
+    const orchestrator = trajectory.metadata?.orchestrator;
+    const orchestratorData = orchestrator && typeof orchestrator === "object"
+        ? orchestrator
+        : null;
+    const _summaryCards = [
+        {
+            label: t("logsview.Source"),
+            value: trajectory.source,
+        },
+        {
+            label: t("common.status"),
+            value: trajectory.status,
+        },
+        {
+            label: t("common.duration"),
+            value: formatTrajectoryDuration(trajectory.durationMs),
+        },
+        {
+            label: t("trajectorydetailview.TotalTokens", {
+                defaultValue: "Total Tokens",
+            }),
+            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, 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(TrajectoryEventTimeline, { heading: t("trajectorydetailview.EventTimeline", {
+                    defaultValue: "Event Timeline",
+                }), emptyLabel: t("trajectorydetailview.NoEventsCaptured", {
+                    defaultValue: "No events captured",
+                }), events: timelineEvents }), toolEvents.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.NativeToolEvents", {
+                            defaultValue: "Native Tool Events",
+                        }) }), _jsx("div", { className: "space-y-3", children: toolEvents.map((event, index) => (_jsx(ToolCallEventLog, { event: event }, event.id || `${event.type}-${index}`))) })] })) : null, shouldShowNativeEventPanels ? (_jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [_jsx(TrajectoryCacheStats, { heading: t("trajectorydetailview.CacheStats", {
+                            defaultValue: "Cache Stats",
+                        }), emptyLabel: t("trajectorydetailview.NoCacheObservations", {
+                            defaultValue: "No cache observations captured",
+                        }), metrics: cacheMetrics }), _jsx(TrajectoryContextDiffList, { heading: t("trajectorydetailview.ContextDiffs", {
+                            defaultValue: "Context Diffs",
+                        }), emptyLabel: t("trajectorydetailview.NoContextDiffs", {
+                            defaultValue: "Context diffs are not available for this trajectory",
+                        }), diffs: contextDiffSummaries })] })) : 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("common.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("common.collapse", {
+                            defaultValue: "Collapse",
+                        }), systemExpandLabel: t("common.expand", {
+                            defaultValue: "Expand",
+                        }), inputLabel: t("trajectorydetailview.InputUser"), outputLabel: t("trajectorydetailview.OutputResponse"), inputLinesLabel: `${call.userPrompt.split("\n").length} ${t("trajectorydetailview.lines")}`, outputLinesLabel: `${call.response.split("\n").length} ${t("trajectorydetailview.lines")}`, tags: (call.tags ?? []).filter((tag) => tag !== "llm"), userPrompt: call.userPrompt, response: call.response, copyLabel: t("trajectorydetailview.Copy"), copyToClipboardLabel: t("trajectorydetailview.CopyToClipboard"), onCopy: (content) => {
+                            void copyToClipboard(content);
+                        } }, call.id)))) }) })] }));
+}

package/components/pages/VectorBrowserView.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import type * as Three from "three";
+import { type MemoryRecord } from "./vector-browser-utils";
+export declare function VectorGraph3D({ memories, onSelect, createRenderer, }: {
+    memories: MemoryRecord[];
+    onSelect: (mem: MemoryRecord) => void;
+    createRenderer?: () => Promise<Three.WebGLRenderer>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function VectorBrowserView({ leftNav, contentHeader, }: {
+    leftNav?: ReactNode;
+    contentHeader?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VectorBrowserView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VectorBrowserView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/VectorBrowserView.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,EAKL,KAAK,YAAY,EAOlB,MAAM,wBAAwB,CAAC;AAoQhC,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;CACrD,2CAogBA;AAID,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,2CAslBA"}