@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/components/logs/LogViewer.js

@@ -1,92 +1,94 @@
 import { useVibeControls as e } from "../../providers/VibeControlsProvider.js";
-import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Download as o, Pause as s, Play as c, RefreshCw as l, Search as u, Trash2 as d } from "lucide-react";
-import { getStoredAuthToken as f, getStoredWorkspaceToken as p } from "@burdenoff/fe-libs/shared/graphql";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { agentApiPath as t } from "../../utils/agentApiPath.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Download as s, Pause as c, Play as l, RefreshCw as u, Search as d, Trash2 as f } from "lucide-react";
+import { getStoredAuthToken as p, getStoredWorkspaceToken as m } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/logs/LogViewer.tsx
-function g(e) {
+function _(e) {
 	return `${e.timestamp}:${e.level}:${e.source}:${e.message}`;
 }
-var _ = {
+var v = {
 	debug: "text-text-tertiary",
 	info: "text-status-info-text",
 	warn: "text-status-warning-text",
 	error: "text-status-error-text"
-}, v = {
+}, y = {
 	debug: "bg-bg-tertiary/30",
 	info: "bg-status-info-bg/10",
 	warn: "bg-status-warning-bg/10",
 	error: "bg-status-error-bg/10"
-}, y = ({ agentId: y, level: b = "info", source: x, maxEntries: S = 1e3, className: C = "", compact: w = !1 }) => {
-	let { t: T } = a(), { apiGatewayUrl: E, workspaceId: D } = e(), [O, k] = i([]), [A, j] = i(!1), [M, N] = i(!1), [P, F] = i(b), [I, L] = i(""), [R, z] = i(null), [B, V] = i(!1), H = r(null), U = r(!0), W = (e, t) => {
-		let n = T(e);
+}, b = ({ agentId: b, profile: x, level: S = "info", source: C, maxEntries: w = 1e3, className: T = "", compact: E = !1 }) => {
+	let { t: D } = o(), { apiGatewayUrl: O, workspaceId: k } = e(), [A, j] = a([]), [M, N] = a(!1), [P, F] = a(!1), [I, L] = a(S), [R, z] = a(""), [B, V] = a(null), [H, U] = a(!1), W = i(null), G = i(!0), K = (e, t) => {
+		let n = D(e);
 		return n === e ? t : n;
-	}, G = t(() => {
-		if (!H.current) return;
-		let e = H.current;
-		U.current = e.scrollHeight - e.scrollTop - e.clientHeight < 50;
-	}, []), K = t(() => {
-		H.current && (H.current.scrollTop = H.current.scrollHeight);
-	}, []), q = t(async () => {
-		if (y) {
-			V(!0);
+	}, q = n(() => {
+		if (!W.current) return;
+		let e = W.current;
+		G.current = e.scrollHeight - e.scrollTop - e.clientHeight < 50;
+	}, []), J = n(() => {
+		W.current && (W.current.scrollTop = W.current.scrollHeight);
+	}, []), Y = n(async () => {
+		if (b) {
+			U(!0);
 			try {
-				let e = f(), t = p(), n = await (await fetch(E ? `${E}/workspaces/graphql` : "/workspaces/graphql", {
+				let e = p(), n = m(), r = await (await fetch(O ? `${O}/workspaces/graphql` : "/workspaces/graphql", {
 					method: "POST",
 					headers: {
 						"Content-Type": "application/json",
 						...e ? { Authorization: `Bearer ${e}` } : {},
-						...t ? { "X-Workspace-Authorization": `Bearer ${t}` } : {},
-						...D ? { "x-workspace-id": D } : {}
+						...n ? { "X-Workspace-Authorization": `Bearer ${n}` } : {},
+						...k ? { "x-workspace-id": k } : {}
 					},
 					body: JSON.stringify({
 						query: "query AgentLogs($agentId: ID!, $path: String!, $query: JSON) {\n            agentAiGet(agentId: $agentId, path: $path, query: $query) {\n              ok\n              status\n              data\n              error\n            }\n          }",
 						variables: {
-							agentId: y,
-							path: "/api/logs",
+							agentId: b,
+							path: t(x, "/logs"),
 							query: {
-								level: P,
+								level: I,
 								limit: 200,
-								...x ? { source: x } : {}
+								...C ? { source: C } : {}
 							}
 						}
 					})
-				})).json(), r = n.data?.agentAiGet;
-				if (!r?.ok) throw Error(r?.error || n.errors?.[0]?.message || "Failed to fetch logs");
-				let i = (r.data?.entries ?? []).slice().sort((e, t) => new Date(e.timestamp).getTime() - new Date(t.timestamp).getTime());
-				k((e) => {
+				})).json(), i = r.data?.agentAiGet;
+				if (!i?.ok) throw Error(i?.error || r.errors?.[0]?.message || "Failed to fetch logs");
+				let a = (i.data?.entries ?? []).slice().sort((e, t) => new Date(e.timestamp).getTime() - new Date(t.timestamp).getTime());
+				j((e) => {
 					let t = /* @__PURE__ */ new Map();
-					for (let n of e) t.set(g(n), n);
-					for (let e of i) t.set(g(e), e);
-					return Array.from(t.values()).sort((e, t) => new Date(e.timestamp).getTime() - new Date(t.timestamp).getTime()).slice(-S);
-				}), j(!0), z(null), U.current && requestAnimationFrame(K);
+					for (let n of e) t.set(_(n), n);
+					for (let e of a) t.set(_(e), e);
+					return Array.from(t.values()).sort((e, t) => new Date(e.timestamp).getTime() - new Date(t.timestamp).getTime()).slice(-w);
+				}), N(!0), V(null), G.current && requestAnimationFrame(J);
 			} catch (e) {
-				j(!1), z(e instanceof Error ? e.message : W("logs.fetchFailed", "Failed to fetch logs"));
+				N(!1), V(e instanceof Error ? e.message : K("logs.fetchFailed", "Failed to fetch logs"));
 			} finally {
-				V(!1);
+				U(!1);
 			}
 		}
 	}, [
-		y,
-		E,
+		b,
 		x,
-		P,
-		S,
+		O,
+		C,
+		I,
+		w,
+		J,
 		K,
-		W,
-		D
+		k
 	]);
-	n(() => {
-		k([]), j(!1), z(null);
+	r(() => {
+		j([]), N(!1), V(null);
 	}, [
-		y,
-		x,
-		P
-	]), n(() => {
-		if (!y || M) return;
+		b,
+		C,
+		I
+	]), r(() => {
+		if (!b || P) return;
 		let e = !1, t = async () => {
-			e || await q();
+			e || await Y();
 		};
 		t();
 		let n = window.setInterval(() => {
@@ -96,14 +98,14 @@ var _ = {
 			e = !0, window.clearInterval(n);
 		};
 	}, [
-		y,
-		q,
-		M
+		b,
+		Y,
+		P
 	]);
-	let J = I ? O.filter((e) => e.message.toLowerCase().includes(I.toLowerCase()) || e.source.toLowerCase().includes(I.toLowerCase())) : O, Y = () => k([]), X = () => {
-		let e = new Blob([J.map((e) => JSON.stringify(e)).join("\n")], { type: "application/x-ndjson" }), t = URL.createObjectURL(e), n = document.createElement("a");
+	let X = R ? A.filter((e) => e.message.toLowerCase().includes(R.toLowerCase()) || e.source.toLowerCase().includes(R.toLowerCase())) : A, Z = () => j([]), Q = () => {
+		let e = new Blob([X.map((e) => JSON.stringify(e)).join("\n")], { type: "application/x-ndjson" }), t = URL.createObjectURL(e), n = document.createElement("a");
 		n.href = t, n.download = `agent-logs-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}.jsonl`, n.click(), URL.revokeObjectURL(t);
-	}, Z = (e) => {
+	}, $ = (e) => {
 		try {
 			let t = new Date(e);
 			return t.toLocaleTimeString("en-US", {
@@ -116,128 +118,128 @@ var _ = {
 			return e;
 		}
 	};
-	return /* @__PURE__ */ h("div", {
-		className: `flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${C}`,
+	return /* @__PURE__ */ g("div", {
+		className: `flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${T}`,
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-wrap items-center gap-2 border-b border-border-primary bg-bg-secondary/50 px-3 py-2",
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ g("div", {
 						className: "mr-2 flex items-center gap-1.5",
-						children: [/* @__PURE__ */ m("div", { className: `h-2 w-2 rounded-full ${A ? "animate-pulse bg-status-success-bg" : "bg-status-error-bg"}` }), /* @__PURE__ */ m("span", {
+						children: [/* @__PURE__ */ h("div", { className: `h-2 w-2 rounded-full ${M ? "animate-pulse bg-status-success-bg" : "bg-status-error-bg"}` }), /* @__PURE__ */ h("span", {
 							className: "text-xs text-text-tertiary",
-							children: A ? W("logs.live", "Live") : W("logs.disconnected", "Disconnected")
+							children: M ? K("logs.live", "Live") : K("logs.disconnected", "Disconnected")
 						})]
 					}),
-					/* @__PURE__ */ h("select", {
-						value: P,
-						onChange: (e) => F(e.target.value),
+					/* @__PURE__ */ g("select", {
+						value: I,
+						onChange: (e) => L(e.target.value),
 						className: "rounded border border-border-secondary bg-bg-tertiary px-2 py-1 text-xs text-text-primary",
-						"aria-label": W("logs.levelFilter", "Log level filter"),
+						"aria-label": K("logs.levelFilter", "Log level filter"),
 						children: [
-							/* @__PURE__ */ m("option", {
+							/* @__PURE__ */ h("option", {
 								value: "debug",
 								children: "DEBUG+"
 							}),
-							/* @__PURE__ */ m("option", {
+							/* @__PURE__ */ h("option", {
 								value: "info",
 								children: "INFO+"
 							}),
-							/* @__PURE__ */ m("option", {
+							/* @__PURE__ */ h("option", {
 								value: "warn",
 								children: "WARN+"
 							}),
-							/* @__PURE__ */ m("option", {
+							/* @__PURE__ */ h("option", {
 								value: "error",
 								children: "ERROR"
 							})
 						]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ g("div", {
 						className: "relative min-w-[120px] max-w-xs flex-1",
-						children: [/* @__PURE__ */ m(u, {
+						children: [/* @__PURE__ */ h(d, {
 							size: 12,
 							className: "absolute left-2 top-1/2 -translate-y-1/2 text-text-tertiary"
-						}), /* @__PURE__ */ m("input", {
+						}), /* @__PURE__ */ h("input", {
 							type: "text",
-							placeholder: W("logs.filterLogs", "Filter logs..."),
-							value: I,
-							onChange: (e) => L(e.target.value),
+							placeholder: K("logs.filterLogs", "Filter logs..."),
+							value: R,
+							onChange: (e) => z(e.target.value),
 							className: "w-full rounded border border-border-secondary bg-bg-tertiary py-1 pl-6 pr-2 text-xs text-text-primary placeholder:text-text-tertiary"
 						})]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ g("div", {
 						className: "ml-auto flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ g("span", {
 								className: "text-xs text-text-tertiary",
 								children: [
-									J.length,
+									X.length,
 									" ",
-									W("logs.entries", "entries")
+									K("logs.entries", "entries")
 								]
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => void q(),
-								disabled: B,
+								onClick: () => void Y(),
+								disabled: H,
 								className: "rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary disabled:opacity-50",
-								title: W("common.refresh", "Refresh"),
-								children: /* @__PURE__ */ m(l, {
+								title: K("common.refresh", "Refresh"),
+								children: /* @__PURE__ */ h(u, {
 									size: 14,
-									className: B ? "animate-spin" : ""
+									className: H ? "animate-spin" : ""
 								})
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => N((e) => !e),
-								className: `rounded p-1 transition-colors hover:bg-bg-tertiary ${M ? "text-status-warning-text" : "text-text-tertiary"}`,
-								title: M ? W("logs.resume", "Resume") : W("logs.pause", "Pause"),
-								children: m(M ? c : s, { size: 14 })
+								onClick: () => F((e) => !e),
+								className: `rounded p-1 transition-colors hover:bg-bg-tertiary ${P ? "text-status-warning-text" : "text-text-tertiary"}`,
+								title: P ? K("logs.resume", "Resume") : K("logs.pause", "Pause"),
+								children: h(P ? l : c, { size: 14 })
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: Y,
+								onClick: Z,
 								className: "rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary",
-								title: W("logs.clear", "Clear"),
-								children: /* @__PURE__ */ m(d, { size: 14 })
+								title: K("logs.clear", "Clear"),
+								children: /* @__PURE__ */ h(f, { size: 14 })
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: X,
+								onClick: Q,
 								className: "rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary",
-								title: W("logs.export", "Export"),
-								children: /* @__PURE__ */ m(o, { size: 14 })
+								title: K("logs.export", "Export"),
+								children: /* @__PURE__ */ h(s, { size: 14 })
 							})
 						]
 					})
 				]
 			}),
-			R ? /* @__PURE__ */ m("div", {
+			B ? /* @__PURE__ */ h("div", {
 				role: "alert",
 				className: "border-b border-border-primary bg-status-error-bg/10 px-3 py-2 text-xs text-status-error-text",
-				children: R
+				children: B
 			}) : null,
-			/* @__PURE__ */ m("div", {
-				ref: H,
-				onScroll: G,
-				className: `overflow-y-auto font-mono text-xs leading-relaxed ${w ? "max-h-[300px]" : "min-h-[400px] flex-1"}`,
-				style: { maxHeight: w ? "300px" : void 0 },
-				children: J.length === 0 ? /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
+				ref: W,
+				onScroll: q,
+				className: `overflow-y-auto font-mono text-xs leading-relaxed ${E ? "max-h-[300px]" : "min-h-[400px] flex-1"}`,
+				style: { maxHeight: E ? "300px" : void 0 },
+				children: X.length === 0 ? /* @__PURE__ */ h("div", {
 					className: "flex h-full min-h-[200px] items-center justify-center text-text-tertiary",
-					children: A ? W("logs.waitingForEntries", "Waiting for log entries...") : W("logs.connectToAgent", "Connect to an agent to view logs")
-				}) : J.map((e, t) => /* @__PURE__ */ h("div", {
-					className: `flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${v[e.level] ?? ""}`,
+					children: M ? K("logs.waitingForEntries", "Waiting for log entries...") : K("logs.connectToAgent", "Connect to an agent to view logs")
+				}) : X.map((e, t) => /* @__PURE__ */ g("div", {
+					className: `flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${y[e.level] ?? ""}`,
 					children: [
-						/* @__PURE__ */ m("span", {
+						/* @__PURE__ */ h("span", {
 							className: "w-[85px] shrink-0 text-text-tertiary",
-							children: Z(e.timestamp)
+							children: $(e.timestamp)
 						}),
-						/* @__PURE__ */ m("span", {
-							className: `w-[42px] shrink-0 uppercase font-semibold ${_[e.level] ?? "text-text-primary"}`,
+						/* @__PURE__ */ h("span", {
+							className: `w-[42px] shrink-0 uppercase font-semibold ${v[e.level] ?? "text-text-primary"}`,
 							children: e.level
 						}),
-						/* @__PURE__ */ h("span", {
+						/* @__PURE__ */ g("span", {
 							className: "w-[100px] shrink-0 truncate text-text-secondary",
 							title: e.source,
 							children: [
@@ -246,9 +248,9 @@ var _ = {
 								"]"
 							]
 						}),
-						/* @__PURE__ */ h("span", {
+						/* @__PURE__ */ g("span", {
 							className: "flex-1 break-all text-text-primary",
-							children: [e.message, e.metadata && Object.keys(e.metadata).length > 0 ? /* @__PURE__ */ m("span", {
+							children: [e.message, e.metadata && Object.keys(e.metadata).length > 0 ? /* @__PURE__ */ h("span", {
 								className: "ml-2 text-text-tertiary",
 								children: JSON.stringify(e.metadata)
 							}) : null]
@@ -260,6 +262,6 @@ var _ = {
 	});
 };
 //#endregion
-export { y as LogViewer };
+export { b as LogViewer };
 
 //# sourceMappingURL=LogViewer.js.map

package/dist/components/logs/LogViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogViewer.js","names":[],"sources":["../../../src/components/logs/LogViewer.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type FC } from 'react';\nimport { Download, Pause, Play, RefreshCw, Search, Trash2 } from 'lucide-react';\nimport { getStoredAuthToken, getStoredWorkspaceToken } from '@burdenoff/fe-libs/shared/graphql';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\ninterface LogEntry {\n  timestamp: string;\n  level: 'debug' | 'info' | 'warn' | 'error';\n  source: string;\n  message: string;\n  metadata?: Record<string, unknown>;\n}\n\ninterface LogViewerProps {\n  agentId: string;\n  level?: 'debug' | 'info' | 'warn' | 'error';\n  source?: string;\n  maxEntries?: number;\n  className?: string;\n  compact?: boolean;\n}\n\nfunction getEntryKey(entry: LogEntry): string {\n  return `${entry.timestamp}:${entry.level}:${entry.source}:${entry.message}`;\n}\n\nconst LEVEL_COLORS: Record<string, string> = {\n  debug: 'text-text-tertiary',\n  info: 'text-status-info-text',\n  warn: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst LEVEL_BG: Record<string, string> = {\n  debug: 'bg-bg-tertiary/30',\n  info: 'bg-status-info-bg/10',\n  warn: 'bg-status-warning-bg/10',\n  error: 'bg-status-error-bg/10',\n};\n\nexport const LogViewer: FC<LogViewerProps> = ({\n  agentId,\n  level: initialLevel = 'info',\n  source: initialSource,\n  maxEntries = 1000,\n  className = '',\n  compact = false,\n}) => {\n  const { t } = useI18n();\n  const { apiGatewayUrl, workspaceId } = useVibeControls();\n  const [entries, setEntries] = useState<LogEntry[]>([]);\n  const [connected, setConnected] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const [level, setLevel] = useState(initialLevel);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const autoScrollRef = useRef(true);\n\n  const tr = (key: string, fallback: string) => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const element = containerRef.current;\n    autoScrollRef.current = element.scrollHeight - element.scrollTop - element.clientHeight < 50;\n  }, []);\n\n  const scrollToBottom = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, []);\n\n  const fetchLogs = useCallback(async () => {\n    if (!agentId) {\n      return;\n    }\n\n    setIsRefreshing(true);\n\n    try {\n      const authToken = getStoredAuthToken();\n      const workspaceToken = getStoredWorkspaceToken();\n      const response = await fetch(\n        apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n        {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n            ...(workspaceToken ? { 'X-Workspace-Authorization': `Bearer ${workspaceToken}` } : {}),\n            ...(workspaceId ? { 'x-workspace-id': workspaceId } : {}),\n          },\n          body: JSON.stringify({\n            query: `query AgentLogs($agentId: ID!, $path: String!, $query: JSON) {\n            agentAiGet(agentId: $agentId, path: $path, query: $query) {\n              ok\n              status\n              data\n              error\n            }\n          }`,\n            variables: {\n              agentId,\n              path: '/api/logs',\n              query: {\n                level,\n                limit: 200,\n                ...(initialSource ? { source: initialSource } : {}),\n              },\n            },\n          }),\n        }\n      );\n\n      const payload = await response.json();\n      const proxy = payload.data?.agentAiGet;\n      if (!proxy?.ok) {\n        throw new Error(proxy?.error || payload.errors?.[0]?.message || 'Failed to fetch logs');\n      }\n\n      const nextEntries = ((proxy.data?.entries ?? []) as LogEntry[]).slice().sort((a, b) => {\n        return new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime();\n      });\n      setEntries((current) => {\n        const merged = new Map<string, LogEntry>();\n        for (const entry of current) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        for (const entry of nextEntries) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        return Array.from(merged.values())\n          .sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime())\n          .slice(-maxEntries);\n      });\n      setConnected(true);\n      setErrorMessage(null);\n\n      if (autoScrollRef.current) {\n        requestAnimationFrame(scrollToBottom);\n      }\n    } catch (error) {\n      setConnected(false);\n      setErrorMessage(\n        error instanceof Error ? error.message : tr('logs.fetchFailed', 'Failed to fetch logs')\n      );\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [agentId, apiGatewayUrl, initialSource, level, maxEntries, scrollToBottom, tr, workspaceId]);\n\n  useEffect(() => {\n    setEntries([]);\n    setConnected(false);\n    setErrorMessage(null);\n  }, [agentId, initialSource, level]);\n\n  useEffect(() => {\n    if (!agentId || paused) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const load = async () => {\n      if (!cancelled) {\n        await fetchLogs();\n      }\n    };\n\n    void load();\n    const intervalId = window.setInterval(() => {\n      void load();\n    }, 3000);\n\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [agentId, fetchLogs, paused]);\n\n  const filteredEntries = searchQuery\n    ? entries.filter(\n        (entry) =>\n          entry.message.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          entry.source.toLowerCase().includes(searchQuery.toLowerCase())\n      )\n    : entries;\n\n  const handleClear = () => setEntries([]);\n\n  const handleExport = () => {\n    const blob = new Blob([filteredEntries.map((entry) => JSON.stringify(entry)).join('\\n')], {\n      type: 'application/x-ndjson',\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = `agent-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.jsonl`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const formatTime = (timestamp: string) => {\n    try {\n      const date = new Date(timestamp);\n      return (\n        date.toLocaleTimeString('en-US', {\n          hour12: false,\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n        }) +\n        '.' +\n        String(date.getMilliseconds()).padStart(3, '0')\n      );\n    } catch {\n      return timestamp;\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${className}`}\n    >\n      <div className=\"flex flex-wrap items-center gap-2 border-b border-border-primary bg-bg-secondary/50 px-3 py-2\">\n        <div className=\"mr-2 flex items-center gap-1.5\">\n          <div\n            className={`h-2 w-2 rounded-full ${connected ? 'animate-pulse bg-status-success-bg' : 'bg-status-error-bg'}`}\n          />\n          <span className=\"text-xs text-text-tertiary\">\n            {connected ? tr('logs.live', 'Live') : tr('logs.disconnected', 'Disconnected')}\n          </span>\n        </div>\n\n        <select\n          value={level}\n          onChange={(event) => setLevel(event.target.value as LogEntry['level'])}\n          className=\"rounded border border-border-secondary bg-bg-tertiary px-2 py-1 text-xs text-text-primary\"\n          aria-label={tr('logs.levelFilter', 'Log level filter')}\n        >\n          <option value=\"debug\">DEBUG+</option>\n          <option value=\"info\">INFO+</option>\n          <option value=\"warn\">WARN+</option>\n          <option value=\"error\">ERROR</option>\n        </select>\n\n        <div className=\"relative min-w-[120px] max-w-xs flex-1\">\n          <Search\n            size={12}\n            className=\"absolute left-2 top-1/2 -translate-y-1/2 text-text-tertiary\"\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('logs.filterLogs', 'Filter logs...')}\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            className=\"w-full rounded border border-border-secondary bg-bg-tertiary py-1 pl-6 pr-2 text-xs text-text-primary placeholder:text-text-tertiary\"\n          />\n        </div>\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          <span className=\"text-xs text-text-tertiary\">\n            {filteredEntries.length} {tr('logs.entries', 'entries')}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => void fetchLogs()}\n            disabled={isRefreshing}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary disabled:opacity-50\"\n            title={tr('common.refresh', 'Refresh')}\n          >\n            <RefreshCw size={14} className={isRefreshing ? 'animate-spin' : ''} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setPaused((current) => !current)}\n            className={`rounded p-1 transition-colors hover:bg-bg-tertiary ${paused ? 'text-status-warning-text' : 'text-text-tertiary'}`}\n            title={paused ? tr('logs.resume', 'Resume') : tr('logs.pause', 'Pause')}\n          >\n            {paused ? <Play size={14} /> : <Pause size={14} />}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.clear', 'Clear')}\n          >\n            <Trash2 size={14} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.export', 'Export')}\n          >\n            <Download size={14} />\n          </button>\n        </div>\n      </div>\n\n      {errorMessage ? (\n        <div\n          role=\"alert\"\n          className=\"border-b border-border-primary bg-status-error-bg/10 px-3 py-2 text-xs text-status-error-text\"\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n\n      <div\n        ref={containerRef}\n        onScroll={handleScroll}\n        className={`overflow-y-auto font-mono text-xs leading-relaxed ${compact ? 'max-h-[300px]' : 'min-h-[400px] flex-1'}`}\n        style={{ maxHeight: compact ? '300px' : undefined }}\n      >\n        {filteredEntries.length === 0 ? (\n          <div className=\"flex h-full min-h-[200px] items-center justify-center text-text-tertiary\">\n            {connected\n              ? tr('logs.waitingForEntries', 'Waiting for log entries...')\n              : tr('logs.connectToAgent', 'Connect to an agent to view logs')}\n          </div>\n        ) : (\n          filteredEntries.map((entry, index) => (\n            <div\n              key={`${entry.timestamp}-${entry.source}-${index}`}\n              className={`flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${LEVEL_BG[entry.level] ?? ''}`}\n            >\n              <span className=\"w-[85px] shrink-0 text-text-tertiary\">\n                {formatTime(entry.timestamp)}\n              </span>\n              <span\n                className={`w-[42px] shrink-0 uppercase font-semibold ${LEVEL_COLORS[entry.level] ?? 'text-text-primary'}`}\n              >\n                {entry.level}\n              </span>\n              <span\n                className=\"w-[100px] shrink-0 truncate text-text-secondary\"\n                title={entry.source}\n              >\n                [{entry.source}]\n              </span>\n              <span className=\"flex-1 break-all text-text-primary\">\n                {entry.message}\n                {entry.metadata && Object.keys(entry.metadata).length > 0 ? (\n                  <span className=\"ml-2 text-text-tertiary\">{JSON.stringify(entry.metadata)}</span>\n                ) : null}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAuBA,SAAS,EAAY,GAAyB;AAC5C,QAAO,GAAG,EAAM,UAAU,GAAG,EAAM,MAAM,GAAG,EAAM,OAAO,GAAG,EAAM;;AAGpE,IAAM,IAAuC;CAC3C,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EAEK,IAAmC;CACvC,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EAEY,KAAiC,EAC5C,YACA,OAAO,IAAe,QACtB,QAAQ,GACR,gBAAa,KACb,eAAY,IACZ,aAAU,SACN;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,kBAAe,mBAAgB,GAAiB,EAClD,CAAC,GAAS,KAAc,EAAqB,EAAE,CAAC,EAChD,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAC/D,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,IAAe,EAAuB,KAAK,EAC3C,IAAgB,EAAO,GAAK,EAE5B,KAAM,GAAa,MAAqB;EAC5C,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAG9B,IAAe,QAAkB;AACrC,MAAI,CAAC,EAAa,QAChB;EAGF,IAAM,IAAU,EAAa;AAC7B,IAAc,UAAU,EAAQ,eAAe,EAAQ,YAAY,EAAQ,eAAe;IACzF,EAAE,CAAC,EAEA,IAAiB,QAAkB;AACvC,EAAI,EAAa,YACf,EAAa,QAAQ,YAAY,EAAa,QAAQ;IAEvD,EAAE,CAAC,EAEA,IAAY,EAAY,YAAY;AACnC,SAIL;KAAgB,GAAK;AAErB,OAAI;IACF,IAAM,IAAY,GAAoB,EAChC,IAAiB,GAAyB,EAiC1C,IAAU,OAhCC,MAAM,MACrB,IAAgB,GAAG,EAAc,uBAAuB,uBACxD;KACE,QAAQ;KACR,SAAS;MACP,gBAAgB;MAChB,GAAI,IAAY,EAAE,eAAe,UAAU,KAAa,GAAG,EAAE;MAC7D,GAAI,IAAiB,EAAE,6BAA6B,UAAU,KAAkB,GAAG,EAAE;MACrF,GAAI,IAAc,EAAE,kBAAkB,GAAa,GAAG,EAAE;MACzD;KACD,MAAM,KAAK,UAAU;MACnB,OAAO;MAQP,WAAW;OACT;OACA,MAAM;OACN,OAAO;QACL;QACA,OAAO;QACP,GAAI,IAAgB,EAAE,QAAQ,GAAe,GAAG,EAAE;QACnD;OACF;MACF,CAAC;KACH,CACF,EAE8B,MAAM,EAC/B,IAAQ,EAAQ,MAAM;AAC5B,QAAI,CAAC,GAAO,GACV,OAAU,MAAM,GAAO,SAAS,EAAQ,SAAS,IAAI,WAAW,uBAAuB;IAGzF,IAAM,KAAgB,EAAM,MAAM,WAAW,EAAE,EAAiB,OAAO,CAAC,MAAM,GAAG,MACxE,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CACxE;AAgBF,IAfA,GAAY,MAAY;KACtB,IAAM,oBAAS,IAAI,KAAuB;AAC1C,UAAK,IAAM,KAAS,EAClB,GAAO,IAAI,EAAY,EAAM,EAAE,EAAM;AAEvC,UAAK,IAAM,KAAS,EAClB,GAAO,IAAI,EAAY,EAAM,EAAE,EAAM;AAEvC,YAAO,MAAM,KAAK,EAAO,QAAQ,CAAC,CAC/B,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CACjF,MAAM,CAAC,EAAW;MACrB,EACF,EAAa,GAAK,EAClB,EAAgB,KAAK,EAEjB,EAAc,WAChB,sBAAsB,EAAe;YAEhC,GAAO;AAEd,IADA,EAAa,GAAM,EACnB,EACE,aAAiB,QAAQ,EAAM,UAAU,EAAG,oBAAoB,uBAAuB,CACxF;aACO;AACR,MAAgB,GAAM;;;IAEvB;EAAC;EAAS;EAAe;EAAe;EAAO;EAAY;EAAgB;EAAI;EAAY,CAAC;AAQ/F,CANA,QAAgB;AAGd,EAFA,EAAW,EAAE,CAAC,EACd,EAAa,GAAM,EACnB,EAAgB,KAAK;IACpB;EAAC;EAAS;EAAe;EAAM,CAAC,EAEnC,QAAgB;AACd,MAAI,CAAC,KAAW,EACd;EAGF,IAAI,IAAY,IACV,IAAO,YAAY;AACvB,GAAK,KACH,MAAM,GAAW;;AAIhB,KAAM;EACX,IAAM,IAAa,OAAO,kBAAkB;AACrC,MAAM;KACV,IAAK;AAER,eAAa;AAEX,GADA,IAAY,IACZ,OAAO,cAAc,EAAW;;IAEjC;EAAC;EAAS;EAAW;EAAO,CAAC;CAEhC,IAAM,IAAkB,IACpB,EAAQ,QACL,MACC,EAAM,QAAQ,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,IAC/D,EAAM,OAAO,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,CACjE,GACD,GAEE,UAAoB,EAAW,EAAE,CAAC,EAElC,UAAqB;EACzB,IAAM,IAAO,IAAI,KAAK,CAAC,EAAgB,KAAK,MAAU,KAAK,UAAU,EAAM,CAAC,CAAC,KAAK,KAAK,CAAC,EAAE,EACxF,MAAM,wBACP,CAAC,EACI,IAAM,IAAI,gBAAgB,EAAK,EAC/B,IAAS,SAAS,cAAc,IAAI;AAI1C,EAHA,EAAO,OAAO,GACd,EAAO,WAAW,+BAAc,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC,QAAQ,MAAM,IAAI,CAAC,SACzF,EAAO,OAAO,EACd,IAAI,gBAAgB,EAAI;IAGpB,KAAc,MAAsB;AACxC,MAAI;GACF,IAAM,IAAO,IAAI,KAAK,EAAU;AAChC,UACE,EAAK,mBAAmB,SAAS;IAC/B,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,QAAQ;IACT,CAAC,GACF,MACA,OAAO,EAAK,iBAAiB,CAAC,CAAC,SAAS,GAAG,IAAI;UAE3C;AACN,UAAO;;;AAIX,QACE,kBAAC,OAAD;EACE,WAAW,wFAAwF;YADrG;GAGE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EACE,WAAW,wBAAwB,IAAY,uCAAuC,wBACtF,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,IAAY,EAAG,aAAa,OAAO,GAAG,EAAG,qBAAqB,eAAe;OACzE,CAAA,CACH;;KAEN,kBAAC,UAAD;MACE,OAAO;MACP,WAAW,MAAU,EAAS,EAAM,OAAO,MAA2B;MACtE,WAAU;MACV,cAAY,EAAG,oBAAoB,mBAAmB;gBAJxD;OAME,kBAAC,UAAD;QAAQ,OAAM;kBAAQ;QAAe,CAAA;OACrC,kBAAC,UAAD;QAAQ,OAAM;kBAAO;QAAc,CAAA;OACnC,kBAAC,UAAD;QAAQ,OAAM;kBAAO;QAAc,CAAA;OACnC,kBAAC,UAAD;QAAQ,OAAM;kBAAQ;QAAc,CAAA;OAC7B;;KAET,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,MAAM;OACN,WAAU;OACV,CAAA,EACF,kBAAC,SAAD;OACE,MAAK;OACL,aAAa,EAAG,mBAAmB,iBAAiB;OACpD,OAAO;OACP,WAAW,MAAU,EAAe,EAAM,OAAO,MAAM;OACvD,WAAU;OACV,CAAA,CACE;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACG,EAAgB;SAAO;SAAE,EAAG,gBAAgB,UAAU;SAClD;;OACP,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,KAAK,GAAW;QAC/B,UAAU;QACV,WAAU;QACV,OAAO,EAAG,kBAAkB,UAAU;kBAEtC,kBAAC,GAAD;SAAW,MAAM;SAAI,WAAW,IAAe,iBAAiB;SAAM,CAAA;QAC/D,CAAA;OACT,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,GAAW,MAAY,CAAC,EAAQ;QAC/C,WAAW,sDAAsD,IAAS,6BAA6B;QACvG,OAAO,IAAS,EAAG,eAAe,SAAS,GAAG,EAAG,cAAc,QAAQ;kBAE7D,EAAT,IAAU,IAAqB,GAAtB,EAAM,MAAM,IAAM,CAAsB;QAC3C,CAAA;OACT,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;QACV,OAAO,EAAG,cAAc,QAAQ;kBAEhC,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;QACb,CAAA;OACT,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;QACV,OAAO,EAAG,eAAe,SAAS;kBAElC,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;QACf,CAAA;OACL;;KACF;;GAEL,IACC,kBAAC,OAAD;IACE,MAAK;IACL,WAAU;cAET;IACG,CAAA,GACJ;GAEJ,kBAAC,OAAD;IACE,KAAK;IACL,UAAU;IACV,WAAW,qDAAqD,IAAU,kBAAkB;IAC5F,OAAO,EAAE,WAAW,IAAU,UAAU,KAAA,GAAW;cAElD,EAAgB,WAAW,IAC1B,kBAAC,OAAD;KAAK,WAAU;eACZ,IACG,EAAG,0BAA0B,6BAA6B,GAC1D,EAAG,uBAAuB,mCAAmC;KAC7D,CAAA,GAEN,EAAgB,KAAK,GAAO,MAC1B,kBAAC,OAAD;KAEE,WAAW,oFAAoF,EAAS,EAAM,UAAU;eAF1H;MAIE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAW,EAAM,UAAU;OACvB,CAAA;MACP,kBAAC,QAAD;OACE,WAAW,6CAA6C,EAAa,EAAM,UAAU;iBAEpF,EAAM;OACF,CAAA;MACP,kBAAC,QAAD;OACE,WAAU;OACV,OAAO,EAAM;iBAFf;QAGC;QACG,EAAM;QAAO;QACV;;MACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAM,SACN,EAAM,YAAY,OAAO,KAAK,EAAM,SAAS,CAAC,SAAS,IACtD,kBAAC,QAAD;QAAM,WAAU;kBAA2B,KAAK,UAAU,EAAM,SAAS;QAAQ,CAAA,GAC/E,KACC;;MACH;OAvBC,GAAG,EAAM,UAAU,GAAG,EAAM,OAAO,GAAG,IAuBvC,CACN;IAEA,CAAA;GACF"}
+{"version":3,"file":"LogViewer.js","names":[],"sources":["../../../src/components/logs/LogViewer.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type FC } from 'react';\nimport { Download, Pause, Play, RefreshCw, Search, Trash2 } from 'lucide-react';\nimport { getStoredAuthToken, getStoredWorkspaceToken } from '@burdenoff/fe-libs/shared/graphql';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { agentApiPath } from '@/utils/agentApiPath';\n\ninterface LogEntry {\n  timestamp: string;\n  level: 'debug' | 'info' | 'warn' | 'error';\n  source: string;\n  message: string;\n  metadata?: Record<string, unknown>;\n}\n\ninterface LogViewerProps {\n  agentId: string;\n  /** Canonical CLI profile name on the remote agent. */\n  profile: string;\n  level?: 'debug' | 'info' | 'warn' | 'error';\n  source?: string;\n  maxEntries?: number;\n  className?: string;\n  compact?: boolean;\n}\n\nfunction getEntryKey(entry: LogEntry): string {\n  return `${entry.timestamp}:${entry.level}:${entry.source}:${entry.message}`;\n}\n\nconst LEVEL_COLORS: Record<string, string> = {\n  debug: 'text-text-tertiary',\n  info: 'text-status-info-text',\n  warn: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst LEVEL_BG: Record<string, string> = {\n  debug: 'bg-bg-tertiary/30',\n  info: 'bg-status-info-bg/10',\n  warn: 'bg-status-warning-bg/10',\n  error: 'bg-status-error-bg/10',\n};\n\nexport const LogViewer: FC<LogViewerProps> = ({\n  agentId,\n  profile,\n  level: initialLevel = 'info',\n  source: initialSource,\n  maxEntries = 1000,\n  className = '',\n  compact = false,\n}) => {\n  const { t } = useI18n();\n  const { apiGatewayUrl, workspaceId } = useVibeControls();\n  const [entries, setEntries] = useState<LogEntry[]>([]);\n  const [connected, setConnected] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const [level, setLevel] = useState(initialLevel);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const autoScrollRef = useRef(true);\n\n  const tr = (key: string, fallback: string) => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const element = containerRef.current;\n    autoScrollRef.current = element.scrollHeight - element.scrollTop - element.clientHeight < 50;\n  }, []);\n\n  const scrollToBottom = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, []);\n\n  const fetchLogs = useCallback(async () => {\n    if (!agentId) {\n      return;\n    }\n\n    setIsRefreshing(true);\n\n    try {\n      const authToken = getStoredAuthToken();\n      const workspaceToken = getStoredWorkspaceToken();\n      const response = await fetch(\n        apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n        {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n            ...(workspaceToken ? { 'X-Workspace-Authorization': `Bearer ${workspaceToken}` } : {}),\n            ...(workspaceId ? { 'x-workspace-id': workspaceId } : {}),\n          },\n          body: JSON.stringify({\n            query: `query AgentLogs($agentId: ID!, $path: String!, $query: JSON) {\n            agentAiGet(agentId: $agentId, path: $path, query: $query) {\n              ok\n              status\n              data\n              error\n            }\n          }`,\n            variables: {\n              agentId,\n              path: agentApiPath(profile, '/logs'),\n              query: {\n                level,\n                limit: 200,\n                ...(initialSource ? { source: initialSource } : {}),\n              },\n            },\n          }),\n        }\n      );\n\n      const payload = await response.json();\n      const proxy = payload.data?.agentAiGet;\n      if (!proxy?.ok) {\n        throw new Error(proxy?.error || payload.errors?.[0]?.message || 'Failed to fetch logs');\n      }\n\n      const nextEntries = ((proxy.data?.entries ?? []) as LogEntry[]).slice().sort((a, b) => {\n        return new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime();\n      });\n      setEntries((current) => {\n        const merged = new Map<string, LogEntry>();\n        for (const entry of current) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        for (const entry of nextEntries) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        return Array.from(merged.values())\n          .sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime())\n          .slice(-maxEntries);\n      });\n      setConnected(true);\n      setErrorMessage(null);\n\n      if (autoScrollRef.current) {\n        requestAnimationFrame(scrollToBottom);\n      }\n    } catch (error) {\n      setConnected(false);\n      setErrorMessage(\n        error instanceof Error ? error.message : tr('logs.fetchFailed', 'Failed to fetch logs')\n      );\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [\n    agentId,\n    profile,\n    apiGatewayUrl,\n    initialSource,\n    level,\n    maxEntries,\n    scrollToBottom,\n    tr,\n    workspaceId,\n  ]);\n\n  useEffect(() => {\n    setEntries([]);\n    setConnected(false);\n    setErrorMessage(null);\n  }, [agentId, initialSource, level]);\n\n  useEffect(() => {\n    if (!agentId || paused) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const load = async () => {\n      if (!cancelled) {\n        await fetchLogs();\n      }\n    };\n\n    void load();\n    const intervalId = window.setInterval(() => {\n      void load();\n    }, 3000);\n\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [agentId, fetchLogs, paused]);\n\n  const filteredEntries = searchQuery\n    ? entries.filter(\n        (entry) =>\n          entry.message.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          entry.source.toLowerCase().includes(searchQuery.toLowerCase())\n      )\n    : entries;\n\n  const handleClear = () => setEntries([]);\n\n  const handleExport = () => {\n    const blob = new Blob([filteredEntries.map((entry) => JSON.stringify(entry)).join('\\n')], {\n      type: 'application/x-ndjson',\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = `agent-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.jsonl`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const formatTime = (timestamp: string) => {\n    try {\n      const date = new Date(timestamp);\n      return (\n        date.toLocaleTimeString('en-US', {\n          hour12: false,\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n        }) +\n        '.' +\n        String(date.getMilliseconds()).padStart(3, '0')\n      );\n    } catch {\n      return timestamp;\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${className}`}\n    >\n      <div className=\"flex flex-wrap items-center gap-2 border-b border-border-primary bg-bg-secondary/50 px-3 py-2\">\n        <div className=\"mr-2 flex items-center gap-1.5\">\n          <div\n            className={`h-2 w-2 rounded-full ${connected ? 'animate-pulse bg-status-success-bg' : 'bg-status-error-bg'}`}\n          />\n          <span className=\"text-xs text-text-tertiary\">\n            {connected ? tr('logs.live', 'Live') : tr('logs.disconnected', 'Disconnected')}\n          </span>\n        </div>\n\n        <select\n          value={level}\n          onChange={(event) => setLevel(event.target.value as LogEntry['level'])}\n          className=\"rounded border border-border-secondary bg-bg-tertiary px-2 py-1 text-xs text-text-primary\"\n          aria-label={tr('logs.levelFilter', 'Log level filter')}\n        >\n          <option value=\"debug\">DEBUG+</option>\n          <option value=\"info\">INFO+</option>\n          <option value=\"warn\">WARN+</option>\n          <option value=\"error\">ERROR</option>\n        </select>\n\n        <div className=\"relative min-w-[120px] max-w-xs flex-1\">\n          <Search\n            size={12}\n            className=\"absolute left-2 top-1/2 -translate-y-1/2 text-text-tertiary\"\n          />\n          <input\n            type=\"text\"\n            placeholder={tr('logs.filterLogs', 'Filter logs...')}\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            className=\"w-full rounded border border-border-secondary bg-bg-tertiary py-1 pl-6 pr-2 text-xs text-text-primary placeholder:text-text-tertiary\"\n          />\n        </div>\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          <span className=\"text-xs text-text-tertiary\">\n            {filteredEntries.length} {tr('logs.entries', 'entries')}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => void fetchLogs()}\n            disabled={isRefreshing}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary disabled:opacity-50\"\n            title={tr('common.refresh', 'Refresh')}\n          >\n            <RefreshCw size={14} className={isRefreshing ? 'animate-spin' : ''} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setPaused((current) => !current)}\n            className={`rounded p-1 transition-colors hover:bg-bg-tertiary ${paused ? 'text-status-warning-text' : 'text-text-tertiary'}`}\n            title={paused ? tr('logs.resume', 'Resume') : tr('logs.pause', 'Pause')}\n          >\n            {paused ? <Play size={14} /> : <Pause size={14} />}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.clear', 'Clear')}\n          >\n            <Trash2 size={14} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.export', 'Export')}\n          >\n            <Download size={14} />\n          </button>\n        </div>\n      </div>\n\n      {errorMessage ? (\n        <div\n          role=\"alert\"\n          className=\"border-b border-border-primary bg-status-error-bg/10 px-3 py-2 text-xs text-status-error-text\"\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n\n      <div\n        ref={containerRef}\n        onScroll={handleScroll}\n        className={`overflow-y-auto font-mono text-xs leading-relaxed ${compact ? 'max-h-[300px]' : 'min-h-[400px] flex-1'}`}\n        style={{ maxHeight: compact ? '300px' : undefined }}\n      >\n        {filteredEntries.length === 0 ? (\n          <div className=\"flex h-full min-h-[200px] items-center justify-center text-text-tertiary\">\n            {connected\n              ? tr('logs.waitingForEntries', 'Waiting for log entries...')\n              : tr('logs.connectToAgent', 'Connect to an agent to view logs')}\n          </div>\n        ) : (\n          filteredEntries.map((entry, index) => (\n            <div\n              key={`${entry.timestamp}-${entry.source}-${index}`}\n              className={`flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${LEVEL_BG[entry.level] ?? ''}`}\n            >\n              <span className=\"w-[85px] shrink-0 text-text-tertiary\">\n                {formatTime(entry.timestamp)}\n              </span>\n              <span\n                className={`w-[42px] shrink-0 uppercase font-semibold ${LEVEL_COLORS[entry.level] ?? 'text-text-primary'}`}\n              >\n                {entry.level}\n              </span>\n              <span\n                className=\"w-[100px] shrink-0 truncate text-text-secondary\"\n                title={entry.source}\n              >\n                [{entry.source}]\n              </span>\n              <span className=\"flex-1 break-all text-text-primary\">\n                {entry.message}\n                {entry.metadata && Object.keys(entry.metadata).length > 0 ? (\n                  <span className=\"ml-2 text-text-tertiary\">{JSON.stringify(entry.metadata)}</span>\n                ) : null}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}