@agent-native/dispatch 0.23.3 → 0.24.0

package/dist/routes/pages/metrics.js

@@ -1,12 +1,17 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { IconActivity, IconAlertTriangle, IconApps, IconChartBar, IconClockHour4, IconCoin, IconMessages, IconUsersGroup, } from "@tabler/icons-react";
+import { IconActivity, IconAlertTriangle, IconArrowUpRight, IconApps, IconChartBar, IconCoin, IconMessages, IconUsersGroup, } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
+import { Link, useSearchParams } from "react-router";
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
 import { DispatchShell } from "../../components/dispatch-shell.js";
 import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert.js";
 import { Badge } from "../../components/ui/badge.js";
 import { Button } from "../../components/ui/button.js";
+import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../components/ui/chart.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { cn } from "../../lib/utils.js";
 export function meta() {
@@ -76,6 +81,32 @@ function timeAgo(timestamp) {
         return `${Math.floor(diff / 3_600_000)}h ago`;
     return `${Math.floor(diff / 86_400_000)}d ago`;
 }
+function formatTrendDate(value) {
+    const date = new Date(`${value}T12:00:00`);
+    return date.toLocaleDateString(undefined, {
+        month: "short",
+        day: "numeric",
+    });
+}
+function completeTrendRows(rows) {
+    if (rows.length < 2)
+        return rows;
+    const byDate = new Map(rows.map((row) => [row.date, row]));
+    const start = new Date(`${rows[0].date}T12:00:00`);
+    const end = new Date(`${rows[rows.length - 1].date}T12:00:00`);
+    const completed = [];
+    for (const cursor = start; cursor <= end; cursor.setDate(cursor.getDate() + 1)) {
+        const date = cursor.toISOString().slice(0, 10);
+        completed.push(byDate.get(date) ?? {
+            date,
+            costCents: 0,
+            calls: 0,
+            chatCalls: 0,
+            activeUsers: 0,
+        });
+    }
+    return completed;
+}
 function displayApp(value) {
     const trimmed = value?.trim();
     if (!trimmed || trimmed === "unattributed")
@@ -102,6 +133,78 @@ function Panel({ title, icon, children, action, }) {
 function LoadingMetrics() {
     return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-5", children: Array.from({ length: 5 }).map((_, index) => (_jsxs("div", { className: "rounded-lg bg-card p-4", children: [_jsx(Skeleton, { className: "mb-4 h-4 w-24" }), _jsx(Skeleton, { className: "h-7 w-20" }), _jsx(Skeleton, { className: "mt-3 h-3 w-28" })] }, index))) }), _jsx(Skeleton, { className: "h-80 rounded-lg" })] }));
 }
+function ScopeSelector({ value, onChange, }) {
+    return (_jsx("div", { className: "flex rounded-md bg-card p-0.5", "aria-label": "Usage scope", children: [
+            ["me", "My usage"],
+            ["workspace", "Workspace"],
+        ].map(([scope, label]) => (_jsx(Button, { type: "button", variant: value === scope ? "secondary" : "ghost", size: "sm", className: "h-7 px-3 text-xs", "aria-pressed": value === scope, onClick: () => onChange(scope), children: label }, scope))) }));
+}
+function UserSelector({ value, users, onChange, }) {
+    return (_jsxs(Select, { value: value ?? "all", onValueChange: (nextValue) => onChange(nextValue === "all" ? null : nextValue), children: [_jsx(SelectTrigger, { className: "h-8 w-[210px] text-xs", "aria-label": "Filter usage by user", children: _jsx(SelectValue, { placeholder: "All users" }) }), _jsx(SelectContent, { children: _jsxs(SelectGroup, { children: [_jsx(SelectItem, { value: "all", children: "All users" }), users.map((user) => (_jsx(SelectItem, { value: user.email, children: user.email }, user.email)))] }) })] }));
+}
+function UsageTrend({ rows, billing, }) {
+    const chartData = completeTrendRows(rows).map((row) => ({
+        ...row,
+        spend: displayAmountFromCostCents(row.costCents, billing),
+    }));
+    return (_jsx(Panel, { title: billing.unit === "builder-credits"
+            ? "Credit usage trend"
+            : "Usage trend", icon: _jsx(IconChartBar, { size: 16 }), action: _jsxs("div", { className: "hidden items-center gap-3 text-[11px] text-muted-foreground sm:flex", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "size-2 rounded-full bg-[hsl(var(--dispatch-brand-blue))]" }), billing.shortLabel] }), _jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "size-2 rounded-full bg-muted-foreground" }), "Calls"] })] }), children: chartData.length === 0 ? (_jsx("div", { className: "flex min-h-56 items-center justify-center rounded-md border border-dashed px-4 text-sm text-muted-foreground", children: "No usage in this window yet." })) : (_jsx(ChartContainer, { config: {
+                spend: {
+                    label: billing.shortLabel,
+                    color: "hsl(var(--dispatch-brand-blue))",
+                },
+                calls: {
+                    label: "Calls",
+                    color: "hsl(var(--muted-foreground))",
+                },
+            }, className: "h-[280px] w-full aspect-auto", children: _jsxs(AreaChart, { data: chartData, margin: { top: 8, right: 8, left: 12, bottom: 0 }, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "usage-trend-fill", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--color-spend)", stopOpacity: 0.24 }), _jsx("stop", { offset: "100%", stopColor: "var(--color-spend)", stopOpacity: 0 })] }) }), _jsx(CartesianGrid, { vertical: false, stroke: "hsl(var(--border))", strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "date", stroke: "hsl(var(--muted-foreground))", fontSize: 11, axisLine: false, tickLine: false, tickMargin: 8, minTickGap: 28, tickFormatter: formatTrendDate }), _jsx(YAxis, { yAxisId: "spend", stroke: "hsl(var(--muted-foreground))", fontSize: 11, axisLine: false, tickLine: false, tickMargin: 8, width: 50, tickFormatter: (value) => billing.unit === "builder-credits"
+                            ? formatCredits(Number(value))
+                            : formatSpend(Number(value), billing) }), _jsx(YAxis, { yAxisId: "calls", orientation: "right", hide: true }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { labelFormatter: (value) => formatTrendDate(String(value)), formatter: (value, name) => [
+                                name === "spend"
+                                    ? billing.unit === "builder-credits"
+                                        ? formatCredits(Number(value))
+                                        : formatSpend(Number(value), billing)
+                                    : `${formatNumber(Number(value))} calls`,
+                                name === "spend" ? billing.shortLabel : "Calls",
+                            ] }) }), _jsx(Area, { yAxisId: "spend", dataKey: "spend", type: "monotone", stroke: "var(--color-spend)", strokeWidth: 2, fill: "url(#usage-trend-fill)", fillOpacity: 1, dot: false, activeDot: { r: 4, strokeWidth: 2 }, isAnimationActive: false }), _jsx(Area, { yAxisId: "calls", dataKey: "calls", type: "monotone", stroke: "var(--color-calls)", strokeWidth: 1.5, fill: "none", dot: false, activeDot: { r: 3, strokeWidth: 2 }, isAnimationActive: false })] }) })) }));
+}
+function ReviewUsageButton({ metrics, billing, }) {
+    function reviewUsage() {
+        const topApps = metrics.byApp
+            .slice(0, 5)
+            .map((row) => `${displayApp(row.key)}: ${formatSpend(row.costCents, billing)} / ${row.calls} calls`)
+            .join("; ");
+        const topLabels = metrics.byLabel
+            .slice(0, 5)
+            .map((row) => `${row.label}: ${formatSpend(row.costCents, billing)} / ${row.calls} calls`)
+            .join("; ");
+        const recentPrompts = metrics.recent
+            .slice(0, 8)
+            .map((row) => {
+            const prompt = row.prompt
+                ? row.prompt.slice(0, 180)
+                : "prompt not captured";
+            return `${timeAgo(row.createdAt)} | ${displayApp(row.app)} | ${row.label} | ${prompt}`;
+        })
+            .join("\n");
+        sendToAgentChat({
+            message: "Review this LLM usage and explain where the spend is going. Identify repeated, background, or unexpectedly expensive work, cite the strongest evidence, and suggest concrete fixes. Call out missing attribution instead of guessing.",
+            context: [
+                `Dispatch usage scope: ${metrics.viewScope === "workspace" ? "workspace" : "my account"}.`,
+                `Lookback: ${metrics.sinceDays} days. Viewer: ${metrics.access.viewerEmail}.`,
+                `Total: ${formatSpend(metrics.totals.costCents, billing)}, ${metrics.totals.calls} calls, ${metrics.totals.chatCalls} chat calls, ${formatTokens(metrics.totals.inputTokens + metrics.totals.outputTokens)} input/output tokens.`,
+                `Top apps: ${topApps || "none"}.`,
+                `Top work types: ${topLabels || "none"}.`,
+                `Recent prompt evidence (bounded to the latest 8 rows):\n${recentPrompts || "none"}`,
+            ].join("\n"),
+            submit: true,
+            openSidebar: true,
+            chatTarget: "local",
+        });
+    }
+    return (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: reviewUsage, children: "Ask agent" }));
+}
 function AppSpendRows({ rows, billing, }) {
     const max = maxSpend(rows, billing);
     if (rows.length === 0) {
@@ -111,13 +214,6 @@ function AppSpendRows({ rows, billing, }) {
                             width: barWidth(displayAmountFromCostCents(row.costCents, billing), max),
                         } }) })] }, row.key))) }));
 }
-function DailyActivity({ rows }) {
-    const max = Math.max(1, rows.reduce((value, row) => Math.max(value, row.calls), 0));
-    if (rows.length === 0) {
-        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No activity in this window." }));
-    }
-    return (_jsx("div", { className: "flex h-44 items-end gap-1", children: rows.map((row) => (_jsxs("div", { className: "group flex min-w-0 flex-1 flex-col items-center gap-2", children: [_jsx("div", { className: "relative flex h-36 w-full items-end rounded-sm bg-muted/60", children: _jsx("div", { className: "w-full rounded-sm bg-foreground transition group-hover:bg-primary", style: { height: `${Math.max(4, (row.calls / max) * 100)}%` } }) }), _jsx("div", { className: "hidden text-[10px] text-muted-foreground sm:block", children: row.date.slice(5) })] }, row.date))) }));
-}
 function AppAccessTable({ rows, billing, }) {
     const visibleRows = rows.filter((row) => !row.isDispatch);
     if (visibleRows.length === 0) {
@@ -145,14 +241,38 @@ function CompactBreakdown({ rows, empty, billing, }) {
 }
 function RecentTable({ rows, billing, }) {
     if (rows.length === 0) {
-        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No recent LLM calls." }));
+        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No prompts or LLM calls in this window." }));
     }
-    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[760px] text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "px-2 py-2 font-medium", children: "When" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "User" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "App" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "Label" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "Model" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: billing.shortLabel })] }) }), _jsx("tbody", { children: rows.slice(0, 10).map((row) => (_jsxs("tr", { className: "border-b last:border-0", children: [_jsx("td", { className: "px-2 py-3 text-muted-foreground", children: timeAgo(row.createdAt) }), _jsx("td", { className: "max-w-56 px-2 py-3", children: _jsx("div", { className: "truncate text-foreground", children: row.ownerEmail }) }), _jsx("td", { className: "px-2 py-3 text-muted-foreground", children: displayApp(row.app) }), _jsx("td", { className: "px-2 py-3", children: _jsx(Badge, { variant: "outline", children: row.label }) }), _jsx("td", { className: "max-w-48 px-2 py-3", children: _jsx("div", { className: "truncate text-muted-foreground", children: row.model }) }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatSpend(row.costCents, billing) })] }, row.id))) })] }) }));
+    return (_jsx("div", { className: "divide-y", children: rows.slice(0, 10).map((row) => (_jsxs("article", { className: "-mx-1 px-1 py-3 first:pt-0 last:pb-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx("p", { className: "min-w-0 whitespace-pre-wrap text-sm leading-6 text-foreground", children: row.prompt ||
+                                (row.promptSource === "unavailable"
+                                    ? "Prompt unavailable - linked thread data could not be read."
+                                    : "Prompt not captured for this call.") }), _jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: timeAgo(row.createdAt) })] }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx(Badge, { variant: "outline", children: displayApp(row.app) }), _jsx(Badge, { variant: "secondary", children: row.label }), _jsx("span", { children: row.model }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { children: formatSpend(row.costCents, billing) }), row.ownerEmail ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "max-w-64 truncate", children: row.ownerEmail })] })) : null, row.threadId ? (_jsxs(Link, { to: `/admin/thread-debug?threadId=${encodeURIComponent(row.threadId)}`, className: "inline-flex items-center gap-1 rounded-md border px-2 py-0.5 font-medium text-foreground transition-colors hover:bg-muted", children: ["Inspect thread", _jsx(IconArrowUpRight, { size: 12 })] })) : null] })] }, row.id))) }));
 }
 export default function MetricsRoute() {
     const t = useT();
     const [sinceDays, setSinceDays] = useState(30);
-    const { data, isLoading, error } = useActionQuery("list-dispatch-usage-metrics", { sinceDays });
+    const [searchParams, setSearchParams] = useSearchParams();
+    const scope = searchParams.get("scope") === "workspace" ? "workspace" : "me";
+    const userEmail = scope === "workspace" ? searchParams.get("user") || null : null;
+    function setScope(nextScope) {
+        const next = new URLSearchParams(searchParams);
+        if (nextScope === "me")
+            next.delete("scope");
+        else
+            next.set("scope", nextScope);
+        if (nextScope === "me")
+            next.delete("user");
+        setSearchParams(next, { replace: true });
+    }
+    function setUserEmail(nextUserEmail) {
+        const next = new URLSearchParams(searchParams);
+        if (nextUserEmail)
+            next.set("user", nextUserEmail);
+        else
+            next.delete("user");
+        setSearchParams(next, { replace: true });
+    }
+    const { data, isLoading, error } = useActionQuery("list-dispatch-usage-metrics", { sinceDays, scope, userEmail: userEmail ?? undefined });
     const metrics = data;
     const billing = metrics?.billing ?? USD_BILLING;
     const totalTokens = useMemo(() => {
@@ -165,12 +285,18 @@ export default function MetricsRoute() {
     }, [metrics]);
     return (_jsx(DispatchShell, { title: t("dispatch.nav.metrics"), description: billing.unit === "builder-credits"
             ? t("dispatch.pages.metricsDescriptionBuilder")
-            : t("dispatch.pages.metricsDescriptionLlm"), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("div", { className: "text-sm text-muted-foreground", children: metrics?.access.scope === "organization"
-                                ? `${metrics.access.totalUsers} workspace users`
-                                : `${metrics?.access.totalUsers ?? 0} signed-in users` }), _jsx(RangeSelector, { value: sinceDays, onChange: setSinceDays })] }), error ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(IconAlertTriangle, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: t("dispatch.pages.metricsUnavailable") }), _jsx(AlertDescription, { children: error instanceof Error
+            : t("dispatch.pages.metricsDescriptionLlm"), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: metrics?.selectedUserEmail
+                                        ? `${metrics.selectedUserEmail}'s usage`
+                                        : scope === "workspace"
+                                            ? "Workspace usage"
+                                            : "Your usage" }), _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: metrics?.selectedUserEmail
+                                        ? "Filtered to this workspace member"
+                                        : scope === "workspace"
+                                            ? `${metrics?.access.totalUsers ?? 0} users with access`
+                                            : metrics?.access.viewerEmail || "Signed-in account" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(ScopeSelector, { value: scope, onChange: setScope }), scope === "workspace" && metrics ? (_jsx(UserSelector, { value: metrics.selectedUserEmail ?? userEmail, users: metrics.availableUsers ?? [], onChange: setUserEmail })) : null, _jsx(RangeSelector, { value: sinceDays, onChange: setSinceDays })] })] }), error ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(IconAlertTriangle, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: t("dispatch.pages.metricsUnavailable") }), _jsx(AlertDescription, { children: error instanceof Error
                                 ? error.message
-                                : t("dispatch.pages.unableToLoadUsage") })] })) : null, isLoading && !metrics ? _jsx(LoadingMetrics, {}) : null, metrics ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-5", children: [_jsx(MetricCard, { label: billing.label, value: formatSpend(metrics.totals.costCents, billing), detail: `${formatTokens(totalTokens)} total tokens`, icon: _jsx(IconCoin, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.llmCalls"), value: formatNumber(metrics.totals.calls), detail: `${formatNumber(metrics.totals.chatCalls)} chat turns`, icon: _jsx(IconActivity, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.activeUsers"), value: formatNumber(metrics.totals.activeUsers), detail: `${formatNumber(metrics.access.totalUsers)} users with access`, icon: _jsx(IconUsersGroup, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.workspaceAppsStat"), value: formatNumber(metrics.totals.workspaceApps), detail: `${formatNumber(metrics.byApp.length)} with usage`, icon: _jsx(IconApps, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.chatThreads"), value: formatNumber(metrics.totals.chatThreads), detail: `${formatNumber(metrics.totals.chatMessages)} messages`, icon: _jsx(IconMessages, { size: 17 }) })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]", children: [_jsx(Panel, { title: billing.unit === "builder-credits"
-                                        ? "Credit Spend By App"
-                                        : "Spend By App", icon: _jsx(IconChartBar, { size: 16 }), children: _jsx(AppSpendRows, { rows: metrics.byApp, billing: billing }) }), _jsx(Panel, { title: "Daily Activity", icon: _jsx(IconClockHour4, { size: 16 }), children: _jsx(DailyActivity, { rows: metrics.daily }) })] }), _jsx(Panel, { title: "Access By App", icon: _jsx(IconApps, { size: 16 }), children: _jsx(AppAccessTable, { rows: metrics.appAccess, billing: billing }) }), _jsx(Panel, { title: "Users", icon: _jsx(IconUsersGroup, { size: 16 }), children: _jsx(UserTable, { rows: metrics.byUser, billing: billing }) }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(Panel, { title: "Models", icon: _jsx(IconChartBar, { size: 16 }), children: _jsx(CompactBreakdown, { rows: metrics.byModel, empty: "No model usage in this window.", billing: billing }) }), _jsx(Panel, { title: "Work Types", icon: _jsx(IconActivity, { size: 16 }), children: _jsx(CompactBreakdown, { rows: metrics.byLabel, empty: "No labeled usage in this window.", billing: billing }) })] }), _jsx(Panel, { title: "Recent LLM Calls", icon: _jsx(IconActivity, { size: 16 }), children: _jsx(RecentTable, { rows: metrics.recent, billing: billing }) })] })) : null] }) }));
+                                : t("dispatch.pages.unableToLoadUsage") })] })) : null, isLoading && !metrics ? _jsx(LoadingMetrics, {}) : null, metrics ? (_jsxs(_Fragment, { children: [_jsx(UsageTrend, { rows: metrics.daily, billing: billing }), _jsxs("div", { className: "flex items-center justify-between gap-3 border-y py-3", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Review this usage with the agent" }), _jsx(ReviewUsageButton, { metrics: metrics, billing: billing })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-5", children: [_jsx(MetricCard, { label: billing.label, value: formatSpend(metrics.totals.costCents, billing), detail: `${formatTokens(totalTokens)} total tokens`, icon: _jsx(IconCoin, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.llmCalls"), value: formatNumber(metrics.totals.calls), detail: `${formatNumber(metrics.totals.chatCalls)} chat turns`, icon: _jsx(IconActivity, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.activeUsers"), value: formatNumber(metrics.totals.activeUsers), detail: `${formatNumber(metrics.access.totalUsers)} users with access`, icon: _jsx(IconUsersGroup, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.workspaceAppsStat"), value: formatNumber(metrics.totals.workspaceApps), detail: `${formatNumber(metrics.byApp.length)} with usage`, icon: _jsx(IconApps, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.chatThreads"), value: formatNumber(metrics.totals.chatThreads), detail: `${formatNumber(metrics.totals.chatMessages)} messages`, icon: _jsx(IconMessages, { size: 17 }) })] }), _jsx(Panel, { title: billing.unit === "builder-credits"
+                                ? "Credit spend by app"
+                                : "Spend by app", icon: _jsx(IconApps, { size: 16 }), children: _jsx(AppSpendRows, { rows: metrics.byApp, billing: billing }) }), _jsx(Panel, { title: "Recent prompts", icon: _jsx(IconMessages, { size: 16 }), action: _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Latest ", Math.min(metrics.recent.length, 10), " of", " ", metrics.recent.length] }), children: _jsx(RecentTable, { rows: metrics.recent, billing: billing }) }), _jsx(Panel, { title: "Access By App", icon: _jsx(IconApps, { size: 16 }), children: _jsx(AppAccessTable, { rows: metrics.appAccess, billing: billing }) }), _jsx(Panel, { title: "Users", icon: _jsx(IconUsersGroup, { size: 16 }), children: _jsx(UserTable, { rows: metrics.byUser, billing: billing }) }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(Panel, { title: "Models", icon: _jsx(IconChartBar, { size: 16 }), children: _jsx(CompactBreakdown, { rows: metrics.byModel, empty: "No model usage in this window.", billing: billing }) }), _jsx(Panel, { title: "Work Types", icon: _jsx(IconActivity, { size: 16 }), children: _jsx(CompactBreakdown, { rows: metrics.byLabel, empty: "No labeled usage in this window.", billing: billing }) })] })] })) : null] }) }));
 }
 //# sourceMappingURL=metrics.js.map

package/dist/routes/pages/metrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../../src/routes/pages/metrics.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  IconActivity,\n  IconAlertTriangle,\n  IconApps,\n  IconChartBar,\n  IconClockHour4,\n  IconCoin,\n  IconMessages,\n  IconUsersGroup,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState, type ReactNode } from \"react\";\n\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { cn } from \"../../lib/utils\";\n\nexport function meta() {\n  return [{ title: \"Metrics — Dispatch\" }];\n}\n\ninterface UsageMetricBucket {\n  key: string;\n  label: string;\n  costCents: number;\n  calls: number;\n  chatCalls: number;\n  inputTokens: number;\n  outputTokens: number;\n  activeUsers: number;\n  lastActiveAt: number | null;\n}\n\ninterface UserUsageMetric extends UsageMetricBucket {\n  ownerEmail: string;\n  chatThreads: number;\n  chatMessages: number;\n  lastChatAt: number | null;\n  topApp: string | null;\n  role: string | null;\n}\n\ninterface AppAccessMetric {\n  id: string;\n  name: string;\n  path: string;\n  status?: \"ready\" | \"pending\";\n  statusLabel?: string;\n  isDispatch: boolean;\n  accessLabel: string;\n  accessUsers: number;\n  usersWithUsage: number;\n  usageCalls: number;\n  chatCalls: number;\n  costCents: number;\n  lastActiveAt: number | null;\n}\n\ninterface DailyUsageMetric {\n  date: string;\n  costCents: number;\n  calls: number;\n  chatCalls: number;\n  activeUsers: number;\n}\n\ninterface RecentUsageMetric {\n  id: number;\n  createdAt: number;\n  ownerEmail: string;\n  app: string;\n  label: string;\n  model: string;\n  inputTokens: number;\n  outputTokens: number;\n  costCents: number;\n}\n\ninterface UsageBillingMode {\n  unit: \"usd\" | \"builder-credits\";\n  label: string;\n  shortLabel: string;\n  source: \"estimated-provider-cost\" | \"builder-agent-credits\";\n  hardCostMarginMultiplier?: number;\n  creditsPerUsd?: number;\n}\n\ninterface DispatchUsageMetrics {\n  billing?: UsageBillingMode;\n  sinceDays: number;\n  access: {\n    viewerEmail: string;\n    orgId: string | null;\n    role: string | null;\n    scope: \"organization\" | \"solo\";\n    totalUsers: number;\n  };\n  totals: {\n    costCents: number;\n    calls: number;\n    chatCalls: number;\n    inputTokens: number;\n    outputTokens: number;\n    cacheReadTokens: number;\n    cacheWriteTokens: number;\n    activeUsers: number;\n    chatThreads: number;\n    chatMessages: number;\n    workspaceApps: number;\n  };\n  byApp: UsageMetricBucket[];\n  byUser: UserUsageMetric[];\n  byLabel: UsageMetricBucket[];\n  byModel: UsageMetricBucket[];\n  daily: DailyUsageMetric[];\n  appAccess: AppAccessMetric[];\n  recent: RecentUsageMetric[];\n}\n\nconst RANGES = [7, 30, 90] as const;\n\nconst USD_BILLING: UsageBillingMode = {\n  unit: \"usd\",\n  label: \"Estimated spend\",\n  shortLabel: \"Cost\",\n  source: \"estimated-provider-cost\",\n};\n\nfunction displayAmountFromCostCents(\n  cents: number,\n  billing: UsageBillingMode,\n): number {\n  if (billing.unit !== \"builder-credits\") return cents;\n  const margin = billing.hardCostMarginMultiplier ?? 1.25;\n  const creditsPerUsd = billing.creditsPerUsd ?? 20;\n  const credits = (cents / 100) * margin * creditsPerUsd;\n  return credits <= 0 ? 0 : Math.ceil(credits * 1000) / 1000;\n}\n\nfunction formatCredits(credits: number): string {\n  if (!Number.isFinite(credits) || credits === 0) return \"0 credits\";\n  const maximumFractionDigits = credits < 1 ? 3 : credits < 10 ? 2 : 1;\n  const value = credits.toLocaleString(undefined, {\n    maximumFractionDigits,\n  });\n  return `${value} ${credits === 1 ? \"credit\" : \"credits\"}`;\n}\n\nfunction formatSpend(cents: number, billing: UsageBillingMode): string {\n  if (billing.unit === \"builder-credits\") {\n    return formatCredits(displayAmountFromCostCents(cents, billing));\n  }\n  if (!Number.isFinite(cents) || cents === 0) return \"$0.00\";\n  if (Math.abs(cents) < 1) return `${cents.toFixed(3)}¢`;\n  if (Math.abs(cents) < 100) return `${cents.toFixed(2)}¢`;\n  return (cents / 100).toLocaleString(undefined, {\n    style: \"currency\",\n    currency: \"USD\",\n    maximumFractionDigits: 2,\n  });\n}\n\nfunction formatNumber(value: number): string {\n  return new Intl.NumberFormat(undefined, {\n    notation: value >= 10_000 ? \"compact\" : \"standard\",\n    maximumFractionDigits: value >= 10_000 ? 1 : 0,\n  }).format(value);\n}\n\nfunction formatTokens(value: number): string {\n  return new Intl.NumberFormat(undefined, {\n    notation: \"compact\",\n    maximumFractionDigits: 1,\n  }).format(value);\n}\n\nfunction timeAgo(timestamp: number | null): string {\n  if (!timestamp) return \"No activity\";\n  const diff = Date.now() - timestamp;\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\nfunction displayApp(value: string | null | undefined): string {\n  const trimmed = value?.trim();\n  if (!trimmed || trimmed === \"unattributed\") return \"Unattributed\";\n  return trimmed;\n}\n\nfunction maxSpend(\n  rows: Array<{ costCents: number }>,\n  billing: UsageBillingMode,\n): number {\n  return rows.reduce(\n    (max, row) =>\n      Math.max(max, displayAmountFromCostCents(row.costCents, billing)),\n    0,\n  );\n}\n\nfunction barWidth(value: number, max: number): string {\n  if (max <= 0 || value <= 0) return \"0%\";\n  return `${Math.max(4, Math.round((value / max) * 100))}%`;\n}\n\nfunction RangeSelector({\n  value,\n  onChange,\n}: {\n  value: number;\n  onChange: (value: number) => void;\n}) {\n  return (\n    <div className=\"flex rounded-md bg-card p-0.5\">\n      {RANGES.map((range) => (\n        <Button\n          key={range}\n          type=\"button\"\n          variant={value === range ? \"secondary\" : \"ghost\"}\n          size=\"sm\"\n          className=\"h-7 px-3 text-xs\"\n          onClick={() => onChange(range)}\n        >\n          {range}d\n        </Button>\n      ))}\n    </div>\n  );\n}\n\nfunction MetricCard({\n  label,\n  value,\n  detail,\n  icon,\n}: {\n  label: string;\n  value: string;\n  detail: string;\n  icon: ReactNode;\n}) {\n  return (\n    <div className=\"rounded-lg bg-card p-4\">\n      <div className=\"mb-3 flex items-center justify-between gap-3\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {label}\n        </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 className=\"mt-1 truncate text-xs text-muted-foreground\">\n        {detail}\n      </div>\n    </div>\n  );\n}\n\nfunction Panel({\n  title,\n  icon,\n  children,\n  action,\n}: {\n  title: string;\n  icon: ReactNode;\n  children: ReactNode;\n  action?: ReactNode;\n}) {\n  return (\n    <section className=\"rounded-lg bg-card\">\n      <div className=\"flex items-center justify-between gap-3 border-b px-4 py-3\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"text-muted-foreground\">{icon}</span>\n          <h2 className=\"truncate text-sm font-semibold text-foreground\">\n            {title}\n          </h2>\n        </div>\n        {action}\n      </div>\n      <div className=\"p-4\">{children}</div>\n    </section>\n  );\n}\n\nfunction LoadingMetrics() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-5\">\n        {Array.from({ length: 5 }).map((_, index) => (\n          <div key={index} className=\"rounded-lg bg-card p-4\">\n            <Skeleton className=\"mb-4 h-4 w-24\" />\n            <Skeleton className=\"h-7 w-20\" />\n            <Skeleton className=\"mt-3 h-3 w-28\" />\n          </div>\n        ))}\n      </div>\n      <Skeleton className=\"h-80 rounded-lg\" />\n    </div>\n  );\n}\n\nfunction AppSpendRows({\n  rows,\n  billing,\n}: {\n  rows: UsageMetricBucket[];\n  billing: UsageBillingMode;\n}) {\n  const max = maxSpend(rows, billing);\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No LLM usage recorded for this window.\n      </div>\n    );\n  }\n  return (\n    <div className=\"space-y-3\">\n      {rows.map((row) => (\n        <div key={row.key} className=\"space-y-1.5\">\n          <div className=\"flex items-center justify-between gap-3 text-sm\">\n            <div className=\"min-w-0\">\n              <div className=\"truncate font-medium text-foreground\">\n                {displayApp(row.key)}\n              </div>\n              <div className=\"text-xs text-muted-foreground\">\n                {formatNumber(row.chatCalls)} chats ·{\" \"}\n                {formatNumber(row.activeUsers)} users\n              </div>\n            </div>\n            <div className=\"shrink-0 text-right\">\n              <div className=\"font-medium tabular-nums text-foreground\">\n                {formatSpend(row.costCents, billing)}\n              </div>\n              <div className=\"text-xs text-muted-foreground\">\n                {formatNumber(row.calls)} calls\n              </div>\n            </div>\n          </div>\n          <div className=\"h-2 overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"h-full rounded-full bg-foreground\"\n              style={{\n                width: barWidth(\n                  displayAmountFromCostCents(row.costCents, billing),\n                  max,\n                ),\n              }}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction DailyActivity({ rows }: { rows: DailyUsageMetric[] }) {\n  const max = Math.max(\n    1,\n    rows.reduce((value, row) => Math.max(value, row.calls), 0),\n  );\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No activity in this window.\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex h-44 items-end gap-1\">\n      {rows.map((row) => (\n        <div\n          key={row.date}\n          className=\"group flex min-w-0 flex-1 flex-col items-center gap-2\"\n        >\n          <div className=\"relative flex h-36 w-full items-end rounded-sm bg-muted/60\">\n            <div\n              className=\"w-full rounded-sm bg-foreground transition group-hover:bg-primary\"\n              style={{ height: `${Math.max(4, (row.calls / max) * 100)}%` }}\n            />\n          </div>\n          <div className=\"hidden text-[10px] text-muted-foreground sm:block\">\n            {row.date.slice(5)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction AppAccessTable({\n  rows,\n  billing,\n}: {\n  rows: AppAccessMetric[];\n  billing: UsageBillingMode;\n}) {\n  const visibleRows = rows.filter((row) => !row.isDispatch);\n  if (visibleRows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No workspace apps discovered yet.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-x-auto\">\n      <table className=\"w-full min-w-[720px] text-left text-xs\">\n        <thead>\n          <tr className=\"border-b text-muted-foreground\">\n            <th className=\"px-2 py-2 font-medium\">App</th>\n            <th className=\"px-2 py-2 font-medium\">Access</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Users</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Chats</th>\n            <th className=\"px-2 py-2 text-right font-medium\">\n              {billing.shortLabel}\n            </th>\n            <th className=\"px-2 py-2 text-right font-medium\">Last activity</th>\n          </tr>\n        </thead>\n        <tbody>\n          {visibleRows.map((row) => (\n            <tr key={row.id} className=\"border-b last:border-0\">\n              <td className=\"px-2 py-3\">\n                <div className=\"font-medium text-foreground\">{row.name}</div>\n                <div className=\"font-mono text-[11px] text-muted-foreground\">\n                  {row.path}\n                </div>\n              </td>\n              <td className=\"px-2 py-3\">\n                <Badge\n                  variant=\"outline\"\n                  className={cn(\n                    row.status === \"pending\" &&\n                      \"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\",\n                  )}\n                >\n                  {row.status === \"pending\"\n                    ? row.statusLabel || \"Builder branch\"\n                    : row.accessLabel}\n                </Badge>\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.usersWithUsage)} /{\" \"}\n                {formatNumber(row.accessUsers)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.chatCalls)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatSpend(row.costCents, billing)}\n              </td>\n              <td className=\"px-2 py-3 text-right text-muted-foreground\">\n                {timeAgo(row.lastActiveAt)}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction UserTable({\n  rows,\n  billing,\n}: {\n  rows: UserUsageMetric[];\n  billing: UsageBillingMode;\n}) {\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No users have triggered LLM usage in this window.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-x-auto\">\n      <table className=\"w-full min-w-[760px] text-left text-xs\">\n        <thead>\n          <tr className=\"border-b text-muted-foreground\">\n            <th className=\"px-2 py-2 font-medium\">User</th>\n            <th className=\"px-2 py-2 font-medium\">Role</th>\n            <th className=\"px-2 py-2 font-medium\">Top app</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Chats</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Threads</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Tokens</th>\n            <th className=\"px-2 py-2 text-right font-medium\">\n              {billing.shortLabel}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {rows.slice(0, 12).map((row) => (\n            <tr key={row.ownerEmail} className=\"border-b last:border-0\">\n              <td className=\"max-w-64 px-2 py-3\">\n                <div className=\"truncate font-medium text-foreground\">\n                  {row.ownerEmail}\n                </div>\n                <div className=\"text-muted-foreground\">\n                  {timeAgo(row.lastActiveAt ?? row.lastChatAt)}\n                </div>\n              </td>\n              <td className=\"px-2 py-3\">\n                <Badge variant=\"secondary\">{row.role ?? \"user\"}</Badge>\n              </td>\n              <td className=\"px-2 py-3 text-muted-foreground\">\n                {displayApp(row.topApp)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.chatCalls)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.chatThreads)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatTokens(row.inputTokens + row.outputTokens)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatSpend(row.costCents, billing)}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction CompactBreakdown({\n  rows,\n  empty,\n  billing,\n}: {\n  rows: UsageMetricBucket[];\n  empty: string;\n  billing: UsageBillingMode;\n}) {\n  const max = maxSpend(rows, billing);\n  if (rows.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{empty}</div>;\n  }\n  return (\n    <div className=\"space-y-3\">\n      {rows.slice(0, 6).map((row) => (\n        <div key={row.key} className=\"space-y-1\">\n          <div className=\"flex items-center justify-between gap-3 text-xs\">\n            <span className=\"truncate font-medium text-foreground\">\n              {row.label}\n            </span>\n            <span className=\"shrink-0 tabular-nums text-muted-foreground\">\n              {formatSpend(row.costCents, billing)}\n            </span>\n          </div>\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"h-full rounded-full bg-muted-foreground\"\n              style={{\n                width: barWidth(\n                  displayAmountFromCostCents(row.costCents, billing),\n                  max,\n                ),\n              }}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction RecentTable({\n  rows,\n  billing,\n}: {\n  rows: RecentUsageMetric[];\n  billing: UsageBillingMode;\n}) {\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No recent LLM calls.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-x-auto\">\n      <table className=\"w-full min-w-[760px] text-left text-xs\">\n        <thead>\n          <tr className=\"border-b text-muted-foreground\">\n            <th className=\"px-2 py-2 font-medium\">When</th>\n            <th className=\"px-2 py-2 font-medium\">User</th>\n            <th className=\"px-2 py-2 font-medium\">App</th>\n            <th className=\"px-2 py-2 font-medium\">Label</th>\n            <th className=\"px-2 py-2 font-medium\">Model</th>\n            <th className=\"px-2 py-2 text-right font-medium\">\n              {billing.shortLabel}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {rows.slice(0, 10).map((row) => (\n            <tr key={row.id} className=\"border-b last:border-0\">\n              <td className=\"px-2 py-3 text-muted-foreground\">\n                {timeAgo(row.createdAt)}\n              </td>\n              <td className=\"max-w-56 px-2 py-3\">\n                <div className=\"truncate text-foreground\">{row.ownerEmail}</div>\n              </td>\n              <td className=\"px-2 py-3 text-muted-foreground\">\n                {displayApp(row.app)}\n              </td>\n              <td className=\"px-2 py-3\">\n                <Badge variant=\"outline\">{row.label}</Badge>\n              </td>\n              <td className=\"max-w-48 px-2 py-3\">\n                <div className=\"truncate text-muted-foreground\">\n                  {row.model}\n                </div>\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatSpend(row.costCents, billing)}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport default function MetricsRoute() {\n  const t = useT();\n  const [sinceDays, setSinceDays] = useState(30);\n  const { data, isLoading, error } = useActionQuery(\n    \"list-dispatch-usage-metrics\",\n    { sinceDays },\n  );\n  const metrics = data as DispatchUsageMetrics | undefined;\n  const billing = metrics?.billing ?? USD_BILLING;\n  const totalTokens = useMemo(() => {\n    if (!metrics) return 0;\n    return (\n      metrics.totals.inputTokens +\n      metrics.totals.outputTokens +\n      metrics.totals.cacheReadTokens +\n      metrics.totals.cacheWriteTokens\n    );\n  }, [metrics]);\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.metrics\")}\n      description={\n        billing.unit === \"builder-credits\"\n          ? t(\"dispatch.pages.metricsDescriptionBuilder\")\n          : t(\"dispatch.pages.metricsDescriptionLlm\")\n      }\n    >\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-wrap items-center justify-between gap-3\">\n          <div className=\"text-sm text-muted-foreground\">\n            {metrics?.access.scope === \"organization\"\n              ? `${metrics.access.totalUsers} workspace users`\n              : `${metrics?.access.totalUsers ?? 0} signed-in users`}\n          </div>\n          <RangeSelector value={sinceDays} onChange={setSinceDays} />\n        </div>\n\n        {error ? (\n          <Alert variant=\"destructive\">\n            <IconAlertTriangle className=\"h-4 w-4\" />\n            <AlertTitle>{t(\"dispatch.pages.metricsUnavailable\")}</AlertTitle>\n            <AlertDescription>\n              {error instanceof Error\n                ? error.message\n                : t(\"dispatch.pages.unableToLoadUsage\")}\n            </AlertDescription>\n          </Alert>\n        ) : null}\n\n        {isLoading && !metrics ? <LoadingMetrics /> : null}\n\n        {metrics ? (\n          <>\n            <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-5\">\n              <MetricCard\n                label={billing.label}\n                value={formatSpend(metrics.totals.costCents, billing)}\n                detail={`${formatTokens(totalTokens)} total tokens`}\n                icon={<IconCoin size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.llmCalls\")}\n                value={formatNumber(metrics.totals.calls)}\n                detail={`${formatNumber(metrics.totals.chatCalls)} chat turns`}\n                icon={<IconActivity size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.activeUsers\")}\n                value={formatNumber(metrics.totals.activeUsers)}\n                detail={`${formatNumber(metrics.access.totalUsers)} users with access`}\n                icon={<IconUsersGroup size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.workspaceAppsStat\")}\n                value={formatNumber(metrics.totals.workspaceApps)}\n                detail={`${formatNumber(metrics.byApp.length)} with usage`}\n                icon={<IconApps size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.chatThreads\")}\n                value={formatNumber(metrics.totals.chatThreads)}\n                detail={`${formatNumber(metrics.totals.chatMessages)} messages`}\n                icon={<IconMessages size={17} />}\n              />\n            </div>\n\n            <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]\">\n              <Panel\n                title={\n                  billing.unit === \"builder-credits\"\n                    ? \"Credit Spend By App\"\n                    : \"Spend By App\"\n                }\n                icon={<IconChartBar size={16} />}\n              >\n                <AppSpendRows rows={metrics.byApp} billing={billing} />\n              </Panel>\n              <Panel title=\"Daily Activity\" icon={<IconClockHour4 size={16} />}>\n                <DailyActivity rows={metrics.daily} />\n              </Panel>\n            </div>\n\n            <Panel title=\"Access By App\" icon={<IconApps size={16} />}>\n              <AppAccessTable rows={metrics.appAccess} billing={billing} />\n            </Panel>\n\n            <Panel title=\"Users\" icon={<IconUsersGroup size={16} />}>\n              <UserTable rows={metrics.byUser} billing={billing} />\n            </Panel>\n\n            <div className=\"grid gap-4 lg:grid-cols-2\">\n              <Panel title=\"Models\" icon={<IconChartBar size={16} />}>\n                <CompactBreakdown\n                  rows={metrics.byModel}\n                  empty=\"No model usage in this window.\"\n                  billing={billing}\n                />\n              </Panel>\n              <Panel title=\"Work Types\" icon={<IconActivity size={16} />}>\n                <CompactBreakdown\n                  rows={metrics.byLabel}\n                  empty=\"No labeled usage in this window.\"\n                  billing={billing}\n                />\n              </Panel>\n            </div>\n\n            <Panel title=\"Recent LLM Calls\" icon={<IconActivity size={16} />}>\n              <RecentTable rows={metrics.recent} billing={billing} />\n            </Panel>\n          </>\n        ) : null}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../../src/routes/pages/metrics.tsx"],"names":[],"mappings":"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","sourcesContent":["import { sendToAgentChat } from \"@agent-native/core/client/agent-chat\";\nimport { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  IconActivity,\n  IconAlertTriangle,\n  IconArrowUpRight,\n  IconApps,\n  IconChartBar,\n  IconCoin,\n  IconMessages,\n  IconUsersGroup,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState, type ReactNode } from \"react\";\nimport { Link, useSearchParams } from \"react-router\";\nimport { Area, AreaChart, CartesianGrid, XAxis, YAxis } from \"recharts\";\n\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../../components/ui/chart\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { cn } from \"../../lib/utils\";\n\nexport function meta() {\n  return [{ title: \"Metrics — Dispatch\" }];\n}\n\ninterface UsageMetricBucket {\n  key: string;\n  label: string;\n  costCents: number;\n  calls: number;\n  chatCalls: number;\n  inputTokens: number;\n  outputTokens: number;\n  activeUsers: number;\n  lastActiveAt: number | null;\n}\n\ninterface UserUsageMetric extends UsageMetricBucket {\n  ownerEmail: string;\n  chatThreads: number;\n  chatMessages: number;\n  lastChatAt: number | null;\n  topApp: string | null;\n  role: string | null;\n}\n\ninterface UsageUserOption {\n  email: string;\n  role: string | null;\n}\n\ninterface AppAccessMetric {\n  id: string;\n  name: string;\n  path: string;\n  status?: \"ready\" | \"pending\";\n  statusLabel?: string;\n  isDispatch: boolean;\n  accessLabel: string;\n  accessUsers: number;\n  usersWithUsage: number;\n  usageCalls: number;\n  chatCalls: number;\n  costCents: number;\n  lastActiveAt: number | null;\n}\n\ninterface DailyUsageMetric {\n  date: string;\n  costCents: number;\n  calls: number;\n  chatCalls: number;\n  activeUsers: number;\n}\n\ninterface RecentUsageMetric {\n  id: number;\n  createdAt: number;\n  ownerEmail: string;\n  app: string;\n  label: string;\n  model: string;\n  inputTokens: number;\n  outputTokens: number;\n  costCents: number;\n  prompt: string | null;\n  promptSource: \"thread\" | \"thread-preview\" | \"not-captured\" | \"unavailable\";\n  threadId: string | null;\n  runId: string | null;\n  taskId: string | null;\n  sourcePlatform: string | null;\n  sourceId: string | null;\n}\n\ninterface UsageBillingMode {\n  unit: \"usd\" | \"builder-credits\";\n  label: string;\n  shortLabel: string;\n  source: \"estimated-provider-cost\" | \"builder-agent-credits\";\n  hardCostMarginMultiplier?: number;\n  creditsPerUsd?: number;\n}\n\ninterface DispatchUsageMetrics {\n  billing?: UsageBillingMode;\n  viewScope?: \"me\" | \"workspace\";\n  selectedUserEmail?: string | null;\n  availableUsers?: UsageUserOption[];\n  sinceDays: number;\n  access: {\n    viewerEmail: string;\n    orgId: string | null;\n    role: string | null;\n    scope: \"organization\" | \"solo\";\n    totalUsers: number;\n  };\n  totals: {\n    costCents: number;\n    calls: number;\n    chatCalls: number;\n    inputTokens: number;\n    outputTokens: number;\n    cacheReadTokens: number;\n    cacheWriteTokens: number;\n    activeUsers: number;\n    chatThreads: number;\n    chatMessages: number;\n    workspaceApps: number;\n  };\n  byApp: UsageMetricBucket[];\n  byUser: UserUsageMetric[];\n  byLabel: UsageMetricBucket[];\n  byModel: UsageMetricBucket[];\n  daily: DailyUsageMetric[];\n  appAccess: AppAccessMetric[];\n  recent: RecentUsageMetric[];\n}\n\nconst RANGES = [7, 30, 90] as const;\n\nconst USD_BILLING: UsageBillingMode = {\n  unit: \"usd\",\n  label: \"Estimated spend\",\n  shortLabel: \"Cost\",\n  source: \"estimated-provider-cost\",\n};\n\nfunction displayAmountFromCostCents(\n  cents: number,\n  billing: UsageBillingMode,\n): number {\n  if (billing.unit !== \"builder-credits\") return cents;\n  const margin = billing.hardCostMarginMultiplier ?? 1.25;\n  const creditsPerUsd = billing.creditsPerUsd ?? 20;\n  const credits = (cents / 100) * margin * creditsPerUsd;\n  return credits <= 0 ? 0 : Math.ceil(credits * 1000) / 1000;\n}\n\nfunction formatCredits(credits: number): string {\n  if (!Number.isFinite(credits) || credits === 0) return \"0 credits\";\n  const maximumFractionDigits = credits < 1 ? 3 : credits < 10 ? 2 : 1;\n  const value = credits.toLocaleString(undefined, {\n    maximumFractionDigits,\n  });\n  return `${value} ${credits === 1 ? \"credit\" : \"credits\"}`;\n}\n\nfunction formatSpend(cents: number, billing: UsageBillingMode): string {\n  if (billing.unit === \"builder-credits\") {\n    return formatCredits(displayAmountFromCostCents(cents, billing));\n  }\n  if (!Number.isFinite(cents) || cents === 0) return \"$0.00\";\n  if (Math.abs(cents) < 1) return `${cents.toFixed(3)}¢`;\n  if (Math.abs(cents) < 100) return `${cents.toFixed(2)}¢`;\n  return (cents / 100).toLocaleString(undefined, {\n    style: \"currency\",\n    currency: \"USD\",\n    maximumFractionDigits: 2,\n  });\n}\n\nfunction formatNumber(value: number): string {\n  return new Intl.NumberFormat(undefined, {\n    notation: value >= 10_000 ? \"compact\" : \"standard\",\n    maximumFractionDigits: value >= 10_000 ? 1 : 0,\n  }).format(value);\n}\n\nfunction formatTokens(value: number): string {\n  return new Intl.NumberFormat(undefined, {\n    notation: \"compact\",\n    maximumFractionDigits: 1,\n  }).format(value);\n}\n\nfunction timeAgo(timestamp: number | null): string {\n  if (!timestamp) return \"No activity\";\n  const diff = Date.now() - timestamp;\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\nfunction formatTrendDate(value: string): string {\n  const date = new Date(`${value}T12:00:00`);\n  return date.toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n  });\n}\n\nfunction completeTrendRows(rows: DailyUsageMetric[]): DailyUsageMetric[] {\n  if (rows.length < 2) return rows;\n  const byDate = new Map(rows.map((row) => [row.date, row]));\n  const start = new Date(`${rows[0].date}T12:00:00`);\n  const end = new Date(`${rows[rows.length - 1].date}T12:00:00`);\n  const completed: DailyUsageMetric[] = [];\n  for (\n    const cursor = start;\n    cursor <= end;\n    cursor.setDate(cursor.getDate() + 1)\n  ) {\n    const date = cursor.toISOString().slice(0, 10);\n    completed.push(\n      byDate.get(date) ?? {\n        date,\n        costCents: 0,\n        calls: 0,\n        chatCalls: 0,\n        activeUsers: 0,\n      },\n    );\n  }\n  return completed;\n}\n\nfunction displayApp(value: string | null | undefined): string {\n  const trimmed = value?.trim();\n  if (!trimmed || trimmed === \"unattributed\") return \"Unattributed\";\n  return trimmed;\n}\n\nfunction maxSpend(\n  rows: Array<{ costCents: number }>,\n  billing: UsageBillingMode,\n): number {\n  return rows.reduce(\n    (max, row) =>\n      Math.max(max, displayAmountFromCostCents(row.costCents, billing)),\n    0,\n  );\n}\n\nfunction barWidth(value: number, max: number): string {\n  if (max <= 0 || value <= 0) return \"0%\";\n  return `${Math.max(4, Math.round((value / max) * 100))}%`;\n}\n\nfunction RangeSelector({\n  value,\n  onChange,\n}: {\n  value: number;\n  onChange: (value: number) => void;\n}) {\n  return (\n    <div className=\"flex rounded-md bg-card p-0.5\">\n      {RANGES.map((range) => (\n        <Button\n          key={range}\n          type=\"button\"\n          variant={value === range ? \"secondary\" : \"ghost\"}\n          size=\"sm\"\n          className=\"h-7 px-3 text-xs\"\n          onClick={() => onChange(range)}\n        >\n          {range}d\n        </Button>\n      ))}\n    </div>\n  );\n}\n\nfunction MetricCard({\n  label,\n  value,\n  detail,\n  icon,\n}: {\n  label: string;\n  value: string;\n  detail: string;\n  icon: ReactNode;\n}) {\n  return (\n    <div className=\"rounded-lg bg-card p-4\">\n      <div className=\"mb-3 flex items-center justify-between gap-3\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {label}\n        </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 className=\"mt-1 truncate text-xs text-muted-foreground\">\n        {detail}\n      </div>\n    </div>\n  );\n}\n\nfunction Panel({\n  title,\n  icon,\n  children,\n  action,\n}: {\n  title: string;\n  icon: ReactNode;\n  children: ReactNode;\n  action?: ReactNode;\n}) {\n  return (\n    <section className=\"rounded-lg bg-card\">\n      <div className=\"flex items-center justify-between gap-3 border-b px-4 py-3\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"text-muted-foreground\">{icon}</span>\n          <h2 className=\"truncate text-sm font-semibold text-foreground\">\n            {title}\n          </h2>\n        </div>\n        {action}\n      </div>\n      <div className=\"p-4\">{children}</div>\n    </section>\n  );\n}\n\nfunction LoadingMetrics() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-5\">\n        {Array.from({ length: 5 }).map((_, index) => (\n          <div key={index} className=\"rounded-lg bg-card p-4\">\n            <Skeleton className=\"mb-4 h-4 w-24\" />\n            <Skeleton className=\"h-7 w-20\" />\n            <Skeleton className=\"mt-3 h-3 w-28\" />\n          </div>\n        ))}\n      </div>\n      <Skeleton className=\"h-80 rounded-lg\" />\n    </div>\n  );\n}\n\nfunction ScopeSelector({\n  value,\n  onChange,\n}: {\n  value: \"me\" | \"workspace\";\n  onChange: (value: \"me\" | \"workspace\") => void;\n}) {\n  return (\n    <div className=\"flex rounded-md bg-card p-0.5\" aria-label=\"Usage scope\">\n      {(\n        [\n          [\"me\", \"My usage\"],\n          [\"workspace\", \"Workspace\"],\n        ] as const\n      ).map(([scope, label]) => (\n        <Button\n          key={scope}\n          type=\"button\"\n          variant={value === scope ? \"secondary\" : \"ghost\"}\n          size=\"sm\"\n          className=\"h-7 px-3 text-xs\"\n          aria-pressed={value === scope}\n          onClick={() => onChange(scope)}\n        >\n          {label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\nfunction UserSelector({\n  value,\n  users,\n  onChange,\n}: {\n  value: string | null;\n  users: UsageUserOption[];\n  onChange: (value: string | null) => void;\n}) {\n  return (\n    <Select\n      value={value ?? \"all\"}\n      onValueChange={(nextValue) =>\n        onChange(nextValue === \"all\" ? null : nextValue)\n      }\n    >\n      <SelectTrigger\n        className=\"h-8 w-[210px] text-xs\"\n        aria-label=\"Filter usage by user\"\n      >\n        <SelectValue placeholder=\"All users\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectItem value=\"all\">All users</SelectItem>\n          {users.map((user) => (\n            <SelectItem key={user.email} value={user.email}>\n              {user.email}\n            </SelectItem>\n          ))}\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  );\n}\n\nfunction UsageTrend({\n  rows,\n  billing,\n}: {\n  rows: DailyUsageMetric[];\n  billing: UsageBillingMode;\n}) {\n  const chartData = completeTrendRows(rows).map((row) => ({\n    ...row,\n    spend: displayAmountFromCostCents(row.costCents, billing),\n  }));\n\n  return (\n    <Panel\n      title={\n        billing.unit === \"builder-credits\"\n          ? \"Credit usage trend\"\n          : \"Usage trend\"\n      }\n      icon={<IconChartBar size={16} />}\n      action={\n        <div className=\"hidden items-center gap-3 text-[11px] text-muted-foreground sm:flex\">\n          <span className=\"flex items-center gap-1.5\">\n            <span className=\"size-2 rounded-full bg-[hsl(var(--dispatch-brand-blue))]\" />\n            {billing.shortLabel}\n          </span>\n          <span className=\"flex items-center gap-1.5\">\n            <span className=\"size-2 rounded-full bg-muted-foreground\" />\n            Calls\n          </span>\n        </div>\n      }\n    >\n      {chartData.length === 0 ? (\n        <div className=\"flex min-h-56 items-center justify-center rounded-md border border-dashed px-4 text-sm text-muted-foreground\">\n          No usage in this window yet.\n        </div>\n      ) : (\n        <ChartContainer\n          config={{\n            spend: {\n              label: billing.shortLabel,\n              color: \"hsl(var(--dispatch-brand-blue))\",\n            },\n            calls: {\n              label: \"Calls\",\n              color: \"hsl(var(--muted-foreground))\",\n            },\n          }}\n          className=\"h-[280px] w-full aspect-auto\"\n        >\n          <AreaChart\n            data={chartData}\n            margin={{ top: 8, right: 8, left: 12, bottom: 0 }}\n          >\n            <defs>\n              <linearGradient id=\"usage-trend-fill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"0%\"\n                  stopColor=\"var(--color-spend)\"\n                  stopOpacity={0.24}\n                />\n                <stop\n                  offset=\"100%\"\n                  stopColor=\"var(--color-spend)\"\n                  stopOpacity={0}\n                />\n              </linearGradient>\n            </defs>\n            <CartesianGrid\n              vertical={false}\n              stroke=\"hsl(var(--border))\"\n              strokeDasharray=\"3 3\"\n            />\n            <XAxis\n              dataKey=\"date\"\n              stroke=\"hsl(var(--muted-foreground))\"\n              fontSize={11}\n              axisLine={false}\n              tickLine={false}\n              tickMargin={8}\n              minTickGap={28}\n              tickFormatter={formatTrendDate}\n            />\n            <YAxis\n              yAxisId=\"spend\"\n              stroke=\"hsl(var(--muted-foreground))\"\n              fontSize={11}\n              axisLine={false}\n              tickLine={false}\n              tickMargin={8}\n              width={50}\n              tickFormatter={(value) =>\n                billing.unit === \"builder-credits\"\n                  ? formatCredits(Number(value))\n                  : formatSpend(Number(value), billing)\n              }\n            />\n            <YAxis yAxisId=\"calls\" orientation=\"right\" hide />\n            <ChartTooltip\n              cursor={false}\n              content={\n                <ChartTooltipContent\n                  labelFormatter={(value) => formatTrendDate(String(value))}\n                  formatter={(value, name) => [\n                    name === \"spend\"\n                      ? billing.unit === \"builder-credits\"\n                        ? formatCredits(Number(value))\n                        : formatSpend(Number(value), billing)\n                      : `${formatNumber(Number(value))} calls`,\n                    name === \"spend\" ? billing.shortLabel : \"Calls\",\n                  ]}\n                />\n              }\n            />\n            <Area\n              yAxisId=\"spend\"\n              dataKey=\"spend\"\n              type=\"monotone\"\n              stroke=\"var(--color-spend)\"\n              strokeWidth={2}\n              fill=\"url(#usage-trend-fill)\"\n              fillOpacity={1}\n              dot={false}\n              activeDot={{ r: 4, strokeWidth: 2 }}\n              isAnimationActive={false}\n            />\n            <Area\n              yAxisId=\"calls\"\n              dataKey=\"calls\"\n              type=\"monotone\"\n              stroke=\"var(--color-calls)\"\n              strokeWidth={1.5}\n              fill=\"none\"\n              dot={false}\n              activeDot={{ r: 3, strokeWidth: 2 }}\n              isAnimationActive={false}\n            />\n          </AreaChart>\n        </ChartContainer>\n      )}\n    </Panel>\n  );\n}\n\nfunction ReviewUsageButton({\n  metrics,\n  billing,\n}: {\n  metrics: DispatchUsageMetrics;\n  billing: UsageBillingMode;\n}) {\n  function reviewUsage() {\n    const topApps = metrics.byApp\n      .slice(0, 5)\n      .map(\n        (row) =>\n          `${displayApp(row.key)}: ${formatSpend(row.costCents, billing)} / ${row.calls} calls`,\n      )\n      .join(\"; \");\n    const topLabels = metrics.byLabel\n      .slice(0, 5)\n      .map(\n        (row) =>\n          `${row.label}: ${formatSpend(row.costCents, billing)} / ${row.calls} calls`,\n      )\n      .join(\"; \");\n    const recentPrompts = metrics.recent\n      .slice(0, 8)\n      .map((row) => {\n        const prompt = row.prompt\n          ? row.prompt.slice(0, 180)\n          : \"prompt not captured\";\n        return `${timeAgo(row.createdAt)} | ${displayApp(row.app)} | ${row.label} | ${prompt}`;\n      })\n      .join(\"\\n\");\n\n    sendToAgentChat({\n      message:\n        \"Review this LLM usage and explain where the spend is going. Identify repeated, background, or unexpectedly expensive work, cite the strongest evidence, and suggest concrete fixes. Call out missing attribution instead of guessing.\",\n      context: [\n        `Dispatch usage scope: ${metrics.viewScope === \"workspace\" ? \"workspace\" : \"my account\"}.`,\n        `Lookback: ${metrics.sinceDays} days. Viewer: ${metrics.access.viewerEmail}.`,\n        `Total: ${formatSpend(metrics.totals.costCents, billing)}, ${metrics.totals.calls} calls, ${metrics.totals.chatCalls} chat calls, ${formatTokens(metrics.totals.inputTokens + metrics.totals.outputTokens)} input/output tokens.`,\n        `Top apps: ${topApps || \"none\"}.`,\n        `Top work types: ${topLabels || \"none\"}.`,\n        `Recent prompt evidence (bounded to the latest 8 rows):\\n${recentPrompts || \"none\"}`,\n      ].join(\"\\n\"),\n      submit: true,\n      openSidebar: true,\n      chatTarget: \"local\",\n    });\n  }\n\n  return (\n    <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={reviewUsage}>\n      Ask agent\n    </Button>\n  );\n}\n\nfunction AppSpendRows({\n  rows,\n  billing,\n}: {\n  rows: UsageMetricBucket[];\n  billing: UsageBillingMode;\n}) {\n  const max = maxSpend(rows, billing);\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No LLM usage recorded for this window.\n      </div>\n    );\n  }\n  return (\n    <div className=\"space-y-3\">\n      {rows.map((row) => (\n        <div key={row.key} className=\"space-y-1.5\">\n          <div className=\"flex items-center justify-between gap-3 text-sm\">\n            <div className=\"min-w-0\">\n              <div className=\"truncate font-medium text-foreground\">\n                {displayApp(row.key)}\n              </div>\n              <div className=\"text-xs text-muted-foreground\">\n                {formatNumber(row.chatCalls)} chats ·{\" \"}\n                {formatNumber(row.activeUsers)} users\n              </div>\n            </div>\n            <div className=\"shrink-0 text-right\">\n              <div className=\"font-medium tabular-nums text-foreground\">\n                {formatSpend(row.costCents, billing)}\n              </div>\n              <div className=\"text-xs text-muted-foreground\">\n                {formatNumber(row.calls)} calls\n              </div>\n            </div>\n          </div>\n          <div className=\"h-2 overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"h-full rounded-full bg-foreground\"\n              style={{\n                width: barWidth(\n                  displayAmountFromCostCents(row.costCents, billing),\n                  max,\n                ),\n              }}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction AppAccessTable({\n  rows,\n  billing,\n}: {\n  rows: AppAccessMetric[];\n  billing: UsageBillingMode;\n}) {\n  const visibleRows = rows.filter((row) => !row.isDispatch);\n  if (visibleRows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No workspace apps discovered yet.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-x-auto\">\n      <table className=\"w-full min-w-[720px] text-left text-xs\">\n        <thead>\n          <tr className=\"border-b text-muted-foreground\">\n            <th className=\"px-2 py-2 font-medium\">App</th>\n            <th className=\"px-2 py-2 font-medium\">Access</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Users</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Chats</th>\n            <th className=\"px-2 py-2 text-right font-medium\">\n              {billing.shortLabel}\n            </th>\n            <th className=\"px-2 py-2 text-right font-medium\">Last activity</th>\n          </tr>\n        </thead>\n        <tbody>\n          {visibleRows.map((row) => (\n            <tr key={row.id} className=\"border-b last:border-0\">\n              <td className=\"px-2 py-3\">\n                <div className=\"font-medium text-foreground\">{row.name}</div>\n                <div className=\"font-mono text-[11px] text-muted-foreground\">\n                  {row.path}\n                </div>\n              </td>\n              <td className=\"px-2 py-3\">\n                <Badge\n                  variant=\"outline\"\n                  className={cn(\n                    row.status === \"pending\" &&\n                      \"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\",\n                  )}\n                >\n                  {row.status === \"pending\"\n                    ? row.statusLabel || \"Builder branch\"\n                    : row.accessLabel}\n                </Badge>\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.usersWithUsage)} /{\" \"}\n                {formatNumber(row.accessUsers)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.chatCalls)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatSpend(row.costCents, billing)}\n              </td>\n              <td className=\"px-2 py-3 text-right text-muted-foreground\">\n                {timeAgo(row.lastActiveAt)}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction UserTable({\n  rows,\n  billing,\n}: {\n  rows: UserUsageMetric[];\n  billing: UsageBillingMode;\n}) {\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No users have triggered LLM usage in this window.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-x-auto\">\n      <table className=\"w-full min-w-[760px] text-left text-xs\">\n        <thead>\n          <tr className=\"border-b text-muted-foreground\">\n            <th className=\"px-2 py-2 font-medium\">User</th>\n            <th className=\"px-2 py-2 font-medium\">Role</th>\n            <th className=\"px-2 py-2 font-medium\">Top app</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Chats</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Threads</th>\n            <th className=\"px-2 py-2 text-right font-medium\">Tokens</th>\n            <th className=\"px-2 py-2 text-right font-medium\">\n              {billing.shortLabel}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {rows.slice(0, 12).map((row) => (\n            <tr key={row.ownerEmail} className=\"border-b last:border-0\">\n              <td className=\"max-w-64 px-2 py-3\">\n                <div className=\"truncate font-medium text-foreground\">\n                  {row.ownerEmail}\n                </div>\n                <div className=\"text-muted-foreground\">\n                  {timeAgo(row.lastActiveAt ?? row.lastChatAt)}\n                </div>\n              </td>\n              <td className=\"px-2 py-3\">\n                <Badge variant=\"secondary\">{row.role ?? \"user\"}</Badge>\n              </td>\n              <td className=\"px-2 py-3 text-muted-foreground\">\n                {displayApp(row.topApp)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.chatCalls)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatNumber(row.chatThreads)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatTokens(row.inputTokens + row.outputTokens)}\n              </td>\n              <td className=\"px-2 py-3 text-right tabular-nums\">\n                {formatSpend(row.costCents, billing)}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction CompactBreakdown({\n  rows,\n  empty,\n  billing,\n}: {\n  rows: UsageMetricBucket[];\n  empty: string;\n  billing: UsageBillingMode;\n}) {\n  const max = maxSpend(rows, billing);\n  if (rows.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{empty}</div>;\n  }\n  return (\n    <div className=\"space-y-3\">\n      {rows.slice(0, 6).map((row) => (\n        <div key={row.key} className=\"space-y-1\">\n          <div className=\"flex items-center justify-between gap-3 text-xs\">\n            <span className=\"truncate font-medium text-foreground\">\n              {row.label}\n            </span>\n            <span className=\"shrink-0 tabular-nums text-muted-foreground\">\n              {formatSpend(row.costCents, billing)}\n            </span>\n          </div>\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"h-full rounded-full bg-muted-foreground\"\n              style={{\n                width: barWidth(\n                  displayAmountFromCostCents(row.costCents, billing),\n                  max,\n                ),\n              }}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction RecentTable({\n  rows,\n  billing,\n}: {\n  rows: RecentUsageMetric[];\n  billing: UsageBillingMode;\n}) {\n  if (rows.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n        No prompts or LLM calls in this window.\n      </div>\n    );\n  }\n  return (\n    <div className=\"divide-y\">\n      {rows.slice(0, 10).map((row) => (\n        <article key={row.id} className=\"-mx-1 px-1 py-3 first:pt-0 last:pb-0\">\n          <div className=\"flex items-start justify-between gap-4\">\n            <p className=\"min-w-0 whitespace-pre-wrap text-sm leading-6 text-foreground\">\n              {row.prompt ||\n                (row.promptSource === \"unavailable\"\n                  ? \"Prompt unavailable - linked thread data could not be read.\"\n                  : \"Prompt not captured for this call.\")}\n            </p>\n            <span className=\"shrink-0 text-xs text-muted-foreground\">\n              {timeAgo(row.createdAt)}\n            </span>\n          </div>\n          <div className=\"mt-2 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground\">\n            <Badge variant=\"outline\">{displayApp(row.app)}</Badge>\n            <Badge variant=\"secondary\">{row.label}</Badge>\n            <span>{row.model}</span>\n            <span aria-hidden=\"true\">·</span>\n            <span>{formatSpend(row.costCents, billing)}</span>\n            {row.ownerEmail ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span className=\"max-w-64 truncate\">{row.ownerEmail}</span>\n              </>\n            ) : null}\n            {row.threadId ? (\n              <Link\n                to={`/admin/thread-debug?threadId=${encodeURIComponent(row.threadId)}`}\n                className=\"inline-flex items-center gap-1 rounded-md border px-2 py-0.5 font-medium text-foreground transition-colors hover:bg-muted\"\n              >\n                Inspect thread\n                <IconArrowUpRight size={12} />\n              </Link>\n            ) : null}\n          </div>\n        </article>\n      ))}\n    </div>\n  );\n}\n\nexport default function MetricsRoute() {\n  const t = useT();\n  const [sinceDays, setSinceDays] = useState(30);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const scope: \"me\" | \"workspace\" =\n    searchParams.get(\"scope\") === \"workspace\" ? \"workspace\" : \"me\";\n  const userEmail =\n    scope === \"workspace\" ? searchParams.get(\"user\") || null : null;\n\n  function setScope(nextScope: \"me\" | \"workspace\") {\n    const next = new URLSearchParams(searchParams);\n    if (nextScope === \"me\") next.delete(\"scope\");\n    else next.set(\"scope\", nextScope);\n    if (nextScope === \"me\") next.delete(\"user\");\n    setSearchParams(next, { replace: true });\n  }\n\n  function setUserEmail(nextUserEmail: string | null) {\n    const next = new URLSearchParams(searchParams);\n    if (nextUserEmail) next.set(\"user\", nextUserEmail);\n    else next.delete(\"user\");\n    setSearchParams(next, { replace: true });\n  }\n\n  const { data, isLoading, error } = useActionQuery(\n    \"list-dispatch-usage-metrics\",\n    { sinceDays, scope, userEmail: userEmail ?? undefined },\n  );\n  const metrics = data as DispatchUsageMetrics | undefined;\n  const billing = metrics?.billing ?? USD_BILLING;\n  const totalTokens = useMemo(() => {\n    if (!metrics) return 0;\n    return (\n      metrics.totals.inputTokens +\n      metrics.totals.outputTokens +\n      metrics.totals.cacheReadTokens +\n      metrics.totals.cacheWriteTokens\n    );\n  }, [metrics]);\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.metrics\")}\n      description={\n        billing.unit === \"builder-credits\"\n          ? t(\"dispatch.pages.metricsDescriptionBuilder\")\n          : t(\"dispatch.pages.metricsDescriptionLlm\")\n      }\n    >\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-wrap items-center justify-between gap-3\">\n          <div>\n            <div className=\"text-sm font-medium text-foreground\">\n              {metrics?.selectedUserEmail\n                ? `${metrics.selectedUserEmail}'s usage`\n                : scope === \"workspace\"\n                  ? \"Workspace usage\"\n                  : \"Your usage\"}\n            </div>\n            <div className=\"mt-0.5 text-xs text-muted-foreground\">\n              {metrics?.selectedUserEmail\n                ? \"Filtered to this workspace member\"\n                : scope === \"workspace\"\n                  ? `${metrics?.access.totalUsers ?? 0} users with access`\n                  : metrics?.access.viewerEmail || \"Signed-in account\"}\n            </div>\n          </div>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <ScopeSelector value={scope} onChange={setScope} />\n            {scope === \"workspace\" && metrics ? (\n              <UserSelector\n                value={metrics.selectedUserEmail ?? userEmail}\n                users={metrics.availableUsers ?? []}\n                onChange={setUserEmail}\n              />\n            ) : null}\n            <RangeSelector value={sinceDays} onChange={setSinceDays} />\n          </div>\n        </div>\n\n        {error ? (\n          <Alert variant=\"destructive\">\n            <IconAlertTriangle className=\"h-4 w-4\" />\n            <AlertTitle>{t(\"dispatch.pages.metricsUnavailable\")}</AlertTitle>\n            <AlertDescription>\n              {error instanceof Error\n                ? error.message\n                : t(\"dispatch.pages.unableToLoadUsage\")}\n            </AlertDescription>\n          </Alert>\n        ) : null}\n\n        {isLoading && !metrics ? <LoadingMetrics /> : null}\n\n        {metrics ? (\n          <>\n            <UsageTrend rows={metrics.daily} billing={billing} />\n\n            <div className=\"flex items-center justify-between gap-3 border-y py-3\">\n              <span className=\"text-sm text-muted-foreground\">\n                Review this usage with the agent\n              </span>\n              <ReviewUsageButton metrics={metrics} billing={billing} />\n            </div>\n\n            <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-5\">\n              <MetricCard\n                label={billing.label}\n                value={formatSpend(metrics.totals.costCents, billing)}\n                detail={`${formatTokens(totalTokens)} total tokens`}\n                icon={<IconCoin size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.llmCalls\")}\n                value={formatNumber(metrics.totals.calls)}\n                detail={`${formatNumber(metrics.totals.chatCalls)} chat turns`}\n                icon={<IconActivity size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.activeUsers\")}\n                value={formatNumber(metrics.totals.activeUsers)}\n                detail={`${formatNumber(metrics.access.totalUsers)} users with access`}\n                icon={<IconUsersGroup size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.workspaceAppsStat\")}\n                value={formatNumber(metrics.totals.workspaceApps)}\n                detail={`${formatNumber(metrics.byApp.length)} with usage`}\n                icon={<IconApps size={17} />}\n              />\n              <MetricCard\n                label={t(\"dispatch.pages.chatThreads\")}\n                value={formatNumber(metrics.totals.chatThreads)}\n                detail={`${formatNumber(metrics.totals.chatMessages)} messages`}\n                icon={<IconMessages size={17} />}\n              />\n            </div>\n\n            <Panel\n              title={\n                billing.unit === \"builder-credits\"\n                  ? \"Credit spend by app\"\n                  : \"Spend by app\"\n              }\n              icon={<IconApps size={16} />}\n            >\n              <AppSpendRows rows={metrics.byApp} billing={billing} />\n            </Panel>\n\n            <Panel\n              title=\"Recent prompts\"\n              icon={<IconMessages size={16} />}\n              action={\n                <span className=\"text-xs text-muted-foreground\">\n                  Latest {Math.min(metrics.recent.length, 10)} of{\" \"}\n                  {metrics.recent.length}\n                </span>\n              }\n            >\n              <RecentTable rows={metrics.recent} billing={billing} />\n            </Panel>\n\n            <Panel title=\"Access By App\" icon={<IconApps size={16} />}>\n              <AppAccessTable rows={metrics.appAccess} billing={billing} />\n            </Panel>\n\n            <Panel title=\"Users\" icon={<IconUsersGroup size={16} />}>\n              <UserTable rows={metrics.byUser} billing={billing} />\n            </Panel>\n\n            <div className=\"grid gap-4 lg:grid-cols-2\">\n              <Panel title=\"Models\" icon={<IconChartBar size={16} />}>\n                <CompactBreakdown\n                  rows={metrics.byModel}\n                  empty=\"No model usage in this window.\"\n                  billing={billing}\n                />\n              </Panel>\n              <Panel title=\"Work Types\" icon={<IconActivity size={16} />}>\n                <CompactBreakdown\n                  rows={metrics.byLabel}\n                  empty=\"No labeled usage in this window.\"\n                  billing={billing}\n                />\n              </Panel>\n            </div>\n          </>\n        ) : null}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

package/dist/routes/pages/settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,oDAkJpC"}
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,oDA6JpC"}

package/dist/routes/pages/settings.js

@@ -4,6 +4,7 @@ import { ChangelogSettingsCard } from "@agent-native/core/client/changelog";
 import { LanguagePicker, useT } from "@agent-native/core/client/i18n";
 import { TeamPage } from "@agent-native/core/client/org";
 import { SettingsTabsPage, useAgentSettingsTabs, } from "@agent-native/core/client/settings";
+import { IconShield } from "@tabler/icons-react";
 import { useState } from "react";
 import { Link } from "react-router";
 import changelog from "../../../CHANGELOG.md?raw";
@@ -18,6 +19,17 @@ export function meta() {
 export default function SettingsRoute() {
     const t = useT();
     const agentSettingsTabs = useAgentSettingsTabs();
+    const settingsTabs = [
+        ...agentSettingsTabs.filter((tab) => tab.id !== "integrations"),
+        {
+            id: "admin",
+            label: t("dispatch.nav.admin", { defaultValue: "Admin" }),
+            icon: IconShield,
+            group: "Admin",
+            href: "/admin",
+            content: null,
+        },
+    ];
     const [chatFirstModeState] = useState(() => readChatFirstModeState());
     const [chatFirstMode, setChatFirstMode] = useState(() => chatFirstModeState.enabled);
     const [chatFirstStorageNotice, setChatFirstStorageNotice] = useState(chatFirstModeState.availability === "unavailable"
@@ -35,6 +47,6 @@ export default function SettingsRoute() {
             detail: { enabled },
         }));
     }
-    return (_jsx(DispatchShell, { title: t("settings.title"), description: t("settings.description"), children: _jsx(SettingsTabsPage, { extraTabs: agentSettingsTabs.filter((tab) => tab.id !== "integrations"), general: _jsxs("div", { className: "mx-auto w-full max-w-3xl space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.languageTitle") }), _jsx(CardDescription, { children: t("settings.languageDescription") })] }), _jsxs(CardContent, { className: "max-w-xs space-y-1.5", children: [_jsx(Label, { children: t("settings.languageLabel") }), _jsx(LanguagePicker, { label: t("settings.languageLabel") })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Chat-first workspace" }), _jsx(CardDescription, { children: "Keep chats at the center and open workspace apps in a contextual pane beside them." })] }), _jsxs(CardContent, { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "dispatch-chat-first-mode", children: "Use chat-first navigation" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "This preference only changes your local Dispatch shell." }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Session watch and follow-up messaging work in this browser pane too. Local CLI subscription detection stays in the Electron app; Dispatch uses workspace/provider credentials." })] }), _jsx(Switch, { id: "dispatch-chat-first-mode", checked: chatFirstMode, onCheckedChange: updateChatFirstMode })] }), chatFirstStorageNotice ? (_jsx("p", { className: "px-6 pb-4 text-sm text-destructive", role: "alert", children: chatFirstStorageNotice })) : null] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.workspaceTitle") }), _jsx(CardDescription, { children: t("settings.workspaceDescription") })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/admin/workspace", children: t("settings.openResourceSettings") }) }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.deliveryTitle") }), _jsx(CardDescription, { children: t("settings.deliveryDescription") })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/admin/destinations", children: t("settings.openDelivery") }) }) })] })] }), team: _jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(TeamPage, { showTitle: false, createOrgDescription: "Set up a team to share dispatch destinations and approvals with your colleagues." }) }), whatsNew: _jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(ChangelogSettingsCard, { markdown: changelog }) }) }) }));
+    return (_jsx(DispatchShell, { title: t("settings.title"), description: t("settings.description"), children: _jsx(SettingsTabsPage, { extraTabs: settingsTabs, general: _jsxs("div", { className: "mx-auto w-full max-w-3xl space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.languageTitle") }), _jsx(CardDescription, { children: t("settings.languageDescription") })] }), _jsxs(CardContent, { className: "max-w-xs space-y-1.5", children: [_jsx(Label, { children: t("settings.languageLabel") }), _jsx(LanguagePicker, { label: t("settings.languageLabel") })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Chat-first workspace" }), _jsx(CardDescription, { children: "Keep chats at the center and open workspace apps in a contextual pane beside them." })] }), _jsxs(CardContent, { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "dispatch-chat-first-mode", children: "Use chat-first navigation" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "This preference only changes your local Dispatch shell." }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Session watch and follow-up messaging work in this browser pane too. Local CLI subscription detection stays in the Electron app; Dispatch uses workspace/provider credentials." })] }), _jsx(Switch, { id: "dispatch-chat-first-mode", checked: chatFirstMode, onCheckedChange: updateChatFirstMode })] }), chatFirstStorageNotice ? (_jsx("p", { className: "px-6 pb-4 text-sm text-destructive", role: "alert", children: chatFirstStorageNotice })) : null] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.workspaceTitle") }), _jsx(CardDescription, { children: t("settings.workspaceDescription") })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/admin/workspace", children: t("settings.openResourceSettings") }) }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.deliveryTitle") }), _jsx(CardDescription, { children: t("settings.deliveryDescription") })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/admin/destinations", children: t("settings.openDelivery") }) }) })] })] }), team: _jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(TeamPage, { showTitle: false, createOrgDescription: "Set up a team to share dispatch destinations and approvals with your colleagues." }) }), whatsNew: _jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(ChangelogSettingsCard, { markdown: changelog }) }) }) }));
 }
 //# sourceMappingURL=settings.js.map