npm - @agent-native/core - Versions diffs - 0.76.5 → 0.76.6 - Mend

@agent-native/core 0.76.5 → 0.76.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1706) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ObservabilityDashboard.js","sourceRoot":"","sources":["../../../src/client/observability/ObservabilityDashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport {\n IconActivity,\n IconMessages,\n IconThumbUp,\n IconThumbDown,\n IconClock,\n IconCoin,\n IconTool,\n IconMoodSmile,\n IconChartBar,\n IconAB2,\n IconMessageReport,\n IconChevronRight,\n IconArrowLeft,\n IconLoader2,\n IconAlertTriangle,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport {\n useObservabilityOverview,\n useTraces,\n useTraceDetail,\n useFeedbackList,\n useFeedbackStats,\n useSatisfaction,\n useEvalStats,\n useExperiments,\n useExperimentDetail,\n useExperimentResults,\n type TraceSummary,\n type Experiment,\n} from \"./useObservability.js\";\n\n// ─── Helpers ────────────────────────────────────────────────────────────\n\nfunction formatCost(centsX100: number): string {\n const cents = centsX100 / 100;\n if (cents < 1) return `${cents.toFixed(3)}¢`;\n if (cents < 100) return `${cents.toFixed(2)}¢`;\n return `$${(cents / 100).toFixed(2)}`;\n}\n\nfunction formatCostCents(cents: number): string {\n if (cents < 1) return `${cents.toFixed(3)}¢`;\n if (cents < 100) return `${cents.toFixed(2)}¢`;\n return `$${(cents / 100).toFixed(2)}`;\n}\n\nfunction formatDuration(ms: number): string {\n if (ms < 1000) return `${Math.round(ms)}ms`;\n if (ms < 60_000) return `${(ms / 1000).toFixed(1)}s`;\n return `${(ms / 60_000).toFixed(1)}m`;\n}\n\nfunction formatPercent(ratio: number): string {\n return `${(ratio * 100).toFixed(1)}%`;\n}\n\nfunction truncateId(id: string, len = 8): string {\n return id.length > len ? id.slice(0, len) + \"…\" : id;\n}\n\nfunction timeAgo(ts: number): string {\n const diff = Date.now() - ts;\n if (diff < 60_000) return \"just now\";\n if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}m ago`;\n if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)}h ago`;\n return `${Math.floor(diff / 86_400_000)}d ago`;\n}\n\nconst RANGES = [\n { value: 7, label: \"7d\" },\n { value: 30, label: \"30d\" },\n { value: 90, label: \"90d\" },\n] as const;\n\n// ─── Shared components ──────────────────────────────────────────────────\n\nfunction RangeSelector({\n value,\n onChange,\n}: {\n value: number;\n onChange: (v: number) => void;\n}) {\n return (\n <div className=\"flex gap-1 rounded-md border border-border p-0.5\">\n {RANGES.map((r) => (\n <button\n key={r.value}\n onClick={() => onChange(r.value)}\n className={cn(\n \"px-2.5 py-1 text-xs rounded\",\n value === r.value\n ? \"bg-accent text-foreground\"\n : \"text-muted-foreground hover:text-foreground\",\n )}\n >\n {r.label}\n </button>\n ))}\n </div>\n );\n}\n\nfunction MetricCard({\n label,\n value,\n icon,\n}: {\n label: string;\n value: string;\n icon: React.ReactNode;\n}) {\n return (\n <div className=\"rounded-lg border border-border bg-background p-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <span className=\"text-xs text-muted-foreground\">{label}</span>\n <span className=\"text-muted-foreground\">{icon}</span>\n </div>\n <div className=\"text-2xl font-semibold tabular-nums text-foreground\">\n {value}\n </div>\n </div>\n );\n}\n\nfunction StatusBadge({\n status,\n}: {\n status: \"draft\" \| \"running\" \| \"paused\" \| \"completed\" \| \"success\" \| \"error\";\n}) {\n const styles: Record<string, string> = {\n draft: \"bg-muted text-muted-foreground\",\n running: \"bg-blue-500/15 text-blue-500\",\n paused: \"bg-yellow-500/15 text-yellow-500\",\n completed: \"bg-green-500/15 text-green-500\",\n success: \"bg-green-500/15 text-green-500\",\n error: \"bg-red-500/15 text-red-500\",\n };\n return (\n <span\n className={cn(\n \"inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize\",\n styles[status] ?? styles.draft,\n )}\n >\n {status}\n </span>\n );\n}\n\nfunction EmptyState({ message }: { message: string }) {\n return (\n <div className=\"flex items-center justify-center py-12 text-sm text-muted-foreground\">\n {message}\n </div>\n );\n}\n\nfunction LoadingState() {\n return (\n <div className=\"flex items-center justify-center py-12\">\n <IconLoader2 size={20} className=\"animate-spin text-muted-foreground\" />\n </div>\n );\n}\n\n// ─── Tab: Overview ──────────────────────────────────────────────────────\n\nfunction OverviewTab({ days }: { days: number }) {\n const { data, isLoading } = useObservabilityOverview(days);\n\n if (isLoading) return <LoadingState />;\n if (!data) return <EmptyState message=\"No data available\" />;\n\n return (\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n <MetricCard\n label=\"Total runs\"\n value={String(data.totalRuns)}\n icon={<IconActivity size={16} />}\n />\n <MetricCard\n label=\"Total cost\"\n value={formatCostCents(data.totalCostCents)}\n icon={<IconCoin size={16} />}\n />\n <MetricCard\n label=\"Avg latency\"\n value={formatDuration(data.avgDurationMs)}\n icon={<IconClock size={16} />}\n />\n <MetricCard\n label=\"Tool success\"\n value={formatPercent(data.toolSuccessRate)}\n icon={<IconTool size={16} />}\n />\n <MetricCard\n label=\"Thumbs up\"\n value={formatPercent(data.thumbsUpRate)}\n icon={<IconThumbUp size={16} />}\n />\n <MetricCard\n label=\"Avg eval score\"\n value={data.avgEvalScore.toFixed(2)}\n icon={<IconMoodSmile size={16} />}\n />\n </div>\n );\n}\n\n// ─── Tab: Conversations ─────────────────────────────────────────────────\n\nfunction ConversationsTab({ days }: { days: number }) {\n const { data: traces, isLoading } = useTraces(days);\n const [selectedRunId, setSelectedRunId] = useState<string \| null>(null);\n\n if (selectedRunId) {\n return (\n <TraceDetailView\n runId={selectedRunId}\n onBack={() => setSelectedRunId(null)}\n />\n );\n }\n\n if (isLoading) return <LoadingState />;\n if (!traces \|\| traces.length === 0)\n return <EmptyState message=\"No conversations recorded yet\" />;\n\n return (\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[15%]\">\n Run\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[20%]\">\n Model\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Duration\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Cost\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Tools\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Time\n </th>\n <th className=\"w-8\" />\n </tr>\n </thead>\n <tbody>\n {traces.map((t: TraceSummary) => (\n <tr\n key={t.runId}\n onClick={() => setSelectedRunId(t.runId)}\n className=\"border-b border-border last:border-b-0 cursor-pointer hover:bg-accent/30\"\n >\n <td className=\"px-3 py-2 font-mono text-foreground truncate\">\n {truncateId(t.runId)}\n </td>\n <td className=\"px-3 py-2 text-muted-foreground truncate\">\n {t.model \|\| \"unknown\"}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {formatDuration(t.totalDurationMs)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {formatCost(t.totalCostCentsX100)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {t.toolCalls}\n {t.failedTools > 0 && (\n <span className=\"ml-1 text-red-500\">\n ({t.failedTools} failed)\n </span>\n )}\n </td>\n <td className=\"px-3 py-2 text-muted-foreground truncate\">\n {timeAgo(t.createdAt)}\n </td>\n <td className=\"px-3 py-2\">\n <IconChevronRight size={14} className=\"text-muted-foreground\" />\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction TraceDetailView({\n runId,\n onBack,\n}: {\n runId: string;\n onBack: () => void;\n}) {\n const { data, isLoading } = useTraceDetail(runId);\n\n return (\n <div>\n <button\n onClick={onBack}\n className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground mb-3\"\n >\n <IconArrowLeft size={14} />\n Back to list\n </button>\n\n {isLoading && <LoadingState />}\n\n {data && (\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n Model\n </div>\n <div className=\"text-sm font-medium text-foreground truncate\">\n {data.summary.model \|\| \"unknown\"}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n Duration\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {formatDuration(data.summary.totalDurationMs)}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">Cost</div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {formatCost(data.summary.totalCostCentsX100)}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n Spans\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {data.summary.totalSpans}\n </div>\n </div>\n </div>\n\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[15%]\">\n Type\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[35%]\">\n Name\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Duration\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Tokens\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Status\n </th>\n </tr>\n </thead>\n <tbody>\n {data.spans.map((span) => (\n <tr\n key={span.id}\n className=\"border-b border-border last:border-b-0\"\n >\n <td className=\"px-3 py-2 truncate\">\n <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground\">\n {span.spanType.replace(\"_\", \" \")}\n </span>\n </td>\n <td className=\"px-3 py-2 font-medium text-foreground truncate\">\n {span.name}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {formatDuration(span.durationMs)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {span.inputTokens + span.outputTokens > 0\n ? `${span.inputTokens} / ${span.outputTokens}`\n : \"-\"}\n </td>\n <td className=\"px-3 py-2\">\n <StatusBadge status={span.status} />\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </div>\n )}\n </div>\n );\n}\n\n// ─── Tab: Evals ─────────────────────────────────────────────────────────\n\nfunction EvalsTab({ days }: { days: number }) {\n const { data, isLoading } = useEvalStats(days);\n\n if (isLoading) return <LoadingState />;\n if (!data \|\| data.totalEvals === 0)\n return <EmptyState message=\"No eval results recorded yet\" />;\n\n const maxCount = Math.max(...data.byCriteria.map((c) => c.count), 1);\n\n return (\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-2 gap-3\">\n <MetricCard\n label=\"Total evals\"\n value={String(data.totalEvals)}\n icon={<IconChartBar size={16} />}\n />\n <MetricCard\n label=\"Avg score\"\n value={data.avgScore.toFixed(2)}\n icon={<IconMoodSmile size={16} />}\n />\n </div>\n\n {data.byCriteria.length > 0 && (\n <div>\n <h3 className=\"text-xs font-medium text-foreground mb-2\">\n Scores by criteria\n </h3>\n <div className=\"space-y-2\">\n {data.byCriteria.map((c) => (\n <div key={c.criteria}>\n <div className=\"flex items-center justify-between gap-2 text-xs mb-1 min-w-0\">\n <span className=\"text-foreground truncate min-w-0\">\n {c.criteria}\n </span>\n <span className=\"shrink-0 text-muted-foreground tabular-nums\">\n {c.avgScore.toFixed(2)} avg ({c.count})\n </span>\n </div>\n <div className=\"h-1.5 rounded-full bg-muted overflow-hidden\">\n <div\n className=\"h-full bg-foreground/70 rounded-full\"\n style={{ width: `${(c.count / maxCount) * 100}%` }}\n />\n </div>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n );\n}\n\n// ─── Tab: Experiments ───────────────────────────────────────────────────\n\nfunction ExperimentsTab() {\n const { data: experiments, isLoading } = useExperiments();\n const [selectedId, setSelectedId] = useState<string \| null>(null);\n\n if (selectedId) {\n return (\n <ExperimentDetailView\n id={selectedId}\n onBack={() => setSelectedId(null)}\n />\n );\n }\n\n if (isLoading) return <LoadingState />;\n if (!experiments \|\| experiments.length === 0)\n return <EmptyState message=\"No experiments created yet\" />;\n\n return (\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[40%]\">\n Name\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Status\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Variants\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Created\n </th>\n <th className=\"w-8\" />\n </tr>\n </thead>\n <tbody>\n {experiments.map((exp: Experiment) => (\n <tr\n key={exp.id}\n onClick={() => setSelectedId(exp.id)}\n className=\"border-b border-border last:border-b-0 cursor-pointer hover:bg-accent/30\"\n >\n <td className=\"px-3 py-2 font-medium text-foreground truncate\">\n {exp.name}\n </td>\n <td className=\"px-3 py-2\">\n <StatusBadge status={exp.status} />\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {exp.variants.length}\n </td>\n <td className=\"px-3 py-2 text-muted-foreground\">\n {timeAgo(exp.createdAt)}\n </td>\n <td className=\"px-3 py-2\">\n <IconChevronRight size={14} className=\"text-muted-foreground\" />\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction ExperimentDetailView({\n id,\n onBack,\n}: {\n id: string;\n onBack: () => void;\n}) {\n const { data: exp, isLoading } = useExperimentDetail(id);\n const { data: results } = useExperimentResults(id);\n\n return (\n <div>\n <button\n onClick={onBack}\n className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground mb-3\"\n >\n <IconArrowLeft size={14} />\n Back to experiments\n </button>\n\n {isLoading && <LoadingState />}\n\n {exp && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between gap-2 min-w-0\">\n <h3 className=\"text-sm font-medium text-foreground truncate min-w-0\">\n {exp.name}\n </h3>\n <StatusBadge status={exp.status} />\n </div>\n\n <div className=\"grid grid-cols-3 gap-3\">\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n Variants\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {exp.variants.length}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n Metrics\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {exp.metrics.length}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n Level\n </div>\n <div className=\"text-sm font-medium text-foreground capitalize\">\n {exp.assignmentLevel}\n </div>\n </div>\n </div>\n\n {exp.variants.length > 0 && (\n <div>\n <h4 className=\"text-xs font-medium text-foreground mb-2\">\n Variants\n </h4>\n <div className=\"space-y-1\">\n {exp.variants.map((v) => (\n <div\n key={v.id}\n className=\"flex items-center justify-between rounded border border-border px-3 py-2 text-xs\"\n >\n <span className=\"font-mono text-foreground\">\n {truncateId(v.id)}\n </span>\n <span className=\"text-muted-foreground tabular-nums\">\n Weight: {v.weight}\n </span>\n </div>\n ))}\n </div>\n </div>\n )}\n\n {results && results.length > 0 && (\n <div>\n <h4 className=\"text-xs font-medium text-foreground mb-2\">\n Results\n </h4>\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[20%]\">\n Variant\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[25%]\">\n Metric\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n Value\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n CI\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n N\n </th>\n </tr>\n </thead>\n <tbody>\n {results.map((r) => (\n <tr\n key={r.id}\n className=\"border-b border-border last:border-b-0\"\n >\n <td className=\"px-3 py-2 font-mono text-foreground truncate\">\n {truncateId(r.variantId)}\n </td>\n <td className=\"px-3 py-2 text-foreground truncate\">\n {r.metric}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-foreground\">\n {r.value.toFixed(3)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n [{r.confidenceLow.toFixed(3)},{\" \"}\n {r.confidenceHigh.toFixed(3)}]\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {r.sampleSize}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n\n// ─── Tab: Feedback ──────────────────────────────────────────────────────\n\nfunction FeedbackTab({ days }: { days: number }) {\n const { data: stats, isLoading: statsLoading } = useFeedbackStats(days);\n const { data: entries, isLoading: listLoading } = useFeedbackList(days);\n const { data: satisfaction } = useSatisfaction(days);\n\n const isLoading = statsLoading \|\| listLoading;\n if (isLoading) return <LoadingState />;\n\n const thumbsTotal = (stats?.thumbsUp ?? 0) + (stats?.thumbsDown ?? 0);\n const thumbsUpRate = thumbsTotal > 0 ? stats!.thumbsUp / thumbsTotal : 0;\n const avgFrustration =\n satisfaction && satisfaction.length > 0\n ? satisfaction.reduce((sum, s) => sum + s.frustrationScore, 0) /\n satisfaction.length\n : 0;\n\n return (\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <MetricCard\n label=\"Total feedback\"\n value={String(stats?.total ?? 0)}\n icon={<IconMessageReport size={16} />}\n />\n <MetricCard\n label=\"Thumbs up\"\n value={String(stats?.thumbsUp ?? 0)}\n icon={<IconThumbUp size={16} />}\n />\n <MetricCard\n label=\"Thumbs down\"\n value={String(stats?.thumbsDown ?? 0)}\n icon={<IconThumbDown size={16} />}\n />\n <MetricCard\n label=\"Frustration\"\n value={avgFrustration.toFixed(2)}\n icon={<IconAlertTriangle size={16} />}\n />\n </div>\n\n {thumbsTotal > 0 && (\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-xs text-muted-foreground mb-2\">\n Thumbs up rate\n </div>\n <div className=\"flex items-center gap-3\">\n <div className=\"flex-1 h-2 rounded-full bg-muted overflow-hidden\">\n <div\n className=\"h-full bg-green-500 rounded-full\"\n style={{ width: `${thumbsUpRate * 100}%` }}\n />\n </div>\n <span className=\"text-sm font-medium tabular-nums text-foreground\">\n {formatPercent(thumbsUpRate)}\n </span>\n </div>\n </div>\n )}\n\n {stats?.categories && Object.keys(stats.categories).length > 0 && (\n <div>\n <h3 className=\"text-xs font-medium text-foreground mb-2\">\n Categories\n </h3>\n <div className=\"flex flex-wrap gap-1.5\">\n {Object.entries(stats.categories).map(([cat, count]) => (\n <span\n key={cat}\n className=\"inline-flex items-center gap-1 rounded-full border border-border px-2.5 py-1 text-[10px] text-foreground max-w-[200px]\"\n >\n <span className=\"truncate\">{cat}</span>\n <span className=\"shrink-0 text-muted-foreground tabular-nums\">\n {count}\n </span>\n </span>\n ))}\n </div>\n </div>\n )}\n\n {entries && entries.length > 0 && (\n <div>\n <h3 className=\"text-xs font-medium text-foreground mb-2\">\n Recent feedback\n </h3>\n <div className=\"space-y-1 max-h-64 overflow-y-auto overflow-x-hidden rounded-lg border border-border\">\n {entries.map((entry) => (\n <div\n key={entry.id}\n className=\"flex items-center gap-2 px-3 py-2 text-xs border-b border-border last:border-b-0 min-w-0\"\n >\n <span className=\"shrink-0\">\n {entry.feedbackType === \"thumbs_up\" && (\n <IconThumbUp size={14} className=\"text-green-500\" />\n )}\n {entry.feedbackType === \"thumbs_down\" && (\n <IconThumbDown size={14} className=\"text-red-500\" />\n )}\n {entry.feedbackType === \"category\" && (\n <IconChartBar size={14} className=\"text-blue-500\" />\n )}\n {entry.feedbackType === \"text\" && (\n <IconMessages size={14} className=\"text-muted-foreground\" />\n )}\n </span>\n <span className=\"flex-1 min-w-0 truncate text-foreground\">\n {entry.feedbackType === \"text\" \|\|\n entry.feedbackType === \"category\"\n ? entry.value\n : entry.feedbackType.replace(\"_\", \" \")}\n </span>\n <span className=\"shrink-0 text-muted-foreground\">\n {timeAgo(entry.createdAt)}\n </span>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n );\n}\n\n// ─── Main Dashboard ─────────────────────────────────────────────────────\n\nconst TABS = [\n { id: \"overview\", label: \"Overview\", icon: IconActivity },\n { id: \"conversations\", label: \"Conversations\", icon: IconMessages },\n { id: \"evals\", label: \"Evals\", icon: IconChartBar },\n { id: \"experiments\", label: \"Experiments\", icon: IconAB2 },\n { id: \"feedback\", label: \"Feedback\", icon: IconMessageReport },\n] as const;\n\ntype TabId = (typeof TABS)[number][\"id\"];\n\nexport interface ObservabilityDashboardProps {\n className?: string;\n}\n\nexport function ObservabilityDashboard({\n className,\n}: ObservabilityDashboardProps) {\n const [activeTab, setActiveTab] = useState<TabId>(\"overview\");\n const [days, setDays] = useState(7);\n\n return (\n <div className={cn(\"space-y-4\", className)}>\n <div className=\"flex items-center justify-between gap-4 flex-wrap\">\n <div className=\"flex gap-1 rounded-lg border border-border p-1 bg-muted/30\">\n {TABS.map((tab) => {\n const Icon = tab.icon;\n return (\n <button\n key={tab.id}\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n \"flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium\",\n activeTab === tab.id\n ? \"bg-background text-foreground shadow-sm\"\n : \"text-muted-foreground hover:text-foreground\",\n )}\n >\n <Icon size={14} />\n {tab.label}\n </button>\n );\n })}\n </div>\n {activeTab !== \"experiments\" && (\n <RangeSelector value={days} onChange={setDays} />\n )}\n </div>\n\n {activeTab === \"overview\" && <OverviewTab days={days} />}\n {activeTab === \"conversations\" && <ConversationsTab days={days} />}\n {activeTab === \"evals\" && <EvalsTab days={days} />}\n {activeTab === \"experiments\" && <ExperimentsTab />}\n {activeTab === \"feedback\" && <FeedbackTab days={days} />}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"ObservabilityDashboard.js","sourceRoot":"","sources":["../../../src/client/observability/ObservabilityDashboard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GAGrB,MAAM,uBAAuB,CAAC;AAE/B,2EAA2E;AAE3E,SAAS,UAAU,CAAC,SAAiB;IACnC,MAAM,KAAK,GAAG,SAAS,GAAG,GAAG,CAAC;IAC9B,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/C,OAAO,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;AACxC,CAAC;AAED,SAAS,eAAe,CAAC,KAAa;IACpC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/C,OAAO,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;AACxC,CAAC;AAED,SAAS,cAAc,CAAC,EAAU;IAChC,IAAI,EAAE,GAAG,IAAI;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5C,IAAI,EAAE,GAAG,MAAM;QAAE,OAAO,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACxC,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,OAAO,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACxC,CAAC;AAED,SAAS,UAAU,CAAC,EAAU,EAAE,GAAG,GAAG,CAAC;IACrC,OAAO,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC;AAED,SAAS,OAAO,CAAC,EAAU;IACzB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7B,IAAI,IAAI,GAAG,MAAM;QAAE,OAAO,UAAU,CAAC;IACrC,IAAI,IAAI,GAAG,SAAS;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;IACjE,IAAI,IAAI,GAAG,UAAU;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC;IACrE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC;AACjD,CAAC;AAED,MAAM,MAAM,GAAG;IACb,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;IACzB,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3B,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;CACnB,CAAC;AAEX,2EAA2E;AAE3E,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,cAAK,SAAS,EAAC,kDAAkD,YAC9D,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAChC,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,KAAK,KAAK,CAAC,CAAC,KAAK;gBACf,CAAC,CAAC,2BAA2B;gBAC7B,CAAC,CAAC,6CAA6C,CAClD,YAEA,CAAC,CAAC,KAAK,IATH,CAAC,CAAC,KAAK,CAUL,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,KAAK,EACL,IAAI,GAKL;IACC,OAAO,CACL,eAAK,SAAS,EAAC,mDAAmD,aAChE,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAQ,IACjD,EACN,cAAK,SAAS,EAAC,qDAAqD,YACjE,KAAK,GACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,MAAM,GAGP;IACC,MAAM,MAAM,GAA2B;QACrC,KAAK,EAAE,gCAAgC;QACvC,OAAO,EAAE,8BAA8B;QACvC,MAAM,EAAE,kCAAkC;QAC1C,SAAS,EAAE,gCAAgC;QAC3C,OAAO,EAAE,gCAAgC;QACzC,KAAK,EAAE,4BAA4B;KACpC,CAAC;IACF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,KAAK,CAC/B,YAEA,MAAM,GACF,CACR,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,OAAO,EAAuB;IAClD,OAAO,CACL,cAAK,SAAS,EAAC,sEAAsE,YAClF,OAAO,GACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,CACL,cAAK,SAAS,EAAC,wCAAwC,YACrD,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,oCAAoC,GAAG,GACpE,CACP,CAAC;AACJ,CAAC;AAED,2EAA2E;AAE3E,SAAS,WAAW,CAAC,EAAE,IAAI,EAAoB;IAC7C,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAE3D,IAAI,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IACvC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,sBAAsB,CAAC,GAAI,CAAC;IAErE,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACnC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAC7B,IAAI,EAAE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GAChC,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACnC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,EAC3C,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5B,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,EACzC,IAAI,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EACrC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,EAC1C,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5B,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,EACvC,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAC/B,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACtC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EACnC,IAAI,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACjC,IACE,CACP,CAAC;AACJ,CAAC;AAED,2EAA2E;AAE3E,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAoB;IAClD,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,GACpC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IACvC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAChC,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,+BAA+B,CAAC,GAAI,CAAC;IAErE,OAAO,CACL,cAAK,SAAS,EAAC,iDAAiD,YAC9D,iBAAO,SAAS,EAAC,sCAAsC,aACrD,0BACE,cAAI,SAAS,EAAC,oCAAoC,aAChD,aAAI,SAAS,EAAC,qDAAqD,YAChE,CAAC,CAAC,mBAAmB,CAAC,GACpB,EACL,aAAI,SAAS,EAAC,qDAAqD,YAChE,CAAC,CAAC,qBAAqB,CAAC,GACtB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,wBAAwB,CAAC,GACzB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,oBAAoB,CAAC,GACrB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,qBAAqB,CAAC,GACtB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,oBAAoB,CAAC,GACrB,EACL,aAAI,SAAS,EAAC,KAAK,GAAG,IACnB,GACC,EACR,0BACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,EAAE,CAAC,CACnC,cAEE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,EAC5C,SAAS,EAAC,0EAA0E,aAEpF,aAAI,SAAS,EAAC,8CAA8C,YACzD,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,GACrB,EACL,aAAI,SAAS,EAAC,0CAA0C,YACrD,KAAK,CAAC,KAAK,IAAI,SAAS,GACtB,EACL,aAAI,SAAS,EAAC,8CAA8C,YACzD,cAAc,CAAC,KAAK,CAAC,eAAe,CAAC,GACnC,EACL,aAAI,SAAS,EAAC,8CAA8C,YACzD,UAAU,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAClC,EACL,cAAI,SAAS,EAAC,8CAA8C,aACzD,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,WAAW,GAAG,CAAC,IAAI,CACxB,eAAM,SAAS,EAAC,mBAAmB,YAChC,CAAC,CAAC,2BAA2B,EAAE;4CAC9B,KAAK,EAAE,KAAK,CAAC,WAAW;yCACzB,CAAC,GACG,CACR,IACE,EACL,aAAI,SAAS,EAAC,0CAA0C,YACrD,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,GACtB,EACL,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,GAAG,GAC7D,KA/BA,KAAK,CAAC,KAAK,CAgCb,CACN,CAAC,GACI,IACF,GACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,MAAM,GAIP;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,0BACE,kBACE,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,kFAAkF,aAE5F,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAC1B,CAAC,CAAC,0BAA0B,CAAC,IACvB,EAER,SAAS,IAAI,KAAC,YAAY,KAAG,EAE7B,IAAI,IAAI,CACP,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,uCAAuC,aACpD,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,qBAAqB,CAAC,GACrB,EACN,cAAK,SAAS,EAAC,8CAA8C,YAC1D,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,SAAS,GAC5B,IACF,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,wBAAwB,CAAC,GACxB,EACN,cAAK,SAAS,EAAC,kDAAkD,YAC9D,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,GACzC,IACF,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,oBAAoB,CAAC,GACpB,EACN,cAAK,SAAS,EAAC,kDAAkD,YAC9D,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,GACxC,IACF,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,qBAAqB,CAAC,GACrB,EACN,cAAK,SAAS,EAAC,kDAAkD,YAC9D,IAAI,CAAC,OAAO,CAAC,UAAU,GACpB,IACF,IACF,EAEN,cAAK,SAAS,EAAC,iDAAiD,YAC9D,iBAAO,SAAS,EAAC,sCAAsC,aACrD,0BACE,cAAI,SAAS,EAAC,oCAAoC,aAChD,aAAI,SAAS,EAAC,qDAAqD,YAChE,CAAC,CAAC,oBAAoB,CAAC,GACrB,EACL,aAAI,SAAS,EAAC,qDAAqD,YAChE,CAAC,CAAC,oBAAoB,CAAC,GACrB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,wBAAwB,CAAC,GACzB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,sBAAsB,CAAC,GACvB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,sBAAsB,CAAC,GACvB,IACF,GACC,EACR,0BACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,cAEE,SAAS,EAAC,wCAAwC,aAElD,aAAI,SAAS,EAAC,oBAAoB,YAChC,eAAM,SAAS,EAAC,8EAA8E,YAC3F,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAC3B,GACJ,EACL,aAAI,SAAS,EAAC,gDAAgD,YAC3D,IAAI,CAAC,IAAI,GACP,EACL,aAAI,SAAS,EAAC,8CAA8C,YACzD,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,GAC7B,EACL,aAAI,SAAS,EAAC,8CAA8C,YACzD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC;oDACvC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,MAAM,IAAI,CAAC,YAAY,EAAE;oDAC9C,CAAC,CAAC,GAAG,GACJ,EACL,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,WAAW,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,GACjC,KArBA,IAAI,CAAC,EAAE,CAsBT,CACN,CAAC,GACI,IACF,GACJ,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,2EAA2E;AAE3E,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAoB;IAC1C,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAE/C,IAAI,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IACvC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC;QAChC,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC,GAAI,CAAC;IAE7D,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAC9B,IAAI,EAAE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GAChC,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/B,IAAI,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACjC,IACE,EAEL,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,0BACE,aAAI,SAAS,EAAC,0CAA0C,YACrD,CAAC,CAAC,gCAAgC,CAAC,GACjC,EACL,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC1B,0BACE,eAAK,SAAS,EAAC,8DAA8D,aAC3E,eAAM,SAAS,EAAC,kCAAkC,YAC/C,CAAC,CAAC,QAAQ,GACN,EACP,gBAAM,SAAS,EAAC,6CAA6C,aAC1D,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,YAAQ,CAAC,CAAC,KAAK,SAChC,IACH,EACN,cAAK,SAAS,EAAC,6CAA6C,YAC1D,cACE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,GAAG,GAAG,EAAE,GAClD,GACE,KAdE,CAAC,CAAC,QAAQ,CAed,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,2EAA2E;AAE3E,SAAS,cAAc;IACrB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAElE,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,KAAC,oBAAoB,IACnB,EAAE,EAAE,UAAU,EACd,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GACjC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IACvC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAC1C,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,6BAA6B,CAAC,GAAI,CAAC;IAEnE,OAAO,CACL,cAAK,SAAS,EAAC,iDAAiD,YAC9D,iBAAO,SAAS,EAAC,sCAAsC,aACrD,0BACE,cAAI,SAAS,EAAC,oCAAoC,aAChD,aAAI,SAAS,EAAC,qDAAqD,YAChE,CAAC,CAAC,oBAAoB,CAAC,GACrB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,sBAAsB,CAAC,GACvB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,wBAAwB,CAAC,GACzB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,uBAAuB,CAAC,GACxB,EACL,aAAI,SAAS,EAAC,KAAK,GAAG,IACnB,GACC,EACR,0BACG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAe,EAAE,EAAE,CAAC,CACpC,cAEE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,EACpC,SAAS,EAAC,0EAA0E,aAEpF,aAAI,SAAS,EAAC,gDAAgD,YAC3D,GAAG,CAAC,IAAI,GACN,EACL,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,WAAW,IAAC,MAAM,EAAE,GAAG,CAAC,MAAM,GAAI,GAChC,EACL,aAAI,SAAS,EAAC,8CAA8C,YACzD,GAAG,CAAC,QAAQ,CAAC,MAAM,GACjB,EACL,aAAI,SAAS,EAAC,iCAAiC,YAC5C,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,GACpB,EACL,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,GAAG,GAC7D,KAlBA,GAAG,CAAC,EAAE,CAmBR,CACN,CAAC,GACI,IACF,GACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,EAAE,EACF,MAAM,GAIP;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,0BACE,kBACE,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,kFAAkF,aAE5F,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAC1B,CAAC,CAAC,iCAAiC,CAAC,IAC9B,EAER,SAAS,IAAI,KAAC,YAAY,KAAG,EAE7B,GAAG,IAAI,CACN,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,iDAAiD,aAC9D,aAAI,SAAS,EAAC,sDAAsD,YACjE,GAAG,CAAC,IAAI,GACN,EACL,KAAC,WAAW,IAAC,MAAM,EAAE,GAAG,CAAC,MAAM,GAAI,IAC/B,EAEN,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,wBAAwB,CAAC,GACxB,EACN,cAAK,SAAS,EAAC,kDAAkD,YAC9D,GAAG,CAAC,QAAQ,CAAC,MAAM,GAChB,IACF,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,uBAAuB,CAAC,GACvB,EACN,cAAK,SAAS,EAAC,kDAAkD,YAC9D,GAAG,CAAC,OAAO,CAAC,MAAM,GACf,IACF,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,qBAAqB,CAAC,GACrB,EACN,cAAK,SAAS,EAAC,gDAAgD,YAC5D,GAAG,CAAC,eAAe,GAChB,IACF,IACF,EAEL,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,0BACE,aAAI,SAAS,EAAC,0CAA0C,YACrD,CAAC,CAAC,wBAAwB,CAAC,GACzB,EACL,cAAK,SAAS,EAAC,WAAW,YACvB,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACvB,eAEE,SAAS,EAAC,kFAAkF,aAE5F,eAAM,SAAS,EAAC,2BAA2B,YACxC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,GACZ,EACP,gBAAM,SAAS,EAAC,oCAAoC,yBACzC,CAAC,CAAC,MAAM,IACZ,KARF,CAAC,CAAC,EAAE,CASL,CACP,CAAC,GACE,IACF,CACP,EAEA,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,0BACE,aAAI,SAAS,EAAC,0CAA0C,YACrD,CAAC,CAAC,uBAAuB,CAAC,GACxB,EACL,cAAK,SAAS,EAAC,iDAAiD,YAC9D,iBAAO,SAAS,EAAC,sCAAsC,aACrD,0BACE,cAAI,SAAS,EAAC,oCAAoC,aAChD,aAAI,SAAS,EAAC,qDAAqD,YAChE,CAAC,CAAC,uBAAuB,CAAC,GACxB,EACL,aAAI,SAAS,EAAC,qDAAqD,YAChE,CAAC,CAAC,sBAAsB,CAAC,GACvB,EACL,aAAI,SAAS,EAAC,6CAA6C,YACxD,CAAC,CAAC,qBAAqB,CAAC,GACtB,EACL,aAAI,SAAS,EAAC,6CAA6C,mBAEtD,EACL,aAAI,SAAS,EAAC,6CAA6C,kBAEtD,IACF,GACC,EACR,0BACG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,cAEE,SAAS,EAAC,wCAAwC,aAElD,aAAI,SAAS,EAAC,8CAA8C,YACzD,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,GACrB,EACL,aAAI,SAAS,EAAC,oCAAoC,YAC/C,CAAC,CAAC,MAAM,GACN,EACL,aAAI,SAAS,EAAC,wCAAwC,YACnD,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAChB,EACL,cAAI,SAAS,EAAC,8CAA8C,kBACxD,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,OAAG,GAAG,EACjC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,SACzB,EACL,aAAI,SAAS,EAAC,8CAA8C,YACzD,CAAC,CAAC,UAAU,GACV,KAlBA,CAAC,CAAC,EAAE,CAmBN,CACN,CAAC,GACI,IACF,GACJ,IACF,CACP,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,2EAA2E;AAE3E,SAAS,WAAW,CAAC,EAAE,IAAI,EAAoB;IAC7C,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACxE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAErD,MAAM,SAAS,GAAG,YAAY,IAAI,WAAW,CAAC;IAC9C,IAAI,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IAEvC,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,IAAI,CAAC,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,KAAM,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,cAAc,GAClB,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;QACrC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;YAC5D,YAAY,CAAC,MAAM;QACrB,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,uCAAuC,aACpD,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACvC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,EAChC,IAAI,EAAE,KAAC,iBAAiB,IAAC,IAAI,EAAE,EAAE,GAAI,GACrC,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,EACnC,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAC/B,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,UAAU,IAAI,CAAC,CAAC,EACrC,IAAI,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACjC,EACF,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EACrC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAChC,IAAI,EAAE,KAAC,iBAAiB,IAAC,IAAI,EAAE,EAAE,GAAI,GACrC,IACE,EAEL,WAAW,GAAG,CAAC,IAAI,CAClB,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,oCAAoC,YAChD,CAAC,CAAC,4BAA4B,CAAC,GAC5B,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,kDAAkD,YAC/D,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,YAAY,GAAG,GAAG,GAAG,EAAE,GAC1C,GACE,EACN,eAAM,SAAS,EAAC,kDAAkD,YAC/D,aAAa,CAAC,YAAY,CAAC,GACvB,IACH,IACF,CACP,EAEA,KAAK,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAChE,0BACE,aAAI,SAAS,EAAC,0CAA0C,YACrD,CAAC,CAAC,0BAA0B,CAAC,GAC3B,EACL,cAAK,SAAS,EAAC,wBAAwB,YACpC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACtD,gBAEE,SAAS,EAAC,wHAAwH,aAElI,eAAM,SAAS,EAAC,UAAU,YAAE,GAAG,GAAQ,EACvC,eAAM,SAAS,EAAC,6CAA6C,YAC1D,KAAK,GACD,KANF,GAAG,CAOH,CACR,CAAC,GACE,IACF,CACP,EAEA,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,0BACE,aAAI,SAAS,EAAC,0CAA0C,gCAEnD,EACL,cAAK,SAAS,EAAC,sFAAsF,YAClG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,0FAA0F,aAEpG,gBAAM,SAAS,EAAC,UAAU,aACvB,KAAK,CAAC,YAAY,KAAK,WAAW,IAAI,CACrC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB,GAAG,CACrD,EACA,KAAK,CAAC,YAAY,KAAK,aAAa,IAAI,CACvC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CACrD,EACA,KAAK,CAAC,YAAY,KAAK,UAAU,IAAI,CACpC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,CACrD,EACA,KAAK,CAAC,YAAY,KAAK,MAAM,IAAI,CAChC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,GAAG,CAC7D,IACI,EACP,eAAM,SAAS,EAAC,yCAAyC,YACtD,KAAK,CAAC,YAAY,KAAK,MAAM;wCAC9B,KAAK,CAAC,YAAY,KAAK,UAAU;wCAC/B,CAAC,CAAC,KAAK,CAAC,KAAK;wCACb,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GACnC,EACP,eAAM,SAAS,EAAC,gCAAgC,YAC7C,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,GACpB,KAzBF,KAAK,CAAC,EAAE,CA0BT,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,2EAA2E;AAE3E,MAAM,IAAI,GAAG;IACX,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,wBAAwB,EAAE,IAAI,EAAE,YAAY,EAAE;IAC1E;QACE,EAAE,EAAE,eAAe;QACnB,QAAQ,EAAE,6BAA6B;QACvC,IAAI,EAAE,YAAY;KACnB;IACD,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,EAAE,YAAY,EAAE;IACpE;QACE,EAAE,EAAE,aAAa;QACjB,QAAQ,EAAE,2BAA2B;QACrC,IAAI,EAAE,OAAO;KACd;IACD;QACE,EAAE,EAAE,UAAU;QACd,QAAQ,EAAE,wBAAwB;QAClC,IAAI,EAAE,iBAAiB;KACxB;CACO,CAAC;AAQX,MAAM,UAAU,sBAAsB,CAAC,EACrC,SAAS,GACmB;IAC5B,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAQ,UAAU,CAAC,CAAC;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aACxC,eAAK,SAAS,EAAC,mDAAmD,aAChE,cAAK,SAAS,EAAC,4DAA4D,YACxE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;4BAChB,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;4BACtB,OAAO,CACL,kBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,EACnC,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,SAAS,KAAK,GAAG,CAAC,EAAE;oCAClB,CAAC,CAAC,yCAAyC;oCAC3C,CAAC,CAAC,6CAA6C,CAClD,aAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EACjB,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,KAVX,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC;wBACJ,CAAC,CAAC,GACE,EACL,SAAS,KAAK,aAAa,IAAI,CAC9B,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAI,CAClD,IACG,EAEL,SAAS,KAAK,UAAU,IAAI,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,EACvD,SAAS,KAAK,eAAe,IAAI,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,GAAI,EACjE,SAAS,KAAK,OAAO,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,EACjD,SAAS,KAAK,aAAa,IAAI,KAAC,cAAc,KAAG,EACjD,SAAS,KAAK,UAAU,IAAI,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,IACpD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useState } from \"react\";\nimport {\n IconActivity,\n IconMessages,\n IconThumbUp,\n IconThumbDown,\n IconClock,\n IconCoin,\n IconTool,\n IconMoodSmile,\n IconChartBar,\n IconAB2,\n IconMessageReport,\n IconChevronRight,\n IconArrowLeft,\n IconLoader2,\n IconAlertTriangle,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { useT } from \"../i18n.js\";\nimport {\n useObservabilityOverview,\n useTraces,\n useTraceDetail,\n useFeedbackList,\n useFeedbackStats,\n useSatisfaction,\n useEvalStats,\n useExperiments,\n useExperimentDetail,\n useExperimentResults,\n type TraceSummary,\n type Experiment,\n} from \"./useObservability.js\";\n\n// ─── Helpers ────────────────────────────────────────────────────────────\n\nfunction formatCost(centsX100: number): string {\n const cents = centsX100 / 100;\n if (cents < 1) return `${cents.toFixed(3)}¢`;\n if (cents < 100) return `${cents.toFixed(2)}¢`;\n return `$${(cents / 100).toFixed(2)}`;\n}\n\nfunction formatCostCents(cents: number): string {\n if (cents < 1) return `${cents.toFixed(3)}¢`;\n if (cents < 100) return `${cents.toFixed(2)}¢`;\n return `$${(cents / 100).toFixed(2)}`;\n}\n\nfunction formatDuration(ms: number): string {\n if (ms < 1000) return `${Math.round(ms)}ms`;\n if (ms < 60_000) return `${(ms / 1000).toFixed(1)}s`;\n return `${(ms / 60_000).toFixed(1)}m`;\n}\n\nfunction formatPercent(ratio: number): string {\n return `${(ratio * 100).toFixed(1)}%`;\n}\n\nfunction truncateId(id: string, len = 8): string {\n return id.length > len ? id.slice(0, len) + \"…\" : id;\n}\n\nfunction timeAgo(ts: number): string {\n const diff = Date.now() - ts;\n if (diff < 60_000) return \"just now\";\n if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}m ago`;\n if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)}h ago`;\n return `${Math.floor(diff / 86_400_000)}d ago`;\n}\n\nconst RANGES = [\n { value: 7, label: \"7d\" },\n { value: 30, label: \"30d\" },\n { value: 90, label: \"90d\" },\n] as const;\n\n// ─── Shared components ──────────────────────────────────────────────────\n\nfunction RangeSelector({\n value,\n onChange,\n}: {\n value: number;\n onChange: (v: number) => void;\n}) {\n return (\n <div className=\"flex gap-1 rounded-md border border-border p-0.5\">\n {RANGES.map((r) => (\n <button\n key={r.value}\n onClick={() => onChange(r.value)}\n className={cn(\n \"px-2.5 py-1 text-xs rounded\",\n value === r.value\n ? \"bg-accent text-foreground\"\n : \"text-muted-foreground hover:text-foreground\",\n )}\n >\n {r.label}\n </button>\n ))}\n </div>\n );\n}\n\nfunction MetricCard({\n label,\n value,\n icon,\n}: {\n label: string;\n value: string;\n icon: React.ReactNode;\n}) {\n return (\n <div className=\"rounded-lg border border-border bg-background p-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <span className=\"text-xs text-muted-foreground\">{label}</span>\n <span className=\"text-muted-foreground\">{icon}</span>\n </div>\n <div className=\"text-2xl font-semibold tabular-nums text-foreground\">\n {value}\n </div>\n </div>\n );\n}\n\nfunction StatusBadge({\n status,\n}: {\n status: \"draft\" \| \"running\" \| \"paused\" \| \"completed\" \| \"success\" \| \"error\";\n}) {\n const styles: Record<string, string> = {\n draft: \"bg-muted text-muted-foreground\",\n running: \"bg-blue-500/15 text-blue-500\",\n paused: \"bg-yellow-500/15 text-yellow-500\",\n completed: \"bg-green-500/15 text-green-500\",\n success: \"bg-green-500/15 text-green-500\",\n error: \"bg-red-500/15 text-red-500\",\n };\n return (\n <span\n className={cn(\n \"inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize\",\n styles[status] ?? styles.draft,\n )}\n >\n {status}\n </span>\n );\n}\n\nfunction EmptyState({ message }: { message: string }) {\n return (\n <div className=\"flex items-center justify-center py-12 text-sm text-muted-foreground\">\n {message}\n </div>\n );\n}\n\nfunction LoadingState() {\n return (\n <div className=\"flex items-center justify-center py-12\">\n <IconLoader2 size={20} className=\"animate-spin text-muted-foreground\" />\n </div>\n );\n}\n\n// ─── Tab: Overview ──────────────────────────────────────────────────────\n\nfunction OverviewTab({ days }: { days: number }) {\n const t = useT();\n const { data, isLoading } = useObservabilityOverview(days);\n\n if (isLoading) return <LoadingState />;\n if (!data) return <EmptyState message={t(\"observability.noData\")} />;\n\n return (\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n <MetricCard\n label={t(\"observability.totalRuns\")}\n value={String(data.totalRuns)}\n icon={<IconActivity size={16} />}\n />\n <MetricCard\n label={t(\"observability.totalCost\")}\n value={formatCostCents(data.totalCostCents)}\n icon={<IconCoin size={16} />}\n />\n <MetricCard\n label={t(\"observability.avgLatency\")}\n value={formatDuration(data.avgDurationMs)}\n icon={<IconClock size={16} />}\n />\n <MetricCard\n label={t(\"observability.toolSuccess\")}\n value={formatPercent(data.toolSuccessRate)}\n icon={<IconTool size={16} />}\n />\n <MetricCard\n label={t(\"observability.thumbsUp\")}\n value={formatPercent(data.thumbsUpRate)}\n icon={<IconThumbUp size={16} />}\n />\n <MetricCard\n label={t(\"observability.avgEvalScore\")}\n value={data.avgEvalScore.toFixed(2)}\n icon={<IconMoodSmile size={16} />}\n />\n </div>\n );\n}\n\n// ─── Tab: Conversations ─────────────────────────────────────────────────\n\nfunction ConversationsTab({ days }: { days: number }) {\n const t = useT();\n const { data: traces, isLoading } = useTraces(days);\n const [selectedRunId, setSelectedRunId] = useState<string \| null>(null);\n\n if (selectedRunId) {\n return (\n <TraceDetailView\n runId={selectedRunId}\n onBack={() => setSelectedRunId(null)}\n />\n );\n }\n\n if (isLoading) return <LoadingState />;\n if (!traces \|\| traces.length === 0)\n return <EmptyState message={t(\"observability.noConversations\")} />;\n\n return (\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[15%]\">\n {t(\"observability.run\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[20%]\">\n {t(\"observability.model\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.duration\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.cost\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.tools\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.time\")}\n </th>\n <th className=\"w-8\" />\n </tr>\n </thead>\n <tbody>\n {traces.map((trace: TraceSummary) => (\n <tr\n key={trace.runId}\n onClick={() => setSelectedRunId(trace.runId)}\n className=\"border-b border-border last:border-b-0 cursor-pointer hover:bg-accent/30\"\n >\n <td className=\"px-3 py-2 font-mono text-foreground truncate\">\n {truncateId(trace.runId)}\n </td>\n <td className=\"px-3 py-2 text-muted-foreground truncate\">\n {trace.model \|\| \"unknown\"}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {formatDuration(trace.totalDurationMs)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {formatCost(trace.totalCostCentsX100)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {trace.toolCalls}\n {trace.failedTools > 0 && (\n <span className=\"ml-1 text-red-500\">\n {t(\"observability.failedCount\", {\n count: trace.failedTools,\n })}\n </span>\n )}\n </td>\n <td className=\"px-3 py-2 text-muted-foreground truncate\">\n {timeAgo(trace.createdAt)}\n </td>\n <td className=\"px-3 py-2\">\n <IconChevronRight size={14} className=\"text-muted-foreground\" />\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction TraceDetailView({\n runId,\n onBack,\n}: {\n runId: string;\n onBack: () => void;\n}) {\n const t = useT();\n const { data, isLoading } = useTraceDetail(runId);\n\n return (\n <div>\n <button\n onClick={onBack}\n className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground mb-3\"\n >\n <IconArrowLeft size={14} />\n {t(\"observability.backToList\")}\n </button>\n\n {isLoading && <LoadingState />}\n\n {data && (\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n {t(\"observability.model\")}\n </div>\n <div className=\"text-sm font-medium text-foreground truncate\">\n {data.summary.model \|\| \"unknown\"}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n {t(\"observability.duration\")}\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {formatDuration(data.summary.totalDurationMs)}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n {t(\"observability.cost\")}\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {formatCost(data.summary.totalCostCentsX100)}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n {t(\"observability.spans\")}\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {data.summary.totalSpans}\n </div>\n </div>\n </div>\n\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[15%]\">\n {t(\"observability.type\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[35%]\">\n {t(\"observability.name\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.duration\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.tokens\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.status\")}\n </th>\n </tr>\n </thead>\n <tbody>\n {data.spans.map((span) => (\n <tr\n key={span.id}\n className=\"border-b border-border last:border-b-0\"\n >\n <td className=\"px-3 py-2 truncate\">\n <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground\">\n {span.spanType.replace(\"_\", \" \")}\n </span>\n </td>\n <td className=\"px-3 py-2 font-medium text-foreground truncate\">\n {span.name}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {formatDuration(span.durationMs)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {span.inputTokens + span.outputTokens > 0\n ? `${span.inputTokens} / ${span.outputTokens}`\n : \"-\"}\n </td>\n <td className=\"px-3 py-2\">\n <StatusBadge status={span.status} />\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </div>\n )}\n </div>\n );\n}\n\n// ─── Tab: Evals ─────────────────────────────────────────────────────────\n\nfunction EvalsTab({ days }: { days: number }) {\n const t = useT();\n const { data, isLoading } = useEvalStats(days);\n\n if (isLoading) return <LoadingState />;\n if (!data \|\| data.totalEvals === 0)\n return <EmptyState message={t(\"observability.noEvals\")} />;\n\n const maxCount = Math.max(...data.byCriteria.map((c) => c.count), 1);\n\n return (\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-2 gap-3\">\n <MetricCard\n label={t(\"observability.totalEvals\")}\n value={String(data.totalEvals)}\n icon={<IconChartBar size={16} />}\n />\n <MetricCard\n label={t(\"observability.avgScore\")}\n value={data.avgScore.toFixed(2)}\n icon={<IconMoodSmile size={16} />}\n />\n </div>\n\n {data.byCriteria.length > 0 && (\n <div>\n <h3 className=\"text-xs font-medium text-foreground mb-2\">\n {t(\"observability.scoresByCriteria\")}\n </h3>\n <div className=\"space-y-2\">\n {data.byCriteria.map((c) => (\n <div key={c.criteria}>\n <div className=\"flex items-center justify-between gap-2 text-xs mb-1 min-w-0\">\n <span className=\"text-foreground truncate min-w-0\">\n {c.criteria}\n </span>\n <span className=\"shrink-0 text-muted-foreground tabular-nums\">\n {c.avgScore.toFixed(2)} avg ({c.count})\n </span>\n </div>\n <div className=\"h-1.5 rounded-full bg-muted overflow-hidden\">\n <div\n className=\"h-full bg-foreground/70 rounded-full\"\n style={{ width: `${(c.count / maxCount) * 100}%` }}\n />\n </div>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n );\n}\n\n// ─── Tab: Experiments ───────────────────────────────────────────────────\n\nfunction ExperimentsTab() {\n const t = useT();\n const { data: experiments, isLoading } = useExperiments();\n const [selectedId, setSelectedId] = useState<string \| null>(null);\n\n if (selectedId) {\n return (\n <ExperimentDetailView\n id={selectedId}\n onBack={() => setSelectedId(null)}\n />\n );\n }\n\n if (isLoading) return <LoadingState />;\n if (!experiments \|\| experiments.length === 0)\n return <EmptyState message={t(\"observability.noExperiments\")} />;\n\n return (\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[40%]\">\n {t(\"observability.name\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.status\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.variants\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.created\")}\n </th>\n <th className=\"w-8\" />\n </tr>\n </thead>\n <tbody>\n {experiments.map((exp: Experiment) => (\n <tr\n key={exp.id}\n onClick={() => setSelectedId(exp.id)}\n className=\"border-b border-border last:border-b-0 cursor-pointer hover:bg-accent/30\"\n >\n <td className=\"px-3 py-2 font-medium text-foreground truncate\">\n {exp.name}\n </td>\n <td className=\"px-3 py-2\">\n <StatusBadge status={exp.status} />\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {exp.variants.length}\n </td>\n <td className=\"px-3 py-2 text-muted-foreground\">\n {timeAgo(exp.createdAt)}\n </td>\n <td className=\"px-3 py-2\">\n <IconChevronRight size={14} className=\"text-muted-foreground\" />\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction ExperimentDetailView({\n id,\n onBack,\n}: {\n id: string;\n onBack: () => void;\n}) {\n const t = useT();\n const { data: exp, isLoading } = useExperimentDetail(id);\n const { data: results } = useExperimentResults(id);\n\n return (\n <div>\n <button\n onClick={onBack}\n className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground mb-3\"\n >\n <IconArrowLeft size={14} />\n {t(\"observability.backToExperiments\")}\n </button>\n\n {isLoading && <LoadingState />}\n\n {exp && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between gap-2 min-w-0\">\n <h3 className=\"text-sm font-medium text-foreground truncate min-w-0\">\n {exp.name}\n </h3>\n <StatusBadge status={exp.status} />\n </div>\n\n <div className=\"grid grid-cols-3 gap-3\">\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n {t(\"observability.variants\")}\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {exp.variants.length}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n {t(\"observability.metrics\")}\n </div>\n <div className=\"text-sm font-medium tabular-nums text-foreground\">\n {exp.metrics.length}\n </div>\n </div>\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-[10px] text-muted-foreground mb-1\">\n {t(\"observability.level\")}\n </div>\n <div className=\"text-sm font-medium text-foreground capitalize\">\n {exp.assignmentLevel}\n </div>\n </div>\n </div>\n\n {exp.variants.length > 0 && (\n <div>\n <h4 className=\"text-xs font-medium text-foreground mb-2\">\n {t(\"observability.variants\")}\n </h4>\n <div className=\"space-y-1\">\n {exp.variants.map((v) => (\n <div\n key={v.id}\n className=\"flex items-center justify-between rounded border border-border px-3 py-2 text-xs\"\n >\n <span className=\"font-mono text-foreground\">\n {truncateId(v.id)}\n </span>\n <span className=\"text-muted-foreground tabular-nums\">\n Weight: {v.weight}\n </span>\n </div>\n ))}\n </div>\n </div>\n )}\n\n {results && results.length > 0 && (\n <div>\n <h4 className=\"text-xs font-medium text-foreground mb-2\">\n {t(\"observability.results\")}\n </h4>\n <div className=\"rounded-lg border border-border overflow-hidden\">\n <table className=\"w-full table-fixed text-left text-xs\">\n <thead>\n <tr className=\"border-b border-border bg-muted/30\">\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[20%]\">\n {t(\"observability.variant\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground w-[25%]\">\n {t(\"observability.metric\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n {t(\"observability.value\")}\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n CI\n </th>\n <th className=\"px-3 py-2 font-medium text-muted-foreground\">\n N\n </th>\n </tr>\n </thead>\n <tbody>\n {results.map((r) => (\n <tr\n key={r.id}\n className=\"border-b border-border last:border-b-0\"\n >\n <td className=\"px-3 py-2 font-mono text-foreground truncate\">\n {truncateId(r.variantId)}\n </td>\n <td className=\"px-3 py-2 text-foreground truncate\">\n {r.metric}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-foreground\">\n {r.value.toFixed(3)}\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n [{r.confidenceLow.toFixed(3)},{\" \"}\n {r.confidenceHigh.toFixed(3)}]\n </td>\n <td className=\"px-3 py-2 tabular-nums text-muted-foreground\">\n {r.sampleSize}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n\n// ─── Tab: Feedback ──────────────────────────────────────────────────────\n\nfunction FeedbackTab({ days }: { days: number }) {\n const t = useT();\n const { data: stats, isLoading: statsLoading } = useFeedbackStats(days);\n const { data: entries, isLoading: listLoading } = useFeedbackList(days);\n const { data: satisfaction } = useSatisfaction(days);\n\n const isLoading = statsLoading \|\| listLoading;\n if (isLoading) return <LoadingState />;\n\n const thumbsTotal = (stats?.thumbsUp ?? 0) + (stats?.thumbsDown ?? 0);\n const thumbsUpRate = thumbsTotal > 0 ? stats!.thumbsUp / thumbsTotal : 0;\n const avgFrustration =\n satisfaction && satisfaction.length > 0\n ? satisfaction.reduce((sum, s) => sum + s.frustrationScore, 0) /\n satisfaction.length\n : 0;\n\n return (\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <MetricCard\n label={t(\"observability.totalFeedback\")}\n value={String(stats?.total ?? 0)}\n icon={<IconMessageReport size={16} />}\n />\n <MetricCard\n label={t(\"observability.thumbsUp\")}\n value={String(stats?.thumbsUp ?? 0)}\n icon={<IconThumbUp size={16} />}\n />\n <MetricCard\n label={t(\"observability.thumbsDown\")}\n value={String(stats?.thumbsDown ?? 0)}\n icon={<IconThumbDown size={16} />}\n />\n <MetricCard\n label={t(\"observability.frustration\")}\n value={avgFrustration.toFixed(2)}\n icon={<IconAlertTriangle size={16} />}\n />\n </div>\n\n {thumbsTotal > 0 && (\n <div className=\"rounded-lg border border-border p-3\">\n <div className=\"text-xs text-muted-foreground mb-2\">\n {t(\"observability.thumbsUpRate\")}\n </div>\n <div className=\"flex items-center gap-3\">\n <div className=\"flex-1 h-2 rounded-full bg-muted overflow-hidden\">\n <div\n className=\"h-full bg-green-500 rounded-full\"\n style={{ width: `${thumbsUpRate * 100}%` }}\n />\n </div>\n <span className=\"text-sm font-medium tabular-nums text-foreground\">\n {formatPercent(thumbsUpRate)}\n </span>\n </div>\n </div>\n )}\n\n {stats?.categories && Object.keys(stats.categories).length > 0 && (\n <div>\n <h3 className=\"text-xs font-medium text-foreground mb-2\">\n {t(\"observability.categories\")}\n </h3>\n <div className=\"flex flex-wrap gap-1.5\">\n {Object.entries(stats.categories).map(([cat, count]) => (\n <span\n key={cat}\n className=\"inline-flex items-center gap-1 rounded-full border border-border px-2.5 py-1 text-[10px] text-foreground max-w-[200px]\"\n >\n <span className=\"truncate\">{cat}</span>\n <span className=\"shrink-0 text-muted-foreground tabular-nums\">\n {count}\n </span>\n </span>\n ))}\n </div>\n </div>\n )}\n\n {entries && entries.length > 0 && (\n <div>\n <h3 className=\"text-xs font-medium text-foreground mb-2\">\n Recent feedback\n </h3>\n <div className=\"space-y-1 max-h-64 overflow-y-auto overflow-x-hidden rounded-lg border border-border\">\n {entries.map((entry) => (\n <div\n key={entry.id}\n className=\"flex items-center gap-2 px-3 py-2 text-xs border-b border-border last:border-b-0 min-w-0\"\n >\n <span className=\"shrink-0\">\n {entry.feedbackType === \"thumbs_up\" && (\n <IconThumbUp size={14} className=\"text-green-500\" />\n )}\n {entry.feedbackType === \"thumbs_down\" && (\n <IconThumbDown size={14} className=\"text-red-500\" />\n )}\n {entry.feedbackType === \"category\" && (\n <IconChartBar size={14} className=\"text-blue-500\" />\n )}\n {entry.feedbackType === \"text\" && (\n <IconMessages size={14} className=\"text-muted-foreground\" />\n )}\n </span>\n <span className=\"flex-1 min-w-0 truncate text-foreground\">\n {entry.feedbackType === \"text\" \|\|\n entry.feedbackType === \"category\"\n ? entry.value\n : entry.feedbackType.replace(\"_\", \" \")}\n </span>\n <span className=\"shrink-0 text-muted-foreground\">\n {timeAgo(entry.createdAt)}\n </span>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n );\n}\n\n// ─── Main Dashboard ─────────────────────────────────────────────────────\n\nconst TABS = [\n { id: \"overview\", labelKey: \"observability.overview\", icon: IconActivity },\n {\n id: \"conversations\",\n labelKey: \"observability.conversations\",\n icon: IconMessages,\n },\n { id: \"evals\", labelKey: \"observability.evals\", icon: IconChartBar },\n {\n id: \"experiments\",\n labelKey: \"observability.experiments\",\n icon: IconAB2,\n },\n {\n id: \"feedback\",\n labelKey: \"observability.feedback\",\n icon: IconMessageReport,\n },\n] as const;\n\ntype TabId = (typeof TABS)[number][\"id\"];\n\nexport interface ObservabilityDashboardProps {\n className?: string;\n}\n\nexport function ObservabilityDashboard({\n className,\n}: ObservabilityDashboardProps) {\n const t = useT();\n const [activeTab, setActiveTab] = useState<TabId>(\"overview\");\n const [days, setDays] = useState(7);\n\n return (\n <div className={cn(\"space-y-4\", className)}>\n <div className=\"flex items-center justify-between gap-4 flex-wrap\">\n <div className=\"flex gap-1 rounded-lg border border-border p-1 bg-muted/30\">\n {TABS.map((tab) => {\n const Icon = tab.icon;\n return (\n <button\n key={tab.id}\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n \"flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium\",\n activeTab === tab.id\n ? \"bg-background text-foreground shadow-sm\"\n : \"text-muted-foreground hover:text-foreground\",\n )}\n >\n <Icon size={14} />\n {t(tab.labelKey)}\n </button>\n );\n })}\n </div>\n {activeTab !== \"experiments\" && (\n <RangeSelector value={days} onChange={setDays} />\n )}\n </div>\n\n {activeTab === \"overview\" && <OverviewTab days={days} />}\n {activeTab === \"conversations\" && <ConversationsTab days={days} />}\n {activeTab === \"evals\" && <EvalsTab days={days} />}\n {activeTab === \"experiments\" && <ExperimentsTab />}\n {activeTab === \"feedback\" && <FeedbackTab days={days} />}\n </div>\n );\n}\n"]}

package/dist/client/org/RequireActiveOrg.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RequireActiveOrg.d.ts","sourceRoot":"","sources":["../../../src/client/org/RequireActiveOrg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;~~AAe5C~~,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,~~KAAkC~~,~~EAClC~~,~~WAAiI~~,~~EACjI~~,SAAS,GACV,EAAE,qBAAqB,~~kDA+BvB~~"}
1	+ {"version":3,"file":"RequireActiveOrg.d.ts","sourceRoot":"","sources":["../../../src/client/org/RequireActiveOrg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAgB5C,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,qBAAqB,kDAgCvB"}

package/dist/client/org/RequireActiveOrg.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from "react";
 import { IconAlertTriangle, IconBuilding, IconLoader2, IconUserPlus, IconAt, } from "@tabler/icons-react";
 import { useAcceptInvitation, useCreateOrg, useJoinByDomain, useOrg, } from "./hooks.js";
+import { useT } from "../i18n.js";
 /**
  * Guards its children behind the user having an active organization.
  *
@@ -18,7 +19,8 @@ import { useAcceptInvitation, useCreateOrg, useJoinByDomain, useOrg, } from "./h
  * ambient UI (agent sidebar, global nav) stays accessible while the user
  * completes org setup.
  */
-export function RequireActiveOrg({ children, title = "Create your organization", description = "This app organizes your content by team. Create an organization to continue — you can invite teammates afterward.", className, }) {
+export function RequireActiveOrg({ children, title, description, className, }) {
+    const t = useT();
     const { data: org, isLoading, isError, error, refetch } = useOrg();
     if (isLoading)
         return null;
@@ -27,17 +29,19 @@ export function RequireActiveOrg({ children, title = "Create your organization",
     // 500). Render a retry state instead. Only treat a successful null orgId
     // response as "genuinely no org".
     if (isError) {
-        return (_jsx(ErrorPane, { message: error?.message ?? "Couldn't load organization.", onRetry: () => void refetch(), className: className }));
+        return (_jsx(ErrorPane, { message: error?.message ?? t("org.loadErrorFallback"), onRetry: () => void refetch(), className: className }));
     }
     if (org?.orgId)
         return _jsx(_Fragment, { children: children });
-    return (_jsx(CreateOrgPane, { pendingInvitations: org?.pendingInvitations ?? [], domainMatches: org?.domainMatches ?? [], email: org?.email ?? "", title: title, description: description, className: className }));
+    return (_jsx(CreateOrgPane, { pendingInvitations: org?.pendingInvitations ?? [], domainMatches: org?.domainMatches ?? [], email: org?.email ?? "", title: title ?? t("org.createTitle"), description: description ?? t("org.createDescription"), className: className }));
 }
 function ErrorPane({ message, onRetry, className, }) {
+    const t = useT();
     return (_jsx("div", { className: "flex h-full w-full items-center justify-center overflow-y-auto bg-background p-8 " +
-            (className ?? ""), children: _jsxs("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg", children: [_jsxs("div", { className: "mb-4 flex items-center gap-2", children: [_jsx(IconAlertTriangle, { className: "h-5 w-5 text-muted-foreground" }), _jsx("h1", { className: "text-lg font-semibold", children: "Couldn't load organization" })] }), _jsx("p", { className: "mb-5 text-sm text-muted-foreground", children: message }), _jsx("button", { type: "button", onClick: onRetry, className: "w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90", children: "Try again" })] }) }));
+            (className ?? ""), children: _jsxs("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg", children: [_jsxs("div", { className: "mb-4 flex items-center gap-2", children: [_jsx(IconAlertTriangle, { className: "h-5 w-5 text-muted-foreground" }), _jsx("h1", { className: "text-lg font-semibold", children: t("org.loadErrorTitle") })] }), _jsx("p", { className: "mb-5 text-sm text-muted-foreground", children: message }), _jsx("button", { type: "button", onClick: onRetry, className: "w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90", children: t("org.tryAgain") })] }) }));
 }
 function CreateOrgPane({ pendingInvitations, domainMatches, email, title, description, className, }) {
+    const t = useT();
     const createOrg = useCreateOrg();
     const acceptInvitation = useAcceptInvitation();
     const joinByDomain = useJoinByDomain();
@@ -49,8 +53,8 @@ function CreateOrgPane({ pendingInvitations, domainMatches, email, title, descri
     const busy = createOrg.isPending || acceptInvitation.isPending || joinByDomain.isPending;
     return (_jsx("div", { className: "flex h-full w-full items-center justify-center overflow-y-auto bg-background p-8 " +
             (className ?? ""), children: _jsxs("div", { className: "my-auto w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg", children: [_jsxs("div", { className: "mb-6 flex items-center gap-2", children: [_jsx(IconBuilding, { className: "h-5 w-5 text-muted-foreground" }), _jsx("h1", { className: "text-lg font-semibold", children: title })] }), _jsx("p", { className: "mb-6 text-sm text-muted-foreground", children: description }), hasDomainMatches && (_jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "mb-2 text-[10px] uppercase tracking-wide text-muted-foreground", children: domainMatches.length === 1
-                                ? "Your organization"
-                                : "Join your team" }), _jsx("ul", { className: "space-y-2", children: domainMatches.map((match) => (_jsxs("li", { className: "flex items-center gap-3 rounded-lg border border-primary/50 bg-primary/5 px-4 py-3", children: [_jsx(IconAt, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: match.orgName }), _jsxs("div", { className: "truncate text-xs text-muted-foreground", children: ["Open to @", userDomain, " emails"] })] }), _jsx("button", { type: "button", disabled: busy, onClick: () => joinByDomain.mutate(match.orgId), className: "shrink-0 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: joinByDomain.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (`Join ${match.orgName}`) })] }, match.orgId))) })] })), hasInvites && (_jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "mb-2 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Pending invitations" }), _jsx("ul", { className: "space-y-2", children: pendingInvitations.map((inv) => (_jsxs("li", { className: "flex items-center gap-3 rounded-lg border border-border bg-background px-3 py-2", children: [_jsx(IconUserPlus, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: inv.orgName }), _jsxs("div", { className: "truncate text-xs text-muted-foreground", children: ["from ", inv.invitedBy] })] }), _jsx("button", { type: "button", disabled: busy, onClick: () => acceptInvitation.mutate(inv.id), className: "shrink-0 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: acceptInvitation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Accept") })] }, inv.id))) })] })), (hasDomainMatches || hasInvites) && (_jsxs("button", { type: "button", onClick: () => setShowCreateForm((v) => !v), className: "mb-4 flex w-full cursor-pointer items-center gap-3", children: [_jsx("div", { className: "h-px flex-1 bg-border" }), _jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "or create a separate organization" }), _jsx("div", { className: "h-px flex-1 bg-border" })] })), showCreateForm && (_jsxs("form", { onSubmit: async (e) => {
+                                ? t("org.yourOrganization")
+                                : t("org.joinYourTeam") }), _jsx("ul", { className: "space-y-2", children: domainMatches.map((match) => (_jsxs("li", { className: "flex items-center gap-3 rounded-lg border border-primary/50 bg-primary/5 px-4 py-3", children: [_jsx(IconAt, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: match.orgName }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: t("org.openToDomainEmails", { domain: userDomain }) })] }), _jsx("button", { type: "button", disabled: busy, onClick: () => joinByDomain.mutate(match.orgId), className: "shrink-0 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: joinByDomain.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (t("org.joinOrg", { name: match.orgName })) })] }, match.orgId))) })] })), hasInvites && (_jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "mb-2 text-[10px] uppercase tracking-wide text-muted-foreground", children: t("org.pendingInvitations") }), _jsx("ul", { className: "space-y-2", children: pendingInvitations.map((inv) => (_jsxs("li", { className: "flex items-center gap-3 rounded-lg border border-border bg-background px-3 py-2", children: [_jsx(IconUserPlus, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: inv.orgName }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: t("org.invitedBy", { name: inv.invitedBy }) })] }), _jsx("button", { type: "button", disabled: busy, onClick: () => acceptInvitation.mutate(inv.id), className: "shrink-0 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: acceptInvitation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (t("org.accept")) })] }, inv.id))) })] })), (hasDomainMatches || hasInvites) && (_jsxs("button", { type: "button", onClick: () => setShowCreateForm((v) => !v), className: "mb-4 flex w-full cursor-pointer items-center gap-3", children: [_jsx("div", { className: "h-px flex-1 bg-border" }), _jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: t("org.createSeparate") }), _jsx("div", { className: "h-px flex-1 bg-border" })] })), showCreateForm && (_jsxs("form", { onSubmit: async (e) => {
                         e.preventDefault();
                         const trimmed = name.trim();
                         if (!trimmed)
@@ -61,8 +65,10 @@ function CreateOrgPane({ pendingInvitations, domainMatches, email, title, descri
                         catch {
                             /* surfaced below */
                         }
-                    }, className: "space-y-3", children: [_jsxs("label", { className: "block", children: [_jsx("span", { className: "mb-1 block text-xs font-medium text-foreground", children: "Organization name" }), _jsx("input", { autoFocus: !hasDomainMatches && !hasInvites, value: name, onChange: (e) => setName(e.target.value), placeholder: "Acme Inc.", disabled: busy, className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring disabled:opacity-50" })] }), createOrg.error && (_jsx("div", { className: "text-xs text-red-600", children: createOrg.error.message })), acceptInvitation.error && (_jsx("div", { className: "text-xs text-red-600", children: acceptInvitation.error.message })), joinByDomain.error && (_jsx("div", { className: "text-xs text-red-600", children: joinByDomain.error.message })), _jsx("button", { type: "submit", disabled: busy || !name.trim(), className: hasDomainMatches
+                    }, className: "space-y-3", children: [_jsxs("label", { className: "block", children: [_jsx("span", { className: "mb-1 block text-xs font-medium text-foreground", children: t("org.organizationName") }), _jsx("input", { autoFocus: !hasDomainMatches && !hasInvites, value: name, onChange: (e) => setName(e.target.value), placeholder: t("org.organizationPlaceholder"), disabled: busy, className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring disabled:opacity-50" })] }), createOrg.error && (_jsx("div", { className: "text-xs text-red-600", children: createOrg.error.message })), acceptInvitation.error && (_jsx("div", { className: "text-xs text-red-600", children: acceptInvitation.error.message })), joinByDomain.error && (_jsx("div", { className: "text-xs text-red-600", children: joinByDomain.error.message })), _jsx("button", { type: "submit", disabled: busy || !name.trim(), className: hasDomainMatches
                                 ? "w-full rounded-md border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent disabled:opacity-50"
-                                : "w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: createOrg.isPending ? "Creating…" : "Create organization" })] }))] }) }));
+                                : "w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: createOrg.isPending
+                                ? t("org.creating")
+                                : t("org.createOrganization") })] }))] }) }));
 }
 //# sourceMappingURL=RequireActiveOrg.js.map

package/dist/client/org/RequireActiveOrg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RequireActiveOrg.js","sourceRoot":"","sources":["../../../src/client/org/RequireActiveOrg.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useState } from \"react\";\nimport {\n IconAlertTriangle,\n IconBuilding,\n IconLoader2,\n IconUserPlus,\n IconAt,\n} from \"@tabler/icons-react\";\nimport {\n useAcceptInvitation,\n useCreateOrg,\n useJoinByDomain,\n useOrg,\n} from \"./hooks.js\";\n\nexport interface RequireActiveOrgProps {\n children: ReactNode;\n /*\n Override the heading shown on the create-org pane. Default: \"Create your organization\".\n /\n title?: string;\n /\n Override the description shown below the heading. Default explains that\n * an org is required to use the app.\n /\n description?: string;\n /* Optional extra classes on the blocking pane wrapper. /\n className?: string;\n}\n\n/\n Guards its children behind the user having an active organization.\n \n When the user has no active org, renders a blocking, centered pane in place\n * of `children` with:\n * 1. Any pending invitations (one-click accept), and\n * 2. A \"Create your organization\" form.\n \n As soon as an org is joined or created, `useOrg` refetches and `children`\n * renders normally.\n \n The pane fills whatever box this component is rendered into — it does not\n * position itself `fixed` over the viewport. Place it inside your app shell so\n * ambient UI (agent sidebar, global nav) stays accessible while the user\n * completes org setup.\n /\nexport function RequireActiveOrg({\n children,\n title = \"Create your organization\",\n description = \"This app organizes your content by team. Create an organization to continue — you can invite teammates afterward.\",\n className,\n}: RequireActiveOrgProps) {\n const { data: org, isLoading, isError, error, refetch } = useOrg();\n\n if (isLoading) return null;\n\n // Network / server failure on the org lookup — do NOT fall through to the\n // create-org pane (that would lock out an existing member on a transient\n // 500). Render a retry state instead. Only treat a successful null orgId\n // response as \"genuinely no org\".\n if (isError) {\n return (\n <ErrorPane\n message={(error as Error)?.message ?? \"Couldn't load organization.\"}\n onRetry={() => void refetch()}\n className={className}\n />\n );\n }\n\n if (org?.orgId) return <>{children}</>;\n\n return (\n <CreateOrgPane\n pendingInvitations={org?.pendingInvitations ?? []}\n domainMatches={org?.domainMatches ?? []}\n email={org?.email ?? \"\"}\n title={title}\n description={description}\n className={className}\n />\n );\n}\n\nfunction ErrorPane({\n message,\n onRetry,\n className,\n}: {\n message: string;\n onRetry: () => void;\n className?: string;\n}) {\n return (\n <div\n className={\n \"flex h-full w-full items-center justify-center overflow-y-auto bg-background p-8 \" +\n (className ?? \"\")\n }\n >\n <div className=\"w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg\">\n <div className=\"mb-4 flex items-center gap-2\">\n <IconAlertTriangle className=\"h-5 w-5 text-muted-foreground\" />\n <h1 className=\"text-lg font-semibold\">Couldn't load organization</h1>\n </div>\n <p className=\"mb-5 text-sm text-muted-foreground\">{message}</p>\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n >\n Try again\n </button>\n </div>\n </div>\n );\n}\n\nfunction CreateOrgPane({\n pendingInvitations,\n domainMatches,\n email,\n title,\n description,\n className,\n}: {\n pendingInvitations: Array<{\n id: string;\n orgId: string;\n orgName: string;\n invitedBy: string;\n }>;\n domainMatches: Array<{ orgId: string; orgName: string }>;\n email: string;\n title: string;\n description: string;\n className?: string;\n}) {\n const createOrg = useCreateOrg();\n const acceptInvitation = useAcceptInvitation();\n const joinByDomain = useJoinByDomain();\n const [name, setName] = useState(\"\");\n\n const hasInvites = pendingInvitations.length > 0;\n const hasDomainMatches = domainMatches.length > 0;\n const userDomain = email.split(\"@\")[1] ?? \"\";\n const [showCreateForm, setShowCreateForm] = useState(\n !hasDomainMatches && !hasInvites,\n );\n\n const busy =\n createOrg.isPending \|\| acceptInvitation.isPending \|\| joinByDomain.isPending;\n\n return (\n <div\n className={\n \"flex h-full w-full items-center justify-center overflow-y-auto bg-background p-8 \" +\n (className ?? \"\")\n }\n >\n <div className=\"my-auto w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg\">\n <div className=\"mb-6 flex items-center gap-2\">\n <IconBuilding className=\"h-5 w-5 text-muted-foreground\" />\n <h1 className=\"text-lg font-semibold\">{title}</h1>\n </div>\n <p className=\"mb-6 text-sm text-muted-foreground\">{description}</p>\n\n {hasDomainMatches && (\n <div className=\"mb-4\">\n <div className=\"mb-2 text-[10px] uppercase tracking-wide text-muted-foreground\">\n {domainMatches.length === 1\n ? \"Your organization\"\n : \"Join your team\"}\n </div>\n <ul className=\"space-y-2\">\n {domainMatches.map((match) => (\n <li\n key={match.orgId}\n className=\"flex items-center gap-3 rounded-lg border border-primary/50 bg-primary/5 px-4 py-3\"\n >\n <IconAt className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-sm font-medium\">\n {match.orgName}\n </div>\n <div className=\"truncate text-xs text-muted-foreground\">\n Open to @{userDomain} emails\n </div>\n </div>\n <button\n type=\"button\"\n disabled={busy}\n onClick={() => joinByDomain.mutate(match.orgId)}\n className=\"shrink-0 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n >\n {joinByDomain.isPending ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n `Join ${match.orgName}`\n )}\n </button>\n </li>\n ))}\n </ul>\n </div>\n )}\n\n {hasInvites && (\n <div className=\"mb-4\">\n <div className=\"mb-2 text-[10px] uppercase tracking-wide text-muted-foreground\">\n Pending invitations\n </div>\n <ul className=\"space-y-2\">\n {pendingInvitations.map((inv) => (\n <li\n key={inv.id}\n className=\"flex items-center gap-3 rounded-lg border border-border bg-background px-3 py-2\"\n >\n <IconUserPlus className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-sm font-medium\">\n {inv.orgName}\n </div>\n <div className=\"truncate text-xs text-muted-foreground\">\n from {inv.invitedBy}\n </div>\n </div>\n <button\n type=\"button\"\n disabled={busy}\n onClick={() => acceptInvitation.mutate(inv.id)}\n className=\"shrink-0 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n >\n {acceptInvitation.isPending ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n \"Accept\"\n )}\n </button>\n </li>\n ))}\n </ul>\n </div>\n )}\n\n {(hasDomainMatches \|\| hasInvites) && (\n <button\n type=\"button\"\n onClick={() => setShowCreateForm((v) => !v)}\n className=\"mb-4 flex w-full cursor-pointer items-center gap-3\"\n >\n <div className=\"h-px flex-1 bg-border\" />\n <span className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n or create a separate organization\n </span>\n <div className=\"h-px flex-1 bg-border\" />\n </button>\n )}\n\n {showCreateForm && (\n <form\n onSubmit={async (e) => {\n e.preventDefault();\n const trimmed = name.trim();\n if (!trimmed) return;\n try {\n await createOrg.mutateAsync(trimmed);\n } catch {\n / surfaced below */\n }\n }}\n className=\"space-y-3\"\n >\n <label className=\"block\">\n <span className=\"mb-1 block text-xs font-medium text-foreground\">\n Organization name\n </span>\n <input\n autoFocus={!hasDomainMatches && !hasInvites}\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder=\"Acme Inc.\"\n disabled={busy}\n className=\"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring disabled:opacity-50\"\n />\n </label>\n {createOrg.error && (\n <div className=\"text-xs text-red-600\">\n {(createOrg.error as Error).message}\n </div>\n )}\n {acceptInvitation.error && (\n <div className=\"text-xs text-red-600\">\n {(acceptInvitation.error as Error).message}\n </div>\n )}\n {joinByDomain.error && (\n <div className=\"text-xs text-red-600\">\n {(joinByDomain.error as Error).message}\n </div>\n )}\n <button\n type=\"submit\"\n disabled={busy \|\| !name.trim()}\n className={\n hasDomainMatches\n ? \"w-full rounded-md border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent disabled:opacity-50\"\n : \"w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n }\n >\n {createOrg.isPending ? \"Creating…\" : \"Create organization\"}\n </button>\n </form>\n )}\n </div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"RequireActiveOrg.js","sourceRoot":"","sources":["../../../src/client/org/RequireActiveOrg.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,MAAM,GACP,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,MAAM,GACP,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAiBlC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,GACa;IACtB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,CAAC;IAEnE,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,0EAA0E;IAC1E,yEAAyE;IACzE,yEAAyE;IACzE,kCAAkC;IAClC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAG,KAAe,EAAE,OAAO,IAAI,CAAC,CAAC,uBAAuB,CAAC,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,EAAE,EAC7B,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;IACJ,CAAC;IAED,IAAI,GAAG,EAAE,KAAK;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IAEvC,OAAO,CACL,KAAC,aAAa,IACZ,kBAAkB,EAAE,GAAG,EAAE,kBAAkB,IAAI,EAAE,EACjD,aAAa,EAAE,GAAG,EAAE,aAAa,IAAI,EAAE,EACvC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,EACvB,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,iBAAiB,CAAC,EACpC,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,uBAAuB,CAAC,EACtD,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,OAAO,EACP,OAAO,EACP,SAAS,GAKV;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,OAAO,CACL,cACE,SAAS,EACP,mFAAmF;YACnF,CAAC,SAAS,IAAI,EAAE,CAAC,YAGnB,eAAK,SAAS,EAAC,wEAAwE,aACrF,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,iBAAiB,IAAC,SAAS,EAAC,+BAA+B,GAAG,EAC/D,aAAI,SAAS,EAAC,uBAAuB,YAAE,CAAC,CAAC,oBAAoB,CAAC,GAAM,IAChE,EACN,YAAG,SAAS,EAAC,oCAAoC,YAAE,OAAO,GAAK,EAC/D,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,wGAAwG,YAEjH,CAAC,CAAC,cAAc,CAAC,GACX,IACL,GACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,kBAAkB,EAClB,aAAa,EACb,KAAK,EACL,KAAK,EACL,WAAW,EACX,SAAS,GAaV;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;IACjD,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC7C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,CAAC,gBAAgB,IAAI,CAAC,UAAU,CACjC,CAAC;IAEF,MAAM,IAAI,GACR,SAAS,CAAC,SAAS,IAAI,gBAAgB,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,cACE,SAAS,EACP,mFAAmF;YACnF,CAAC,SAAS,IAAI,EAAE,CAAC,YAGnB,eAAK,SAAS,EAAC,gFAAgF,aAC7F,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,YAAY,IAAC,SAAS,EAAC,+BAA+B,GAAG,EAC1D,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,IAC9C,EACN,YAAG,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAK,EAElE,gBAAgB,IAAI,CACnB,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,gEAAgE,YAC5E,aAAa,CAAC,MAAM,KAAK,CAAC;gCACzB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC;gCAC3B,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,GACrB,EACN,aAAI,SAAS,EAAC,WAAW,YACtB,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,cAEE,SAAS,EAAC,oFAAoF,aAE9F,KAAC,MAAM,IAAC,SAAS,EAAC,wCAAwC,GAAG,EAC7D,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,8BAA8B,YAC1C,KAAK,CAAC,OAAO,GACV,EACN,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,GAChD,IACF,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAC,gIAAgI,YAEzI,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CACxB,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAC1C,GACM,KAvBJ,KAAK,CAAC,KAAK,CAwBb,CACN,CAAC,GACC,IACD,CACP,EAEA,UAAU,IAAI,CACb,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,gEAAgE,YAC5E,CAAC,CAAC,wBAAwB,CAAC,GACxB,EACN,aAAI,SAAS,EAAC,WAAW,YACtB,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/B,cAEE,SAAS,EAAC,iFAAiF,aAE3F,KAAC,YAAY,IAAC,SAAS,EAAC,wCAAwC,GAAG,EACnE,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,8BAA8B,YAC1C,GAAG,CAAC,OAAO,GACR,EACN,cAAK,SAAS,EAAC,wCAAwC,YACpD,CAAC,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,GACxC,IACF,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAC9C,SAAS,EAAC,gIAAgI,YAEzI,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,YAAY,CAAC,CAChB,GACM,KAvBJ,GAAG,CAAC,EAAE,CAwBR,CACN,CAAC,GACC,IACD,CACP,EAEA,CAAC,gBAAgB,IAAI,UAAU,CAAC,IAAI,CACnC,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC3C,SAAS,EAAC,oDAAoD,aAE9D,cAAK,SAAS,EAAC,uBAAuB,GAAG,EACzC,eAAM,SAAS,EAAC,2DAA2D,YACxE,CAAC,CAAC,oBAAoB,CAAC,GACnB,EACP,cAAK,SAAS,EAAC,uBAAuB,GAAG,IAClC,CACV,EAEA,cAAc,IAAI,CACjB,gBACE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;wBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;wBAC5B,IAAI,CAAC,OAAO;4BAAE,OAAO;wBACrB,IAAI,CAAC;4BACH,MAAM,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;wBACvC,CAAC;wBAAC,MAAM,CAAC;4BACP,oBAAoB;wBACtB,CAAC;oBACH,CAAC,EACD,SAAS,EAAC,WAAW,aAErB,iBAAO,SAAS,EAAC,OAAO,aACtB,eAAM,SAAS,EAAC,gDAAgD,YAC7D,CAAC,CAAC,sBAAsB,CAAC,GACrB,EACP,gBACE,SAAS,EAAE,CAAC,gBAAgB,IAAI,CAAC,UAAU,EAC3C,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,WAAW,EAAE,CAAC,CAAC,6BAA6B,CAAC,EAC7C,QAAQ,EAAE,IAAI,EACd,SAAS,EAAC,qIAAqI,GAC/I,IACI,EACP,SAAS,CAAC,KAAK,IAAI,CAClB,cAAK,SAAS,EAAC,sBAAsB,YACjC,SAAS,CAAC,KAAe,CAAC,OAAO,GAC/B,CACP,EACA,gBAAgB,CAAC,KAAK,IAAI,CACzB,cAAK,SAAS,EAAC,sBAAsB,YACjC,gBAAgB,CAAC,KAAe,CAAC,OAAO,GACtC,CACP,EACA,YAAY,CAAC,KAAK,IAAI,CACrB,cAAK,SAAS,EAAC,sBAAsB,YACjC,YAAY,CAAC,KAAe,CAAC,OAAO,GAClC,CACP,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAC9B,SAAS,EACP,gBAAgB;gCACd,CAAC,CAAC,uIAAuI;gCACzI,CAAC,CAAC,4HAA4H,YAGjI,SAAS,CAAC,SAAS;gCAClB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;gCACnB,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,GACxB,IACJ,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { ReactNode, useState } from \"react\";\nimport {\n IconAlertTriangle,\n IconBuilding,\n IconLoader2,\n IconUserPlus,\n IconAt,\n} from \"@tabler/icons-react\";\nimport {\n useAcceptInvitation,\n useCreateOrg,\n useJoinByDomain,\n useOrg,\n} from \"./hooks.js\";\nimport { useT } from \"../i18n.js\";\n\nexport interface RequireActiveOrgProps {\n children: ReactNode;\n /*\n Override the heading shown on the create-org pane. Default: \"Create your organization\".\n /\n title?: string;\n /\n Override the description shown below the heading. Default explains that\n * an org is required to use the app.\n /\n description?: string;\n /* Optional extra classes on the blocking pane wrapper. /\n className?: string;\n}\n\n/\n Guards its children behind the user having an active organization.\n \n When the user has no active org, renders a blocking, centered pane in place\n * of `children` with:\n * 1. Any pending invitations (one-click accept), and\n * 2. A \"Create your organization\" form.\n \n As soon as an org is joined or created, `useOrg` refetches and `children`\n * renders normally.\n \n The pane fills whatever box this component is rendered into — it does not\n * position itself `fixed` over the viewport. Place it inside your app shell so\n * ambient UI (agent sidebar, global nav) stays accessible while the user\n * completes org setup.\n /\nexport function RequireActiveOrg({\n children,\n title,\n description,\n className,\n}: RequireActiveOrgProps) {\n const t = useT();\n const { data: org, isLoading, isError, error, refetch } = useOrg();\n\n if (isLoading) return null;\n\n // Network / server failure on the org lookup — do NOT fall through to the\n // create-org pane (that would lock out an existing member on a transient\n // 500). Render a retry state instead. Only treat a successful null orgId\n // response as \"genuinely no org\".\n if (isError) {\n return (\n <ErrorPane\n message={(error as Error)?.message ?? t(\"org.loadErrorFallback\")}\n onRetry={() => void refetch()}\n className={className}\n />\n );\n }\n\n if (org?.orgId) return <>{children}</>;\n\n return (\n <CreateOrgPane\n pendingInvitations={org?.pendingInvitations ?? []}\n domainMatches={org?.domainMatches ?? []}\n email={org?.email ?? \"\"}\n title={title ?? t(\"org.createTitle\")}\n description={description ?? t(\"org.createDescription\")}\n className={className}\n />\n );\n}\n\nfunction ErrorPane({\n message,\n onRetry,\n className,\n}: {\n message: string;\n onRetry: () => void;\n className?: string;\n}) {\n const t = useT();\n return (\n <div\n className={\n \"flex h-full w-full items-center justify-center overflow-y-auto bg-background p-8 \" +\n (className ?? \"\")\n }\n >\n <div className=\"w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg\">\n <div className=\"mb-4 flex items-center gap-2\">\n <IconAlertTriangle className=\"h-5 w-5 text-muted-foreground\" />\n <h1 className=\"text-lg font-semibold\">{t(\"org.loadErrorTitle\")}</h1>\n </div>\n <p className=\"mb-5 text-sm text-muted-foreground\">{message}</p>\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n >\n {t(\"org.tryAgain\")}\n </button>\n </div>\n </div>\n );\n}\n\nfunction CreateOrgPane({\n pendingInvitations,\n domainMatches,\n email,\n title,\n description,\n className,\n}: {\n pendingInvitations: Array<{\n id: string;\n orgId: string;\n orgName: string;\n invitedBy: string;\n }>;\n domainMatches: Array<{ orgId: string; orgName: string }>;\n email: string;\n title: string;\n description: string;\n className?: string;\n}) {\n const t = useT();\n const createOrg = useCreateOrg();\n const acceptInvitation = useAcceptInvitation();\n const joinByDomain = useJoinByDomain();\n const [name, setName] = useState(\"\");\n\n const hasInvites = pendingInvitations.length > 0;\n const hasDomainMatches = domainMatches.length > 0;\n const userDomain = email.split(\"@\")[1] ?? \"\";\n const [showCreateForm, setShowCreateForm] = useState(\n !hasDomainMatches && !hasInvites,\n );\n\n const busy =\n createOrg.isPending \|\| acceptInvitation.isPending \|\| joinByDomain.isPending;\n\n return (\n <div\n className={\n \"flex h-full w-full items-center justify-center overflow-y-auto bg-background p-8 \" +\n (className ?? \"\")\n }\n >\n <div className=\"my-auto w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg\">\n <div className=\"mb-6 flex items-center gap-2\">\n <IconBuilding className=\"h-5 w-5 text-muted-foreground\" />\n <h1 className=\"text-lg font-semibold\">{title}</h1>\n </div>\n <p className=\"mb-6 text-sm text-muted-foreground\">{description}</p>\n\n {hasDomainMatches && (\n <div className=\"mb-4\">\n <div className=\"mb-2 text-[10px] uppercase tracking-wide text-muted-foreground\">\n {domainMatches.length === 1\n ? t(\"org.yourOrganization\")\n : t(\"org.joinYourTeam\")}\n </div>\n <ul className=\"space-y-2\">\n {domainMatches.map((match) => (\n <li\n key={match.orgId}\n className=\"flex items-center gap-3 rounded-lg border border-primary/50 bg-primary/5 px-4 py-3\"\n >\n <IconAt className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-sm font-medium\">\n {match.orgName}\n </div>\n <div className=\"truncate text-xs text-muted-foreground\">\n {t(\"org.openToDomainEmails\", { domain: userDomain })}\n </div>\n </div>\n <button\n type=\"button\"\n disabled={busy}\n onClick={() => joinByDomain.mutate(match.orgId)}\n className=\"shrink-0 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n >\n {joinByDomain.isPending ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n t(\"org.joinOrg\", { name: match.orgName })\n )}\n </button>\n </li>\n ))}\n </ul>\n </div>\n )}\n\n {hasInvites && (\n <div className=\"mb-4\">\n <div className=\"mb-2 text-[10px] uppercase tracking-wide text-muted-foreground\">\n {t(\"org.pendingInvitations\")}\n </div>\n <ul className=\"space-y-2\">\n {pendingInvitations.map((inv) => (\n <li\n key={inv.id}\n className=\"flex items-center gap-3 rounded-lg border border-border bg-background px-3 py-2\"\n >\n <IconUserPlus className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-sm font-medium\">\n {inv.orgName}\n </div>\n <div className=\"truncate text-xs text-muted-foreground\">\n {t(\"org.invitedBy\", { name: inv.invitedBy })}\n </div>\n </div>\n <button\n type=\"button\"\n disabled={busy}\n onClick={() => acceptInvitation.mutate(inv.id)}\n className=\"shrink-0 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n >\n {acceptInvitation.isPending ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n t(\"org.accept\")\n )}\n </button>\n </li>\n ))}\n </ul>\n </div>\n )}\n\n {(hasDomainMatches \|\| hasInvites) && (\n <button\n type=\"button\"\n onClick={() => setShowCreateForm((v) => !v)}\n className=\"mb-4 flex w-full cursor-pointer items-center gap-3\"\n >\n <div className=\"h-px flex-1 bg-border\" />\n <span className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n {t(\"org.createSeparate\")}\n </span>\n <div className=\"h-px flex-1 bg-border\" />\n </button>\n )}\n\n {showCreateForm && (\n <form\n onSubmit={async (e) => {\n e.preventDefault();\n const trimmed = name.trim();\n if (!trimmed) return;\n try {\n await createOrg.mutateAsync(trimmed);\n } catch {\n / surfaced below */\n }\n }}\n className=\"space-y-3\"\n >\n <label className=\"block\">\n <span className=\"mb-1 block text-xs font-medium text-foreground\">\n {t(\"org.organizationName\")}\n </span>\n <input\n autoFocus={!hasDomainMatches && !hasInvites}\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder={t(\"org.organizationPlaceholder\")}\n disabled={busy}\n className=\"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring disabled:opacity-50\"\n />\n </label>\n {createOrg.error && (\n <div className=\"text-xs text-red-600\">\n {(createOrg.error as Error).message}\n </div>\n )}\n {acceptInvitation.error && (\n <div className=\"text-xs text-red-600\">\n {(acceptInvitation.error as Error).message}\n </div>\n )}\n {joinByDomain.error && (\n <div className=\"text-xs text-red-600\">\n {(joinByDomain.error as Error).message}\n </div>\n )}\n <button\n type=\"submit\"\n disabled={busy \|\| !name.trim()}\n className={\n hasDomainMatches\n ? \"w-full rounded-md border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent disabled:opacity-50\"\n : \"w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n }\n >\n {createOrg.isPending\n ? t(\"org.creating\")\n : t(\"org.createOrganization\")}\n </button>\n </form>\n )}\n </div>\n </div>\n );\n}\n"]}

package/dist/client/org/TeamPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TeamPage.d.ts","sourceRoot":"","sources":["../../../src/client/org/TeamPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;~~AAgDlE~~,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;~~AA4pCD~~;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,~~KAAc~~,~~EACd~~,oBAAoB,EACpB,SAAS,GACV,EAAE,aAAa,~~2CAoCf~~"}
1	+ {"version":3,"file":"TeamPage.d.ts","sourceRoot":"","sources":["../../../src/client/org/TeamPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiDlE,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiqCD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,EACL,oBAAoB,EACpB,SAAS,GACV,EAAE,aAAa,2CAyCf"}