@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/OverviewPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Overview page showing summary dashboard with stats, active resources, and recent activity
+ *
+ * This page now uses cached initial data from Apollo instead of independent queries,
+ * reducing GraphQL calls from 5 to 0 for the initial render.
+ * The refresh button triggers a refetch of the initial data.
+ */
+export declare function OverviewPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverviewPage.d.ts.map

package/dist/pages/OverviewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPage.d.ts","sourceRoot":"","sources":["../../src/pages/OverviewPage.tsx"],"names":[],"mappings":"AAyBA;;;;;;GAMG;AACH,wBAAgB,YAAY,4CA+jB3B"}

package/dist/pages/OverviewPage.js

@@ -0,0 +1,419 @@
+import { useVibeNavigate as e } from "../providers/VibeControlsProvider.js";
+import t from "../hooks/useCachedInitialData.js";
+import { PageHeader as n } from "../components/shared/PageHeader.js";
+import { ErrorState as r } from "../components/shared/ErrorState.js";
+import { Card as i } from "../components/shared/Card.js";
+import { StatCard as a } from "../components/shared/StatCard.js";
+import { AgentSetupBanner as o } from "../components/shared/AgentSetupBanner.js";
+import "../components/shared/index.js";
+import { VIBE_PERMISSIONS as s } from "../constants/permissions.js";
+import { AgentCard as c } from "../components/agents/AgentCard.js";
+import "../components/agents/index.js";
+import { SessionCard as l } from "../components/sessions/SessionCard.js";
+import "../components/sessions/index.js";
+import { VibeCard as u } from "../components/vibes/VibeCard.js";
+import "../components/vibes/index.js";
+import { useMemo as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as p, Bot as m, FileText as h, GitBranch as g, Play as _, RefreshCw as v, Server as y, Terminal as b, Zap 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 { MotionItem as T, MotionList as E, MotionPage as D } from "@burdenoff/fe-libs/shared/motion";
+//#region src/pages/OverviewPage.tsx
+function O() {
+	let O = e(), { t: k } = f(), { hasPermission: A, isLoading: j } = S(), M = (e, t, n) => {
+		let r = k(e, n), i = r === e ? t : r;
+		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
+	}, { agents: N, vibes: P, sessions: F, notes: I, targets: L, loading: R, error: z, totals: B, refetch: V } = t();
+	z && console.error("[overview] failed to load initial workspace data", z);
+	let H = d(() => N.map((e) => ({
+		id: e.id,
+		workspaceId: "",
+		name: e.name,
+		hostname: e.hostname,
+		platform: e.platform,
+		architecture: e.architecture || "",
+		version: e.version || "",
+		isActive: e.isActive,
+		status: e.isActive ? "ACTIVE" : "OFFLINE",
+		lastHeartbeat: e.lastHeartbeat || null,
+		tunnelUrl: e.tunnelUrl ?? null,
+		tunnelStatus: e.tunnelStatus ?? null,
+		agentApiKey: null,
+		aiContext: null,
+		configuration: {},
+		capabilities: [],
+		metadata: {},
+		createdAt: e.createdAt || "",
+		updatedAt: ""
+	})), [N]), U = d(() => P.map((e) => ({
+		id: e.id,
+		workspaceId: "",
+		name: e.name,
+		description: "",
+		type: e.type || "PROJECT",
+		status: e.status,
+		path: "",
+		agentId: e.agentId ?? null,
+		parentId: null,
+		gitBranch: null,
+		gitRemote: null,
+		gitStatus: null,
+		environmentVariables: {},
+		tags: [],
+		metadata: {},
+		createdAt: "",
+		updatedAt: "",
+		archivedAt: null,
+		agent: void 0
+	})), [P]), W = d(() => F.map((e) => ({
+		id: e.id,
+		workspaceId: "",
+		agentId: e.agentId ?? null,
+		vibeId: e.vibeId ?? null,
+		name: e.name,
+		type: e.type || "TERMINAL",
+		status: e.status,
+		command: null,
+		workingDirectory: null,
+		environmentVariables: {},
+		autoStart: !1,
+		pid: null,
+		exitCode: null,
+		lastOutput: null,
+		metadata: {},
+		createdAt: e.createdAt || "",
+		updatedAt: "",
+		agent: void 0,
+		vibe: void 0
+	})), [F]), G = H.filter((e) => e.isActive), K = W.filter((e) => e.status === "RUNNING"), q = U.filter((e) => e.status === "ACTIVE"), J = {
+		agents: {
+			total: B.agents,
+			active: G.length,
+			offline: H.filter((e) => !e.isActive).length
+		},
+		vibes: {
+			total: B.vibes,
+			active: q.length,
+			archived: U.filter((e) => e.status === "ARCHIVED").length
+		},
+		sessions: {
+			total: B.sessions,
+			running: K.length,
+			stopped: W.filter((e) => e.status === "STOPPED").length
+		},
+		notes: {
+			total: B.notes,
+			pinned: I.filter((e) => e.isPinned).length
+		}
+	}, Y = d(() => {
+		let e = [];
+		return W.slice(0, 3).forEach((t) => {
+			e.push({
+				id: `session-${t.id}`,
+				type: "session_started",
+				title: t.status === "RUNNING" ? M("overviewPage.activity.sessionRunning", "Session Running") : M("overviewPage.activity.sessionStatus", "Session {{status}}", { status: t.status.toLowerCase() }),
+				description: `${t.name}`,
+				timestamp: t.createdAt,
+				color: t.status === "RUNNING" ? "green" : "blue"
+			});
+		}), G.slice(0, 2).forEach((t) => {
+			e.push({
+				id: `agent-${t.id}`,
+				type: "agent_connected",
+				title: M("overviewPage.activity.agentOnline", "Agent Online"),
+				description: M("overviewPage.activity.agentOnlineDescription", "{{name}} is active", { name: t.name }),
+				timestamp: t.lastHeartbeat || t.updatedAt,
+				color: "blue"
+			});
+		}), e.sort((e, t) => new Date(t.timestamp).getTime() - new Date(e.timestamp).getTime()).slice(0, 6);
+	}, [W, G]);
+	if (j) return /* @__PURE__ */ C("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ C("p", {
+			className: "text-text-secondary",
+			children: M("overviewPage.loadingPermissions", "Loading permissions...")
+		})
+	});
+	if (!A(s.VIBE_LIST)) return /* @__PURE__ */ C("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ w("div", {
+			className: "text-center space-y-2",
+			children: [/* @__PURE__ */ C("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: M("common.accessDeniedTitle", "Access Denied")
+			}), /* @__PURE__ */ C("p", {
+				className: "text-sm text-text-secondary",
+				children: M("overviewPage.accessDeniedDescription", "You don't have permission to access this page.")
+			})]
+		})
+	});
+	let X = (e) => {
+		if (!e) return M("overviewPage.time.unknown", "Unknown");
+		let t = Date.now() - new Date(e).getTime();
+		return t < 6e4 ? M("overviewPage.time.justNow", "Just now") : t < 36e5 ? M("overviewPage.time.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? M("overviewPage.time.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : M("overviewPage.time.daysAgo", "{{count}}d ago", { count: Math.floor(t / 864e5) });
+	}, Z = (e) => /* @__PURE__ */ C({
+		session_started: _,
+		agent_connected: y,
+		vibe_updated: g,
+		note_created: h,
+		module_installed: p
+	}[e] || p, { className: "w-4 h-4" }), Q = (e) => ({
+		green: "bg-status-success-bg text-status-success-text",
+		blue: "bg-status-info-bg text-status-info-text",
+		purple: "bg-accent-purple-subtle text-accent-purple",
+		orange: "bg-status-warning-bg text-status-warning-text",
+		cyan: "bg-accent-teal-subtle text-accent-teal",
+		yellow: "bg-status-warning-bg text-status-warning-text",
+		pink: "bg-accent-purple-subtle text-accent-purple"
+	})[e] || "bg-bg-sunken text-text-secondary";
+	return /* @__PURE__ */ w(D, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: [
+			/* @__PURE__ */ C(n, {
+				title: M("overviewPage.title", "VibeControls Overview"),
+				description: M("overviewPage.description", "Monitor and manage your development environments"),
+				actions: /* @__PURE__ */ w("button", {
+					onClick: V,
+					disabled: R,
+					className: "flex items-center gap-2 px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary hover:bg-bg-sunken/80 transition-colors disabled:opacity-50",
+					children: [/* @__PURE__ */ C(v, { className: `w-4 h-4 ${R ? "animate-spin" : ""}` }), M("overviewPage.refresh", "Refresh")]
+				})
+			}),
+			z && !R && /* @__PURE__ */ C(r, {
+				title: M("overviewPage.loadFailed.title", "Could not load workspace data"),
+				message: M("overviewPage.loadFailed.message", "We couldn't load your VibeControls overview. Please try again in a moment."),
+				onRetry: V
+			}),
+			!z && H.length === 0 && !R && /* @__PURE__ */ C(o, {
+				variant: "full",
+				dismissKey: "vibecontrols-overview-setup-banner"
+			}),
+			/* @__PURE__ */ w(E, {
+				"data-tour": "overview-stats",
+				className: "grid grid-cols-2 sm:grid-cols-5 gap-4",
+				stagger: .06,
+				children: [
+					/* @__PURE__ */ C(T, {
+						variant: "fadeScale",
+						children: /* @__PURE__ */ C(a, {
+							title: M("overviewPage.stats.targets", "Targets"),
+							value: R ? "-" : L.length,
+							subtitle: R ? "" : M("overviewPage.stats.connected", "{{count}} connected", { count: L.filter((e) => e.status === "connected" || e.status === "active").length }),
+							icon: /* @__PURE__ */ C(y, { className: "w-6 h-6" }),
+							variant: !R && L.length > 0 ? "success" : "default",
+							onClick: () => O("/targets")
+						})
+					}),
+					/* @__PURE__ */ C(T, {
+						variant: "fadeScale",
+						children: /* @__PURE__ */ C(a, {
+							title: M("overviewPage.stats.agents", "Agents"),
+							value: R ? "-" : J.agents.total,
+							subtitle: R ? "" : M("overviewPage.stats.active", "{{count}} active", { count: J.agents.active }),
+							icon: /* @__PURE__ */ C(m, { className: "w-6 h-6" }),
+							variant: !R && J.agents.active > 0 ? "success" : "default",
+							onClick: () => O("/agents")
+						})
+					}),
+					/* @__PURE__ */ C(T, {
+						variant: "fadeScale",
+						children: /* @__PURE__ */ C(a, {
+							title: M("overviewPage.stats.vibes", "Vibes"),
+							value: R ? "-" : J.vibes.total,
+							subtitle: R ? "" : M("overviewPage.stats.active", "{{count}} active", { count: J.vibes.active }),
+							icon: /* @__PURE__ */ C(x, { className: "w-6 h-6" }),
+							onClick: () => O("/vibes")
+						})
+					}),
+					/* @__PURE__ */ C(T, {
+						variant: "fadeScale",
+						children: /* @__PURE__ */ C(a, {
+							title: M("overviewPage.stats.sessions", "Sessions"),
+							value: R ? "-" : J.sessions.total,
+							subtitle: R ? "" : M("overviewPage.stats.running", "{{count}} running", { count: J.sessions.running }),
+							icon: /* @__PURE__ */ C(b, { className: "w-6 h-6" }),
+							variant: !R && J.sessions.running > 0 ? "success" : "default",
+							onClick: () => O("/sessions")
+						})
+					}),
+					/* @__PURE__ */ C(T, {
+						variant: "fadeScale",
+						className: "col-span-2 sm:col-span-1",
+						children: /* @__PURE__ */ C(a, {
+							title: M("overviewPage.stats.notes", "Notes"),
+							value: R ? "-" : J.notes.total,
+							subtitle: R ? "" : M("overviewPage.stats.pinned", "{{count}} pinned", { count: J.notes.pinned }),
+							icon: /* @__PURE__ */ C(h, { className: "w-6 h-6" }),
+							onClick: () => O("/notes")
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ w(E, {
+				className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6",
+				stagger: .08,
+				children: [/* @__PURE__ */ C(T, {
+					className: "lg:col-span-2",
+					children: /* @__PURE__ */ w(i, { children: [/* @__PURE__ */ w("div", {
+						className: "flex items-center justify-between mb-4",
+						children: [/* @__PURE__ */ w("h2", {
+							className: "text-lg font-semibold text-text-primary flex items-center gap-2",
+							children: [/* @__PURE__ */ C(m, { className: "w-5 h-5" }), M("overviewPage.sections.activeAgents", "Active Agents")]
+						}), /* @__PURE__ */ C("button", {
+							onClick: () => O("/agents"),
+							className: "text-sm text-text-link hover:underline",
+							"aria-label": M("overviewPage.sections.viewAllAgents", "View all agents"),
+							children: M("overviewPage.sections.viewAll", "View all")
+						})]
+					}), G.length > 0 ? /* @__PURE__ */ C(E, {
+						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
+						stagger: .04,
+						children: G.slice(0, 4).map((e) => /* @__PURE__ */ C(T, { children: /* @__PURE__ */ C(c, {
+							agent: e,
+							onSelect: (e) => O(`/agents/${e.id}`)
+						}) }, e.id))
+					}) : /* @__PURE__ */ w("div", {
+						className: "text-center py-6 text-text-secondary",
+						children: [
+							/* @__PURE__ */ C(m, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }),
+							/* @__PURE__ */ C("p", { children: M("overviewPage.empty.noActiveAgents", "No active agents") }),
+							/* @__PURE__ */ C("p", {
+								className: "text-xs text-text-muted mt-1 mb-3",
+								children: M("overviewPage.empty.installCliHint", "Install the agent CLI to get started")
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex flex-wrap items-center justify-center gap-2",
+								children: [
+									/* @__PURE__ */ C("button", {
+										onClick: () => O("/getting-started"),
+										className: "text-sm text-text-link hover:underline",
+										children: M("overviewPage.empty.setupGuide", "Setup guide")
+									}),
+									/* @__PURE__ */ C("span", {
+										className: "text-text-muted",
+										children: "·"
+									}),
+									/* @__PURE__ */ C("button", {
+										onClick: () => O("/agents"),
+										className: "text-sm text-text-link hover:underline",
+										children: M("overviewPage.empty.addAgent", "Add agent")
+									})
+								]
+							})
+						]
+					})] })
+				}), /* @__PURE__ */ C(T, { children: /* @__PURE__ */ w(i, { children: [/* @__PURE__ */ w("div", {
+					className: "flex items-center justify-between mb-4",
+					children: [/* @__PURE__ */ w("h2", {
+						className: "text-lg font-semibold text-text-primary flex items-center gap-2",
+						children: [/* @__PURE__ */ C(p, { className: "w-5 h-5" }), M("overviewPage.sections.recentActivity", "Recent Activity")]
+					}), /* @__PURE__ */ C("button", {
+						onClick: () => O("/audit"),
+						className: "text-sm text-text-link hover:underline",
+						"aria-label": M("overviewPage.sections.viewAllActivity", "View all activity"),
+						children: "View all"
+					})]
+				}), /* @__PURE__ */ C(E, {
+					className: "space-y-3",
+					stagger: .04,
+					children: Y.length > 0 ? Y.map((e) => /* @__PURE__ */ C(T, {
+						variant: "fadeRight",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-start gap-3",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: `flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center ${Q(e.color)}`,
+									children: Z(e.type)
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ C("p", {
+										className: "text-sm font-medium text-text-primary truncate",
+										children: e.title
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-text-secondary truncate",
+										children: e.description
+									})]
+								}),
+								/* @__PURE__ */ C("span", {
+									className: "text-xs text-text-secondary flex-shrink-0",
+									children: X(e.timestamp)
+								})
+							]
+						})
+					}, e.id)) : /* @__PURE__ */ w("div", {
+						className: "text-center py-4 text-text-secondary text-sm",
+						children: [/* @__PURE__ */ C("p", { children: M("overviewPage.empty.noRecentActivity", "No recent activity") }), /* @__PURE__ */ C("button", {
+							onClick: () => O("/audit"),
+							className: "mt-2 text-sm text-text-link hover:underline",
+							children: M("overviewPage.empty.viewAuditLog", "View audit log")
+						})]
+					})
+				})] }) })]
+			}),
+			/* @__PURE__ */ C(T, { children: /* @__PURE__ */ w(i, { children: [/* @__PURE__ */ w("div", {
+				className: "flex items-center justify-between mb-4",
+				children: [/* @__PURE__ */ w("h2", {
+					className: "text-lg font-semibold text-text-primary flex items-center gap-2",
+					children: [/* @__PURE__ */ C(b, { className: "w-5 h-5" }), M("overviewPage.sections.runningSessions", "Running Sessions")]
+				}), /* @__PURE__ */ C("button", {
+					onClick: () => O("/sessions"),
+					className: "text-sm text-text-link hover:underline",
+					children: M("overviewPage.sections.viewAll", "View all")
+				})]
+			}), K.length > 0 ? /* @__PURE__ */ C(E, {
+				className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3",
+				stagger: .04,
+				children: K.slice(0, 6).map((e) => /* @__PURE__ */ C(T, { children: /* @__PURE__ */ C(l, {
+					session: e,
+					onOpen: (e) => O(`/sessions/${e.id}`)
+				}) }, e.id))
+			}) : /* @__PURE__ */ w("div", {
+				className: "text-center py-8 text-text-secondary",
+				children: [
+					/* @__PURE__ */ C(b, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }),
+					/* @__PURE__ */ C("p", { children: M("overviewPage.empty.noRunningSessions", "No running sessions") }),
+					/* @__PURE__ */ C("button", {
+						onClick: () => O("/sessions"),
+						className: "mt-2 text-sm text-text-link hover:underline",
+						children: M("overviewPage.empty.startSession", "Start a session")
+					})
+				]
+			})] }) }),
+			/* @__PURE__ */ C(T, { children: /* @__PURE__ */ w(i, { children: [/* @__PURE__ */ w("div", {
+				className: "flex items-center justify-between mb-4",
+				children: [/* @__PURE__ */ w("h2", {
+					className: "text-lg font-semibold text-text-primary flex items-center gap-2",
+					children: [/* @__PURE__ */ C(x, { className: "w-5 h-5" }), M("overviewPage.sections.activeVibes", "Active Vibes")]
+				}), /* @__PURE__ */ C("button", {
+					onClick: () => O("/vibes"),
+					className: "text-sm text-text-link hover:underline",
+					children: M("overviewPage.sections.viewAll", "View all")
+				})]
+			}), q.length > 0 ? /* @__PURE__ */ C(E, {
+				className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3",
+				stagger: .04,
+				children: q.slice(0, 6).map((e) => /* @__PURE__ */ C(T, { children: /* @__PURE__ */ C(u, {
+					vibe: e,
+					onOpen: (e) => O(`/vibes/${e.id}`)
+				}) }, e.id))
+			}) : /* @__PURE__ */ w("div", {
+				className: "text-center py-8 text-text-secondary",
+				children: [
+					/* @__PURE__ */ C(x, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }),
+					/* @__PURE__ */ C("p", { children: M("overviewPage.empty.noActiveVibes", "No active vibes") }),
+					/* @__PURE__ */ C("button", {
+						onClick: () => O("/vibes"),
+						className: "mt-2 text-sm text-text-link hover:underline",
+						children: M("overviewPage.empty.addVibe", "Add a vibe")
+					})
+				]
+			})] }) })
+		]
+	});
+}
+//#endregion
+export { O as OverviewPage };
+
+//# sourceMappingURL=OverviewPage.js.map

package/dist/pages/OverviewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPage.js","names":[],"sources":["../../src/pages/OverviewPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport {\n  Bot,\n  Zap,\n  Terminal,\n  FileText,\n  Activity,\n  Server,\n  Play,\n  GitBranch,\n  RefreshCw,\n} from 'lucide-react';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AgentCard } from '@/components/agents';\nimport { SessionCard } from '@/components/sessions';\nimport { VibeCard } from '@/components/vibes';\nimport { PageHeader, StatCard, Card, AgentSetupBanner, ErrorState } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport type { Vibe } from '@/components/vibes/types';\nimport type { Session } from '@/components/sessions/types';\n\n/**\n * Overview page showing summary dashboard with stats, active resources, and recent activity\n *\n * This page now uses cached initial data from Apollo instead of independent queries,\n * reducing GraphQL calls from 5 to 0 for the initial render.\n * The refresh button triggers a refetch of the initial data.\n */\nexport function OverviewPage() {\n  const handleNavigate = useVibeNavigate();\n  const { t } = useI18n();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string => {\n    const translated = t(key, params);\n    const template = translated === key ? fallback : translated;\n\n    if (!params) return template;\n\n    return Object.entries(params).reduce(\n      (acc, [paramKey, paramValue]) => acc.replace(`{{${paramKey}}}`, String(paramValue)),\n      template\n    );\n  };\n\n  // Use cached initial data - reads from Apollo cache, no network request\n  // Loading state reflects whether initial data has been loaded\n  const {\n    agents: cachedAgents,\n    vibes: cachedVibes,\n    sessions: cachedSessions,\n    notes,\n    targets,\n    loading,\n    error: dataError,\n    totals,\n    refetch,\n  } = useCachedInitialData();\n\n  if (dataError) {\n    // eslint-disable-next-line no-console -- intentional debug breadcrumb for failed overview load\n    console.error('[overview] failed to load initial workspace data', dataError);\n  }\n\n  // Map cached data to component types\n  // Using type assertion since we know the structure from the GraphQL query\n  const agents = useMemo(() => {\n    return cachedAgents.map((agent) => ({\n      id: agent.id,\n      workspaceId: '',\n      name: agent.name,\n      hostname: agent.hostname,\n      platform: agent.platform,\n      architecture: agent.architecture || '',\n      version: agent.version || '',\n      isActive: agent.isActive,\n      status: agent.isActive ? ('ACTIVE' as const) : ('OFFLINE' as const),\n      lastHeartbeat: agent.lastHeartbeat || null,\n      tunnelUrl: agent.tunnelUrl ?? null,\n      tunnelStatus: agent.tunnelStatus ?? null,\n      agentApiKey: null,\n      aiContext: null,\n      configuration: {},\n      capabilities: [],\n      metadata: {},\n      createdAt: agent.createdAt || '',\n      updatedAt: '',\n    }));\n  }, [cachedAgents]);\n\n  const vibes = useMemo(() => {\n    return cachedVibes.map((vibe) => ({\n      id: vibe.id,\n      workspaceId: '',\n      name: vibe.name,\n      description: '',\n      type: (vibe.type || 'PROJECT') as Vibe['type'],\n      status: vibe.status as Vibe['status'],\n      path: '',\n      agentId: vibe.agentId ?? null,\n      parentId: null,\n      gitBranch: null,\n      gitRemote: null,\n      gitStatus: null,\n      environmentVariables: {},\n      tags: [],\n      metadata: {},\n      createdAt: '',\n      updatedAt: '',\n      archivedAt: null,\n      agent: undefined,\n    }));\n  }, [cachedVibes]);\n\n  const sessions: Session[] = useMemo(() => {\n    return cachedSessions.map((session) => ({\n      id: session.id,\n      workspaceId: '',\n      agentId: session.agentId ?? null,\n      vibeId: session.vibeId ?? null,\n      name: session.name,\n      type: (session.type || 'TERMINAL') as Session['type'],\n      status: session.status as Session['status'],\n      command: null,\n      workingDirectory: null,\n      environmentVariables: {},\n      autoStart: false,\n      pid: null,\n      exitCode: null,\n      lastOutput: null,\n      metadata: {},\n      createdAt: session.createdAt || '',\n      updatedAt: '',\n      agent: undefined,\n      vibe: undefined,\n    }));\n  }, [cachedSessions]);\n\n  // Calculate stats from cached totals\n  const activeAgents = agents.filter((a) => a.isActive);\n  const runningSessions = sessions.filter((s) => s.status === 'RUNNING');\n  const activeVibes = vibes.filter((v) => v.status === 'ACTIVE');\n\n  const stats = {\n    agents: {\n      total: totals.agents,\n      active: activeAgents.length,\n      offline: agents.filter((a) => !a.isActive).length,\n    },\n    vibes: {\n      total: totals.vibes,\n      active: activeVibes.length,\n      archived: vibes.filter((v) => v.status === 'ARCHIVED').length,\n    },\n    sessions: {\n      total: totals.sessions,\n      running: runningSessions.length,\n      stopped: sessions.filter((s) => s.status === 'STOPPED').length,\n    },\n    notes: {\n      total: totals.notes,\n      pinned: notes.filter((n) => n.isPinned).length,\n    },\n  };\n\n  // Recent activity - derive from session/agent data (simplified for now)\n  const recentActivity = useMemo(() => {\n    const activities: Array<{\n      id: string;\n      type: string;\n      title: string;\n      description: string;\n      timestamp: string;\n      color: string;\n    }> = [];\n\n    // Add recent sessions as activity\n    sessions.slice(0, 3).forEach((session) => {\n      activities.push({\n        id: `session-${session.id}`,\n        type: 'session_started',\n        title:\n          session.status === 'RUNNING'\n            ? tr('overviewPage.activity.sessionRunning', 'Session Running')\n            : tr('overviewPage.activity.sessionStatus', 'Session {{status}}', {\n                status: session.status.toLowerCase(),\n              }),\n        description: `${session.name}`,\n        timestamp: session.createdAt,\n        color: session.status === 'RUNNING' ? 'green' : 'blue',\n      });\n    });\n\n    // Add active agents as activity\n    activeAgents.slice(0, 2).forEach((agent) => {\n      activities.push({\n        id: `agent-${agent.id}`,\n        type: 'agent_connected',\n        title: tr('overviewPage.activity.agentOnline', 'Agent Online'),\n        description: tr('overviewPage.activity.agentOnlineDescription', '{{name}} is active', {\n          name: agent.name,\n        }),\n        timestamp: agent.lastHeartbeat || agent.updatedAt,\n        color: 'blue',\n      });\n    });\n\n    // Sort by timestamp descending\n    return activities\n      .sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime())\n      .slice(0, 6);\n  }, [sessions, activeAgents]);\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">\n          {tr('overviewPage.loadingPermissions', 'Loading permissions...')}\n        </p>\n      </div>\n    );\n  if (!hasPermission(VIBE_PERMISSIONS.VIBE_LIST))\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('common.accessDeniedTitle', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'overviewPage.accessDeniedDescription',\n              \"You don't have permission to access this page.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n\n  const formatTimestamp = (timestamp: string) => {\n    if (!timestamp) return tr('overviewPage.time.unknown', 'Unknown');\n    const diff = Date.now() - new Date(timestamp).getTime();\n    if (diff < 60000) return tr('overviewPage.time.justNow', 'Just now');\n    if (diff < 3600000) {\n      return tr('overviewPage.time.minutesAgo', '{{count}}m ago', {\n        count: Math.floor(diff / 60000),\n      });\n    }\n    if (diff < 86400000) {\n      return tr('overviewPage.time.hoursAgo', '{{count}}h ago', {\n        count: Math.floor(diff / 3600000),\n      });\n    }\n    return tr('overviewPage.time.daysAgo', '{{count}}d ago', {\n      count: Math.floor(diff / 86400000),\n    });\n  };\n\n  const getActivityIcon = (type: string) => {\n    const icons: Record<string, typeof Activity> = {\n      session_started: Play,\n      agent_connected: Server,\n      vibe_updated: GitBranch,\n      note_created: FileText,\n      module_installed: Activity,\n    };\n    const Icon = icons[type] || Activity;\n    return <Icon className=\"w-4 h-4\" />;\n  };\n\n  const getActivityColor = (color: string) => {\n    const colors: Record<string, string> = {\n      green: 'bg-status-success-bg text-status-success-text',\n      blue: 'bg-status-info-bg text-status-info-text',\n      purple: 'bg-accent-purple-subtle text-accent-purple',\n      orange: 'bg-status-warning-bg text-status-warning-text',\n      cyan: 'bg-accent-teal-subtle text-accent-teal',\n      yellow: 'bg-status-warning-bg text-status-warning-text',\n      pink: 'bg-accent-purple-subtle text-accent-purple',\n    };\n    return colors[color] || 'bg-bg-sunken text-text-secondary';\n  };\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      <PageHeader\n        title={tr('overviewPage.title', 'VibeControls Overview')}\n        description={tr(\n          'overviewPage.description',\n          'Monitor and manage your development environments'\n        )}\n        actions={\n          <button\n            onClick={refetch}\n            disabled={loading}\n            className=\"flex items-center gap-2 px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary hover:bg-bg-sunken/80 transition-colors disabled:opacity-50\"\n          >\n            <RefreshCw className={`w-4 h-4 ${loading ? 'animate-spin' : ''}`} />\n            {tr('overviewPage.refresh', 'Refresh')}\n          </button>\n        }\n      />\n\n      {/* Friendly fallback when the initial workspace load fails — keeps the\n          page header / refresh button rendered above so the user can recover\n          without a hard reload. */}\n      {dataError && !loading && (\n        <ErrorState\n          title={tr('overviewPage.loadFailed.title', 'Could not load workspace data')}\n          message={tr(\n            'overviewPage.loadFailed.message',\n            \"We couldn't load your VibeControls overview. Please try again in a moment.\"\n          )}\n          onRetry={refetch}\n        />\n      )}\n\n      {/* Agent CLI Setup Banner — shown when no agents exist */}\n      {!dataError && agents.length === 0 && !loading && (\n        <AgentSetupBanner variant=\"full\" dismissKey=\"vibecontrols-overview-setup-banner\" />\n      )}\n\n      {/* Stats Grid */}\n      <MotionList\n        data-tour=\"overview-stats\"\n        className=\"grid grid-cols-2 sm:grid-cols-5 gap-4\"\n        stagger={0.06}\n      >\n        <MotionItem variant=\"fadeScale\">\n          <StatCard\n            title={tr('overviewPage.stats.targets', 'Targets')}\n            value={loading ? '-' : targets.length}\n            subtitle={\n              loading\n                ? ''\n                : tr('overviewPage.stats.connected', '{{count}} connected', {\n                    count: targets.filter((t) => t.status === 'connected' || t.status === 'active')\n                      .length,\n                  })\n            }\n            icon={<Server className=\"w-6 h-6\" />}\n            variant={!loading && targets.length > 0 ? 'success' : 'default'}\n            onClick={() => handleNavigate('/targets')}\n          />\n        </MotionItem>\n        <MotionItem variant=\"fadeScale\">\n          <StatCard\n            title={tr('overviewPage.stats.agents', 'Agents')}\n            value={loading ? '-' : stats.agents.total}\n            subtitle={\n              loading\n                ? ''\n                : tr('overviewPage.stats.active', '{{count}} active', {\n                    count: stats.agents.active,\n                  })\n            }\n            icon={<Bot className=\"w-6 h-6\" />}\n            variant={!loading && stats.agents.active > 0 ? 'success' : 'default'}\n            onClick={() => handleNavigate('/agents')}\n          />\n        </MotionItem>\n        <MotionItem variant=\"fadeScale\">\n          <StatCard\n            title={tr('overviewPage.stats.vibes', 'Vibes')}\n            value={loading ? '-' : stats.vibes.total}\n            subtitle={\n              loading\n                ? ''\n                : tr('overviewPage.stats.active', '{{count}} active', {\n                    count: stats.vibes.active,\n                  })\n            }\n            icon={<Zap className=\"w-6 h-6\" />}\n            onClick={() => handleNavigate('/vibes')}\n          />\n        </MotionItem>\n        <MotionItem variant=\"fadeScale\">\n          <StatCard\n            title={tr('overviewPage.stats.sessions', 'Sessions')}\n            value={loading ? '-' : stats.sessions.total}\n            subtitle={\n              loading\n                ? ''\n                : tr('overviewPage.stats.running', '{{count}} running', {\n                    count: stats.sessions.running,\n                  })\n            }\n            icon={<Terminal className=\"w-6 h-6\" />}\n            variant={!loading && stats.sessions.running > 0 ? 'success' : 'default'}\n            onClick={() => handleNavigate('/sessions')}\n          />\n        </MotionItem>\n        <MotionItem variant=\"fadeScale\" className=\"col-span-2 sm:col-span-1\">\n          <StatCard\n            title={tr('overviewPage.stats.notes', 'Notes')}\n            value={loading ? '-' : stats.notes.total}\n            subtitle={\n              loading\n                ? ''\n                : tr('overviewPage.stats.pinned', '{{count}} pinned', {\n                    count: stats.notes.pinned,\n                  })\n            }\n            icon={<FileText className=\"w-6 h-6\" />}\n            onClick={() => handleNavigate('/notes')}\n          />\n        </MotionItem>\n      </MotionList>\n\n      {/* Main Content Grid */}\n      <MotionList className=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6\" stagger={0.08}>\n        {/* Active Agents */}\n        <MotionItem className=\"lg:col-span-2\">\n          <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n              <h2 className=\"text-lg font-semibold text-text-primary flex items-center gap-2\">\n                <Bot className=\"w-5 h-5\" />\n                {tr('overviewPage.sections.activeAgents', 'Active Agents')}\n              </h2>\n              <button\n                onClick={() => handleNavigate('/agents')}\n                className=\"text-sm text-text-link hover:underline\"\n                aria-label={tr('overviewPage.sections.viewAllAgents', 'View all agents')}\n              >\n                {tr('overviewPage.sections.viewAll', 'View all')}\n              </button>\n            </div>\n            {activeAgents.length > 0 ? (\n              <MotionList className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\" stagger={0.04}>\n                {activeAgents.slice(0, 4).map((agent) => (\n                  <MotionItem key={agent.id}>\n                    <AgentCard agent={agent} onSelect={(a) => handleNavigate(`/agents/${a.id}`)} />\n                  </MotionItem>\n                ))}\n              </MotionList>\n            ) : (\n              <div className=\"text-center py-6 text-text-secondary\">\n                <Bot className=\"w-12 h-12 mx-auto mb-2 opacity-50\" />\n                <p>{tr('overviewPage.empty.noActiveAgents', 'No active agents')}</p>\n                <p className=\"text-xs text-text-muted mt-1 mb-3\">\n                  {tr('overviewPage.empty.installCliHint', 'Install the agent CLI to get started')}\n                </p>\n                <div className=\"flex flex-wrap items-center justify-center gap-2\">\n                  <button\n                    onClick={() => handleNavigate('/getting-started')}\n                    className=\"text-sm text-text-link hover:underline\"\n                  >\n                    {tr('overviewPage.empty.setupGuide', 'Setup guide')}\n                  </button>\n                  <span className=\"text-text-muted\">&middot;</span>\n                  <button\n                    onClick={() => handleNavigate('/agents')}\n                    className=\"text-sm text-text-link hover:underline\"\n                  >\n                    {tr('overviewPage.empty.addAgent', 'Add agent')}\n                  </button>\n                </div>\n              </div>\n            )}\n          </Card>\n        </MotionItem>\n\n        {/* Recent Activity */}\n        <MotionItem>\n          <Card>\n            <div className=\"flex items-center justify-between mb-4\">\n              <h2 className=\"text-lg font-semibold text-text-primary flex items-center gap-2\">\n                <Activity className=\"w-5 h-5\" />\n                {tr('overviewPage.sections.recentActivity', 'Recent Activity')}\n              </h2>\n              <button\n                onClick={() => handleNavigate('/audit')}\n                className=\"text-sm text-text-link hover:underline\"\n                aria-label={tr('overviewPage.sections.viewAllActivity', 'View all activity')}\n              >\n                View all\n              </button>\n            </div>\n            <MotionList className=\"space-y-3\" stagger={0.04}>\n              {recentActivity.length > 0 ? (\n                recentActivity.map((activity) => (\n                  <MotionItem key={activity.id} variant=\"fadeRight\">\n                    <div className=\"flex items-start gap-3\">\n                      <div\n                        className={`flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center ${getActivityColor(activity.color)}`}\n                      >\n                        {getActivityIcon(activity.type)}\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"text-sm font-medium text-text-primary truncate\">\n                          {activity.title}\n                        </p>\n                        <p className=\"text-xs text-text-secondary truncate\">\n                          {activity.description}\n                        </p>\n                      </div>\n                      <span className=\"text-xs text-text-secondary flex-shrink-0\">\n                        {formatTimestamp(activity.timestamp)}\n                      </span>\n                    </div>\n                  </MotionItem>\n                ))\n              ) : (\n                <div className=\"text-center py-4 text-text-secondary text-sm\">\n                  <p>{tr('overviewPage.empty.noRecentActivity', 'No recent activity')}</p>\n                  <button\n                    onClick={() => handleNavigate('/audit')}\n                    className=\"mt-2 text-sm text-text-link hover:underline\"\n                  >\n                    {tr('overviewPage.empty.viewAuditLog', 'View audit log')}\n                  </button>\n                </div>\n              )}\n            </MotionList>\n          </Card>\n        </MotionItem>\n      </MotionList>\n\n      {/* Running Sessions */}\n      <MotionItem>\n        <Card>\n          <div className=\"flex items-center justify-between mb-4\">\n            <h2 className=\"text-lg font-semibold text-text-primary flex items-center gap-2\">\n              <Terminal className=\"w-5 h-5\" />\n              {tr('overviewPage.sections.runningSessions', 'Running Sessions')}\n            </h2>\n            <button\n              onClick={() => handleNavigate('/sessions')}\n              className=\"text-sm text-text-link hover:underline\"\n            >\n              {tr('overviewPage.sections.viewAll', 'View all')}\n            </button>\n          </div>\n          {runningSessions.length > 0 ? (\n            <MotionList\n              className=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3\"\n              stagger={0.04}\n            >\n              {runningSessions.slice(0, 6).map((session) => (\n                <MotionItem key={session.id}>\n                  <SessionCard\n                    session={session}\n                    onOpen={(s) => handleNavigate(`/sessions/${s.id}`)}\n                  />\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <div className=\"text-center py-8 text-text-secondary\">\n              <Terminal className=\"w-12 h-12 mx-auto mb-2 opacity-50\" />\n              <p>{tr('overviewPage.empty.noRunningSessions', 'No running sessions')}</p>\n              <button\n                onClick={() => handleNavigate('/sessions')}\n                className=\"mt-2 text-sm text-text-link hover:underline\"\n              >\n                {tr('overviewPage.empty.startSession', 'Start a session')}\n              </button>\n            </div>\n          )}\n        </Card>\n      </MotionItem>\n\n      {/* Active Vibes */}\n      <MotionItem>\n        <Card>\n          <div className=\"flex items-center justify-between mb-4\">\n            <h2 className=\"text-lg font-semibold text-text-primary flex items-center gap-2\">\n              <Zap className=\"w-5 h-5\" />\n              {tr('overviewPage.sections.activeVibes', 'Active Vibes')}\n            </h2>\n            <button\n              onClick={() => handleNavigate('/vibes')}\n              className=\"text-sm text-text-link hover:underline\"\n            >\n              {tr('overviewPage.sections.viewAll', 'View all')}\n            </button>\n          </div>\n          {activeVibes.length > 0 ? (\n            <MotionList\n              className=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3\"\n              stagger={0.04}\n            >\n              {activeVibes.slice(0, 6).map((vibe) => (\n                <MotionItem key={vibe.id}>\n                  <VibeCard vibe={vibe} onOpen={(v) => handleNavigate(`/vibes/${v.id}`)} />\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <div className=\"text-center py-8 text-text-secondary\">\n              <Zap className=\"w-12 h-12 mx-auto mb-2 opacity-50\" />\n              <p>{tr('overviewPage.empty.noActiveVibes', 'No active vibes')}</p>\n              <button\n                onClick={() => handleNavigate('/vibes')}\n                className=\"mt-2 text-sm text-text-link hover:underline\"\n              >\n                {tr('overviewPage.empty.addVibe', 'Add a vibe')}\n              </button>\n            </div>\n          )}\n        </Card>\n      </MotionItem>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/SessionDetailsPage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Session details page - shows comprehensive information about a single session
+ * with an integrated terminal panel.
+ */
+export declare function SessionDetailsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionDetailsPage.d.ts.map

package/dist/pages/SessionDetailsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDetailsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SessionDetailsPage.tsx"],"names":[],"mappings":"AAgEA;;;GAGG;AACH,wBAAgB,kBAAkB,4CAw4BjC"}