@burdenoff/microfe-vibecontrols 2026.528.6 → 2026.528.8

package/dist/pages/AnalyticsPage.js

@@ -14,14 +14,15 @@ import { SandboxAnalyticsSection as p } from "../components/analytics/SandboxAna
 import "../components/analytics/index.js";
 import { Suspense as m, lazy as h, useCallback as g, useMemo as _, useState as v } from "react";
 import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { usePermissions as b } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { MotionPage as C } from "@burdenoff/fe-libs/shared/motion";
+import { Download as b, Printer as x } from "lucide-react";
+import { usePermissions as S } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { MotionPage as T } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/AnalyticsPage.tsx
-var w = h(() => import("../components/analytics/AnalyticsTimeSeriesChart.js").then((e) => ({ default: e.AnalyticsTimeSeriesChart }))), T = h(() => import("../components/analytics/AnalyticsBreakdownChart.js").then((e) => ({ default: e.AnalyticsBreakdownChart }))), E = () => /* @__PURE__ */ x("div", {
+var E = h(() => import("../components/analytics/AnalyticsTimeSeriesChart.js").then((e) => ({ default: e.AnalyticsTimeSeriesChart }))), D = h(() => import("../components/analytics/AnalyticsBreakdownChart.js").then((e) => ({ default: e.AnalyticsBreakdownChart }))), O = () => /* @__PURE__ */ C("div", {
 	className: "bg-bg-surface border border-border-default rounded-lg p-4",
-	children: /* @__PURE__ */ x(a, { height: "h-40" })
-}), D = [
+	children: /* @__PURE__ */ C(a, { height: "h-40" })
+}), k = [
 	"overview",
 	"agents",
 	"sessions",
@@ -32,438 +33,463 @@ var w = h(() => import("../components/analytics/AnalyticsTimeSeriesChart.js").th
 	"aievents",
 	"audit",
 	"docs"
-], O = {
+], A = {
 	primary: "var(--color-text-link)",
 	success: "var(--color-status-success-text)",
 	accent: "var(--color-accent-purple)",
 	warning: "var(--color-status-warning-text)"
 };
-function k() {
-	let { workspaceId: a } = t(), { t: h } = y(), k = n(), { hasPermission: M, isLoading: N } = b(), [P, F] = v("LAST_7D"), [I, L] = v("DAY"), [R, z] = o(D, "overview"), B = g((e, t) => {
+function j() {
+	let { workspaceId: a } = t(), { t: h } = y(), j = n(), { hasPermission: I, isLoading: L } = S(), [R, z] = v("LAST_7D"), [B, V] = v("DAY"), [H, U] = o(k, "overview"), W = g((e, t) => {
 		let n = h(e);
 		return n === e ? t : n;
-	}, [h]), { startDate: V, endDate: H } = _(() => c(P), [P]), U = _(() => s(R), [R]), { data: W, loading: G, error: K, refetch: q } = e({
+	}, [h]), { startDate: G, endDate: K } = _(() => c(R), [R]), q = _(() => s(H), [H]), { data: J, loading: Y, error: X, refetch: Z } = e({
 		variables: { input: {
-			startDate: V.toISOString(),
-			endDate: H.toISOString(),
-			granularity: I,
-			entityTypes: U.entityTypes
+			startDate: G.toISOString(),
+			endDate: K.toISOString(),
+			granularity: B,
+			entityTypes: q.entityTypes
 		} },
 		fetchPolicy: "cache-first",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
 		skip: !a
-	}), J = W?.vibecontrolsAnalytics, Y = g(() => {
-		q();
-	}, [q]), X = g((e) => {
-		k(e);
-	}, [k]);
-	return N ? /* @__PURE__ */ x("div", {
+	}), Q = J?.vibecontrolsAnalytics, $ = g(() => {
+		Z();
+	}, [Z]), ee = g(() => {
+		typeof window < "u" && window.print();
+	}, []), te = g(() => {
+		if (!Q) return;
+		let e = F(H, Q);
+		if (e.length === 0) return;
+		let t = P(e), n = new Blob([t], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(n), i = document.createElement("a");
+		i.href = r, i.download = `vibecontrols-analytics-${H}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r);
+	}, [Q, H]), ne = g((e) => {
+		j(e);
+	}, [j]);
+	return L ? /* @__PURE__ */ C("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ x("p", {
+		children: /* @__PURE__ */ C("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions…"
 		})
-	}) : M(i.ANALYTICS_READ) ? a ? K && !J ? /* @__PURE__ */ S(C, {
+	}) : I(i.ANALYTICS_READ) ? a ? X && !Q ? /* @__PURE__ */ w(T, {
 		className: "min-h-screen space-y-6 bg-bg-surface p-4 sm:p-6",
-		children: [/* @__PURE__ */ x(r, { title: B("nav.analytics", "Analytics") }), /* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ C(r, { title: W("nav.analytics", "Analytics") }), /* @__PURE__ */ w("div", {
 			className: "space-y-3 rounded-lg border border-status-error-border bg-status-error-bg/10 p-4 text-sm text-status-error-text",
-			children: [/* @__PURE__ */ S("p", { children: ["Failed to load analytics: ", K.message] }), /* @__PURE__ */ x("button", {
+			children: [/* @__PURE__ */ w("p", { children: ["Failed to load analytics: ", X.message] }), /* @__PURE__ */ C("button", {
 				type: "button",
-				onClick: Y,
+				onClick: $,
 				className: "rounded-md bg-status-error-bg/20 px-3 py-1.5 text-xs font-medium transition-colors hover:bg-status-error-bg/30",
 				children: "Retry"
 			})]
 		})]
-	}) : /* @__PURE__ */ S(C, {
-		className: "min-h-screen space-y-4 bg-bg-surface p-4 sm:p-6",
+	}) : /* @__PURE__ */ w(T, {
+		className: "min-h-screen space-y-4 bg-bg-surface p-4 sm:p-6 vc-printable",
 		children: [
-			/* @__PURE__ */ x(r, { title: B("nav.analytics", "Analytics") }),
-			/* @__PURE__ */ x(l, {
-				timeRange: P,
-				granularity: I,
-				onTimeRangeChange: F,
-				onGranularityChange: L,
-				onRefresh: Y,
-				loading: G,
-				executionTimeMs: J?.executionTimeMs,
-				cached: J?.cached
+			/* @__PURE__ */ C(r, { title: W("nav.analytics", "Analytics") }),
+			/* @__PURE__ */ C(l, {
+				timeRange: R,
+				granularity: B,
+				onTimeRangeChange: z,
+				onGranularityChange: V,
+				onRefresh: $,
+				loading: Y,
+				executionTimeMs: Q?.executionTimeMs,
+				cached: Q?.cached
 			}),
-			/* @__PURE__ */ x(f, {
-				activeTab: R,
-				onTabChange: z
+			/* @__PURE__ */ C(f, {
+				activeTab: H,
+				onTabChange: U
 			}),
-			/* @__PURE__ */ x(m, {
-				fallback: /* @__PURE__ */ x(E, {}),
-				children: /* @__PURE__ */ S("section", {
-					id: `analytics-panel-${R}`,
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-wrap items-center justify-end gap-2 vc-print-hide",
+				children: [/* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: te,
+					disabled: Y || !Q,
+					className: "inline-flex items-center gap-1.5 rounded-md border border-border-default px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+					title: W("analytics.exportCsvTitle", "Export current tab as CSV"),
+					children: [/* @__PURE__ */ C(b, { size: 14 }), W("analytics.exportCsv", "Export CSV")]
+				}), /* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: ee,
+					className: "inline-flex items-center gap-1.5 rounded-md border border-border-default px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+					title: W("analytics.printTitle", "Print this report"),
+					children: [/* @__PURE__ */ C(x, { size: 14 }), W("analytics.print", "Print")]
+				})]
+			}),
+			/* @__PURE__ */ C(m, {
+				fallback: /* @__PURE__ */ C(O, {}),
+				children: /* @__PURE__ */ w("section", {
+					id: `analytics-panel-${H}`,
 					role: "tabpanel",
-					"aria-labelledby": `analytics-tab-${R}`,
+					"aria-labelledby": `analytics-tab-${H}`,
 					className: "space-y-4",
 					children: [
-						R === "overview" ? /* @__PURE__ */ S("div", {
+						H === "overview" ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ x(u, {
-									data: J,
-									loading: G,
-									onCardClick: X
+								/* @__PURE__ */ C(u, {
+									data: Q,
+									loading: Y,
+									onCardClick: ne
 								}),
-								/* @__PURE__ */ x(w, {
+								/* @__PURE__ */ C(E, {
 									title: "Activity Over Time",
 									datasets: [
 										{
 											label: "Sessions",
-											data: J?.sessions?.createdOverTime,
-											color: O.primary
+											data: Q?.sessions?.createdOverTime,
+											color: A.primary
 										},
 										{
 											label: "Executions",
-											data: J?.actions?.executionsOverTime,
-											color: O.success
+											data: Q?.actions?.executionsOverTime,
+											color: A.success
 										},
 										{
 											label: "AI Events",
-											data: J?.aiEvents?.eventsOverTime,
-											color: O.accent
+											data: Q?.aiEvents?.eventsOverTime,
+											color: A.accent
 										},
 										{
 											label: "Audit Logs",
-											data: J?.audit?.eventsOverTime,
-											color: O.warning
+											data: Q?.audit?.eventsOverTime,
+											color: A.warning
 										}
 									]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(T, {
+									children: [/* @__PURE__ */ C(D, {
 										title: "Sessions by Status",
-										data: J?.sessions?.byStatus
-									}), /* @__PURE__ */ x(T, {
+										data: Q?.sessions?.byStatus
+									}), /* @__PURE__ */ C(D, {
 										title: "Vibes by Status",
-										data: J?.vibes?.byStatus
+										data: Q?.vibes?.byStatus
 									})]
 								})
 							]
 						}) : null,
-						R === "agents" && J?.agents ? /* @__PURE__ */ S("div", {
+						H === "agents" && Q?.agents ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Total",
-											value: J.agents.total
+											value: Q.agents.total
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Active",
-											value: J.agents.active,
+											value: Q.agents.active,
 											variant: "success"
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Inactive",
-											value: J.agents.inactive,
+											value: Q.agents.inactive,
 											variant: "warning"
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Stale Heartbeat",
-											value: J.agents.staleHeartbeatCount,
+											value: Q.agents.staleHeartbeatCount,
 											variant: "error"
 										})
 									]
 								}),
-								/* @__PURE__ */ x(w, {
+								/* @__PURE__ */ C(E, {
 									title: "Agents Created Over Time",
 									datasets: [{
 										label: "Agents",
-										data: J.agents.createdOverTime,
-										color: O.primary
+										data: Q.agents.createdOverTime,
+										color: A.primary
 									}],
 									height: 250
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(d, {
+									children: [/* @__PURE__ */ C(d, {
 										title: "By Platform",
-										data: J.agents.byPlatform,
+										data: Q.agents.byPlatform,
 										keyLabel: "Platform"
-									}), /* @__PURE__ */ x(d, {
+									}), /* @__PURE__ */ C(d, {
 										title: "By Architecture",
-										data: J.agents.byArchitecture,
+										data: Q.agents.byArchitecture,
 										keyLabel: "Architecture"
 									})]
 								})
 							]
 						}) : null,
-						R === "sessions" && J?.sessions ? /* @__PURE__ */ S("div", {
+						H === "sessions" && Q?.sessions ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Total",
-											value: J.sessions.total
+											value: Q.sessions.total
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Running",
-											value: J.sessions.active,
+											value: Q.sessions.active,
 											variant: "success"
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Collaborators",
-											value: J.sessions.totalCollaborators
+											value: Q.sessions.totalCollaborators
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Shares",
-											value: J.sessions.totalShares + J.sessions.totalShareLinks
+											value: Q.sessions.totalShares + Q.sessions.totalShareLinks
 										})
 									]
 								}),
-								J.sessions.avgDurationMs == null ? null : /* @__PURE__ */ S("div", {
+								Q.sessions.avgDurationMs == null ? null : /* @__PURE__ */ w("div", {
 									className: "text-sm text-text-secondary",
 									children: [
 										"Average duration:",
 										" ",
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ C("span", {
 											className: "font-medium text-text-primary",
-											children: j(J.sessions.avgDurationMs)
+											children: N(Q.sessions.avgDurationMs)
 										})
 									]
 								}),
-								/* @__PURE__ */ x(w, {
+								/* @__PURE__ */ C(E, {
 									title: "Sessions Created Over Time",
 									datasets: [{
 										label: "Sessions",
-										data: J.sessions.createdOverTime,
-										color: O.primary
+										data: Q.sessions.createdOverTime,
+										color: A.primary
 									}],
 									height: 250
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(T, {
+									children: [/* @__PURE__ */ C(D, {
 										title: "Sessions by Type",
-										data: J.sessions.byType
-									}), /* @__PURE__ */ x(d, {
+										data: Q.sessions.byType
+									}), /* @__PURE__ */ C(d, {
 										title: "Sessions by Status",
-										data: J.sessions.byStatus,
+										data: Q.sessions.byStatus,
 										keyLabel: "Status"
 									})]
 								})
 							]
 						}) : null,
-						R === "sandbox" ? /* @__PURE__ */ x(p, {}) : null,
-						R === "vibes" && J?.vibes ? /* @__PURE__ */ S("div", {
+						H === "sandbox" ? /* @__PURE__ */ C(p, {}) : null,
+						H === "vibes" && Q?.vibes ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Total",
-											value: J.vibes.total
+											value: Q.vibes.total
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "With Agent",
-											value: J.vibes.withAgent,
+											value: Q.vibes.withAgent,
 											variant: "success"
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Without Agent",
-											value: J.vibes.withoutAgent
+											value: Q.vibes.withoutAgent
 										})
 									]
 								}),
-								/* @__PURE__ */ x(w, {
+								/* @__PURE__ */ C(E, {
 									title: "Vibes Created Over Time",
 									datasets: [{
 										label: "Vibes",
-										data: J.vibes.createdOverTime,
-										color: O.accent
+										data: Q.vibes.createdOverTime,
+										color: A.accent
 									}],
 									height: 250
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(T, {
+									children: [/* @__PURE__ */ C(D, {
 										title: "Vibes by Type",
-										data: J.vibes.byType
-									}), /* @__PURE__ */ x(T, {
+										data: Q.vibes.byType
+									}), /* @__PURE__ */ C(D, {
 										title: "Vibes by Status",
-										data: J.vibes.byStatus
+										data: Q.vibes.byStatus
 									})]
 								})
 							]
 						}) : null,
-						R === "actions" && J?.actions ? /* @__PURE__ */ S("div", {
+						H === "actions" && Q?.actions ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Total Actions",
-											value: J.actions.total
+											value: Q.actions.total
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Executions",
-											value: J.actions.totalExecutions
+											value: Q.actions.totalExecutions
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Success Rate",
-											value: J.actions.successRate == null ? "N/A" : `${J.actions.successRate.toFixed(1)}%`,
-											variant: J.actions.successRate != null && J.actions.successRate >= 90 ? "success" : "warning"
+											value: Q.actions.successRate == null ? "N/A" : `${Q.actions.successRate.toFixed(1)}%`,
+											variant: Q.actions.successRate != null && Q.actions.successRate >= 90 ? "success" : "warning"
 										}),
-										/* @__PURE__ */ x(A, {
+										/* @__PURE__ */ C(M, {
 											label: "Avg Duration",
-											value: J.actions.avgDurationMs == null ? "N/A" : j(J.actions.avgDurationMs)
+											value: Q.actions.avgDurationMs == null ? "N/A" : N(Q.actions.avgDurationMs)
 										})
 									]
 								}),
-								/* @__PURE__ */ x(w, {
+								/* @__PURE__ */ C(E, {
 									title: "Executions Over Time",
 									datasets: [{
 										label: "Executions",
-										data: J.actions.executionsOverTime,
-										color: O.success
+										data: Q.actions.executionsOverTime,
+										color: A.success
 									}],
 									height: 250
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(T, {
+									children: [/* @__PURE__ */ C(D, {
 										title: "By Action Type",
-										data: J.actions.byActionType
-									}), /* @__PURE__ */ x(T, {
+										data: Q.actions.byActionType
+									}), /* @__PURE__ */ C(D, {
 										title: "Execution Status",
-										data: J.actions.executionsByStatus
+										data: Q.actions.executionsByStatus
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(d, {
+									children: [/* @__PURE__ */ C(d, {
 										title: "By Trigger Type",
-										data: J.actions.byTriggerType,
+										data: Q.actions.byTriggerType,
 										keyLabel: "Trigger"
-									}), /* @__PURE__ */ x(d, {
+									}), /* @__PURE__ */ C(d, {
 										title: "By Source Type",
-										data: J.actions.bySourceType,
+										data: Q.actions.bySourceType,
 										keyLabel: "Source"
 									})]
 								})
 							]
 						}) : null,
-						R === "vibedecks" && J?.vibeDecks ? /* @__PURE__ */ S("div", {
+						H === "vibedecks" && Q?.vibeDecks ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
-								children: [/* @__PURE__ */ x(A, {
+								children: [/* @__PURE__ */ C(M, {
 									label: "Decks",
-									value: J.vibeDecks.totalDecks
-								}), /* @__PURE__ */ x(A, {
+									value: Q.vibeDecks.totalDecks
+								}), /* @__PURE__ */ C(M, {
 									label: "Buttons",
-									value: J.vibeDecks.totalButtons
+									value: Q.vibeDecks.totalButtons
 								})]
-							}), /* @__PURE__ */ x(T, {
+							}), /* @__PURE__ */ C(D, {
 								title: "Buttons by Action Type",
-								data: J.vibeDecks.buttonsByActionType
+								data: Q.vibeDecks.buttonsByActionType
 							})]
 						}) : null,
-						R === "aievents" && J?.aiEvents ? /* @__PURE__ */ S("div", {
+						H === "aievents" && Q?.aiEvents ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ x(A, {
+								/* @__PURE__ */ C(M, {
 									label: "Total AI Events",
-									value: J.aiEvents.total
+									value: Q.aiEvents.total
 								}),
-								/* @__PURE__ */ x(w, {
+								/* @__PURE__ */ C(E, {
 									title: "AI Events Over Time",
 									datasets: [{
 										label: "Events",
-										data: J.aiEvents.eventsOverTime,
-										color: O.accent
+										data: Q.aiEvents.eventsOverTime,
+										color: A.accent
 									}],
 									height: 250
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(T, {
+									children: [/* @__PURE__ */ C(D, {
 										title: "By Source",
-										data: J.aiEvents.bySource
-									}), /* @__PURE__ */ x(d, {
+										data: Q.aiEvents.bySource
+									}), /* @__PURE__ */ C(d, {
 										title: "By Event Type",
-										data: J.aiEvents.byEventType,
+										data: Q.aiEvents.byEventType,
 										keyLabel: "Event Type"
 									})]
 								})
 							]
 						}) : null,
-						R === "audit" && J?.audit ? /* @__PURE__ */ S("div", {
+						H === "audit" && Q?.audit ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ x(A, {
+								/* @__PURE__ */ C(M, {
 									label: "Total Audit Logs",
-									value: J.audit.total
+									value: Q.audit.total
 								}),
-								/* @__PURE__ */ x(w, {
+								/* @__PURE__ */ C(E, {
 									title: "Audit Events Over Time",
 									datasets: [{
 										label: "Events",
-										data: J.audit.eventsOverTime,
-										color: O.warning
+										data: Q.audit.eventsOverTime,
+										color: A.warning
 									}],
 									height: 250
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-									children: [/* @__PURE__ */ x(T, {
+									children: [/* @__PURE__ */ C(D, {
 										title: "By Action",
-										data: J.audit.byAction
-									}), /* @__PURE__ */ x(T, {
+										data: Q.audit.byAction
+									}), /* @__PURE__ */ C(D, {
 										title: "By Status",
-										data: J.audit.byStatus
+										data: Q.audit.byStatus
 									})]
 								}),
-								/* @__PURE__ */ x(d, {
+								/* @__PURE__ */ C(d, {
 									title: "By Resource Type",
-									data: J.audit.byResourceType,
+									data: Q.audit.byResourceType,
 									keyLabel: "Resource"
 								})
 							]
 						}) : null,
-						R === "docs" && J?.docs ? /* @__PURE__ */ S("div", {
+						H === "docs" && Q?.docs ? /* @__PURE__ */ w("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 								children: [
-									/* @__PURE__ */ x(A, {
+									/* @__PURE__ */ C(M, {
 										label: "Sites",
-										value: J.docs.totalSites
+										value: Q.docs.totalSites
 									}),
-									/* @__PURE__ */ x(A, {
+									/* @__PURE__ */ C(M, {
 										label: "Pages",
-										value: J.docs.totalPages
+										value: Q.docs.totalPages
 									}),
-									/* @__PURE__ */ x(A, {
+									/* @__PURE__ */ C(M, {
 										label: "Revisions",
-										value: J.docs.totalRevisions
+										value: Q.docs.totalRevisions
 									}),
-									/* @__PURE__ */ x(A, {
+									/* @__PURE__ */ C(M, {
 										label: "Build Success",
-										value: J.docs.buildSuccessRate == null ? "N/A" : `${J.docs.buildSuccessRate.toFixed(1)}%`,
-										variant: J.docs.buildSuccessRate != null && J.docs.buildSuccessRate >= 90 ? "success" : "warning"
+										value: Q.docs.buildSuccessRate == null ? "N/A" : `${Q.docs.buildSuccessRate.toFixed(1)}%`,
+										variant: Q.docs.buildSuccessRate != null && Q.docs.buildSuccessRate >= 90 ? "success" : "warning"
 									})
 								]
-							}), /* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ w("div", {
 								className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-								children: [/* @__PURE__ */ x(T, {
+								children: [/* @__PURE__ */ C(D, {
 									title: "Pages by Status",
-									data: J.docs.pagesByStatus
-								}), /* @__PURE__ */ x(T, {
+									data: Q.docs.pagesByStatus
+								}), /* @__PURE__ */ C(D, {
 									title: "Revisions by Status",
-									data: J.docs.revisionsByStatus
+									data: Q.docs.revisionsByStatus
 								})]
 							})]
 						}) : null
@@ -471,42 +497,67 @@ function k() {
 				})
 			})
 		]
-	}) : /* @__PURE__ */ S(C, {
+	}) : /* @__PURE__ */ w(T, {
 		className: "min-h-screen space-y-6 bg-bg-surface p-4 sm:p-6",
-		children: [/* @__PURE__ */ x(r, { title: B("nav.analytics", "Analytics") }), /* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ C(r, { title: W("nav.analytics", "Analytics") }), /* @__PURE__ */ C("div", {
 			className: "text-sm text-text-secondary",
 			children: "Waiting for workspace context…"
 		})]
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ C("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ x("h2", {
+			children: [/* @__PURE__ */ C("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: "Access Denied"
-			}), /* @__PURE__ */ x("p", {
+			}), /* @__PURE__ */ C("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
 		})
 	});
 }
-function A({ label: e, value: t, variant: n }) {
-	return /* @__PURE__ */ S("div", {
+function M({ label: e, value: t, variant: n }) {
+	return /* @__PURE__ */ w("div", {
 		className: `${n === "success" ? "bg-status-success-bg/10" : n === "warning" ? "bg-status-warning-bg/10" : n === "error" ? "bg-status-error-bg/10" : "bg-bg-surface"} rounded-lg border border-border-default p-3`,
-		children: [/* @__PURE__ */ x("p", {
+		children: [/* @__PURE__ */ C("p", {
 			className: "text-xs text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ x("p", {
+		}), /* @__PURE__ */ C("p", {
 			className: "mt-1 text-xl font-bold text-text-primary",
 			children: typeof t == "number" ? t.toLocaleString() : t
 		})]
 	});
 }
-function j(e) {
+function N(e) {
 	return e < 1e3 ? `${Math.round(e)}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : `${Math.floor(e / 6e4)}m ${Math.round(e % 6e4 / 1e3)}s`;
 }
+function P(e) {
+	return e.map((e) => e.map((e) => {
+		let t = e == null ? "" : String(e);
+		return /[",\n\r]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+	}).join(",")).join("\r\n");
+}
+function F(e, t) {
+	let n = [];
+	if (e === "overview") return n.push(["metric", "value"]), t.sessions && n.push(["sessions.total", t.sessions.total ?? 0]), t.agents && n.push(["agents.total", t.agents.total ?? 0]), t.vibes && n.push(["vibes.total", t.vibes.total ?? 0]), t.actions && n.push(["actions.total", t.actions.total ?? 0]), n;
+	if (e === "agents" && t.agents) {
+		if (n.push(["metric", "value"]), n.push(["total", t.agents.total ?? 0]), n.push(["active", t.agents.active ?? 0]), n.push(["inactive", t.agents.inactive ?? 0]), n.push(["staleHeartbeat", t.agents.staleHeartbeatCount ?? 0]), Array.isArray(t.agents.byPlatform)) {
+			n.push([], ["platform", "count"]);
+			for (let e of t.agents.byPlatform) n.push([e.key ?? e.label ?? "", e.count ?? 0]);
+		}
+		return n;
+	}
+	if (e === "sessions" && t.sessions) {
+		if (n.push(["metric", "value"]), n.push(["total", t.sessions.total ?? 0]), n.push(["running", t.sessions.active ?? 0]), n.push(["avgDurationMs", t.sessions.avgDurationMs ?? ""]), Array.isArray(t.sessions.byType)) {
+			n.push([], ["type", "count"]);
+			for (let e of t.sessions.byType) n.push([e.key ?? e.label ?? "", e.count ?? 0]);
+		}
+		return n;
+	}
+	return e === "actions" && t.actions ? (n.push(["metric", "value"]), n.push(["total", t.actions.total ?? 0]), n.push(["totalExecutions", t.actions.totalExecutions ?? 0]), n.push(["successRate", t.actions.successRate ?? ""]), n.push(["avgDurationMs", t.actions.avgDurationMs ?? ""]), n) : e === "vibes" && t.vibes ? (n.push(["metric", "value"]), n.push(["total", t.vibes.total ?? 0]), n.push(["withAgent", t.vibes.withAgent ?? 0]), n.push(["withoutAgent", t.vibes.withoutAgent ?? 0]), n) : e === "vibedecks" && t.vibeDecks ? (n.push(["metric", "value"]), n.push(["decks", t.vibeDecks.totalDecks ?? 0]), n.push(["buttons", t.vibeDecks.totalButtons ?? 0]), n) : e === "aievents" && t.aiEvents ? (n.push(["metric", "value"]), n.push(["total", t.aiEvents.total ?? 0]), n) : e === "audit" && t.audit ? (n.push(["metric", "value"]), n.push(["total", t.audit.total ?? 0]), n) : e === "docs" && t.docs ? (n.push(["metric", "value"]), n.push(["sites", t.docs.totalSites ?? 0]), n.push(["pages", t.docs.totalPages ?? 0]), n.push(["revisions", t.docs.totalRevisions ?? 0]), n.push(["buildSuccessRate", t.docs.buildSuccessRate ?? ""]), n) : (n.push(["metric", "value"]), n.push(["note", `No CSV serialiser for ${e} tab yet`]), n);
+}
 //#endregion
-export { k as AnalyticsPage };
+export { j as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map