@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/HealthPage.js

@@ -0,0 +1,383 @@
+import { useVibeControls as e } from "../providers/VibeControlsProvider.js";
+import t from "../hooks/useCachedInitialData.js";
+import { PageHeader as n } from "../components/shared/PageHeader.js";
+import { Card as r } from "../components/shared/Card.js";
+import { StatCard as i } from "../components/shared/StatCard.js";
+import { AgentSetupBanner as a } from "../components/shared/AgentSetupBanner.js";
+import "../components/shared/index.js";
+import { VIBE_PERMISSIONS as o } from "../constants/permissions.js";
+import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertTriangle as f, CheckCircle2 as p, RefreshCw as m, Server as h, Terminal as g, XCircle as _, Zap as v } from "lucide-react";
+import { usePermissions as y } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { MotionItem as S, MotionList as C, MotionPage as w } from "@burdenoff/fe-libs/shared/motion";
+//#region src/pages/HealthPage.tsx
+function T() {
+	let { t: T } = d();
+	e();
+	let { hasPermission: E, isLoading: D } = y(), [O, k] = u(!1), [A, j] = u(/* @__PURE__ */ new Date()), [M, N] = u(!0), { agents: P, sessions: F, vibes: I, targets: L, refetch: R } = t(), z = s((e, t) => {
+		let n = T(e);
+		return n === e ? t : n;
+	}, [T]), B = l(() => {
+		let e = P.map((e) => {
+			let t = e.isActive, n = "offline";
+			return t && e.lastHeartbeat ? n = Date.now() - new Date(e.lastHeartbeat).getTime() < 300 * 1e3 ? "healthy" : "degraded" : t && (n = "degraded"), {
+				id: e.id,
+				name: e.name,
+				hostname: e.hostname,
+				platform: e.platform,
+				version: e.version || "unknown",
+				status: n,
+				lastHeartbeat: e.lastHeartbeat || null,
+				tunnelUrl: e.tunnelUrl ?? null,
+				tunnelStatus: e.tunnelStatus ?? null
+			};
+		}), t = F.map((e) => ({
+			id: e.id,
+			name: e.name,
+			status: e.status,
+			type: e.type || "TERMINAL"
+		})), n = I.map((e) => ({
+			id: e.id,
+			name: e.name,
+			status: e.status,
+			type: e.type || "PROJECT"
+		})), r = L.map((e) => ({
+			id: e.id,
+			name: e.name,
+			status: e.status,
+			type: e.type || "DIRECT",
+			agentCount: e.agents?.length ?? 0
+		})), i = e.filter((e) => e.status === "healthy").length, a = e.length;
+		return {
+			overall: a === 0 || i === a ? "healthy" : i > 0 ? "degraded" : "unhealthy",
+			agents: e,
+			sessions: t,
+			vibes: n,
+			targets: r
+		};
+	}, [
+		P,
+		F,
+		L,
+		I
+	]);
+	c(() => {
+		if (!M) return;
+		let e = window.setInterval(() => {
+			R(), j(/* @__PURE__ */ new Date());
+		}, 3e4);
+		return () => window.clearInterval(e);
+	}, [M, R]);
+	let V = s(async () => {
+		k(!0);
+		try {
+			await R(), j(/* @__PURE__ */ new Date());
+		} finally {
+			k(!1);
+		}
+	}, [R]);
+	if (D) return /* @__PURE__ */ b("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ b("p", {
+			className: "text-text-secondary",
+			children: "Loading permissions..."
+		})
+	});
+	if (!E(o.AGENT_LIST)) return /* @__PURE__ */ b("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ x("div", {
+			className: "text-center space-y-2",
+			children: [/* @__PURE__ */ b("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: "Access Denied"
+			}), /* @__PURE__ */ b("p", {
+				className: "text-sm text-text-secondary",
+				children: "You don't have permission to access this page."
+			})]
+		})
+	});
+	let H = (e) => {
+		switch (e) {
+			case "healthy":
+			case "connected":
+			case "RUNNING":
+			case "ACTIVE": return /* @__PURE__ */ b(p, { className: "h-5 w-5 text-status-success-text" });
+			case "degraded":
+			case "STARTING":
+			case "STOPPING": return /* @__PURE__ */ b(f, { className: "h-5 w-5 text-status-warning-text" });
+			case "unhealthy":
+			case "ERROR": return /* @__PURE__ */ b(_, { className: "h-5 w-5 text-status-error-text" });
+			default: return /* @__PURE__ */ b(_, { className: "h-5 w-5 text-text-secondary" });
+		}
+	}, U = (e) => {
+		switch (e) {
+			case "healthy":
+			case "connected":
+			case "RUNNING":
+			case "ACTIVE": return "bg-status-success-bg text-status-success-text";
+			case "degraded":
+			case "STARTING":
+			case "STOPPING": return "bg-status-warning-bg text-status-warning-text";
+			case "unhealthy":
+			case "ERROR": return "bg-status-error-bg text-status-error-text";
+			default: return "bg-bg-sunken text-text-secondary";
+		}
+	}, W = (e) => {
+		if (!e) return z("health.never", "Never");
+		let t = Date.now() - new Date(e).getTime();
+		return t < 6e4 ? z("health.justNow", "Just now") : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleString();
+	}, G = {
+		healthy: B.agents.filter((e) => e.status === "healthy").length,
+		degraded: B.agents.filter((e) => e.status === "degraded").length,
+		total: B.agents.length
+	}, K = {
+		running: B.sessions.filter((e) => e.status === "RUNNING").length,
+		total: B.sessions.length
+	}, q = {
+		active: B.vibes.filter((e) => e.status === "ACTIVE" || e.status === "RUNNING").length,
+		total: B.vibes.length
+	}, J = {
+		healthy: B.targets.filter((e) => e.status === "ACTIVE" || e.status === "ONLINE").length,
+		total: B.targets.length,
+		connections: B.targets.reduce((e, t) => e + t.agentCount, 0)
+	};
+	return /* @__PURE__ */ x(w, {
+		className: "min-h-screen space-y-6 bg-bg-surface p-4 sm:p-6",
+		children: [
+			/* @__PURE__ */ b(n, {
+				title: z("nav.health", "Health"),
+				description: `${z("health.lastUpdated", "Last updated")}: ${W(A.toISOString())}`,
+				actions: /* @__PURE__ */ x("div", {
+					className: "flex flex-col items-start gap-3 sm:flex-row sm:items-center",
+					children: [/* @__PURE__ */ x("label", {
+						className: "flex items-center gap-2 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ b("input", {
+							type: "checkbox",
+							checked: M,
+							onChange: (e) => N(e.target.checked),
+							className: "h-4 w-4 rounded border-border-default"
+						}), z("health.autoRefresh", "Auto-refresh")]
+					}), /* @__PURE__ */ x("button", {
+						type: "button",
+						onClick: () => void V(),
+						disabled: O,
+						className: "flex items-center gap-2 rounded-md bg-bg-sunken px-4 py-2 text-text-primary transition-colors hover:bg-bg-sunken/80 disabled:opacity-50",
+						children: [/* @__PURE__ */ b(m, { className: `h-4 w-4 ${O ? "animate-spin" : ""}` }), z("common.refresh", "Refresh")]
+					})]
+				})
+			}),
+			/* @__PURE__ */ b(r, {
+				className: "p-6",
+				children: /* @__PURE__ */ x("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ b("div", {
+						className: `flex h-16 w-16 items-center justify-center rounded-full ${U(B.overall)}`,
+						children: H(B.overall)
+					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h2", {
+						className: "text-lg font-bold capitalize text-text-primary sm:text-2xl",
+						children: [
+							z("health.systemStatus", "System"),
+							" ",
+							B.overall
+						]
+					}), /* @__PURE__ */ x("p", {
+						className: "text-text-secondary",
+						children: [
+							G.healthy,
+							"/",
+							G.total,
+							" agents healthy, ",
+							K.running,
+							" ",
+							"sessions running, ",
+							q.active,
+							" vibes active, ",
+							J.connections,
+							" target connections"
+						]
+					})] })]
+				})
+			}),
+			/* @__PURE__ */ x(C, {
+				stagger: .04,
+				className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ b(S, { children: /* @__PURE__ */ b(i, {
+						title: z("health.agents", "Agents"),
+						value: `${G.healthy}/${G.total}`,
+						subtitle: G.degraded > 0 ? `${G.degraded} degraded` : z("health.healthy", "healthy"),
+						icon: /* @__PURE__ */ b(h, { className: "h-6 w-6" }),
+						variant: G.healthy === G.total ? "success" : "warning"
+					}) }),
+					/* @__PURE__ */ b(S, { children: /* @__PURE__ */ b(i, {
+						title: z("health.sessions", "Sessions"),
+						value: `${K.running}/${K.total}`,
+						subtitle: z("health.running", "running"),
+						icon: /* @__PURE__ */ b(g, { className: "h-6 w-6" }),
+						variant: K.running > 0 ? "success" : "default"
+					}) }),
+					/* @__PURE__ */ b(S, { children: /* @__PURE__ */ b(i, {
+						title: z("health.vibes", "Vibes"),
+						value: `${q.active}/${q.total}`,
+						subtitle: z("health.active", "active"),
+						icon: /* @__PURE__ */ b(v, { className: "h-6 w-6" }),
+						variant: q.active > 0 ? "success" : "default"
+					}) }),
+					/* @__PURE__ */ b(S, { children: /* @__PURE__ */ b(i, {
+						title: z("health.targets", "Targets"),
+						value: `${J.healthy}/${J.total}`,
+						subtitle: `${J.connections} connections`,
+						icon: /* @__PURE__ */ b(h, { className: "h-6 w-6" }),
+						variant: J.healthy > 0 ? "success" : "default"
+					}) })
+				]
+			}),
+			/* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b("div", {
+				className: "border-b border-border-default p-4",
+				children: /* @__PURE__ */ x("h3", {
+					className: "flex items-center gap-2 font-semibold text-text-primary",
+					children: [
+						/* @__PURE__ */ b(h, { className: "h-5 w-5" }),
+						z("health.agentHealth", "Agent Health"),
+						" (",
+						B.agents.length,
+						")"
+					]
+				})
+			}), B.agents.length > 0 ? /* @__PURE__ */ b(C, {
+				stagger: .04,
+				className: "divide-y divide-border-default",
+				children: B.agents.map((e) => /* @__PURE__ */ b(S, {
+					className: "p-4",
+					children: /* @__PURE__ */ x("div", {
+						className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-3",
+							children: [H(e.status), /* @__PURE__ */ x("div", { children: [
+								/* @__PURE__ */ b("div", {
+									className: "font-medium text-text-primary",
+									children: e.name
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "text-sm text-text-secondary",
+									children: [
+										e.hostname,
+										" · ",
+										e.platform,
+										" · v",
+										e.version
+									]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: [
+										z("health.lastHeartbeat", "Last heartbeat"),
+										":",
+										" ",
+										W(e.lastHeartbeat)
+									]
+								})
+							] })]
+						}), /* @__PURE__ */ x("div", {
+							className: "flex items-center gap-3",
+							children: [e.tunnelUrl ? /* @__PURE__ */ b("a", {
+								href: e.tunnelUrl,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "text-xs text-action-primary-text hover:underline",
+								children: z("health.tunnel", "Tunnel")
+							}) : null, /* @__PURE__ */ b("span", {
+								className: `rounded-full px-3 py-1 text-sm capitalize ${U(e.status)}`,
+								children: e.status
+							})]
+						})]
+					})
+				}, e.id))
+			}) : /* @__PURE__ */ x("div", {
+				className: "space-y-4 p-6",
+				children: [/* @__PURE__ */ b(a, {
+					variant: "compact",
+					dismissKey: "vibecontrols-health-setup-banner"
+				}), /* @__PURE__ */ b("p", {
+					className: "text-center text-text-secondary",
+					children: z("health.noAgentsRegistered", "No agents registered")
+				})]
+			})] }),
+			/* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 gap-6 xl:grid-cols-2",
+				children: [/* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b("div", {
+					className: "border-b border-border-default p-4",
+					children: /* @__PURE__ */ x("h3", {
+						className: "flex items-center gap-2 font-semibold text-text-primary",
+						children: [
+							/* @__PURE__ */ b(g, { className: "h-5 w-5" }),
+							z("health.sessionStatus", "Session Status"),
+							" (",
+							B.sessions.length,
+							")"
+						]
+					})
+				}), B.sessions.length > 0 ? /* @__PURE__ */ b(C, {
+					stagger: .04,
+					className: "divide-y divide-border-default",
+					children: B.sessions.map((e) => /* @__PURE__ */ x(S, {
+						className: "flex items-center justify-between p-4",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-3",
+							children: [H(e.status), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
+								className: "font-medium text-text-primary",
+								children: e.name
+							}), /* @__PURE__ */ b("div", {
+								className: "text-sm text-text-secondary",
+								children: e.type
+							})] })]
+						}), /* @__PURE__ */ b("span", {
+							className: `rounded-full px-3 py-1 text-sm ${U(e.status)}`,
+							children: e.status
+						})]
+					}, e.id))
+				}) : /* @__PURE__ */ b("div", {
+					className: "p-6 text-center text-text-secondary",
+					children: z("health.noSessions", "No sessions")
+				})] }), /* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b("div", {
+					className: "border-b border-border-default p-4",
+					children: /* @__PURE__ */ x("h3", {
+						className: "flex items-center gap-2 font-semibold text-text-primary",
+						children: [
+							/* @__PURE__ */ b(v, { className: "h-5 w-5" }),
+							z("health.vibeStatus", "Vibe Status"),
+							" (",
+							B.vibes.length,
+							")"
+						]
+					})
+				}), B.vibes.length > 0 ? /* @__PURE__ */ b(C, {
+					stagger: .04,
+					className: "divide-y divide-border-default",
+					children: B.vibes.map((e) => /* @__PURE__ */ x(S, {
+						className: "flex items-center justify-between p-4",
+						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
+							className: "font-medium text-text-primary",
+							children: e.name
+						}), /* @__PURE__ */ b("div", {
+							className: "text-sm text-text-secondary",
+							children: e.type
+						})] }), /* @__PURE__ */ b("span", {
+							className: `rounded-full px-3 py-1 text-sm ${U(e.status)}`,
+							children: e.status
+						})]
+					}, e.id))
+				}) : /* @__PURE__ */ b("div", {
+					className: "p-6 text-center text-text-secondary",
+					children: z("health.noVibes", "No vibes")
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { T as HealthPage };
+
+//# sourceMappingURL=HealthPage.js.map

package/dist/pages/HealthPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HealthPage.js","names":[],"sources":["../../src/pages/HealthPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  RefreshCw,\n  Server,\n  Terminal,\n  XCircle,\n  Zap,\n} from 'lucide-react';\nimport { MotionItem, MotionList, MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AgentSetupBanner, Card, PageHeader, StatCard } from '@/components/shared';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\nexport function HealthPage() {\n  const { t } = useI18n();\n  useVibeControls();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const [lastRefresh, setLastRefresh] = useState(new Date());\n  const [autoRefresh, setAutoRefresh] = useState(true);\n\n  const {\n    agents: cachedAgents,\n    sessions: cachedSessions,\n    vibes: cachedVibes,\n    targets: cachedTargets,\n    refetch,\n  } = useCachedInitialData();\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const healthData = useMemo(() => {\n    const agents = cachedAgents.map((agent) => {\n      const isActive = agent.isActive;\n      let status: 'healthy' | 'degraded' | 'offline' = 'offline';\n\n      if (isActive && agent.lastHeartbeat) {\n        const heartbeatAge = Date.now() - new Date(agent.lastHeartbeat).getTime();\n        status = heartbeatAge < 5 * 60 * 1000 ? 'healthy' : 'degraded';\n      } else if (isActive) {\n        status = 'degraded';\n      }\n\n      return {\n        id: agent.id,\n        name: agent.name,\n        hostname: agent.hostname,\n        platform: agent.platform,\n        version: agent.version || 'unknown',\n        status,\n        lastHeartbeat: agent.lastHeartbeat || null,\n        tunnelUrl: agent.tunnelUrl ?? null,\n        tunnelStatus: agent.tunnelStatus ?? null,\n      };\n    });\n\n    const sessions = cachedSessions.map((session) => ({\n      id: session.id,\n      name: session.name,\n      status: session.status,\n      type: session.type || 'TERMINAL',\n    }));\n\n    const vibes = cachedVibes.map((vibe) => ({\n      id: vibe.id,\n      name: vibe.name,\n      status: vibe.status,\n      type: vibe.type || 'PROJECT',\n    }));\n\n    const targets = cachedTargets.map((target) => ({\n      id: target.id,\n      name: target.name,\n      status: target.status,\n      type: target.type || 'DIRECT',\n      agentCount: target.agents?.length ?? 0,\n    }));\n\n    const healthyAgents = agents.filter((agent) => agent.status === 'healthy').length;\n    const totalAgents = agents.length;\n    const overall =\n      totalAgents === 0\n        ? 'healthy'\n        : healthyAgents === totalAgents\n          ? 'healthy'\n          : healthyAgents > 0\n            ? 'degraded'\n            : 'unhealthy';\n\n    return { overall, agents, sessions, vibes, targets };\n  }, [cachedAgents, cachedSessions, cachedTargets, cachedVibes]);\n\n  useEffect(() => {\n    if (!autoRefresh) {\n      return undefined;\n    }\n\n    const intervalId = window.setInterval(() => {\n      void refetch();\n      setLastRefresh(new Date());\n    }, 30000);\n\n    return () => window.clearInterval(intervalId);\n  }, [autoRefresh, refetch]);\n\n  const handleRefresh = useCallback(async () => {\n    setIsRefreshing(true);\n    try {\n      await refetch();\n      setLastRefresh(new Date());\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [refetch]);\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">Loading permissions...</p>\n      </div>\n    );\n  if (!hasPermission(VIBE_PERMISSIONS.AGENT_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\">Access Denied</h2>\n          <p className=\"text-sm text-text-secondary\">\n            You don't have permission to access this page.\n          </p>\n        </div>\n      </div>\n    );\n\n  const getStatusIcon = (status: string) => {\n    switch (status) {\n      case 'healthy':\n      case 'connected':\n      case 'RUNNING':\n      case 'ACTIVE':\n        return <CheckCircle2 className=\"h-5 w-5 text-status-success-text\" />;\n      case 'degraded':\n      case 'STARTING':\n      case 'STOPPING':\n        return <AlertTriangle className=\"h-5 w-5 text-status-warning-text\" />;\n      case 'unhealthy':\n      case 'ERROR':\n        return <XCircle className=\"h-5 w-5 text-status-error-text\" />;\n      default:\n        return <XCircle className=\"h-5 w-5 text-text-secondary\" />;\n    }\n  };\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case 'healthy':\n      case 'connected':\n      case 'RUNNING':\n      case 'ACTIVE':\n        return 'bg-status-success-bg text-status-success-text';\n      case 'degraded':\n      case 'STARTING':\n      case 'STOPPING':\n        return 'bg-status-warning-bg text-status-warning-text';\n      case 'unhealthy':\n      case 'ERROR':\n        return 'bg-status-error-bg text-status-error-text';\n      default:\n        return 'bg-bg-sunken text-text-secondary';\n    }\n  };\n\n  const formatTimestamp = (timestamp: string | null) => {\n    if (!timestamp) return tr('health.never', 'Never');\n    const diff = Date.now() - new Date(timestamp).getTime();\n    if (diff < 60000) return tr('health.justNow', 'Just now');\n    if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;\n    if (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;\n    return new Date(timestamp).toLocaleString();\n  };\n\n  const agentStats = {\n    healthy: healthData.agents.filter((agent) => agent.status === 'healthy').length,\n    degraded: healthData.agents.filter((agent) => agent.status === 'degraded').length,\n    total: healthData.agents.length,\n  };\n  const sessionStats = {\n    running: healthData.sessions.filter((session) => session.status === 'RUNNING').length,\n    total: healthData.sessions.length,\n  };\n  const vibeStats = {\n    active: healthData.vibes.filter((vibe) => vibe.status === 'ACTIVE' || vibe.status === 'RUNNING')\n      .length,\n    total: healthData.vibes.length,\n  };\n  const targetStats = {\n    healthy: healthData.targets.filter(\n      (target) => target.status === 'ACTIVE' || target.status === 'ONLINE'\n    ).length,\n    total: healthData.targets.length,\n    connections: healthData.targets.reduce((sum, target) => sum + target.agentCount, 0),\n  };\n\n  return (\n    <MotionPage className=\"min-h-screen space-y-6 bg-bg-surface p-4 sm:p-6\">\n      <PageHeader\n        title={tr('nav.health', 'Health')}\n        description={`${tr('health.lastUpdated', 'Last updated')}: ${formatTimestamp(lastRefresh.toISOString())}`}\n        actions={\n          <div className=\"flex flex-col items-start gap-3 sm:flex-row sm:items-center\">\n            <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <input\n                type=\"checkbox\"\n                checked={autoRefresh}\n                onChange={(event) => setAutoRefresh(event.target.checked)}\n                className=\"h-4 w-4 rounded border-border-default\"\n              />\n              {tr('health.autoRefresh', 'Auto-refresh')}\n            </label>\n            <button\n              type=\"button\"\n              onClick={() => void handleRefresh()}\n              disabled={isRefreshing}\n              className=\"flex items-center gap-2 rounded-md bg-bg-sunken px-4 py-2 text-text-primary transition-colors hover:bg-bg-sunken/80 disabled:opacity-50\"\n            >\n              <RefreshCw className={`h-4 w-4 ${isRefreshing ? 'animate-spin' : ''}`} />\n              {tr('common.refresh', 'Refresh')}\n            </button>\n          </div>\n        }\n      />\n\n      <Card className=\"p-6\">\n        <div className=\"flex items-center gap-4\">\n          <div\n            className={`flex h-16 w-16 items-center justify-center rounded-full ${getStatusColor(healthData.overall)}`}\n          >\n            {getStatusIcon(healthData.overall)}\n          </div>\n          <div>\n            <h2 className=\"text-lg font-bold capitalize text-text-primary sm:text-2xl\">\n              {tr('health.systemStatus', 'System')} {healthData.overall}\n            </h2>\n            <p className=\"text-text-secondary\">\n              {agentStats.healthy}/{agentStats.total} agents healthy, {sessionStats.running}{' '}\n              sessions running, {vibeStats.active} vibes active, {targetStats.connections} target\n              connections\n            </p>\n          </div>\n        </div>\n      </Card>\n\n      <MotionList stagger={0.04} className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n        <MotionItem>\n          <StatCard\n            title={tr('health.agents', 'Agents')}\n            value={`${agentStats.healthy}/${agentStats.total}`}\n            subtitle={\n              agentStats.degraded > 0\n                ? `${agentStats.degraded} degraded`\n                : tr('health.healthy', 'healthy')\n            }\n            icon={<Server className=\"h-6 w-6\" />}\n            variant={agentStats.healthy === agentStats.total ? 'success' : 'warning'}\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('health.sessions', 'Sessions')}\n            value={`${sessionStats.running}/${sessionStats.total}`}\n            subtitle={tr('health.running', 'running')}\n            icon={<Terminal className=\"h-6 w-6\" />}\n            variant={sessionStats.running > 0 ? 'success' : 'default'}\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('health.vibes', 'Vibes')}\n            value={`${vibeStats.active}/${vibeStats.total}`}\n            subtitle={tr('health.active', 'active')}\n            icon={<Zap className=\"h-6 w-6\" />}\n            variant={vibeStats.active > 0 ? 'success' : 'default'}\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('health.targets', 'Targets')}\n            value={`${targetStats.healthy}/${targetStats.total}`}\n            subtitle={`${targetStats.connections} connections`}\n            icon={<Server className=\"h-6 w-6\" />}\n            variant={targetStats.healthy > 0 ? 'success' : 'default'}\n          />\n        </MotionItem>\n      </MotionList>\n\n      <Card>\n        <div className=\"border-b border-border-default p-4\">\n          <h3 className=\"flex items-center gap-2 font-semibold text-text-primary\">\n            <Server className=\"h-5 w-5\" />\n            {tr('health.agentHealth', 'Agent Health')} ({healthData.agents.length})\n          </h3>\n        </div>\n        {healthData.agents.length > 0 ? (\n          <MotionList stagger={0.04} className=\"divide-y divide-border-default\">\n            {healthData.agents.map((agent) => (\n              <MotionItem key={agent.id} className=\"p-4\">\n                <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    {getStatusIcon(agent.status)}\n                    <div>\n                      <div className=\"font-medium text-text-primary\">{agent.name}</div>\n                      <div className=\"text-sm text-text-secondary\">\n                        {agent.hostname} · {agent.platform} · v{agent.version}\n                      </div>\n                      <div className=\"mt-0.5 text-xs text-text-secondary\">\n                        {tr('health.lastHeartbeat', 'Last heartbeat')}:{' '}\n                        {formatTimestamp(agent.lastHeartbeat)}\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-3\">\n                    {agent.tunnelUrl ? (\n                      <a\n                        href={agent.tunnelUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"text-xs text-action-primary-text hover:underline\"\n                      >\n                        {tr('health.tunnel', 'Tunnel')}\n                      </a>\n                    ) : null}\n                    <span\n                      className={`rounded-full px-3 py-1 text-sm capitalize ${getStatusColor(agent.status)}`}\n                    >\n                      {agent.status}\n                    </span>\n                  </div>\n                </div>\n              </MotionItem>\n            ))}\n          </MotionList>\n        ) : (\n          <div className=\"space-y-4 p-6\">\n            <AgentSetupBanner variant=\"compact\" dismissKey=\"vibecontrols-health-setup-banner\" />\n            <p className=\"text-center text-text-secondary\">\n              {tr('health.noAgentsRegistered', 'No agents registered')}\n            </p>\n          </div>\n        )}\n      </Card>\n\n      <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-2\">\n        <Card>\n          <div className=\"border-b border-border-default p-4\">\n            <h3 className=\"flex items-center gap-2 font-semibold text-text-primary\">\n              <Terminal className=\"h-5 w-5\" />\n              {tr('health.sessionStatus', 'Session Status')} ({healthData.sessions.length})\n            </h3>\n          </div>\n          {healthData.sessions.length > 0 ? (\n            <MotionList stagger={0.04} className=\"divide-y divide-border-default\">\n              {healthData.sessions.map((session) => (\n                <MotionItem key={session.id} className=\"flex items-center justify-between p-4\">\n                  <div className=\"flex items-center gap-3\">\n                    {getStatusIcon(session.status)}\n                    <div>\n                      <div className=\"font-medium text-text-primary\">{session.name}</div>\n                      <div className=\"text-sm text-text-secondary\">{session.type}</div>\n                    </div>\n                  </div>\n                  <span\n                    className={`rounded-full px-3 py-1 text-sm ${getStatusColor(session.status)}`}\n                  >\n                    {session.status}\n                  </span>\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <div className=\"p-6 text-center text-text-secondary\">\n              {tr('health.noSessions', 'No sessions')}\n            </div>\n          )}\n        </Card>\n\n        <Card>\n          <div className=\"border-b border-border-default p-4\">\n            <h3 className=\"flex items-center gap-2 font-semibold text-text-primary\">\n              <Zap className=\"h-5 w-5\" />\n              {tr('health.vibeStatus', 'Vibe Status')} ({healthData.vibes.length})\n            </h3>\n          </div>\n          {healthData.vibes.length > 0 ? (\n            <MotionList stagger={0.04} className=\"divide-y divide-border-default\">\n              {healthData.vibes.map((vibe) => (\n                <MotionItem key={vibe.id} className=\"flex items-center justify-between p-4\">\n                  <div>\n                    <div className=\"font-medium text-text-primary\">{vibe.name}</div>\n                    <div className=\"text-sm text-text-secondary\">{vibe.type}</div>\n                  </div>\n                  <span className={`rounded-full px-3 py-1 text-sm ${getStatusColor(vibe.status)}`}>\n                    {vibe.status}\n                  </span>\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <div className=\"p-6 text-center text-text-secondary\">\n              {tr('health.noVibes', 'No vibes')}\n            </div>\n          )}\n        </Card>\n      </div>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/LogsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function LogsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LogsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogsPage.d.ts","sourceRoot":"","sources":["../../src/pages/LogsPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,QAAQ,4CA+GvB"}

package/dist/pages/NoteDetailsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function NoteDetailsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NoteDetailsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoteDetailsPage.d.ts","sourceRoot":"","sources":["../../src/pages/NoteDetailsPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,4CA4M9B"}

package/dist/pages/NoteDetailsPage.js

@@ -0,0 +1,163 @@
+import { useGetNoteQuery as e } from "../generated/wspace-operations.js";
+import { useVibeNavigate as t } from "../providers/VibeControlsProvider.js";
+import { PageHeader as n } from "../components/shared/PageHeader.js";
+import { LoadingState as r } from "../components/shared/LoadingState.js";
+import { ErrorState as i } from "../components/shared/ErrorState.js";
+import { EmptyState as a } from "../components/shared/EmptyState.js";
+import { Card as o } from "../components/shared/Card.js";
+import "../components/shared/index.js";
+import { VIBE_PERMISSIONS as s } from "../constants/permissions.js";
+import { useCallback as c } from "react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as u, ExternalLink as d, FileText as f, Pin as p, Tag as m } from "lucide-react";
+import { useParams as h } from "react-router-dom";
+import { usePermissions as g } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { MotionPage as y } from "@burdenoff/fe-libs/shared/motion";
+//#region src/pages/NoteDetailsPage.tsx
+function b() {
+	let { t: b } = l(), x = c((e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, [b]), { id: S } = h(), C = t(), { hasPermission: w, isLoading: T } = g(), E = w(s.NOTE_READ), { data: D, loading: O, error: k, refetch: A } = e({
+		variables: { id: S || "" },
+		skip: !S || T || !E,
+		fetchPolicy: "cache-and-network"
+	}), j = D?.note;
+	return T ? /* @__PURE__ */ _("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ _("p", {
+			className: "text-text-secondary",
+			children: x("noteDetails.loadingPermissions", "Loading permissions...")
+		})
+	}) : E ? O && !j ? /* @__PURE__ */ v(y, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: [/* @__PURE__ */ v("button", {
+			onClick: () => C("/vibes"),
+			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
+			children: [/* @__PURE__ */ _(u, { className: "w-4 h-4" }), x("noteDetails.back", "Back")]
+		}), /* @__PURE__ */ _(r, { message: x("noteDetails.loading", "Loading note...") })]
+	}) : k && !j ? /* @__PURE__ */ v(y, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: [/* @__PURE__ */ v("button", {
+			onClick: () => C("/vibes"),
+			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
+			children: [/* @__PURE__ */ _(u, { className: "w-4 h-4" }), "Back"]
+		}), /* @__PURE__ */ _(i, {
+			title: x("noteDetails.failedLoad", "Failed to load note"),
+			message: k.message,
+			onRetry: () => A()
+		})]
+	}) : j ? /* @__PURE__ */ v(y, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: [/* @__PURE__ */ _(n, {
+			title: j.title,
+			description: j.vibe ? `${x("noteDetails.attachedTo", "Attached to")} ${j.vibe.name}` : x("noteDetails.workspaceNote", "Workspace note"),
+			actions: /* @__PURE__ */ _("div", {
+				className: "flex items-center gap-2",
+				children: j.vibe && /* @__PURE__ */ v("button", {
+					onClick: () => C(`/vibes/${j.vibe?.id}`),
+					className: "inline-flex items-center gap-2 px-3 py-2 rounded-md border border-border-default bg-bg-surface hover:bg-bg-muted text-sm text-text-primary transition-colors",
+					children: [/* @__PURE__ */ _(d, { className: "w-4 h-4" }), x("noteDetails.openVibe", "Open Vibe")]
+				})
+			})
+		}), /* @__PURE__ */ v("div", {
+			className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]",
+			children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ v("div", {
+				className: "p-5 space-y-4",
+				children: [/* @__PURE__ */ v("div", {
+					className: "flex flex-wrap items-center gap-2 text-xs text-text-tertiary",
+					children: [
+						j.isPinned && /* @__PURE__ */ v("span", {
+							className: "inline-flex items-center gap-1 rounded-full bg-primary-default/10 px-2 py-1 text-primary-default",
+							children: [/* @__PURE__ */ _(p, { className: "w-3.5 h-3.5" }), x("noteDetails.pinned", "Pinned")]
+						}),
+						/* @__PURE__ */ v("span", { children: [
+							x("noteDetails.created", "Created"),
+							" ",
+							new Date(j.createdAt).toLocaleString()
+						] }),
+						/* @__PURE__ */ v("span", { children: [
+							x("noteDetails.updated", "Updated"),
+							" ",
+							new Date(j.updatedAt).toLocaleString()
+						] })
+					]
+				}), /* @__PURE__ */ _("div", {
+					className: "rounded-lg border border-border-default bg-bg-canvas p-4",
+					children: /* @__PURE__ */ _("pre", {
+						className: "whitespace-pre-wrap break-words text-sm text-text-primary font-sans leading-6",
+						children: j.content
+					})
+				})]
+			}) }), /* @__PURE__ */ v("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ v("div", {
+					className: "p-5 space-y-4",
+					children: [/* @__PURE__ */ _("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: x("noteDetails.details", "Details")
+					}), /* @__PURE__ */ v("div", {
+						className: "space-y-3 text-sm",
+						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
+							className: "text-text-tertiary",
+							children: x("noteDetails.noteId", "Note ID")
+						}), /* @__PURE__ */ _("div", {
+							className: "font-mono text-text-primary break-all",
+							children: j.id
+						})] }), j.vibe && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
+							className: "text-text-tertiary",
+							children: x("noteDetails.vibe", "Vibe")
+						}), /* @__PURE__ */ _("button", {
+							onClick: () => C(`/vibes/${j.vibe?.id}`),
+							className: "text-primary-default hover:underline",
+							children: j.vibe.name
+						})] })]
+					})]
+				}) }), /* @__PURE__ */ _(o, { children: /* @__PURE__ */ v("div", {
+					className: "p-5 space-y-4",
+					children: [/* @__PURE__ */ _("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: x("noteDetails.tags", "Tags")
+					}), j.tags.length > 0 ? /* @__PURE__ */ _("div", {
+						className: "flex flex-wrap gap-2",
+						children: j.tags.map((e) => /* @__PURE__ */ v("span", {
+							className: "inline-flex items-center gap-1 rounded-full bg-bg-muted px-2 py-1 text-xs text-text-secondary",
+							children: [/* @__PURE__ */ _(m, { className: "w-3 h-3" }), e]
+						}, e))
+					}) : /* @__PURE__ */ _("p", {
+						className: "text-sm text-text-tertiary",
+						children: x("noteDetails.noTags", "No tags assigned.")
+					})]
+				}) })]
+			})]
+		})]
+	}) : /* @__PURE__ */ v(y, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: [/* @__PURE__ */ v("button", {
+			onClick: () => C("/vibes"),
+			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
+			children: [/* @__PURE__ */ _(u, { className: "w-4 h-4" }), "Back"]
+		}), /* @__PURE__ */ _(a, {
+			icon: /* @__PURE__ */ _(f, { className: "h-8 w-8 text-text-secondary" }),
+			title: x("noteDetails.notFound", "Note not found"),
+			description: x("noteDetails.notFoundDesc", "This note may have been deleted or you may no longer have access to it.")
+		})]
+	}) : /* @__PURE__ */ _("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ v("div", {
+			className: "text-center space-y-2",
+			children: [/* @__PURE__ */ _("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: x("noteDetails.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ _("p", {
+				className: "text-sm text-text-secondary",
+				children: x("noteDetails.accessDeniedDesc", "You don't have permission to access this page.")
+			})]
+		})
+	});
+}
+//#endregion
+export { b as NoteDetailsPage };
+
+//# sourceMappingURL=NoteDetailsPage.js.map

package/dist/pages/NoteDetailsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteDetailsPage.js","names":[],"sources":["../../src/pages/NoteDetailsPage.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport { ArrowLeft, ExternalLink, FileText, Pin, Tag } from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Card, EmptyState, ErrorState, LoadingState, PageHeader } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useGetNoteQuery } from '@/generated/wspace-operations';\nimport { useParams } from 'react-router-dom';\n\nexport function NoteDetailsPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n  const { id } = useParams<{ id: string }>();\n  const navigate = useVibeNavigate();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n\n  const canReadNote = hasPermission(VIBE_PERMISSIONS.NOTE_READ);\n  const { data, loading, error, refetch } = useGetNoteQuery({\n    variables: { id: id || '' },\n    skip: !id || permissionsLoading || !canReadNote,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const note = data?.note;\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('noteDetails.loadingPermissions', 'Loading permissions...')}\n        </p>\n      </div>\n    );\n  if (!canReadNote)\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('noteDetails.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('noteDetails.accessDeniedDesc', \"You don't have permission to access this page.\")}\n          </p>\n        </div>\n      </div>\n    );\n\n  if (loading && !note) {\n    return (\n      <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n        <button\n          onClick={() => navigate('/vibes')}\n          className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft className=\"w-4 h-4\" />\n          {tr('noteDetails.back', 'Back')}\n        </button>\n        <LoadingState message={tr('noteDetails.loading', 'Loading note...')} />\n      </MotionPage>\n    );\n  }\n\n  if (error && !note) {\n    return (\n      <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n        <button\n          onClick={() => navigate('/vibes')}\n          className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft className=\"w-4 h-4\" />\n          Back\n        </button>\n        <ErrorState\n          title={tr('noteDetails.failedLoad', 'Failed to load note')}\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      </MotionPage>\n    );\n  }\n\n  if (!note) {\n    return (\n      <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n        <button\n          onClick={() => navigate('/vibes')}\n          className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n        >\n          <ArrowLeft className=\"w-4 h-4\" />\n          Back\n        </button>\n        <EmptyState\n          icon={<FileText className=\"h-8 w-8 text-text-secondary\" />}\n          title={tr('noteDetails.notFound', 'Note not found')}\n          description={tr(\n            'noteDetails.notFoundDesc',\n            'This note may have been deleted or you may no longer have access to it.'\n          )}\n        />\n      </MotionPage>\n    );\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={note.title}\n        description={\n          note.vibe\n            ? `${tr('noteDetails.attachedTo', 'Attached to')} ${note.vibe.name}`\n            : tr('noteDetails.workspaceNote', 'Workspace note')\n        }\n        actions={\n          <div className=\"flex items-center gap-2\">\n            {note.vibe && (\n              <button\n                onClick={() => navigate(`/vibes/${note.vibe?.id}`)}\n                className=\"inline-flex items-center gap-2 px-3 py-2 rounded-md border border-border-default bg-bg-surface hover:bg-bg-muted text-sm text-text-primary transition-colors\"\n              >\n                <ExternalLink className=\"w-4 h-4\" />\n                {tr('noteDetails.openVibe', 'Open Vibe')}\n              </button>\n            )}\n          </div>\n        }\n      />\n\n      <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]\">\n        <Card>\n          <div className=\"p-5 space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-2 text-xs text-text-tertiary\">\n              {note.isPinned && (\n                <span className=\"inline-flex items-center gap-1 rounded-full bg-primary-default/10 px-2 py-1 text-primary-default\">\n                  <Pin className=\"w-3.5 h-3.5\" />\n                  {tr('noteDetails.pinned', 'Pinned')}\n                </span>\n              )}\n              <span>\n                {tr('noteDetails.created', 'Created')} {new Date(note.createdAt).toLocaleString()}\n              </span>\n              <span>\n                {tr('noteDetails.updated', 'Updated')} {new Date(note.updatedAt).toLocaleString()}\n              </span>\n            </div>\n\n            <div className=\"rounded-lg border border-border-default bg-bg-canvas p-4\">\n              <pre className=\"whitespace-pre-wrap break-words text-sm text-text-primary font-sans leading-6\">\n                {note.content}\n              </pre>\n            </div>\n          </div>\n        </Card>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <div className=\"p-5 space-y-4\">\n              <h2 className=\"text-sm font-semibold text-text-primary\">\n                {tr('noteDetails.details', 'Details')}\n              </h2>\n              <div className=\"space-y-3 text-sm\">\n                <div>\n                  <div className=\"text-text-tertiary\">{tr('noteDetails.noteId', 'Note ID')}</div>\n                  <div className=\"font-mono text-text-primary break-all\">{note.id}</div>\n                </div>\n                {note.vibe && (\n                  <div>\n                    <div className=\"text-text-tertiary\">{tr('noteDetails.vibe', 'Vibe')}</div>\n                    <button\n                      onClick={() => navigate(`/vibes/${note.vibe?.id}`)}\n                      className=\"text-primary-default hover:underline\"\n                    >\n                      {note.vibe.name}\n                    </button>\n                  </div>\n                )}\n              </div>\n            </div>\n          </Card>\n\n          <Card>\n            <div className=\"p-5 space-y-4\">\n              <h2 className=\"text-sm font-semibold text-text-primary\">\n                {tr('noteDetails.tags', 'Tags')}\n              </h2>\n              {note.tags.length > 0 ? (\n                <div className=\"flex flex-wrap gap-2\">\n                  {note.tags.map((tag: string) => (\n                    <span\n                      key={tag}\n                      className=\"inline-flex items-center gap-1 rounded-full bg-bg-muted px-2 py-1 text-xs text-text-secondary\"\n                    >\n                      <Tag className=\"w-3 h-3\" />\n                      {tag}\n                    </span>\n                  ))}\n                </div>\n              ) : (\n                <p className=\"text-sm text-text-tertiary\">\n                  {tr('noteDetails.noTags', 'No tags assigned.')}\n                </p>\n              )}\n            </div>\n          </Card>\n        </div>\n      </div>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}