@agent-native/core 0.7.12 → 0.7.14

package/dist/client/observability/ObservabilityDashboard.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconActivity, IconMessages, IconThumbUp, IconThumbDown, IconClock, IconCoin, IconTool, IconMoodSmile, IconChartBar, IconAB2, IconMessageReport, IconChevronRight, IconArrowLeft, IconLoader2, IconAlertTriangle, } from "@tabler/icons-react";
+import { cn } from "../utils.js";
+import { useObservabilityOverview, useTraces, useTraceDetail, useFeedbackList, useFeedbackStats, useSatisfaction, useEvalStats, useExperiments, useExperimentDetail, useExperimentResults, } from "./useObservability.js";
+// ─── Helpers ────────────────────────────────────────────────────────────
+function formatCost(centsX100) {
+    const cents = centsX100 / 100;
+    if (cents < 1)
+        return `${cents.toFixed(3)}¢`;
+    if (cents < 100)
+        return `${cents.toFixed(2)}¢`;
+    return `$${(cents / 100).toFixed(2)}`;
+}
+function formatCostCents(cents) {
+    if (cents < 1)
+        return `${cents.toFixed(3)}¢`;
+    if (cents < 100)
+        return `${cents.toFixed(2)}¢`;
+    return `$${(cents / 100).toFixed(2)}`;
+}
+function formatDuration(ms) {
+    if (ms < 1000)
+        return `${Math.round(ms)}ms`;
+    if (ms < 60_000)
+        return `${(ms / 1000).toFixed(1)}s`;
+    return `${(ms / 60_000).toFixed(1)}m`;
+}
+function formatPercent(ratio) {
+    return `${(ratio * 100).toFixed(1)}%`;
+}
+function truncateId(id, len = 8) {
+    return id.length > len ? id.slice(0, len) + "…" : id;
+}
+function timeAgo(ts) {
+    const diff = Date.now() - ts;
+    if (diff < 60_000)
+        return "just now";
+    if (diff < 3_600_000)
+        return `${Math.floor(diff / 60_000)}m ago`;
+    if (diff < 86_400_000)
+        return `${Math.floor(diff / 3_600_000)}h ago`;
+    return `${Math.floor(diff / 86_400_000)}d ago`;
+}
+const RANGES = [
+    { value: 7, label: "7d" },
+    { value: 30, label: "30d" },
+    { value: 90, label: "90d" },
+];
+// ─── Shared components ──────────────────────────────────────────────────
+function RangeSelector({ value, onChange, }) {
+    return (_jsx("div", { className: "flex gap-1 rounded-md border border-border p-0.5", children: RANGES.map((r) => (_jsx("button", { onClick: () => onChange(r.value), className: cn("px-2.5 py-1 text-xs rounded", value === r.value
+                ? "bg-accent text-foreground"
+                : "text-muted-foreground hover:text-foreground"), children: r.label }, r.value))) }));
+}
+function MetricCard({ label, value, icon, }) {
+    return (_jsxs("div", { className: "rounded-lg border border-border bg-background p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: label }), _jsx("span", { className: "text-muted-foreground", children: icon })] }), _jsx("div", { className: "text-2xl font-semibold tabular-nums text-foreground", children: value })] }));
+}
+function StatusBadge({ status, }) {
+    const styles = {
+        draft: "bg-muted text-muted-foreground",
+        running: "bg-blue-500/15 text-blue-500",
+        paused: "bg-yellow-500/15 text-yellow-500",
+        completed: "bg-green-500/15 text-green-500",
+        success: "bg-green-500/15 text-green-500",
+        error: "bg-red-500/15 text-red-500",
+    };
+    return (_jsx("span", { className: cn("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", styles[status] ?? styles.draft), children: status }));
+}
+function EmptyState({ message }) {
+    return (_jsx("div", { className: "flex items-center justify-center py-12 text-sm text-muted-foreground", children: message }));
+}
+function LoadingState() {
+    return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(IconLoader2, { size: 20, className: "animate-spin text-muted-foreground" }) }));
+}
+// ─── Tab: Overview ──────────────────────────────────────────────────────
+function OverviewTab({ days }) {
+    const { data, isLoading } = useObservabilityOverview(days);
+    if (isLoading)
+        return _jsx(LoadingState, {});
+    if (!data)
+        return _jsx(EmptyState, { message: "No data available" });
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [_jsx(MetricCard, { label: "Total runs", value: String(data.totalRuns), icon: _jsx(IconActivity, { size: 16 }) }), _jsx(MetricCard, { label: "Total cost", value: formatCostCents(data.totalCostCents), icon: _jsx(IconCoin, { size: 16 }) }), _jsx(MetricCard, { label: "Avg latency", value: formatDuration(data.avgDurationMs), icon: _jsx(IconClock, { size: 16 }) }), _jsx(MetricCard, { label: "Tool success", value: formatPercent(data.toolSuccessRate), icon: _jsx(IconTool, { size: 16 }) }), _jsx(MetricCard, { label: "Thumbs up", value: formatPercent(data.thumbsUpRate), icon: _jsx(IconThumbUp, { size: 16 }) }), _jsx(MetricCard, { label: "Avg eval score", value: data.avgEvalScore.toFixed(2), icon: _jsx(IconMoodSmile, { size: 16 }) })] }));
+}
+// ─── Tab: Conversations ─────────────────────────────────────────────────
+function ConversationsTab({ days }) {
+    const { data: traces, isLoading } = useTraces(days);
+    const [selectedRunId, setSelectedRunId] = useState(null);
+    if (selectedRunId) {
+        return (_jsx(TraceDetailView, { runId: selectedRunId, onBack: () => setSelectedRunId(null) }));
+    }
+    if (isLoading)
+        return _jsx(LoadingState, {});
+    if (!traces || traces.length === 0)
+        return _jsx(EmptyState, { message: "No conversations recorded yet" });
+    return (_jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: _jsxs("table", { className: "w-full table-fixed text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border bg-muted/30", children: [_jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground w-[15%]", children: "Run" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground w-[20%]", children: "Model" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Duration" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Cost" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Tools" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Time" }), _jsx("th", { className: "w-8" })] }) }), _jsx("tbody", { children: traces.map((t) => (_jsxs("tr", { onClick: () => setSelectedRunId(t.runId), className: "border-b border-border last:border-b-0 cursor-pointer hover:bg-accent/30", children: [_jsx("td", { className: "px-3 py-2 font-mono text-foreground truncate", children: truncateId(t.runId) }), _jsx("td", { className: "px-3 py-2 text-muted-foreground truncate", children: t.model || "unknown" }), _jsx("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: formatDuration(t.totalDurationMs) }), _jsx("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: formatCost(t.totalCostCentsX100) }), _jsxs("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: [t.toolCalls, t.failedTools > 0 && (_jsxs("span", { className: "ml-1 text-red-500", children: ["(", t.failedTools, " failed)"] }))] }), _jsx("td", { className: "px-3 py-2 text-muted-foreground truncate", children: timeAgo(t.createdAt) }), _jsx("td", { className: "px-3 py-2", children: _jsx(IconChevronRight, { size: 14, className: "text-muted-foreground" }) })] }, t.runId))) })] }) }));
+}
+function TraceDetailView({ runId, onBack, }) {
+    const { data, isLoading } = useTraceDetail(runId);
+    return (_jsxs("div", { children: [_jsxs("button", { onClick: onBack, className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground mb-3", children: [_jsx(IconArrowLeft, { size: 14 }), "Back to list"] }), isLoading && _jsx(LoadingState, {}), data && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [_jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: "Model" }), _jsx("div", { className: "text-sm font-medium text-foreground truncate", children: data.summary.model || "unknown" })] }), _jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: "Duration" }), _jsx("div", { className: "text-sm font-medium tabular-nums text-foreground", children: formatDuration(data.summary.totalDurationMs) })] }), _jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: "Cost" }), _jsx("div", { className: "text-sm font-medium tabular-nums text-foreground", children: formatCost(data.summary.totalCostCentsX100) })] }), _jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: "Spans" }), _jsx("div", { className: "text-sm font-medium tabular-nums text-foreground", children: data.summary.totalSpans })] })] }), _jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: _jsxs("table", { className: "w-full table-fixed text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border bg-muted/30", children: [_jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground w-[15%]", children: "Type" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground w-[35%]", children: "Name" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Duration" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Tokens" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Status" })] }) }), _jsx("tbody", { children: data.spans.map((span) => (_jsxs("tr", { className: "border-b border-border last:border-b-0", children: [_jsx("td", { className: "px-3 py-2 truncate", children: _jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: span.spanType.replace("_", " ") }) }), _jsx("td", { className: "px-3 py-2 font-medium text-foreground truncate", children: span.name }), _jsx("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: formatDuration(span.durationMs) }), _jsx("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: span.inputTokens + span.outputTokens > 0
+                                                    ? `${span.inputTokens} / ${span.outputTokens}`
+                                                    : "-" }), _jsx("td", { className: "px-3 py-2", children: _jsx(StatusBadge, { status: span.status }) })] }, span.id))) })] }) })] }))] }));
+}
+// ─── Tab: Evals ─────────────────────────────────────────────────────────
+function EvalsTab({ days }) {
+    const { data, isLoading } = useEvalStats(days);
+    if (isLoading)
+        return _jsx(LoadingState, {});
+    if (!data || data.totalEvals === 0)
+        return _jsx(EmptyState, { message: "No eval results recorded yet" });
+    const maxCount = Math.max(...data.byCriteria.map((c) => c.count), 1);
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx(MetricCard, { label: "Total evals", value: String(data.totalEvals), icon: _jsx(IconChartBar, { size: 16 }) }), _jsx(MetricCard, { label: "Avg score", value: data.avgScore.toFixed(2), icon: _jsx(IconMoodSmile, { size: 16 }) })] }), data.byCriteria.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "text-xs font-medium text-foreground mb-2", children: "Scores by criteria" }), _jsx("div", { className: "space-y-2", children: data.byCriteria.map((c) => (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-2 text-xs mb-1 min-w-0", children: [_jsx("span", { className: "text-foreground truncate min-w-0", children: c.criteria }), _jsxs("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: [c.avgScore.toFixed(2), " avg (", c.count, ")"] })] }), _jsx("div", { className: "h-1.5 rounded-full bg-muted overflow-hidden", children: _jsx("div", { className: "h-full bg-foreground/70 rounded-full", style: { width: `${(c.count / maxCount) * 100}%` } }) })] }, c.criteria))) })] }))] }));
+}
+// ─── Tab: Experiments ───────────────────────────────────────────────────
+function ExperimentsTab() {
+    const { data: experiments, isLoading } = useExperiments();
+    const [selectedId, setSelectedId] = useState(null);
+    if (selectedId) {
+        return (_jsx(ExperimentDetailView, { id: selectedId, onBack: () => setSelectedId(null) }));
+    }
+    if (isLoading)
+        return _jsx(LoadingState, {});
+    if (!experiments || experiments.length === 0)
+        return _jsx(EmptyState, { message: "No experiments created yet" });
+    return (_jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: _jsxs("table", { className: "w-full table-fixed text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border bg-muted/30", children: [_jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground w-[40%]", children: "Name" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Status" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Variants" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Created" }), _jsx("th", { className: "w-8" })] }) }), _jsx("tbody", { children: experiments.map((exp) => (_jsxs("tr", { onClick: () => setSelectedId(exp.id), className: "border-b border-border last:border-b-0 cursor-pointer hover:bg-accent/30", children: [_jsx("td", { className: "px-3 py-2 font-medium text-foreground truncate", children: exp.name }), _jsx("td", { className: "px-3 py-2", children: _jsx(StatusBadge, { status: exp.status }) }), _jsx("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: exp.variants.length }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: timeAgo(exp.createdAt) }), _jsx("td", { className: "px-3 py-2", children: _jsx(IconChevronRight, { size: 14, className: "text-muted-foreground" }) })] }, exp.id))) })] }) }));
+}
+function ExperimentDetailView({ id, onBack, }) {
+    const { data: exp, isLoading } = useExperimentDetail(id);
+    const { data: results } = useExperimentResults(id);
+    return (_jsxs("div", { children: [_jsxs("button", { onClick: onBack, className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground mb-3", children: [_jsx(IconArrowLeft, { size: 14 }), "Back to experiments"] }), isLoading && _jsx(LoadingState, {}), exp && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [_jsx("h3", { className: "text-sm font-medium text-foreground truncate min-w-0", children: exp.name }), _jsx(StatusBadge, { status: exp.status })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: "Variants" }), _jsx("div", { className: "text-sm font-medium tabular-nums text-foreground", children: exp.variants.length })] }), _jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: "Metrics" }), _jsx("div", { className: "text-sm font-medium tabular-nums text-foreground", children: exp.metrics.length })] }), _jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: "Level" }), _jsx("div", { className: "text-sm font-medium text-foreground capitalize", children: exp.assignmentLevel })] })] }), exp.variants.length > 0 && (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-medium text-foreground mb-2", children: "Variants" }), _jsx("div", { className: "space-y-1", children: exp.variants.map((v) => (_jsxs("div", { className: "flex items-center justify-between rounded border border-border px-3 py-2 text-xs", children: [_jsx("span", { className: "font-mono text-foreground", children: truncateId(v.id) }), _jsxs("span", { className: "text-muted-foreground tabular-nums", children: ["Weight: ", v.weight] })] }, v.id))) })] })), results && results.length > 0 && (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-medium text-foreground mb-2", children: "Results" }), _jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: _jsxs("table", { className: "w-full table-fixed text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border bg-muted/30", children: [_jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground w-[20%]", children: "Variant" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground w-[25%]", children: "Metric" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "Value" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "CI" }), _jsx("th", { className: "px-3 py-2 font-medium text-muted-foreground", children: "N" })] }) }), _jsx("tbody", { children: results.map((r) => (_jsxs("tr", { className: "border-b border-border last:border-b-0", children: [_jsx("td", { className: "px-3 py-2 font-mono text-foreground truncate", children: truncateId(r.variantId) }), _jsx("td", { className: "px-3 py-2 text-foreground truncate", children: r.metric }), _jsx("td", { className: "px-3 py-2 tabular-nums text-foreground", children: r.value.toFixed(3) }), _jsxs("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: ["[", r.confidenceLow.toFixed(3), ",", " ", r.confidenceHigh.toFixed(3), "]"] }), _jsx("td", { className: "px-3 py-2 tabular-nums text-muted-foreground", children: r.sampleSize })] }, r.id))) })] }) })] }))] }))] }));
+}
+// ─── Tab: Feedback ──────────────────────────────────────────────────────
+function FeedbackTab({ days }) {
+    const { data: stats, isLoading: statsLoading } = useFeedbackStats(days);
+    const { data: entries, isLoading: listLoading } = useFeedbackList(days);
+    const { data: satisfaction } = useSatisfaction(days);
+    const isLoading = statsLoading || listLoading;
+    if (isLoading)
+        return _jsx(LoadingState, {});
+    const thumbsTotal = (stats?.thumbsUp ?? 0) + (stats?.thumbsDown ?? 0);
+    const thumbsUpRate = thumbsTotal > 0 ? stats.thumbsUp / thumbsTotal : 0;
+    const avgFrustration = satisfaction && satisfaction.length > 0
+        ? satisfaction.reduce((sum, s) => sum + s.frustrationScore, 0) /
+            satisfaction.length
+        : 0;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [_jsx(MetricCard, { label: "Total feedback", value: String(stats?.total ?? 0), icon: _jsx(IconMessageReport, { size: 16 }) }), _jsx(MetricCard, { label: "Thumbs up", value: String(stats?.thumbsUp ?? 0), icon: _jsx(IconThumbUp, { size: 16 }) }), _jsx(MetricCard, { label: "Thumbs down", value: String(stats?.thumbsDown ?? 0), icon: _jsx(IconThumbDown, { size: 16 }) }), _jsx(MetricCard, { label: "Frustration", value: avgFrustration.toFixed(2), icon: _jsx(IconAlertTriangle, { size: 16 }) })] }), thumbsTotal > 0 && (_jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground mb-2", children: "Thumbs up rate" }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex-1 h-2 rounded-full bg-muted overflow-hidden", children: _jsx("div", { className: "h-full bg-green-500 rounded-full", style: { width: `${thumbsUpRate * 100}%` } }) }), _jsx("span", { className: "text-sm font-medium tabular-nums text-foreground", children: formatPercent(thumbsUpRate) })] })] })), stats?.categories && Object.keys(stats.categories).length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "text-xs font-medium text-foreground mb-2", children: "Categories" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: Object.entries(stats.categories).map(([cat, count]) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-border px-2.5 py-1 text-[10px] text-foreground max-w-[200px]", children: [_jsx("span", { className: "truncate", children: cat }), _jsx("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: count })] }, cat))) })] })), entries && entries.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "text-xs font-medium text-foreground mb-2", children: "Recent feedback" }), _jsx("div", { className: "space-y-1 max-h-64 overflow-y-auto overflow-x-hidden rounded-lg border border-border", children: entries.map((entry) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs border-b border-border last:border-b-0 min-w-0", children: [_jsxs("span", { className: "shrink-0", children: [entry.feedbackType === "thumbs_up" && (_jsx(IconThumbUp, { size: 14, className: "text-green-500" })), entry.feedbackType === "thumbs_down" && (_jsx(IconThumbDown, { size: 14, className: "text-red-500" })), entry.feedbackType === "category" && (_jsx(IconChartBar, { size: 14, className: "text-blue-500" })), entry.feedbackType === "text" && (_jsx(IconMessages, { size: 14, className: "text-muted-foreground" }))] }), _jsx("span", { className: "flex-1 min-w-0 truncate text-foreground", children: entry.feedbackType === "text" ||
+                                        entry.feedbackType === "category"
+                                        ? entry.value
+                                        : entry.feedbackType.replace("_", " ") }), _jsx("span", { className: "shrink-0 text-muted-foreground", children: timeAgo(entry.createdAt) })] }, entry.id))) })] }))] }));
+}
+// ─── Main Dashboard ─────────────────────────────────────────────────────
+const TABS = [
+    { id: "overview", label: "Overview", icon: IconActivity },
+    { id: "conversations", label: "Conversations", icon: IconMessages },
+    { id: "evals", label: "Evals", icon: IconChartBar },
+    { id: "experiments", label: "Experiments", icon: IconAB2 },
+    { id: "feedback", label: "Feedback", icon: IconMessageReport },
+];
+export function ObservabilityDashboard({ className, }) {
+    const [activeTab, setActiveTab] = useState("overview");
+    const [days, setDays] = useState(7);
+    return (_jsxs("div", { className: cn("space-y-4", className), children: [_jsxs("div", { className: "flex items-center justify-between gap-4 flex-wrap", children: [_jsx("div", { className: "flex gap-1 rounded-lg border border-border p-1 bg-muted/30", children: TABS.map((tab) => {
+                            const Icon = tab.icon;
+                            return (_jsxs("button", { onClick: () => setActiveTab(tab.id), className: cn("flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium", activeTab === tab.id
+                                    ? "bg-background text-foreground shadow-sm"
+                                    : "text-muted-foreground hover:text-foreground"), children: [_jsx(Icon, { size: 14 }), tab.label] }, tab.id));
+                        }) }), activeTab !== "experiments" && (_jsx(RangeSelector, { value: days, onChange: setDays }))] }), activeTab === "overview" && _jsx(OverviewTab, { days: days }), activeTab === "conversations" && _jsx(ConversationsTab, { days: days }), activeTab === "evals" && _jsx(EvalsTab, { days: days }), activeTab === "experiments" && _jsx(ExperimentsTab, {}), activeTab === "feedback" && _jsx(FeedbackTab, { days: days })] }));
+}
+//# sourceMappingURL=ObservabilityDashboard.js.map

package/dist/client/observability/ObservabilityDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObservabilityDashboard.js","sourceRoot":"","sources":["../../../src/client/observability/ObservabilityDashboard.tsx"],"names":[],"mappings":"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"}

package/dist/client/observability/ThumbsFeedback.d.ts

@@ -0,0 +1,8 @@
+export interface ThumbsFeedbackProps {
+    threadId: string;
+    runId: string;
+    messageSeq: number;
+    className?: string;
+}
+export declare function ThumbsFeedback({ threadId, runId, messageSeq, className, }: ThumbsFeedbackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThumbsFeedback.d.ts.map

package/dist/client/observability/ThumbsFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsFeedback.d.ts","sourceRoot":"","sources":["../../../src/client/observability/ThumbsFeedback.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,GACV,EAAE,mBAAmB,2CAiIrB"}

package/dist/client/observability/ThumbsFeedback.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { IconThumbUp, IconThumbDown } from "@tabler/icons-react";
+import { cn } from "../utils.js";
+const THUMBS_DOWN_CATEGORIES = [
+    "Inaccurate",
+    "Not helpful",
+    "Wrong tool",
+    "Too slow",
+];
+export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
+    const [selection, setSelection] = useState(null);
+    const [categoryOpen, setCategoryOpen] = useState(false);
+    const [submittedCategory, setSubmittedCategory] = useState(null);
+    const sendFeedback = useCallback(async (feedbackType, value) => {
+        try {
+            await fetch("/_agent-native/observability/feedback", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    threadId,
+                    runId,
+                    messageSeq,
+                    feedbackType,
+                    value: value ?? "",
+                }),
+            });
+        }
+        catch {
+            // Fire-and-forget; don't block the UI on feedback submission failures
+        }
+    }, [threadId, runId, messageSeq]);
+    const handleThumbsUp = useCallback(() => {
+        if (selection === "up")
+            return;
+        setSelection("up");
+        setCategoryOpen(false);
+        setSubmittedCategory(null);
+        sendFeedback("thumbs_up");
+    }, [selection, sendFeedback]);
+    const handleThumbsDown = useCallback(() => {
+        if (selection === "down") {
+            setCategoryOpen((prev) => !prev);
+            return;
+        }
+        setSelection("down");
+        setCategoryOpen(true);
+        sendFeedback("thumbs_down");
+    }, [selection, sendFeedback]);
+    const handleCategory = useCallback((category) => {
+        setSubmittedCategory(category);
+        setCategoryOpen(false);
+        sendFeedback("category", category);
+    }, [sendFeedback]);
+    return (_jsxs("div", { className: cn("inline-flex items-center gap-0.5", className), children: [_jsx("button", { type: "button", "aria-label": "Thumbs up", onClick: handleThumbsUp, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "up"
+                    ? "text-foreground"
+                    : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbUp, { size: 16, stroke: selection === "up" ? 2.5 : 1.5, fill: selection === "up" ? "currentColor" : "none" }) }), _jsxs(PopoverPrimitive.Root, { open: categoryOpen, onOpenChange: setCategoryOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Thumbs down", onClick: handleThumbsDown, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "down"
+                                ? "text-foreground"
+                                : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbDown, { size: 16, stroke: selection === "down" ? 2.5 : 1.5, fill: selection === "down" ? "currentColor" : "none" }) }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { side: "bottom", align: "start", sideOffset: 4, collisionPadding: 8, className: "z-[300] overflow-hidden rounded-lg border border-border bg-popover p-1 shadow-lg outline-none", children: _jsx("div", { className: "flex flex-col gap-0.5", children: THUMBS_DOWN_CATEGORIES.map((category) => (_jsx("button", { type: "button", onClick: () => handleCategory(category), className: cn("rounded-md px-3 py-1.5 text-left text-xs", submittedCategory === category
+                                        ? "bg-accent text-foreground font-medium"
+                                        : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"), children: category }, category))) }) }) })] })] }));
+}
+//# sourceMappingURL=ThumbsFeedback.js.map

package/dist/client/observability/ThumbsFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsFeedback.js","sourceRoot":"","sources":["../../../src/client/observability/ThumbsFeedback.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,sBAAsB,GAAG;IAC7B,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,UAAU;CACF,CAAC;AAaX,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,GACW;IACpB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CACxD,IAAI,CACL,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EACH,YAAsD,EACtD,KAAc,EACd,EAAE;QACF,IAAI,CAAC;YACH,MAAM,KAAK,CAAC,uCAAuC,EAAE;gBACnD,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,QAAQ;oBACR,KAAK;oBACL,UAAU;oBACV,YAAY;oBACZ,KAAK,EAAE,KAAK,IAAI,EAAE;iBACnB,CAAC;aACH,CAAC,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACP,sEAAsE;QACxE,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAC/B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YACjC,OAAO;QACT,CAAC;QACD,YAAY,CAAC,MAAM,CAAC,CAAC;QACrB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,YAAY,CAAC,aAAa,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAA4B,EAAE,EAAE;QAC/B,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,aAC/D,iBACE,IAAI,EAAC,QAAQ,gBACF,WAAW,EACtB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,KAAK,IAAI;oBAChB,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,yEAAyE,CAC9E,YAED,KAAC,WAAW,IACV,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACtC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,GAClD,GACK,EAET,MAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,aACtE,KAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,gBACF,aAAa,EACxB,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,KAAK,MAAM;gCAClB,CAAC,CAAC,iBAAiB;gCACnB,CAAC,CAAC,yEAAyE,CAC9E,YAED,KAAC,aAAa,IACZ,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACxC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,GACpD,GACK,GACgB,EAE3B,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,gBAAgB,EAAE,CAAC,EACnB,SAAS,EAAC,+FAA+F,YAEzG,cAAK,SAAS,EAAC,uBAAuB,YACnC,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxC,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,EACvC,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,iBAAiB,KAAK,QAAQ;wCAC5B,CAAC,CAAC,uCAAuC;wCACzC,CAAC,CAAC,gEAAgE,CACrE,YAEA,QAAQ,IAVJ,QAAQ,CAWN,CACV,CAAC,GACE,GACmB,GACH,IACJ,IACpB,CACP,CAAC;AACJ,CAAC"}

package/dist/client/observability/index.d.ts

@@ -0,0 +1,4 @@
+export { ObservabilityDashboard, type ObservabilityDashboardProps, } from "./ObservabilityDashboard.js";
+export { ThumbsFeedback } from "./ThumbsFeedback.js";
+export { useObservabilityOverview, useTraces, useTraceDetail, useFeedbackList, useFeedbackStats, useSubmitFeedback, useSatisfaction, useEvalStats, useExperiments, useExperimentDetail, useExperimentResults, } from "./useObservability.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/observability/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/observability/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}

package/dist/client/observability/index.js

@@ -0,0 +1,4 @@
+export { ObservabilityDashboard, } from "./ObservabilityDashboard.js";
+export { ThumbsFeedback } from "./ThumbsFeedback.js";
+export { useObservabilityOverview, useTraces, useTraceDetail, useFeedbackList, useFeedbackStats, useSubmitFeedback, useSatisfaction, useEvalStats, useExperiments, useExperimentDetail, useExperimentResults, } from "./useObservability.js";
+//# sourceMappingURL=index.js.map

package/dist/client/observability/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/observability/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,GAEvB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}

package/dist/client/observability/useObservability.d.ts

@@ -0,0 +1,128 @@
+export interface ObservabilityOverview {
+    totalRuns: number;
+    totalCostCents: number;
+    avgDurationMs: number;
+    toolSuccessRate: number;
+    avgFrustrationScore: number;
+    thumbsUpRate: number;
+    avgEvalScore: number;
+}
+export declare function useObservabilityOverview(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<ObservabilityOverview, Error>;
+export interface TraceSummary {
+    runId: string;
+    threadId: string | null;
+    totalSpans: number;
+    llmCalls: number;
+    toolCalls: number;
+    successfulTools: number;
+    failedTools: number;
+    totalDurationMs: number;
+    totalCostCentsX100: number;
+    totalInputTokens: number;
+    totalOutputTokens: number;
+    model: string;
+    createdAt: number;
+}
+export declare function useTraces(sinceDays?: number, limit?: number): import("@tanstack/react-query").UseQueryResult<TraceSummary[], Error>;
+export interface TraceSpan {
+    id: string;
+    runId: string;
+    threadId: string | null;
+    parentSpanId: string | null;
+    spanType: "llm_call" | "tool_call" | "agent_run";
+    name: string;
+    inputTokens: number;
+    outputTokens: number;
+    cacheReadTokens: number;
+    cacheWriteTokens: number;
+    costCentsX100: number;
+    durationMs: number;
+    status: "success" | "error";
+    errorMessage: string | null;
+    metadata: Record<string, unknown> | null;
+    createdAt: number;
+}
+export interface TraceDetail {
+    summary: TraceSummary;
+    spans: TraceSpan[];
+}
+export declare function useTraceDetail(runId: string | null): import("@tanstack/react-query").UseQueryResult<TraceDetail, Error>;
+export interface FeedbackEntry {
+    id: string;
+    runId: string | null;
+    threadId: string | null;
+    messageSeq: number | null;
+    feedbackType: "thumbs_up" | "thumbs_down" | "category" | "text";
+    value: string;
+    userId: string | null;
+    createdAt: number;
+}
+export declare function useFeedbackList(sinceDays?: number, limit?: number): import("@tanstack/react-query").UseQueryResult<FeedbackEntry[], Error>;
+export interface FeedbackStats {
+    total: number;
+    thumbsUp: number;
+    thumbsDown: number;
+    categories: Record<string, number>;
+}
+export declare function useFeedbackStats(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<FeedbackStats, Error>;
+export declare function useSubmitFeedback(): import("@tanstack/react-query").UseMutationResult<{
+    id: string;
+}, Error, {
+    threadId?: string;
+    runId?: string;
+    messageSeq?: number;
+    feedbackType: string;
+    value?: string;
+    userId?: string;
+}, unknown>;
+export interface SatisfactionScore {
+    id: string;
+    threadId: string;
+    frustrationScore: number;
+    rephrasingScore: number;
+    abandonmentScore: number;
+    sentimentScore: number;
+    lengthTrendScore: number;
+    computedAt: number;
+}
+export declare function useSatisfaction(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<SatisfactionScore[], Error>;
+export interface EvalStats {
+    totalEvals: number;
+    avgScore: number;
+    byCriteria: Array<{
+        criteria: string;
+        avgScore: number;
+        count: number;
+    }>;
+}
+export declare function useEvalStats(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<EvalStats, Error>;
+export interface Experiment {
+    id: string;
+    name: string;
+    status: "draft" | "running" | "paused" | "completed";
+    variants: Array<{
+        id: string;
+        weight: number;
+        config: Record<string, unknown>;
+    }>;
+    metrics: string[];
+    assignmentLevel: "user" | "session";
+    startedAt: number | null;
+    endedAt: number | null;
+    createdAt: number;
+}
+export declare function useExperiments(): import("@tanstack/react-query").UseQueryResult<Experiment[], Error>;
+export declare function useExperimentDetail(id: string | null): import("@tanstack/react-query").UseQueryResult<Experiment, Error>;
+export interface ExperimentMetricResult {
+    id: string;
+    experimentId: string;
+    variantId: string;
+    metric: string;
+    value: number;
+    sampleSize: number;
+    confidenceLow: number;
+    confidenceHigh: number;
+    computedAt: number;
+}
+export declare function useExperimentResults(id: string | null): import("@tanstack/react-query").UseQueryResult<ExperimentMetricResult[], Error>;
+//# sourceMappingURL=useObservability.d.ts.map

package/dist/client/observability/useObservability.d.ts.map

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

package/dist/client/observability/useObservability.js

@@ -0,0 +1,109 @@
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+const BASE = "/_agent-native/observability";
+function fetchJson(url) {
+    return fetch(url).then((r) => {
+        if (!r.ok)
+            throw new Error(`HTTP ${r.status}`);
+        return r.json();
+    });
+}
+export function useObservabilityOverview(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "overview", sinceDays],
+        queryFn: () => fetchJson(`${BASE}?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useTraces(sinceDays = 7, limit = 100) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "traces", sinceDays, limit],
+        queryFn: () => fetchJson(`${BASE}/traces?since=${sinceMs}&limit=${limit}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useTraceDetail(runId) {
+    return useQuery({
+        queryKey: ["observability", "trace", runId],
+        queryFn: () => fetchJson(`${BASE}/traces/${encodeURIComponent(runId)}`),
+        enabled: !!runId,
+    });
+}
+export function useFeedbackList(sinceDays = 7, limit = 100) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "feedback", sinceDays, limit],
+        queryFn: () => fetchJson(`${BASE}/feedback?since=${sinceMs}&limit=${limit}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useFeedbackStats(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "feedback-stats", sinceDays],
+        queryFn: () => fetchJson(`${BASE}/feedback/stats?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useSubmitFeedback() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (payload) => {
+            const res = await fetch(`${BASE}/feedback`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(payload),
+            });
+            if (!res.ok)
+                throw new Error(`HTTP ${res.status}`);
+            return res.json();
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: ["observability", "feedback"],
+            });
+            queryClient.invalidateQueries({
+                queryKey: ["observability", "feedback-stats"],
+            });
+        },
+    });
+}
+export function useSatisfaction(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "satisfaction", sinceDays],
+        queryFn: () => fetchJson(`${BASE}/satisfaction?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useEvalStats(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "eval-stats", sinceDays],
+        queryFn: () => fetchJson(`${BASE}/evals/stats?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useExperiments() {
+    return useQuery({
+        queryKey: ["observability", "experiments"],
+        queryFn: () => fetchJson(`${BASE}/experiments`),
+        refetchInterval: 30_000,
+    });
+}
+export function useExperimentDetail(id) {
+    return useQuery({
+        queryKey: ["observability", "experiment", id],
+        queryFn: () => fetchJson(`${BASE}/experiments/${encodeURIComponent(id)}`),
+        enabled: !!id,
+    });
+}
+export function useExperimentResults(id) {
+    return useQuery({
+        queryKey: ["observability", "experiment-results", id],
+        queryFn: () => fetchJson(`${BASE}/experiments/${encodeURIComponent(id)}/results`),
+        enabled: !!id,
+    });
+}
+//# sourceMappingURL=useObservability.js.map

package/dist/client/observability/useObservability.js.map

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

package/dist/client/onboarding/OnboardingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingPanel.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAqBH,UAAU,oBAAoB;IAC5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAe,GAChB,EAAE,oBAAoB,2CA6GtB"}
+{"version":3,"file":"OnboardingPanel.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsBH,UAAU,oBAAoB;IAC5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAe,GAChB,EAAE,oBAAoB,2CA6GtB"}