@burdenoff/microfe-vibecontrols 2026.529.11 → 2026.529.13

package/dist/components/agents/ConnectionLogPanel.js

@@ -0,0 +1,206 @@
+import { useGetAgentConnectionEventsQuery as e } from "../../generated/wspace-operations.js";
+import { useCallback as t, useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/agents/ConnectionLogPanel.tsx
+var o = {
+	info: "text-status-info-text",
+	warn: "text-status-warning-text",
+	error: "text-status-danger-text",
+	debug: "text-fg-muted"
+}, s = {
+	info: "bg-status-info-bg",
+	warn: "bg-status-warning-bg",
+	error: "bg-status-danger-bg",
+	debug: "bg-bg-muted"
+};
+function c(e) {
+	try {
+		return new Date(e).toISOString().replace("T", " ").replace("Z", "");
+	} catch {
+		return e;
+	}
+}
+function l(e) {
+	return e.map((e) => {
+		let t = e.detailsJson ? `\n    details: ${e.detailsJson}` : "";
+		return `[${e.timestamp}] #${e.sequence} ${e.level.toUpperCase().padEnd(5)} ${e.step.padEnd(28)} ${e.message}${t}`;
+	}).join("\n");
+}
+function u(e, t, n) {
+	return JSON.stringify({
+		exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
+		agentId: t,
+		agentName: n,
+		count: e.length,
+		events: e.map((e) => ({
+			id: e.id,
+			timestamp: e.timestamp,
+			sequence: e.sequence,
+			step: e.step,
+			level: e.level,
+			message: e.message,
+			details: e.detailsJson ? JSON.parse(e.detailsJson) : null
+		}))
+	}, null, 2);
+}
+function d(e, t, n) {
+	let r = new Blob([n], { type: t }), i = URL.createObjectURL(r), a = document.createElement("a");
+	a.href = i, a.download = e, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(i);
+}
+function f({ agentId: f, agentName: p }) {
+	let { data: m, loading: h, error: g, refetch: _ } = e({
+		variables: {
+			agentId: f,
+			limit: 200
+		},
+		pollInterval: 3e3,
+		fetchPolicy: "cache-and-network"
+	}), [v, y] = r("none"), b = n(() => (m?.vibecontrolsAgentConnectionEvents ?? []).map((e) => ({
+		id: e.id,
+		timestamp: e.timestamp,
+		sequence: e.sequence,
+		step: e.step,
+		level: e.level,
+		message: e.message,
+		detailsJson: e.detailsJson ?? null
+	})), [m]), x = t(async (e) => {
+		let t = e === "text" ? l(b) : u(b, f, p);
+		try {
+			await navigator.clipboard.writeText(t), y(e), setTimeout(() => y("none"), 1500);
+		} catch {
+			d(`agent-${f}-connection-log.${e === "text" ? "txt" : "json"}`, e === "text" ? "text/plain" : "application/json", t);
+		}
+	}, [
+		b,
+		f,
+		p
+	]), S = t((e) => {
+		let t = e === "text" ? l(b) : u(b, f, p), n = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
+		d(`agent-${p ?? f}-connection-log-${n}.${e === "text" ? "txt" : "json"}`, e === "text" ? "text/plain" : "application/json", t);
+	}, [
+		b,
+		f,
+		p
+	]);
+	return /* @__PURE__ */ a("div", {
+		className: "flex flex-col h-full",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "flex items-center justify-between p-4 border-b border-border-default",
+				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h3", {
+					className: "text-fg-default font-semibold text-base",
+					children: "Connection Log"
+				}), /* @__PURE__ */ i("p", {
+					className: "text-fg-muted text-xs mt-0.5",
+					children: h && b.length === 0 ? "Loading…" : `${b.length} event${b.length === 1 ? "" : "s"} · auto-refresh every 3s`
+				})] }), /* @__PURE__ */ a("div", {
+					className: "flex gap-2",
+					children: [
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							onClick: () => _(),
+							className: "px-3 py-1.5 text-xs rounded bg-bg-subtle hover:bg-bg-muted text-fg-default border border-border-default",
+							children: "Refresh"
+						}),
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							onClick: () => x("text"),
+							className: "px-3 py-1.5 text-xs rounded bg-bg-subtle hover:bg-bg-muted text-fg-default border border-border-default",
+							children: v === "text" ? "Copied!" : "Copy text"
+						}),
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							onClick: () => x("json"),
+							className: "px-3 py-1.5 text-xs rounded bg-bg-subtle hover:bg-bg-muted text-fg-default border border-border-default",
+							children: v === "json" ? "Copied!" : "Copy JSON"
+						}),
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							onClick: () => S("text"),
+							className: "px-3 py-1.5 text-xs rounded bg-action-primary hover:bg-action-primary-hover text-action-primary-text border border-action-primary",
+							children: "Export .txt"
+						}),
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							onClick: () => S("json"),
+							className: "px-3 py-1.5 text-xs rounded bg-action-primary hover:bg-action-primary-hover text-action-primary-text border border-action-primary",
+							children: "Export .json"
+						})
+					]
+				})]
+			}),
+			g && /* @__PURE__ */ a("div", {
+				className: "m-4 p-3 rounded bg-status-danger-bg text-status-danger-text text-sm",
+				children: ["Failed to load events: ", g.message]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "flex-1 overflow-auto p-4",
+				children: [b.length === 0 && !h && /* @__PURE__ */ a("div", {
+					className: "text-fg-muted text-sm text-center py-12",
+					children: [
+						"No connection events recorded for this agent yet.",
+						/* @__PURE__ */ i("br", {}),
+						"Events appear here every time the platform probes, registers, or syncs the agent."
+					]
+				}), /* @__PURE__ */ i("ol", {
+					className: "space-y-2",
+					children: b.map((e) => {
+						let t = o[e.level] ?? o.info, n = s[e.level] ?? s.info, r = (() => {
+							if (!e.detailsJson) return null;
+							try {
+								return JSON.stringify(JSON.parse(e.detailsJson), null, 2);
+							} catch {
+								return e.detailsJson;
+							}
+						})();
+						return /* @__PURE__ */ i("li", {
+							className: "rounded border border-border-default bg-bg-subtle",
+							children: /* @__PURE__ */ a("div", {
+								className: "flex items-start gap-3 p-3",
+								children: [/* @__PURE__ */ i("div", {
+									className: `px-2 py-0.5 rounded text-[10px] uppercase font-mono ${n} ${t} shrink-0`,
+									children: e.level
+								}), /* @__PURE__ */ a("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ a("div", {
+											className: "flex items-center gap-2 text-xs text-fg-muted font-mono",
+											children: [
+												/* @__PURE__ */ a("span", { children: ["#", e.sequence] }),
+												/* @__PURE__ */ i("span", { children: "·" }),
+												/* @__PURE__ */ i("span", { children: c(e.timestamp) }),
+												/* @__PURE__ */ i("span", { children: "·" }),
+												/* @__PURE__ */ i("span", {
+													className: "text-fg-default font-medium",
+													children: e.step
+												})
+											]
+										}),
+										/* @__PURE__ */ i("div", {
+											className: "text-sm text-fg-default mt-1 break-words",
+											children: e.message
+										}),
+										r && /* @__PURE__ */ a("details", {
+											className: "mt-2",
+											children: [/* @__PURE__ */ i("summary", {
+												className: "text-xs text-fg-muted cursor-pointer hover:text-fg-default",
+												children: "Details"
+											}), /* @__PURE__ */ i("pre", {
+												className: "mt-2 p-2 rounded bg-bg-default text-xs text-fg-default overflow-x-auto whitespace-pre-wrap break-words",
+												children: r
+											})]
+										})
+									]
+								})]
+							})
+						}, e.id);
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { f as ConnectionLogPanel };
+
+//# sourceMappingURL=ConnectionLogPanel.js.map

package/dist/components/agents/ConnectionLogPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLogPanel.js","names":[],"sources":["../../../src/components/agents/ConnectionLogPanel.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { useGetAgentConnectionEventsQuery } from '@/generated/wspace-operations';\n\ninterface Props {\n  agentId: string;\n  agentName?: string;\n}\n\ninterface EventRow {\n  id: string;\n  timestamp: string;\n  sequence: number;\n  step: string;\n  level: string;\n  message: string;\n  detailsJson?: string | null;\n}\n\nconst LEVEL_COLOR: Record<string, string> = {\n  info: 'text-status-info-text',\n  warn: 'text-status-warning-text',\n  error: 'text-status-danger-text',\n  debug: 'text-fg-muted',\n};\n\nconst LEVEL_BG: Record<string, string> = {\n  info: 'bg-status-info-bg',\n  warn: 'bg-status-warning-bg',\n  error: 'bg-status-danger-bg',\n  debug: 'bg-bg-muted',\n};\n\nfunction formatTimestamp(iso: string): string {\n  try {\n    return new Date(iso).toISOString().replace('T', ' ').replace('Z', '');\n  } catch {\n    return iso;\n  }\n}\n\nfunction eventsAsText(rows: EventRow[]): string {\n  return rows\n    .map((e) => {\n      const detail = e.detailsJson ? `\\n    details: ${e.detailsJson}` : '';\n      return `[${e.timestamp}] #${e.sequence} ${e.level.toUpperCase().padEnd(5)} ${e.step.padEnd(28)} ${e.message}${detail}`;\n    })\n    .join('\\n');\n}\n\nfunction eventsAsJson(rows: EventRow[], agentId: string, agentName?: string): string {\n  return JSON.stringify(\n    {\n      exportedAt: new Date().toISOString(),\n      agentId,\n      agentName,\n      count: rows.length,\n      events: rows.map((e) => ({\n        id: e.id,\n        timestamp: e.timestamp,\n        sequence: e.sequence,\n        step: e.step,\n        level: e.level,\n        message: e.message,\n        details: e.detailsJson ? JSON.parse(e.detailsJson) : null,\n      })),\n    },\n    null,\n    2,\n  );\n}\n\nfunction downloadBlob(filename: string, mime: string, body: string): void {\n  const blob = new Blob([body], { type: mime });\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n}\n\nexport function ConnectionLogPanel({ agentId, agentName }: Props) {\n  // Poll every 3s while the panel is mounted so the operator sees new\n  // events appear as the svc records them — no manual refresh needed\n  // while debugging \"stuck\" agents.\n  const { data, loading, error, refetch } = useGetAgentConnectionEventsQuery({\n    variables: { agentId, limit: 200 },\n    pollInterval: 3000,\n    fetchPolicy: 'cache-and-network',\n  });\n  const [copied, setCopied] = useState<'none' | 'text' | 'json'>('none');\n\n  const events: EventRow[] = useMemo(() => {\n    const raw = data?.vibecontrolsAgentConnectionEvents ?? [];\n    return raw.map((e: { id: string; timestamp: string; sequence: number; step: string; level: string; message: string; detailsJson?: string | null }) => ({\n      id: e.id,\n      timestamp: e.timestamp,\n      sequence: e.sequence,\n      step: e.step,\n      level: e.level,\n      message: e.message,\n      detailsJson: e.detailsJson ?? null,\n    }));\n  }, [data]);\n\n  const handleCopy = useCallback(\n    async (mode: 'text' | 'json') => {\n      const body = mode === 'text' ? eventsAsText(events) : eventsAsJson(events, agentId, agentName);\n      try {\n        await navigator.clipboard.writeText(body);\n        setCopied(mode);\n        setTimeout(() => setCopied('none'), 1500);\n      } catch {\n        /* clipboard denied — fall back to download */\n        downloadBlob(`agent-${agentId}-connection-log.${mode === 'text' ? 'txt' : 'json'}`, mode === 'text' ? 'text/plain' : 'application/json', body);\n      }\n    },\n    [events, agentId, agentName],\n  );\n\n  const handleDownload = useCallback(\n    (mode: 'text' | 'json') => {\n      const body = mode === 'text' ? eventsAsText(events) : eventsAsJson(events, agentId, agentName);\n      const stamp = new Date().toISOString().replace(/[:.]/g, '-');\n      downloadBlob(\n        `agent-${agentName ?? agentId}-connection-log-${stamp}.${mode === 'text' ? 'txt' : 'json'}`,\n        mode === 'text' ? 'text/plain' : 'application/json',\n        body,\n      );\n    },\n    [events, agentId, agentName],\n  );\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"flex items-center justify-between p-4 border-b border-border-default\">\n        <div>\n          <h3 className=\"text-fg-default font-semibold text-base\">Connection Log</h3>\n          <p className=\"text-fg-muted text-xs mt-0.5\">\n            {loading && events.length === 0\n              ? 'Loading…'\n              : `${events.length} event${events.length === 1 ? '' : 's'} · auto-refresh every 3s`}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => refetch()}\n            className=\"px-3 py-1.5 text-xs rounded bg-bg-subtle hover:bg-bg-muted text-fg-default border border-border-default\"\n          >\n            Refresh\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleCopy('text')}\n            className=\"px-3 py-1.5 text-xs rounded bg-bg-subtle hover:bg-bg-muted text-fg-default border border-border-default\"\n          >\n            {copied === 'text' ? 'Copied!' : 'Copy text'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleCopy('json')}\n            className=\"px-3 py-1.5 text-xs rounded bg-bg-subtle hover:bg-bg-muted text-fg-default border border-border-default\"\n          >\n            {copied === 'json' ? 'Copied!' : 'Copy JSON'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleDownload('text')}\n            className=\"px-3 py-1.5 text-xs rounded bg-action-primary hover:bg-action-primary-hover text-action-primary-text border border-action-primary\"\n          >\n            Export .txt\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleDownload('json')}\n            className=\"px-3 py-1.5 text-xs rounded bg-action-primary hover:bg-action-primary-hover text-action-primary-text border border-action-primary\"\n          >\n            Export .json\n          </button>\n        </div>\n      </div>\n\n      {error && (\n        <div className=\"m-4 p-3 rounded bg-status-danger-bg text-status-danger-text text-sm\">\n          Failed to load events: {error.message}\n        </div>\n      )}\n\n      <div className=\"flex-1 overflow-auto p-4\">\n        {events.length === 0 && !loading && (\n          <div className=\"text-fg-muted text-sm text-center py-12\">\n            No connection events recorded for this agent yet.\n            <br />\n            Events appear here every time the platform probes, registers, or syncs the agent.\n          </div>\n        )}\n        <ol className=\"space-y-2\">\n          {events.map((e) => {\n            const levelColor = LEVEL_COLOR[e.level] ?? LEVEL_COLOR.info;\n            const levelBg = LEVEL_BG[e.level] ?? LEVEL_BG.info;\n            const details = (() => {\n              if (!e.detailsJson) return null;\n              try {\n                return JSON.stringify(JSON.parse(e.detailsJson), null, 2);\n              } catch {\n                return e.detailsJson;\n              }\n            })();\n            return (\n              <li\n                key={e.id}\n                className=\"rounded border border-border-default bg-bg-subtle\"\n              >\n                <div className=\"flex items-start gap-3 p-3\">\n                  <div className={`px-2 py-0.5 rounded text-[10px] uppercase font-mono ${levelBg} ${levelColor} shrink-0`}>\n                    {e.level}\n                  </div>\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"flex items-center gap-2 text-xs text-fg-muted font-mono\">\n                      <span>#{e.sequence}</span>\n                      <span>·</span>\n                      <span>{formatTimestamp(e.timestamp)}</span>\n                      <span>·</span>\n                      <span className=\"text-fg-default font-medium\">{e.step}</span>\n                    </div>\n                    <div className=\"text-sm text-fg-default mt-1 break-words\">{e.message}</div>\n                    {details && (\n                      <details className=\"mt-2\">\n                        <summary className=\"text-xs text-fg-muted cursor-pointer hover:text-fg-default\">\n                          Details\n                        </summary>\n                        <pre className=\"mt-2 p-2 rounded bg-bg-default text-xs text-fg-default overflow-x-auto whitespace-pre-wrap break-words\">\n                          {details}\n                        </pre>\n                      </details>\n                    )}\n                  </div>\n                </div>\n              </li>\n            );\n          })}\n        </ol>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAkBA,IAAM,IAAsC;CAC1C,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACR,EAEK,IAAmC;CACvC,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACR;AAED,SAAS,EAAgB,GAAqB;AAC5C,KAAI;AACF,SAAO,IAAI,KAAK,EAAI,CAAC,aAAa,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,KAAK,GAAG;SAC/D;AACN,SAAO;;;AAIX,SAAS,EAAa,GAA0B;AAC9C,QAAO,EACJ,KAAK,MAAM;EACV,IAAM,IAAS,EAAE,cAAc,kBAAkB,EAAE,gBAAgB;AACnE,SAAO,IAAI,EAAE,UAAU,KAAK,EAAE,SAAS,GAAG,EAAE,MAAM,aAAa,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,KAAK,OAAO,GAAG,CAAC,GAAG,EAAE,UAAU;GAC9G,CACD,KAAK,KAAK;;AAGf,SAAS,EAAa,GAAkB,GAAiB,GAA4B;AACnF,QAAO,KAAK,UACV;EACE,6BAAY,IAAI,MAAM,EAAC,aAAa;EACpC;EACA;EACA,OAAO,EAAK;EACZ,QAAQ,EAAK,KAAK,OAAO;GACvB,IAAI,EAAE;GACN,WAAW,EAAE;GACb,UAAU,EAAE;GACZ,MAAM,EAAE;GACR,OAAO,EAAE;GACT,SAAS,EAAE;GACX,SAAS,EAAE,cAAc,KAAK,MAAM,EAAE,YAAY,GAAG;GACtD,EAAE;EACJ,EACD,MACA,EACD;;AAGH,SAAS,EAAa,GAAkB,GAAc,GAAoB;CACxE,IAAM,IAAO,IAAI,KAAK,CAAC,EAAK,EAAE,EAAE,MAAM,GAAM,CAAC,EACvC,IAAM,IAAI,gBAAgB,EAAK,EAC/B,IAAI,SAAS,cAAc,IAAI;AAMrC,CALA,EAAE,OAAO,GACT,EAAE,WAAW,GACb,SAAS,KAAK,YAAY,EAAE,EAC5B,EAAE,OAAO,EACT,SAAS,KAAK,YAAY,EAAE,EAC5B,IAAI,gBAAgB,EAAI;;AAG1B,SAAgB,EAAmB,EAAE,YAAS,gBAAoB;CAIhE,IAAM,EAAE,SAAM,YAAS,UAAO,eAAY,EAAiC;EACzE,WAAW;GAAE;GAAS,OAAO;GAAK;EAClC,cAAc;EACd,aAAa;EACd,CAAC,EACI,CAAC,GAAQ,KAAa,EAAmC,OAAO,EAEhE,IAAqB,SACb,GAAM,qCAAqC,EAAE,EAC9C,KAAK,OAAuI;EACrJ,IAAI,EAAE;EACN,WAAW,EAAE;EACb,UAAU,EAAE;EACZ,MAAM,EAAE;EACR,OAAO,EAAE;EACT,SAAS,EAAE;EACX,aAAa,EAAE,eAAe;EAC/B,EAAE,EACF,CAAC,EAAK,CAAC,EAEJ,IAAa,EACjB,OAAO,MAA0B;EAC/B,IAAM,IAAO,MAAS,SAAS,EAAa,EAAO,GAAG,EAAa,GAAQ,GAAS,EAAU;AAC9F,MAAI;AAGF,GAFA,MAAM,UAAU,UAAU,UAAU,EAAK,EACzC,EAAU,EAAK,EACf,iBAAiB,EAAU,OAAO,EAAE,KAAK;UACnC;AAEN,KAAa,SAAS,EAAQ,kBAAkB,MAAS,SAAS,QAAQ,UAAU,MAAS,SAAS,eAAe,oBAAoB,EAAK;;IAGlJ;EAAC;EAAQ;EAAS;EAAU,CAC7B,EAEK,IAAiB,GACpB,MAA0B;EACzB,IAAM,IAAO,MAAS,SAAS,EAAa,EAAO,GAAG,EAAa,GAAQ,GAAS,EAAU,EACxF,qBAAQ,IAAI,MAAM,EAAC,aAAa,CAAC,QAAQ,SAAS,IAAI;AAC5D,IACE,SAAS,KAAa,EAAQ,kBAAkB,EAAM,GAAG,MAAS,SAAS,QAAQ,UACnF,MAAS,SAAS,eAAe,oBACjC,EACD;IAEH;EAAC;EAAQ;EAAS;EAAU,CAC7B;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;KAAmB,CAAA,EAC3E,kBAAC,KAAD;KAAG,WAAU;eACV,KAAW,EAAO,WAAW,IAC1B,aACA,GAAG,EAAO,OAAO,QAAQ,EAAO,WAAW,IAAI,KAAK,IAAI;KAC1D,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,GAAS;OACxB,WAAU;iBACX;OAEQ,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAW,OAAO;OACjC,WAAU;iBAET,MAAW,SAAS,YAAY;OAC1B,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAW,OAAO;OACjC,WAAU;iBAET,MAAW,SAAS,YAAY;OAC1B,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAe,OAAO;OACrC,WAAU;iBACX;OAEQ,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAe,OAAO;OACrC,WAAU;iBACX;OAEQ,CAAA;MACL;OACF;;GAEL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CAAqF,2BAC3D,EAAM,QAC1B;;GAGR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAO,WAAW,KAAK,CAAC,KACvB,kBAAC,OAAD;KAAK,WAAU;eAAf;MAAyD;MAEvD,kBAAC,MAAD,EAAM,CAAA;;MAEF;QAER,kBAAC,MAAD;KAAI,WAAU;eACX,EAAO,KAAK,MAAM;MACjB,IAAM,IAAa,EAAY,EAAE,UAAU,EAAY,MACjD,IAAU,EAAS,EAAE,UAAU,EAAS,MACxC,WAAiB;AACrB,WAAI,CAAC,EAAE,YAAa,QAAO;AAC3B,WAAI;AACF,eAAO,KAAK,UAAU,KAAK,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE;eACnD;AACN,eAAO,EAAE;;UAET;AACJ,aACE,kBAAC,MAAD;OAEE,WAAU;iBAEV,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAW,uDAAuD,EAAQ,GAAG,EAAW;mBAC1F,EAAE;SACC,CAAA,EACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,QAAD,EAAA,UAAA,CAAM,KAAE,EAAE,SAAgB,EAAA,CAAA;YAC1B,kBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;YACd,kBAAC,QAAD,EAAA,UAAO,EAAgB,EAAE,UAAU,EAAQ,CAAA;YAC3C,kBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;YACd,kBAAC,QAAD;aAAM,WAAU;uBAA+B,EAAE;aAAY,CAAA;YACzD;;UACN,kBAAC,OAAD;WAAK,WAAU;qBAA4C,EAAE;WAAc,CAAA;UAC1E,KACC,kBAAC,WAAD;WAAS,WAAU;qBAAnB,CACE,kBAAC,WAAD;YAAS,WAAU;sBAA6D;YAEtE,CAAA,EACV,kBAAC,OAAD;YAAK,WAAU;sBACZ;YACG,CAAA,CACE;;UAER;WACF;;OACH,EA5BE,EAAE,GA4BJ;OAEP;KACC,CAAA,CACD;;GACF"}

package/dist/components/logs/LogViewer.js

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