@64mb/freelens-power 1.6.0 → 2.0.0

package/out/renderer/power-log-json.js

@@ -1,26 +1,145 @@
+const require__global_external_react = require("./_virtual/_global-external_react.js");
 const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
+const require_power_log_json_fields = require("./power-log-json-fields.js");
+let electron = require("electron");
 //#region src/renderer/power-log-json.tsx
-function LogJson({ text }) {
-	const tokens = [];
-	const pattern = /"(?:\\.|[^"\\])*"(?:\s*:)?|\b(?:true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;
-	let cursor = 0;
-	for (const match of text.matchAll(pattern)) {
-		const start = match.index;
-		tokens.push(text.slice(cursor, start));
-		const value = match[0];
-		const key = value.startsWith("\"") && value.endsWith(":");
-		const kind = key ? "key" : value.startsWith("\"") ? "string" : /^(true|false|null)$/.test(value) ? "literal" : "number";
-		tokens.push(/* @__PURE__ */ require_jsx_runtime.jsx("span", {
-			"data-token": kind,
-			children: key ? value.slice(0, -1) : value
-		}, start));
-		if (key) tokens.push(":");
-		cursor = start + value.length;
-	}
-	tokens.push(text.slice(cursor));
-	return /* @__PURE__ */ require_jsx_runtime.jsx("pre", {
+function LogJson({ text, fieldText, fieldsEnabled = true, Icon, onFilter }) {
+	const identity = fieldText ?? text;
+	const interactive = fieldsEnabled && Boolean(Icon || onFilter);
+	const fields = require__global_external_react.useMemo(() => interactive ? require_power_log_json_fields.jsonFields(identity) : /* @__PURE__ */ new Map(), [identity, interactive]);
+	const [active, setActive] = require__global_external_react.useState();
+	const [feedback, setFeedback] = require__global_external_react.useState("");
+	const selected = fieldsEnabled && active?.text === identity ? active : void 0;
+	const pre = /* @__PURE__ */ require_jsx_runtime.jsx("pre", {
 		className: "power-log-json",
-		children: tokens
+		children: require__global_external_react.useMemo(() => {
+			const tokens = [];
+			const pattern = /"(?:\\.|[^"\\])*"(?:\s*:)?|\b(?:true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|[\[{]/g;
+			let cursor = 0;
+			let count = 0;
+			for (const match of text.matchAll(pattern)) {
+				if (++count > 2e4) break;
+				const start = match.index;
+				tokens.push(text.slice(cursor, start));
+				const value = match[0];
+				const key = value.startsWith("\"") && value.endsWith(":");
+				const kind = key ? "key" : value.startsWith("\"") ? "string" : /^(true|false|null)$/.test(value) ? "literal" : /^[\[{]$/.test(value) ? void 0 : "number";
+				const field = fields.get(start);
+				const activate = (element) => {
+					if (!field) return;
+					const rect = element.getBoundingClientRect();
+					setActive({
+						field,
+						text: identity,
+						x: Math.max(4, Math.min(rect.left, window.innerWidth - 250)),
+						y: Math.max(4, Math.min(rect.bottom, window.innerHeight - 40))
+					});
+					setFeedback("");
+				};
+				tokens.push(/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					"data-token": kind,
+					tabIndex: field ? 0 : void 0,
+					onMouseEnter: field ? (event) => activate(event.currentTarget) : void 0,
+					onFocus: field ? (event) => activate(event.currentTarget) : void 0,
+					onKeyDown: field ? (event) => {
+						if (event.key === "Enter" || event.key === " ") {
+							event.preventDefault();
+							event.stopPropagation();
+							event.currentTarget.closest(".power-log-json-fields")?.querySelector("[role=\"toolbar\"] button")?.focus();
+						}
+					} : void 0,
+					children: key ? value.slice(0, -1) : value
+				}, start));
+				if (key) tokens.push(":");
+				cursor = start + value.length;
+			}
+			tokens.push(text.slice(cursor));
+			return tokens;
+		}, [
+			text,
+			fields,
+			identity
+		])
+	});
+	if (!Icon && !onFilter) return pre;
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		className: "power-log-json-fields",
+		onMouseLeave: () => setActive(void 0),
+		onBlur: (event) => {
+			if (!event.currentTarget.contains(event.relatedTarget)) setActive(void 0);
+		},
+		onKeyDown: (event) => {
+			if (event.key === "Escape") {
+				event.stopPropagation();
+				setActive(void 0);
+			}
+		},
+		children: [pre, selected && /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+			role: "toolbar",
+			"aria-label": "JSON field actions",
+			style: {
+				position: "fixed",
+				left: selected.x,
+				top: selected.y,
+				zIndex: 1e3,
+				display: "flex",
+				gap: 4,
+				padding: 4,
+				background: "var(--mainBackground, #252525)",
+				border: "1px solid var(--borderColor, #666)",
+				borderRadius: 4
+			},
+			onClick: (event) => event.stopPropagation(),
+			onKeyDown: (event) => {
+				event.stopPropagation();
+				if (event.key === "Escape") setActive(void 0);
+			},
+			children: [
+				/* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					type: "button",
+					title: "Copy value",
+					"aria-label": "Copy value",
+					onClick: () => {
+						try {
+							const value = selected.field.value;
+							electron.clipboard.writeText(typeof value === "string" ? value : require_power_log_json_fields.jsonFieldLiteral(identity, selected.field));
+							setFeedback("Copied");
+						} catch {
+							setFeedback("Copy failed");
+						}
+					},
+					children: Icon ? /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: "content_copy",
+						size: 14
+					}) : "⧉"
+				}),
+				onFilter && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					type: "button",
+					title: "Include value",
+					"aria-label": "Include value",
+					onClick: () => onFilter({
+						path: selected.field.path,
+						value: selected.field.value,
+						operator: "eq"
+					}),
+					children: "="
+				}), /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					type: "button",
+					title: "Exclude value",
+					"aria-label": "Exclude value",
+					onClick: () => onFilter({
+						path: selected.field.path,
+						value: selected.field.value,
+						operator: "neq"
+					}),
+					children: "!="
+				})] }),
+				feedback && /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					role: "status",
+					children: feedback
+				})
+			]
+		})]
 	});
 }
 //#endregion

package/out/renderer/power-log-json.js.map

@@ -1 +1 @@
-{"version":3,"file":"power-log-json.js","names":[],"sources":["../../src/renderer/power-log-json.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function LogJson({ text }: { text: string }) {\n  const tokens: ReactNode[] = [];\n  const pattern = /\"(?:\\\\.|[^\"\\\\])*\"(?:\\s*:)?|\\b(?:true|false|null)\\b|-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g;\n  let cursor = 0;\n  for (const match of text.matchAll(pattern)) {\n    const start = match.index!;\n    tokens.push(text.slice(cursor, start));\n    const value = match[0];\n    const key = value.startsWith('\"') && value.endsWith(\":\");\n    const kind = key\n      ? \"key\"\n      : value.startsWith('\"')\n        ? \"string\"\n        : /^(true|false|null)$/.test(value)\n          ? \"literal\"\n          : \"number\";\n    tokens.push(\n      <span key={start} data-token={kind}>\n        {key ? value.slice(0, -1) : value}\n      </span>,\n    );\n    if (key) tokens.push(\":\");\n    cursor = start + value.length;\n  }\n  tokens.push(text.slice(cursor));\n  return <pre className=\"power-log-json\">{tokens}</pre>;\n}\n"],"mappings":";;AAEA,SAAgB,QAAQ,EAAE,QAA0B;CAClD,MAAM,SAAsB,CAAC;CAC7B,MAAM,UAAU;CAChB,IAAI,SAAS;CACb,KAAK,MAAM,SAAS,KAAK,SAAS,OAAO,GAAG;EAC1C,MAAM,QAAQ,MAAM;EACpB,OAAO,KAAK,KAAK,MAAM,QAAQ,KAAK,CAAC;EACrC,MAAM,QAAQ,MAAM;EACpB,MAAM,MAAM,MAAM,WAAW,IAAG,KAAK,MAAM,SAAS,GAAG;EACvD,MAAM,OAAO,MACT,QACA,MAAM,WAAW,IAAG,IAClB,WACA,sBAAsB,KAAK,KAAK,IAC9B,YACA;EACR,OAAO,KACL,oCAAA,IAAC,QAAD;GAAkB,cAAY;aAC3B,MAAM,MAAM,MAAM,GAAG,EAAE,IAAI;EACxB,GAFK,KAEL,CACR;EACA,IAAI,KAAK,OAAO,KAAK,GAAG;EACxB,SAAS,QAAQ,MAAM;CACzB;CACA,OAAO,KAAK,KAAK,MAAM,MAAM,CAAC;CAC9B,OAAO,oCAAA,IAAC,OAAD;EAAK,WAAU;YAAkB;CAAY,CAAA;AACtD"}
+{"version":3,"file":"power-log-json.js","names":[],"sources":["../../src/renderer/power-log-json.tsx"],"sourcesContent":["import { clipboard } from \"electron\";\nimport { type ComponentType, type ReactNode, useMemo, useState } from \"react\";\nimport { type JsonField, jsonFieldLiteral, jsonFields, maxJsonTokens } from \"./power-log-json-fields\";\n\nimport type { JsonFieldFilter } from \"../common/power-log-field-filters\";\n\nexport interface LogJsonProps {\n  text: string;\n  fieldText?: string;\n  fieldsEnabled?: boolean;\n  Icon?: ComponentType<{ material: string; size?: number }>;\n  onFilter?: (filter: JsonFieldFilter) => void;\n}\n\nexport function LogJson({ text, fieldText, fieldsEnabled = true, Icon, onFilter }: LogJsonProps) {\n  const identity = fieldText ?? text;\n  const interactive = fieldsEnabled && Boolean(Icon || onFilter);\n  const fields = useMemo(\n    () => (interactive ? jsonFields(identity) : new Map<number, JsonField>()),\n    [identity, interactive],\n  );\n  const [active, setActive] = useState<{ field: JsonField; text: string; x: number; y: number }>();\n  const [feedback, setFeedback] = useState(\"\");\n  const selected = fieldsEnabled && active?.text === identity ? active : undefined;\n  const tokens = useMemo(() => {\n    const tokens: ReactNode[] = [];\n    const pattern = /\"(?:\\\\.|[^\"\\\\])*\"(?:\\s*:)?|\\b(?:true|false|null)\\b|-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?|[\\[{]/g;\n    let cursor = 0;\n    let count = 0;\n    for (const match of text.matchAll(pattern)) {\n      if (++count > maxJsonTokens) break;\n      const start = match.index!;\n      tokens.push(text.slice(cursor, start));\n      const value = match[0];\n      const key = value.startsWith('\"') && value.endsWith(\":\");\n      const kind = key\n        ? \"key\"\n        : value.startsWith('\"')\n          ? \"string\"\n          : /^(true|false|null)$/.test(value)\n            ? \"literal\"\n            : /^[\\[{]$/.test(value)\n              ? undefined\n              : \"number\";\n      const field = fields.get(start);\n      const activate = (element: HTMLElement) => {\n        if (!field) return;\n        const rect = element.getBoundingClientRect();\n        setActive({\n          field,\n          text: identity,\n          x: Math.max(4, Math.min(rect.left, window.innerWidth - 250)),\n          y: Math.max(4, Math.min(rect.bottom, window.innerHeight - 40)),\n        });\n        setFeedback(\"\");\n      };\n      tokens.push(\n        <span\n          key={start}\n          data-token={kind}\n          tabIndex={field ? 0 : undefined}\n          onMouseEnter={field ? (event) => activate(event.currentTarget) : undefined}\n          onFocus={field ? (event) => activate(event.currentTarget) : undefined}\n          onKeyDown={\n            field\n              ? (event) => {\n                  if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    event.currentTarget\n                      .closest(\".power-log-json-fields\")\n                      ?.querySelector<HTMLButtonElement>('[role=\"toolbar\"] button')\n                      ?.focus();\n                  }\n                }\n              : undefined\n          }\n        >\n          {key ? value.slice(0, -1) : value}\n        </span>,\n      );\n      if (key) tokens.push(\":\");\n      cursor = start + value.length;\n    }\n    tokens.push(text.slice(cursor));\n    return tokens;\n  }, [text, fields, identity]);\n  const pre = <pre className=\"power-log-json\">{tokens}</pre>;\n  if (!Icon && !onFilter) return pre;\n  return (\n    <div\n      className=\"power-log-json-fields\"\n      onMouseLeave={() => setActive(undefined)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node)) setActive(undefined);\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.stopPropagation();\n          setActive(undefined);\n        }\n      }}\n    >\n      {pre}\n      {selected && (\n        <div\n          role=\"toolbar\"\n          aria-label=\"JSON field actions\"\n          style={{\n            position: \"fixed\",\n            left: selected.x,\n            top: selected.y,\n            zIndex: 1000,\n            display: \"flex\",\n            gap: 4,\n            padding: 4,\n            background: \"var(--mainBackground, #252525)\",\n            border: \"1px solid var(--borderColor, #666)\",\n            borderRadius: 4,\n          }}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => {\n            event.stopPropagation();\n            if (event.key === \"Escape\") setActive(undefined);\n          }}\n        >\n          <button\n            type=\"button\"\n            title=\"Copy value\"\n            aria-label=\"Copy value\"\n            onClick={() => {\n              try {\n                const value = selected.field.value;\n                clipboard.writeText(typeof value === \"string\" ? value : jsonFieldLiteral(identity, selected.field));\n                setFeedback(\"Copied\");\n              } catch {\n                setFeedback(\"Copy failed\");\n              }\n            }}\n          >\n            {Icon ? <Icon material=\"content_copy\" size={14} /> : \"⧉\"}\n          </button>\n          {onFilter && (\n            <>\n              <button\n                type=\"button\"\n                title=\"Include value\"\n                aria-label=\"Include value\"\n                onClick={() => onFilter({ path: selected.field.path, value: selected.field.value, operator: \"eq\" })}\n              >\n                =\n              </button>\n              <button\n                type=\"button\"\n                title=\"Exclude value\"\n                aria-label=\"Exclude value\"\n                onClick={() => onFilter({ path: selected.field.path, value: selected.field.value, operator: \"neq\" })}\n              >\n                !=\n              </button>\n            </>\n          )}\n          {feedback && <span role=\"status\">{feedback}</span>}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,QAAQ,EAAE,MAAM,WAAW,gBAAgB,MAAM,MAAM,YAA0B;CAC/F,MAAM,WAAW,aAAa;CAC9B,MAAM,cAAc,iBAAiB,QAAQ,QAAQ,QAAQ;CAC7D,MAAM,SAAS,+BAAA,cACN,cAAc,8BAAA,WAAW,QAAQ,oBAAI,IAAI,IAAuB,GACvE,CAAC,UAAU,WAAW,CACxB;CACA,MAAM,CAAC,QAAQ,aAAa,+BAAA,SAAmE;CAC/F,MAAM,CAAC,UAAU,eAAe,+BAAA,SAAS,EAAE;CAC3C,MAAM,WAAW,iBAAiB,QAAQ,SAAS,WAAW,SAAS,KAAA;CAgEvE,MAAM,MAAM,oCAAA,IAAC,OAAD;EAAK,WAAU;YA/DZ,+BAAA,cAAc;GAC3B,MAAM,SAAsB,CAAC;GAC7B,MAAM,UAAU;GAChB,IAAI,SAAS;GACb,IAAI,QAAQ;GACZ,KAAK,MAAM,SAAS,KAAK,SAAS,OAAO,GAAG;IAC1C,IAAI,EAAE,QAAA,KAAuB;IAC7B,MAAM,QAAQ,MAAM;IACpB,OAAO,KAAK,KAAK,MAAM,QAAQ,KAAK,CAAC;IACrC,MAAM,QAAQ,MAAM;IACpB,MAAM,MAAM,MAAM,WAAW,IAAG,KAAK,MAAM,SAAS,GAAG;IACvD,MAAM,OAAO,MACT,QACA,MAAM,WAAW,IAAG,IAClB,WACA,sBAAsB,KAAK,KAAK,IAC9B,YACA,UAAU,KAAK,KAAK,IAClB,KAAA,IACA;IACV,MAAM,QAAQ,OAAO,IAAI,KAAK;IAC9B,MAAM,YAAY,YAAyB;KACzC,IAAI,CAAC,OAAO;KACZ,MAAM,OAAO,QAAQ,sBAAsB;KAC3C,UAAU;MACR;MACA,MAAM;MACN,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,MAAM,OAAO,aAAa,GAAG,CAAC;MAC3D,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,QAAQ,OAAO,cAAc,EAAE,CAAC;KAC/D,CAAC;KACD,YAAY,EAAE;IAChB;IACA,OAAO,KACL,oCAAA,IAAC,QAAD;KAEE,cAAY;KACZ,UAAU,QAAQ,IAAI,KAAA;KACtB,cAAc,SAAS,UAAU,SAAS,MAAM,aAAa,IAAI,KAAA;KACjE,SAAS,SAAS,UAAU,SAAS,MAAM,aAAa,IAAI,KAAA;KAC5D,WACE,SACK,UAAU;MACT,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;OAC9C,MAAM,eAAe;OACrB,MAAM,gBAAgB;OACtB,MAAM,cACH,QAAQ,wBAAwB,CAAC,EAChC,cAAiC,2BAAyB,CAAC,EAC3D,MAAM;MACZ;KACF,IACA,KAAA;eAGL,MAAM,MAAM,MAAM,GAAG,EAAE,IAAI;IACxB,GArBC,KAqBD,CACR;IACA,IAAI,KAAK,OAAO,KAAK,GAAG;IACxB,SAAS,QAAQ,MAAM;GACzB;GACA,OAAO,KAAK,KAAK,MAAM,MAAM,CAAC;GAC9B,OAAO;EACT,GAAG;GAAC;GAAM;GAAQ;EAAQ,CACmB;CAAY,CAAA;CACzD,IAAI,CAAC,QAAQ,CAAC,UAAU,OAAO;CAC/B,OACE,oCAAA,KAAC,OAAD;EACE,WAAU;EACV,oBAAoB,UAAU,KAAA,CAAS;EACvC,SAAS,UAAU;GACjB,IAAI,CAAC,MAAM,cAAc,SAAS,MAAM,aAAqB,GAAG,UAAU,KAAA,CAAS;EACrF;EACA,YAAY,UAAU;GACpB,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,gBAAgB;IACtB,UAAU,KAAA,CAAS;GACrB;EACF;YAXF,CAaG,KACA,YACC,oCAAA,KAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,OAAO;IACL,UAAU;IACV,MAAM,SAAS;IACf,KAAK,SAAS;IACd,QAAQ;IACR,SAAS;IACT,KAAK;IACL,SAAS;IACT,YAAY;IACZ,QAAQ;IACR,cAAc;GAChB;GACA,UAAU,UAAU,MAAM,gBAAgB;GAC1C,YAAY,UAAU;IACpB,MAAM,gBAAgB;IACtB,IAAI,MAAM,QAAQ,UAAU,UAAU,KAAA,CAAS;GACjD;aAnBF;IAqBE,oCAAA,IAAC,UAAD;KACE,MAAK;KACL,OAAM;KACN,cAAW;KACX,eAAe;MACb,IAAI;OACF,MAAM,QAAQ,SAAS,MAAM;OAC7B,SAAA,UAAU,UAAU,OAAO,UAAU,WAAW,QAAQ,8BAAA,iBAAiB,UAAU,SAAS,KAAK,CAAC;OAClG,YAAY,QAAQ;MACtB,QAAQ;OACN,YAAY,aAAa;MAC3B;KACF;eAEC,OAAO,oCAAA,IAAC,MAAD;MAAM,UAAS;MAAe,MAAM;KAAK,CAAA,IAAI;IAC/C,CAAA;IACP,YACC,oCAAA,KAAA,oBAAA,UAAA,EAAA,UAAA,CACE,oCAAA,IAAC,UAAD;KACE,MAAK;KACL,OAAM;KACN,cAAW;KACX,eAAe,SAAS;MAAE,MAAM,SAAS,MAAM;MAAM,OAAO,SAAS,MAAM;MAAO,UAAU;KAAK,CAAC;eACnG;IAEO,CAAA,GACR,oCAAA,IAAC,UAAD;KACE,MAAK;KACL,OAAM;KACN,cAAW;KACX,eAAe,SAAS;MAAE,MAAM,SAAS,MAAM;MAAM,OAAO,SAAS,MAAM;MAAO,UAAU;KAAM,CAAC;eACpG;IAEO,CAAA,CACR,EAAA,CAAA;IAEH,YAAY,oCAAA,IAAC,QAAD;KAAM,MAAK;eAAU;IAAe,CAAA;GAC9C;IAEJ;;AAET"}

package/out/renderer/power-log-message-tokens.js

@@ -0,0 +1,60 @@
+let node_net = require("node:net");
+//#region src/renderer/power-log-message-tokens.ts
+var identifier = /[\p{L}\p{N}_]/u;
+var candidate = /(?<![\p{L}\p{N}_.])(?:https?:\/\/[^\s<>"']+|(?:trace_id|traceId|span_id|spanId|traceparent|ip|client_ip|remote_addr|clientIp|remoteAddr|http_status|status_code|statusCode|http\.status_code|http\.response\.status_code)["']?\s*[:=]\s*["']?[^\s,"'<>]+|HTTP\/\d(?:\.\d)?\s+\d+|\[[\da-fA-F:.]+\]:\d+|\d{1,3}(?:\.\d{1,3}){3}:\d{1,5}|[\da-fA-F]{8}-[\da-fA-F]{4}-[\da-fA-F]{4}-[\da-fA-F]{4}-[\da-fA-F]{12}|(?:GET|HEAD|POST|PUT|PATCH|DELETE|OPTIONS|CONNECT|TRACE)|\d+(?:\.\d+)?(?:ns|us|µs|μs|ms|s))/gu;
+function validAddress(value) {
+	const socket = /^(?:\[([^\]]+)\]|(\d+(?:\.\d+){3})):(\d+)$/.exec(value);
+	return socket ? (0, node_net.isIP)(socket[1] ?? socket[2]) === (socket[1] ? 6 : 4) && Number(socket[3]) <= 65535 : (0, node_net.isIP)(value) !== 0;
+}
+function messageTokens(text) {
+	const tokens = [];
+	const limit = Math.min(text.length, 65536);
+	const input = text.slice(0, limit);
+	for (const match of input.matchAll(candidate)) {
+		let value = match[0];
+		let start = match.index;
+		const end = start + value.length;
+		if (identifier.test(text[start - 1] ?? "") || identifier.test(text[end] ?? "")) continue;
+		let kind;
+		if (value.startsWith("http://") || value.startsWith("https://")) {
+			if (value.length <= 4096 && !/[.,;!?)]$/.test(value)) try {
+				if (new URL(value).hostname) kind = "url";
+			} catch {}
+		} else {
+			const label = /^(.*?)['"]?\s*[:=]\s*['"]?(.*)$/.exec(value);
+			if (label && !value.startsWith("[") && !/^\d/.test(value)) {
+				const name = label[1].replace(/["']$/, "");
+				value = label[2];
+				start = end - value.length;
+				if (/^(trace_id|traceId|span_id|spanId)$/.test(name)) {
+					const size = name.startsWith("span") ? 16 : 32;
+					if (new RegExp(`^[a-fA-F0-9]{${size}}$`).test(value) && /[1-9a-f]/i.test(value)) kind = "trace-id";
+				} else if (name === "traceparent") {
+					const trace = /^00-([\da-f]{32})-([\da-f]{16})-[\da-f]{2}$/.exec(value);
+					if (trace && /[1-9a-f]/.test(trace[1]) && /[1-9a-f]/.test(trace[2])) kind = "trace-id";
+				} else if (/^(ip|client_ip|remote_addr|clientIp|remoteAddr)$/.test(name)) {
+					if (validAddress(value)) kind = "address";
+				} else if (/^[1-5]\d{2}$/.test(value)) kind = "http-status";
+			} else if (value.startsWith("HTTP/")) {
+				value = /\d+$/.exec(value)[0];
+				start = end - value.length;
+				if (/^[1-5]\d{2}$/.test(value)) kind = "http-status";
+			} else if (validAddress(value)) kind = "address";
+			else if (/^[\da-fA-F]{8}-/.test(value)) kind = "uuid";
+			else if (/^[A-Z]+$/.test(value)) kind = "http-method";
+			else if (/^\d+(?:\.\d+)?(?:ns|us|µs|μs|ms|s)$/.test(value) && Number.parseFloat(value) > 0 && !/[.\-+]/.test(text[start - 1] ?? "")) kind = "duration";
+		}
+		if (kind) tokens.push({
+			start,
+			end,
+			kind,
+			...kind === "http-status" ? { statusClass: value[0] } : {}
+		});
+		if (tokens.length === 80) break;
+	}
+	return tokens;
+}
+//#endregion
+exports.messageTokens = messageTokens;
+
+//# sourceMappingURL=power-log-message-tokens.js.map

package/out/renderer/power-log-message-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"power-log-message-tokens.js","names":[],"sources":["../../src/renderer/power-log-message-tokens.ts"],"sourcesContent":["import { isIP } from \"node:net\";\n\nexport interface LogMessageToken {\n  start: number;\n  end: number;\n  kind: \"http-method\" | \"uuid\" | \"url\" | \"trace-id\" | \"address\" | \"http-status\" | \"duration\";\n  statusClass?: string;\n}\n\nconst identifier = /[\\p{L}\\p{N}_]/u;\nconst candidate =\n  /(?<![\\p{L}\\p{N}_.])(?:https?:\\/\\/[^\\s<>\"']+|(?:trace_id|traceId|span_id|spanId|traceparent|ip|client_ip|remote_addr|clientIp|remoteAddr|http_status|status_code|statusCode|http\\.status_code|http\\.response\\.status_code)[\"']?\\s*[:=]\\s*[\"']?[^\\s,\"'<>]+|HTTP\\/\\d(?:\\.\\d)?\\s+\\d+|\\[[\\da-fA-F:.]+\\]:\\d+|\\d{1,3}(?:\\.\\d{1,3}){3}:\\d{1,5}|[\\da-fA-F]{8}-[\\da-fA-F]{4}-[\\da-fA-F]{4}-[\\da-fA-F]{4}-[\\da-fA-F]{12}|(?:GET|HEAD|POST|PUT|PATCH|DELETE|OPTIONS|CONNECT|TRACE)|\\d+(?:\\.\\d+)?(?:ns|us|µs|μs|ms|s))/gu;\n\nfunction validAddress(value: string): boolean {\n  const socket = /^(?:\\[([^\\]]+)\\]|(\\d+(?:\\.\\d+){3})):(\\d+)$/.exec(value);\n  return socket\n    ? isIP(socket[1] ?? socket[2]) === (socket[1] ? 6 : 4) && Number(socket[3]) <= 65535\n    : isIP(value) !== 0;\n}\n\nexport function messageTokens(text: string): LogMessageToken[] {\n  const tokens: LogMessageToken[] = [];\n  // cap scanning as well as output nodes for oversized records\n  const limit = Math.min(text.length, 65536);\n  const input = text.slice(0, limit);\n  for (const match of input.matchAll(candidate)) {\n    let value = match[0];\n    let start = match.index!;\n    const end = start + value.length;\n    if (identifier.test(text[start - 1] ?? \"\") || identifier.test(text[end] ?? \"\")) continue;\n    let kind: LogMessageToken[\"kind\"] | undefined;\n    if (value.startsWith(\"http://\") || value.startsWith(\"https://\")) {\n      // URLs remain opaque even when validation fails\n      if (value.length <= 4096 && !/[.,;!?)]$/.test(value)) {\n        try {\n          const url = new URL(value);\n          if (url.hostname) kind = \"url\";\n        } catch {\n          /* invalid URLs stay plain */\n        }\n      }\n    } else {\n      const label = /^(.*?)['\"]?\\s*[:=]\\s*['\"]?(.*)$/.exec(value);\n      if (label && !value.startsWith(\"[\") && !/^\\d/.test(value)) {\n        const name = label[1].replace(/[\"']$/, \"\");\n        value = label[2];\n        start = end - value.length;\n        if (/^(trace_id|traceId|span_id|spanId)$/.test(name)) {\n          const size = name.startsWith(\"span\") ? 16 : 32;\n          if (new RegExp(`^[a-fA-F0-9]{${size}}$`).test(value) && /[1-9a-f]/i.test(value)) kind = \"trace-id\";\n        } else if (name === \"traceparent\") {\n          // version [00] follows W3C Trace Context's lowercase and nonzero ID rules\n          const trace = /^00-([\\da-f]{32})-([\\da-f]{16})-[\\da-f]{2}$/.exec(value);\n          if (trace && /[1-9a-f]/.test(trace[1]) && /[1-9a-f]/.test(trace[2])) kind = \"trace-id\";\n        } else if (/^(ip|client_ip|remote_addr|clientIp|remoteAddr)$/.test(name)) {\n          if (validAddress(value)) kind = \"address\";\n        } else if (/^[1-5]\\d{2}$/.test(value)) kind = \"http-status\";\n      } else if (value.startsWith(\"HTTP/\")) {\n        value = /\\d+$/.exec(value)![0];\n        start = end - value.length;\n        if (/^[1-5]\\d{2}$/.test(value)) kind = \"http-status\";\n      } else if (validAddress(value)) kind = \"address\";\n      else if (/^[\\da-fA-F]{8}-/.test(value)) kind = \"uuid\";\n      else if (/^[A-Z]+$/.test(value)) kind = \"http-method\";\n      else if (\n        /^\\d+(?:\\.\\d+)?(?:ns|us|µs|μs|ms|s)$/.test(value) &&\n        Number.parseFloat(value) > 0 &&\n        !/[.\\-+]/.test(text[start - 1] ?? \"\")\n      )\n        kind = \"duration\";\n    }\n    if (kind) tokens.push({ start, end, kind, ...(kind === \"http-status\" ? { statusClass: value[0] } : {}) });\n    if (tokens.length === 80) break;\n  }\n  return tokens;\n}\n"],"mappings":";;AASA,IAAM,aAAa;AACnB,IAAM,YACJ;AAEF,SAAS,aAAa,OAAwB;CAC5C,MAAM,SAAS,6CAA6C,KAAK,KAAK;CACtE,OAAO,UAAA,GAAA,SAAA,KAAA,CACE,OAAO,MAAM,OAAO,EAAE,OAAO,OAAO,KAAK,IAAI,MAAM,OAAO,OAAO,EAAE,KAAK,SAAA,GAAA,SAAA,KAAA,CACxE,KAAK,MAAM;AACtB;AAEA,SAAgB,cAAc,MAAiC;CAC7D,MAAM,SAA4B,CAAC;CAEnC,MAAM,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK;CACzC,MAAM,QAAQ,KAAK,MAAM,GAAG,KAAK;CACjC,KAAK,MAAM,SAAS,MAAM,SAAS,SAAS,GAAG;EAC7C,IAAI,QAAQ,MAAM;EAClB,IAAI,QAAQ,MAAM;EAClB,MAAM,MAAM,QAAQ,MAAM;EAC1B,IAAI,WAAW,KAAK,KAAK,QAAQ,MAAM,EAAE,KAAK,WAAW,KAAK,KAAK,QAAQ,EAAE,GAAG;EAChF,IAAI;EACJ,IAAI,MAAM,WAAW,SAAS,KAAK,MAAM,WAAW,UAAU;OAExD,MAAM,UAAU,QAAQ,CAAC,YAAY,KAAK,KAAK,GACjD,IAAI;IAEF,IAAI,IADY,IAAI,KAChB,CAAA,CAAI,UAAU,OAAO;GAC3B,QAAQ,CAER;SAEG;GACL,MAAM,QAAQ,kCAAkC,KAAK,KAAK;GAC1D,IAAI,SAAS,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,GAAG;IACzD,MAAM,OAAO,MAAM,EAAE,CAAC,QAAQ,SAAS,EAAE;IACzC,QAAQ,MAAM;IACd,QAAQ,MAAM,MAAM;IACpB,IAAI,sCAAsC,KAAK,IAAI,GAAG;KACpD,MAAM,OAAO,KAAK,WAAW,MAAM,IAAI,KAAK;KAC5C,IAAI,IAAI,OAAO,gBAAgB,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,YAAY,KAAK,KAAK,GAAG,OAAO;IAC1F,OAAO,IAAI,SAAS,eAAe;KAEjC,MAAM,QAAQ,8CAA8C,KAAK,KAAK;KACtE,IAAI,SAAS,WAAW,KAAK,MAAM,EAAE,KAAK,WAAW,KAAK,MAAM,EAAE,GAAG,OAAO;IAC9E,OAAO,IAAI,mDAAmD,KAAK,IAAI;SACjE,aAAa,KAAK,GAAG,OAAO;IAAA,OAC3B,IAAI,eAAe,KAAK,KAAK,GAAG,OAAO;GAChD,OAAO,IAAI,MAAM,WAAW,OAAO,GAAG;IACpC,QAAQ,OAAO,KAAK,KAAK,CAAC,CAAE;IAC5B,QAAQ,MAAM,MAAM;IACpB,IAAI,eAAe,KAAK,KAAK,GAAG,OAAO;GACzC,OAAO,IAAI,aAAa,KAAK,GAAG,OAAO;QAClC,IAAI,kBAAkB,KAAK,KAAK,GAAG,OAAO;QAC1C,IAAI,WAAW,KAAK,KAAK,GAAG,OAAO;QACnC,IACH,sCAAsC,KAAK,KAAK,KAChD,OAAO,WAAW,KAAK,IAAI,KAC3B,CAAC,SAAS,KAAK,KAAK,QAAQ,MAAM,EAAE,GAEpC,OAAO;EACX;EACA,IAAI,MAAM,OAAO,KAAK;GAAE;GAAO;GAAK;GAAM,GAAI,SAAS,gBAAgB,EAAE,aAAa,MAAM,GAAG,IAAI,CAAC;EAAG,CAAC;EACxG,IAAI,OAAO,WAAW,IAAI;CAC5B;CACA,OAAO;AACT"}

package/out/renderer/power-log-message.js

@@ -0,0 +1,26 @@
+const require__global_external_react = require("./_virtual/_global-external_react.js");
+const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
+const require_power_log_message_tokens = require("./power-log-message-tokens.js");
+//#region src/renderer/power-log-message.tsx
+var LogMessage = require__global_external_react.memo(function LogMessage({ text }) {
+	const tokens = [];
+	let cursor = 0;
+	for (const token of require_power_log_message_tokens.messageTokens(text)) {
+		tokens.push(text.slice(cursor, token.start));
+		tokens.push(/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+			"data-log-token": token.kind,
+			"data-status-class": token.statusClass,
+			children: text.slice(token.start, token.end)
+		}, token.start));
+		cursor = token.end;
+	}
+	tokens.push(text.slice(cursor));
+	return /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+		className: "power-log-message",
+		children: tokens
+	});
+});
+//#endregion
+exports.LogMessage = LogMessage;
+
+//# sourceMappingURL=power-log-message.js.map

package/out/renderer/power-log-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"power-log-message.js","names":[],"sources":["../../src/renderer/power-log-message.tsx"],"sourcesContent":["import { memo, type ReactNode } from \"react\";\nimport { messageTokens } from \"./power-log-message-tokens\";\n\nexport const LogMessage = memo(function LogMessage({ text }: { text: string }) {\n  const tokens: ReactNode[] = [];\n  let cursor = 0;\n  for (const token of messageTokens(text)) {\n    tokens.push(text.slice(cursor, token.start));\n    tokens.push(\n      <span key={token.start} data-log-token={token.kind} data-status-class={token.statusClass}>\n        {text.slice(token.start, token.end)}\n      </span>,\n    );\n    cursor = token.end;\n  }\n  tokens.push(text.slice(cursor));\n  return <span className=\"power-log-message\">{tokens}</span>;\n});\n"],"mappings":";;;;AAGA,IAAa,aAAa,+BAAA,KAAK,SAAS,WAAW,EAAE,QAA0B;CAC7E,MAAM,SAAsB,CAAC;CAC7B,IAAI,SAAS;CACb,KAAK,MAAM,SAAS,iCAAA,cAAc,IAAI,GAAG;EACvC,OAAO,KAAK,KAAK,MAAM,QAAQ,MAAM,KAAK,CAAC;EAC3C,OAAO,KACL,oCAAA,IAAC,QAAD;GAAwB,kBAAgB,MAAM;GAAM,qBAAmB,MAAM;aAC1E,KAAK,MAAM,MAAM,OAAO,MAAM,GAAG;EAC9B,GAFK,MAAM,KAEX,CACR;EACA,SAAS,MAAM;CACjB;CACA,OAAO,KAAK,KAAK,MAAM,MAAM,CAAC;CAC9B,OAAO,oCAAA,IAAC,QAAD;EAAM,WAAU;YAAqB;CAAa,CAAA;AAC3D,CAAC"}

package/out/renderer/power-logs-sql-row.js

@@ -39,8 +39,8 @@ function sqlRowDetails(columns, row) {
 			podUid: stringCell("podUid"),
 			container: stringCell("container"),
 			level: levels.has(level) ? level : "unknown",
-			message: fieldsJson === null ? JSON.stringify(Object.fromEntries(columns.map((column, index) => [column, row[index] ?? null])), null, 2) : stringCell("message"),
-			fieldsJson,
+			message: fieldsJson === null ? "" : stringCell("message"),
+			fieldsJson: fieldsJson ?? JSON.stringify(Object.fromEntries(columns.map((column, index) => [column, row[index] ?? null]))),
 			previous: previous === true || previous === 1
 		},
 		...jsonColumn === void 0 ? {} : { jsonColumn }

package/out/renderer/power-logs-sql-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"power-logs-sql-row.js","names":[],"sources":["../../src/renderer/power-logs-sql-row.ts"],"sourcesContent":["import type { LogCell, LogLevel, LogRecord } from \"../common/power-logs\";\n\nconst levels = new Set<LogLevel>([\"trace\", \"debug\", \"info\", \"warn\", \"error\", \"fatal\", \"unknown\"]);\n\nexport function sqlRowDetails(columns: string[], row: LogCell[]): { record: LogRecord; jsonColumn?: string } {\n  const cells = new Map(columns.map((column, index) => [column, row[index]]));\n  const stringCell = (name: string) => (typeof cells.get(name) === \"string\" ? (cells.get(name) as string) : \"\");\n  let fieldsJson: string | null = null;\n  let jsonColumn: string | undefined;\n  let largestBytes = -1;\n  const encoder = new TextEncoder();\n  columns.forEach((column, index) => {\n    const value = row[index];\n    if (typeof value !== \"string\") return;\n    try {\n      const parsed: unknown = JSON.parse(value);\n      if (parsed === null || typeof parsed !== \"object\") return;\n      const bytes = encoder.encode(value).byteLength;\n      if (bytes > largestBytes) {\n        largestBytes = bytes;\n        fieldsJson = value;\n        jsonColumn = column;\n      }\n    } catch {\n      // malformed JSON remains available in the row fallback\n    }\n  });\n  const timestamp = cells.get(\"timestamp\");\n  const level = stringCell(\"level\");\n  const previous = cells.get(\"previous\");\n  return {\n    record: {\n      timestamp: typeof timestamp === \"number\" && Number.isFinite(timestamp) ? timestamp : null,\n      pod: stringCell(\"pod\"),\n      podUid: stringCell(\"podUid\"),\n      container: stringCell(\"container\"),\n      level: levels.has(level as LogLevel) ? (level as LogLevel) : \"unknown\",\n      message:\n        fieldsJson === null\n          ? JSON.stringify(Object.fromEntries(columns.map((column, index) => [column, row[index] ?? null])), null, 2)\n          : stringCell(\"message\"),\n      fieldsJson,\n      previous: previous === true || previous === 1,\n    },\n    ...(jsonColumn === undefined ? {} : { jsonColumn }),\n  };\n}\n"],"mappings":";AAEA,IAAM,yBAAS,IAAI,IAAc;CAAC;CAAS;CAAS;CAAQ;CAAQ;CAAS;CAAS;AAAS,CAAC;AAEhG,SAAgB,cAAc,SAAmB,KAA4D;CAC3G,MAAM,QAAQ,IAAI,IAAI,QAAQ,KAAK,QAAQ,UAAU,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC;CAC1E,MAAM,cAAc,SAAkB,OAAO,MAAM,IAAI,IAAI,MAAM,WAAY,MAAM,IAAI,IAAI,IAAe;CAC1G,IAAI,aAA4B;CAChC,IAAI;CACJ,IAAI,eAAe;CACnB,MAAM,UAAU,IAAI,YAAY;CAChC,QAAQ,SAAS,QAAQ,UAAU;EACjC,MAAM,QAAQ,IAAI;EAClB,IAAI,OAAO,UAAU,UAAU;EAC/B,IAAI;GACF,MAAM,SAAkB,KAAK,MAAM,KAAK;GACxC,IAAI,WAAW,QAAQ,OAAO,WAAW,UAAU;GACnD,MAAM,QAAQ,QAAQ,OAAO,KAAK,CAAC,CAAC;GACpC,IAAI,QAAQ,cAAc;IACxB,eAAe;IACf,aAAa;IACb,aAAa;GACf;EACF,QAAQ,CAER;CACF,CAAC;CACD,MAAM,YAAY,MAAM,IAAI,WAAW;CACvC,MAAM,QAAQ,WAAW,OAAO;CAChC,MAAM,WAAW,MAAM,IAAI,UAAU;CACrC,OAAO;EACL,QAAQ;GACN,WAAW,OAAO,cAAc,YAAY,OAAO,SAAS,SAAS,IAAI,YAAY;GACrF,KAAK,WAAW,KAAK;GACrB,QAAQ,WAAW,QAAQ;GAC3B,WAAW,WAAW,WAAW;GACjC,OAAO,OAAO,IAAI,KAAiB,IAAK,QAAqB;GAC7D,SACE,eAAe,OACX,KAAK,UAAU,OAAO,YAAY,QAAQ,KAAK,QAAQ,UAAU,CAAC,QAAQ,IAAI,UAAU,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,IACxG,WAAW,SAAS;GAC1B;GACA,UAAU,aAAa,QAAQ,aAAa;EAC9C;EACA,GAAI,eAAe,KAAA,IAAY,CAAC,IAAI,EAAE,WAAW;CACnD;AACF"}
+{"version":3,"file":"power-logs-sql-row.js","names":[],"sources":["../../src/renderer/power-logs-sql-row.ts"],"sourcesContent":["import type { LogCell, LogLevel, LogRecord } from \"../common/power-logs\";\n\nconst levels = new Set<LogLevel>([\"trace\", \"debug\", \"info\", \"warn\", \"error\", \"fatal\", \"unknown\"]);\n\nexport function sqlRowDetails(columns: string[], row: LogCell[]): { record: LogRecord; jsonColumn?: string } {\n  const cells = new Map(columns.map((column, index) => [column, row[index]]));\n  const stringCell = (name: string) => (typeof cells.get(name) === \"string\" ? (cells.get(name) as string) : \"\");\n  let fieldsJson: string | null = null;\n  let jsonColumn: string | undefined;\n  let largestBytes = -1;\n  const encoder = new TextEncoder();\n  columns.forEach((column, index) => {\n    const value = row[index];\n    if (typeof value !== \"string\") return;\n    try {\n      const parsed: unknown = JSON.parse(value);\n      if (parsed === null || typeof parsed !== \"object\") return;\n      const bytes = encoder.encode(value).byteLength;\n      if (bytes > largestBytes) {\n        largestBytes = bytes;\n        fieldsJson = value;\n        jsonColumn = column;\n      }\n    } catch {\n      // malformed JSON remains available in the row fallback\n    }\n  });\n  const timestamp = cells.get(\"timestamp\");\n  const level = stringCell(\"level\");\n  const previous = cells.get(\"previous\");\n  return {\n    record: {\n      timestamp: typeof timestamp === \"number\" && Number.isFinite(timestamp) ? timestamp : null,\n      pod: stringCell(\"pod\"),\n      podUid: stringCell(\"podUid\"),\n      container: stringCell(\"container\"),\n      level: levels.has(level as LogLevel) ? (level as LogLevel) : \"unknown\",\n      message: fieldsJson === null ? \"\" : stringCell(\"message\"),\n      fieldsJson:\n        fieldsJson ?? JSON.stringify(Object.fromEntries(columns.map((column, index) => [column, row[index] ?? null]))),\n      previous: previous === true || previous === 1,\n    },\n    ...(jsonColumn === undefined ? {} : { jsonColumn }),\n  };\n}\n"],"mappings":";AAEA,IAAM,yBAAS,IAAI,IAAc;CAAC;CAAS;CAAS;CAAQ;CAAQ;CAAS;CAAS;AAAS,CAAC;AAEhG,SAAgB,cAAc,SAAmB,KAA4D;CAC3G,MAAM,QAAQ,IAAI,IAAI,QAAQ,KAAK,QAAQ,UAAU,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC;CAC1E,MAAM,cAAc,SAAkB,OAAO,MAAM,IAAI,IAAI,MAAM,WAAY,MAAM,IAAI,IAAI,IAAe;CAC1G,IAAI,aAA4B;CAChC,IAAI;CACJ,IAAI,eAAe;CACnB,MAAM,UAAU,IAAI,YAAY;CAChC,QAAQ,SAAS,QAAQ,UAAU;EACjC,MAAM,QAAQ,IAAI;EAClB,IAAI,OAAO,UAAU,UAAU;EAC/B,IAAI;GACF,MAAM,SAAkB,KAAK,MAAM,KAAK;GACxC,IAAI,WAAW,QAAQ,OAAO,WAAW,UAAU;GACnD,MAAM,QAAQ,QAAQ,OAAO,KAAK,CAAC,CAAC;GACpC,IAAI,QAAQ,cAAc;IACxB,eAAe;IACf,aAAa;IACb,aAAa;GACf;EACF,QAAQ,CAER;CACF,CAAC;CACD,MAAM,YAAY,MAAM,IAAI,WAAW;CACvC,MAAM,QAAQ,WAAW,OAAO;CAChC,MAAM,WAAW,MAAM,IAAI,UAAU;CACrC,OAAO;EACL,QAAQ;GACN,WAAW,OAAO,cAAc,YAAY,OAAO,SAAS,SAAS,IAAI,YAAY;GACrF,KAAK,WAAW,KAAK;GACrB,QAAQ,WAAW,QAAQ;GAC3B,WAAW,WAAW,WAAW;GACjC,OAAO,OAAO,IAAI,KAAiB,IAAK,QAAqB;GAC7D,SAAS,eAAe,OAAO,KAAK,WAAW,SAAS;GACxD,YACE,cAAc,KAAK,UAAU,OAAO,YAAY,QAAQ,KAAK,QAAQ,UAAU,CAAC,QAAQ,IAAI,UAAU,IAAI,CAAC,CAAC,CAAC;GAC/G,UAAU,aAAa,QAAQ,aAAa;EAC9C;EACA,GAAI,eAAe,KAAA,IAAY,CAAC,IAAI,EAAE,WAAW;CACnD;AACF"}

package/out/renderer/power-logs.css.js

@@ -44,9 +44,14 @@ body:has(.power-logs[data-testid="power-logs-page"]) .power-ai-launcher { displa
 .power-logs-viewer { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; gap:4px; }
 .power-logs-stream { position:relative; flex:1; min-height:0; min-width:0; overflow:auto; border:1px solid var(--borderColor); border-radius:6px; background:var(--contentColor); }
 .power-log-row { min-height:0!important; position:absolute; left:0; right:0; width:100%; display:grid!important; grid-template-columns:95px 48px minmax(100px,180px) minmax(0,1fr); align-items:center; gap:10px!important; padding:0 12px!important; border:0!important; border-left:3px solid var(--textColorSecondary)!important; border-bottom:1px solid var(--borderFaintColor)!important; border-radius:0!important; text-align:left; background:transparent!important; font-family:var(--font-monospace,monospace)!important; font-size:12px!important; }
-.power-logs[data-compact=true] .power-log-row { padding-inline:8px!important; gap:6px!important; }
-.power-logs[data-compact=true] td,.power-logs[data-compact=true] th { padding:3px 8px; }
+.power-logs[data-compact=true] .power-log-row { padding-inline:6px!important; gap:5px!important; font-size:11px!important; line-height:16px; }
+.power-logs[data-compact=true] table :is(td,th) { padding:1px 6px; font-size:11px; line-height:16px; }
 .power-log-row > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.power-log-row > span:last-child { white-space:pre; height:16px; line-height:16px; }
+.power-log-message { color:var(--textColorPrimary); }
+.power-log-message [data-log-token=http-method] { color:var(--primary); }
+.power-log-message [data-log-token=uuid] { color:#9cdcfe; }
+.theme-light .power-log-message [data-log-token=uuid] { color:#005a9e; }
 .power-log-row .power-log-level { font-size:10px; font-weight:600; text-transform:uppercase; }
 .power-log-row[data-level=warn] { border-left-color:var(--colorWarning,#d9a441)!important; }
 .power-log-row[data-level=error],.power-log-row[data-level=fatal] { border-left-color:var(--colorError,#d26860)!important; }
@@ -54,8 +59,9 @@ body:has(.power-logs[data-testid="power-logs-page"]) .power-ai-launcher { displa
 .power-logs-detail { position:absolute; z-index:5; top:0; bottom:0; right:0; box-sizing:border-box; box-shadow:-4px 0 18px #0004; display:flex; flex-direction:column; align-items:stretch; gap:12px; width:460px; max-width:95%; padding:16px; background:var(--contentColor); border:1px solid var(--borderColor); border-radius:6px; overflow:auto; }
 .power-logs-detail header { justify-content:flex-end; }
 .power-logs-detail header > strong { margin-right:auto; }
-.power-logs .power-logs-detail-close { flex-shrink:0; width:28px; padding:0; border-color:transparent; background:transparent; }
-.power-logs .power-logs-detail-close:not(:disabled):hover { border-color:transparent; background:color-mix(in srgb,var(--primary) 10%,transparent); }
+.power-logs-structured-heading { display:flex; align-items:center; gap:6px; }
+.power-logs .power-logs-detail-copy, .power-logs .power-logs-detail-close { flex-shrink:0; width:28px; padding:0; border-color:transparent; background:transparent; }
+.power-logs .power-logs-detail-copy:not(:disabled):hover, .power-logs .power-logs-detail-close:not(:disabled):hover { border-color:transparent; background:color-mix(in srgb,var(--primary) 10%,transparent); }
 .power-log-json { --json-key:#9cdcfe; --json-string:#ce9178; --json-number:#b5cea8; --json-literal:#c586c0; }
 .theme-light .power-log-json { --json-key:#005a9e; --json-string:#9e2b1a; --json-number:#17642d; --json-literal:#7a288c; }
 .power-log-json [data-token=key] { color:var(--json-key); }
@@ -63,12 +69,18 @@ body:has(.power-logs[data-testid="power-logs-page"]) .power-ai-launcher { displa
 .power-log-json [data-token=number] { color:var(--json-number); }
 .power-log-json [data-token=literal] { color:var(--json-literal); }
 .power-logs pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.6; }
-.power-logs textarea { box-sizing:border-box; width:100%; height:56px; min-height:48px; max-height:120px; flex-shrink:0; resize:vertical; font-family:var(--font-monospace,monospace); }
+.power-logs textarea { user-select:text; box-sizing:border-box; width:100%; height:56px; min-height:48px; max-height:120px; flex-shrink:0; resize:vertical; font-family:var(--font-monospace,monospace); }
 .power-logs-results { flex:1; min-height:0; overflow:auto; border:1px solid var(--borderColor); border-radius:6px; }
 .power-logs table { border-collapse:collapse; table-layout:fixed; font-size:12px; width:100%; min-width:0; }
 
 .power-logs th,.power-logs td { padding:6px 10px; text-align:left; border-bottom:1px solid var(--borderColor); max-width:400px; white-space:nowrap; vertical-align:top; }
 .power-logs .power-logs-cell { display:block; overflow:hidden; text-overflow:ellipsis; max-height:4.8em; }
+.power-logs .power-logs-json-cell { position:relative; display:flex; align-items:center; gap:4px; min-width:0; height:20px; max-height:20px; }
+.power-logs .power-logs-json-cell .power-log-json { flex:1; min-width:0; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:20px; }
+.power-logs .power-logs-json-copy { display:inline-flex; align-items:center; justify-content:center; flex:0 0 20px; width:20px; height:20px; min-height:0; padding:0; border-color:transparent; background:transparent; opacity:.6; }
+.power-logs .power-logs-json-copy:hover, .power-logs .power-logs-json-copy:focus-visible { opacity:1; background:color-mix(in srgb,var(--primary) 10%,transparent); }
+.power-logs .power-logs-json-copy-feedback { position:absolute; left:0; top:0; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
+
 .power-logs tbody tr { cursor:pointer; }
 .power-logs tbody tr:hover, .power-logs tbody tr:focus-visible { background:color-mix(in srgb,var(--primary) 10%,var(--contentColor)); outline:none; }
 .power-logs td[data-column=message] { font-family:var(--font-monospace,monospace); font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
@@ -102,13 +114,31 @@ body:has(.power-logs[data-testid="power-logs-page"]) .power-ai-launcher { displa
 .power-logs-pagination button { width:28px; padding:3px; }
 .power-logs-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
 .power-logs-caption { flex:1; min-width:0; font-size:11px!important; }
-.power-logs .power-logs-collection-note { display:flex; align-items:center; gap:5px; min-width:0; max-width:55%; padding:1px 6px; font-size:10px; }
+.power-logs .power-logs-collection-note { display:flex; align-items:center; gap:5px; min-width:0; max-width:55%; padding:1px 6px; font-size:11px; }
 .power-logs-collection-note > :first-child { color:var(--colorWarning,#d9a441); flex-shrink:0; }
 .power-logs-collection-note > :last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .power-logs-status { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
 .power-logs .power-logs-error { white-space:normal; overflow:visible; overflow-wrap:anywhere; }
 .power-logs-snapshot-notes { max-height:100px; overflow:auto; }
 @container(max-width:760px) { .power-logs-detail { width:min(420px,86%); padding:12px; gap:10px; } .power-logs-filters .power-logs-select { flex:1 1 130px; } .power-logs-filters > input { flex-basis:100%; } .power-log-row { grid-template-columns:80px 42px minmax(0,1fr); } .power-log-row .power-log-origin { display:none; } .power-logs header .power-logs-actions { gap:4px; } }
+.Select__option--is-selected .power-logs-snapshot-option > button { color:#fff; background:#0002; border:1px solid #fff7; }
+.Select__option--is-selected .power-logs-snapshot-option > button:not(:disabled):hover { color:#a61b1b; background:#fff; border-color:#fff; }
+.power-logs-field-filters { display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
+.power-logs .power-logs-field-filters button { max-width:360px; min-height:24px; padding:2px 6px; font-size:11px; }
+.power-logs-field-filters button > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.power-logs-field-filters button > :last-child { flex-shrink:0; }
+.power-logs .power-logs-json-cell .power-log-json-fields { flex:1; min-width:0; overflow:hidden; }
+.power-logs .power-logs-json-cell .power-log-json { white-space:pre; }
+.power-log-message [data-log-token=url], .power-log-message [data-log-token=trace-id], .power-log-message [data-log-token=address] { color:#9cdcfe; }
+.theme-light .power-log-message [data-log-token=url], .theme-light .power-log-message [data-log-token=trace-id], .theme-light .power-log-message [data-log-token=address] { color:#005a9e; }
+.power-log-message [data-log-token=duration], .power-log-message [data-status-class="2"] { color:#b5cea8; }
+.theme-light .power-log-message [data-log-token=duration], .theme-light .power-log-message [data-status-class="2"] { color:#17642d; }
+.power-log-message [data-status-class="1"], .power-log-message [data-status-class="3"] { color:#9cdcfe; }
+.theme-light .power-log-message [data-status-class="1"], .theme-light .power-log-message [data-status-class="3"] { color:#005a9e; }
+.power-log-message [data-status-class="4"] { color:#e3b56b; }
+.theme-light .power-log-message [data-status-class="4"] { color:#8a4b00; }
+.power-log-message [data-status-class="5"] { color:#f19b8d; }
+.theme-light .power-log-message [data-status-class="5"] { color:#9e2b1a; }
 `;
 //#endregion
 exports.powerLogsStyles = powerLogsStyles;

package/out/renderer/power-logs.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"power-logs.css.js","names":[],"sources":["../../src/renderer/power-logs.css.ts"],"sourcesContent":["export const powerLogsStyles = `\nbody:has(.power-logs[data-testid=\"power-logs-page\"]) .power-ai-launcher { display:none; }\n.power-logs { display:flex; flex-direction:column; height:100%; min-height:0; min-width:0; box-sizing:border-box; overflow:hidden; padding:12px; gap:6px; color:var(--textColorPrimary); container-type:inline-size; }\n.power-logs header, .power-logs-toolbar, .power-logs-filters, .power-logs-source { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }\n.power-logs header h1 { margin:0; font-size:16px; display:flex; align-items:center; gap:10px; }\n.power-logs header .power-logs-actions { margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; }\n.power-logs :is(button,input,select,textarea), .power-logs .power-logs-options > summary { font:inherit; color:inherit; }\n.power-logs :is(.power-logs-filters > input,textarea) { background:var(--contentColor); border:1px solid var(--borderColor); border-radius:5px; padding:4px 8px; min-width:0; }\n.power-logs-filters > input { flex:1; min-width:180px; }\n.power-logs label { display:flex; align-items:center; gap:8px; }\n.power-logs button, .power-logs .power-logs-options > summary { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:28px; padding:3px 8px; border:1px solid var(--borderColor); border-radius:5px; background:var(--contentColor); cursor:pointer; box-shadow:none; }\n.power-logs button::before { content:none; }\n.power-logs :is(button:not(:disabled),.power-logs-options > summary):hover { color:var(--primary); border-color:var(--primary); }\n.power-logs button[aria-pressed=true], .power-logs button[aria-selected=true] { color:var(--primary); background:color-mix(in srgb,var(--primary) 12%,var(--contentColor)); border-color:var(--primary); }\n.power-logs button:disabled { opacity:.45; cursor:default; }\n.power-logs :is(button,input,select,textarea):focus-visible, .power-logs .power-logs-options > summary:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }\n.power-logs .power-logs-filters > input:focus-visible, .power-logs textarea:focus-visible { outline:none; border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }\n.power-logs .power-logs-muted { color:var(--textColorSecondary); font-size:12px; line-height:1.5; }\n.power-logs .power-logs-notice { padding:3px 8px; border:1px solid var(--borderColor); border-radius:4px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex-shrink:0; }\n.power-logs .power-logs-error { color:var(--colorError,#e68b80); }\n.power-logs-tabs { display:flex; gap:4px; flex-shrink:0; }\n.power-logs header .power-logs-page-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }\n.power-logs-snapshot-option { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }\n.power-logs-option-text { display:flex; flex-direction:column; gap:3px; min-width:0; white-space:normal; overflow-wrap:anywhere; }\n.power-logs-option-text strong { font-weight:500; }\n.power-logs-option-text small { opacity:.85; font-size:11px; }\n.power-logs-source-option { display:flex; align-items:center; gap:10px; width:100%; min-width:0; white-space:normal; line-height:1.4; }\n.power-logs-source-option > :first-child { flex-shrink:0; opacity:.75; }\n.power-logs-source-option .power-logs-option-text { flex:1; }\n.power-logs-source-option strong, .power-logs-source-option small { white-space:normal; overflow:visible; overflow-wrap:anywhere; }\n.power-logs-source-check { display:inline-flex; width:16px; flex-shrink:0; }\n.power-logs-snapshot-option > button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:28px; min-height:28px; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; cursor:pointer; }\n.power-logs-snapshot-option > button:not(:disabled):hover { color:var(--colorError); background:color-mix(in srgb,var(--colorError) 12%,transparent); }\n.power-logs-snapshot-option > button:focus-visible { outline:2px solid var(--primary); outline-offset:-2px; }\n.power-logs-snapshot-option > button:disabled { opacity:.45; cursor:default; }\n.power-logs-level-label { color:var(--textColorSecondary); }\n.power-logs-level-label[data-level=debug] { color:var(--colorInfo); }\n.power-logs-level-label[data-level=info] { color:var(--primary); }\n.power-logs-level-label[data-level=warn] { color:var(--colorWarning); }\n.power-logs-level-label[data-level=error],.power-logs-level-label[data-level=fatal] { color:var(--colorError); }\n.Select__option--is-selected .power-logs-level-label { color:inherit; }\n.power-logs-workspace { position:relative; display:flex; flex:1; min-height:0; }\n.power-logs-viewer { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; gap:4px; }\n.power-logs-stream { position:relative; flex:1; min-height:0; min-width:0; overflow:auto; border:1px solid var(--borderColor); border-radius:6px; background:var(--contentColor); }\n.power-log-row { min-height:0!important; position:absolute; left:0; right:0; width:100%; display:grid!important; grid-template-columns:95px 48px minmax(100px,180px) minmax(0,1fr); align-items:center; gap:10px!important; padding:0 12px!important; border:0!important; border-left:3px solid var(--textColorSecondary)!important; border-bottom:1px solid var(--borderFaintColor)!important; border-radius:0!important; text-align:left; background:transparent!important; font-family:var(--font-monospace,monospace)!important; font-size:12px!important; }\n.power-logs[data-compact=true] .power-log-row { padding-inline:8px!important; gap:6px!important; }\n.power-logs[data-compact=true] td,.power-logs[data-compact=true] th { padding:3px 8px; }\n.power-log-row > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-log-row .power-log-level { font-size:10px; font-weight:600; text-transform:uppercase; }\n.power-log-row[data-level=warn] { border-left-color:var(--colorWarning,#d9a441)!important; }\n.power-log-row[data-level=error],.power-log-row[data-level=fatal] { border-left-color:var(--colorError,#d26860)!important; }\n.power-log-row[data-level=info] { border-left-color:var(--primary)!important; }\n.power-logs-detail { position:absolute; z-index:5; top:0; bottom:0; right:0; box-sizing:border-box; box-shadow:-4px 0 18px #0004; display:flex; flex-direction:column; align-items:stretch; gap:12px; width:460px; max-width:95%; padding:16px; background:var(--contentColor); border:1px solid var(--borderColor); border-radius:6px; overflow:auto; }\n.power-logs-detail header { justify-content:flex-end; }\n.power-logs-detail header > strong { margin-right:auto; }\n.power-logs .power-logs-detail-close { flex-shrink:0; width:28px; padding:0; border-color:transparent; background:transparent; }\n.power-logs .power-logs-detail-close:not(:disabled):hover { border-color:transparent; background:color-mix(in srgb,var(--primary) 10%,transparent); }\n.power-log-json { --json-key:#9cdcfe; --json-string:#ce9178; --json-number:#b5cea8; --json-literal:#c586c0; }\n.theme-light .power-log-json { --json-key:#005a9e; --json-string:#9e2b1a; --json-number:#17642d; --json-literal:#7a288c; }\n.power-log-json [data-token=key] { color:var(--json-key); }\n.power-log-json [data-token=string] { color:var(--json-string); }\n.power-log-json [data-token=number] { color:var(--json-number); }\n.power-log-json [data-token=literal] { color:var(--json-literal); }\n.power-logs pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.6; }\n.power-logs textarea { box-sizing:border-box; width:100%; height:56px; min-height:48px; max-height:120px; flex-shrink:0; resize:vertical; font-family:var(--font-monospace,monospace); }\n.power-logs-results { flex:1; min-height:0; overflow:auto; border:1px solid var(--borderColor); border-radius:6px; }\n.power-logs table { border-collapse:collapse; table-layout:fixed; font-size:12px; width:100%; min-width:0; }\n\n.power-logs th,.power-logs td { padding:6px 10px; text-align:left; border-bottom:1px solid var(--borderColor); max-width:400px; white-space:nowrap; vertical-align:top; }\n.power-logs .power-logs-cell { display:block; overflow:hidden; text-overflow:ellipsis; max-height:4.8em; }\n.power-logs tbody tr { cursor:pointer; }\n.power-logs tbody tr:hover, .power-logs tbody tr:focus-visible { background:color-mix(in srgb,var(--primary) 10%,var(--contentColor)); outline:none; }\n.power-logs td[data-column=message] { font-family:var(--font-monospace,monospace); font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }\n.power-logs td[data-level=error], .power-logs td[data-level=fatal] { color:var(--colorError,#d26860); }\n.power-logs td[data-level=warn] { color:var(--colorWarning,#d9a441); }\n.power-logs th { position:sticky; top:0; background:var(--contentColor); }\n.power-logs dialog { position:fixed; inset:0; margin:auto; background:var(--mainBackground); color:var(--textColorPrimary); border:1px solid var(--borderColor); border-radius:8px; padding:24px; width:min(640px,85vw); max-height:80vh; overflow:auto; }\n.power-logs dialog::backdrop { background:#0007; }\n.power-logs-empty { padding:32px; text-align:center; color:var(--textColorSecondary); }\n\n.power-logs > :not(.power-logs-workspace):not(.power-logs-results) { flex-shrink:0; }\n.power-logs-target, .power-logs-caption { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-logs-select { display:inline-block; min-width:0; max-width:360px; flex:1; }\n.power-logs-source .power-logs-select { flex:1; max-width:none; }\n.power-logs-select > div { width:100%; min-width:0; }\n.power-logs-filters .power-logs-select { flex:0 1 180px; }\n.power-logs-filters .power-logs-select[data-source-select] { flex:1 1 260px; max-width:420px; }\n\n.power-logs-capture { display:flex; }\n.power-logs-capture > button { color:var(--primary); }\n.power-logs-options { position:relative; }\n.power-logs-options > summary { list-style:none; }\n.power-logs-options > summary::-webkit-details-marker { display:none; }\n.power-logs .power-logs-options[open] > summary { color:var(--primary); border-color:var(--primary); background:color-mix(in srgb,var(--primary) 12%,var(--contentColor)); }\n.power-logs-options > div { position:absolute; z-index:10; top:100%; right:0; box-sizing:border-box; width:280px; max-width:calc(100vw - 32px); border-radius:6px; padding:12px; display:flex; flex-direction:column; gap:12px; background:var(--mainBackground); border:1px solid var(--borderColor); box-shadow:0 4px 18px #0005; }\n.power-logs-options label { white-space:nowrap; justify-content:space-between; gap:12px; }\n.power-logs-options .power-logs-select { min-width:130px; }\n.power-logs-select .Select__single-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-logs-sql-tools button { min-height:24px; font-size:12px; }\n.power-logs-pagination { justify-content:flex-end; gap:8px; }\n.power-logs-pagination button { width:28px; padding:3px; }\n.power-logs-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }\n.power-logs-caption { flex:1; min-width:0; font-size:11px!important; }\n.power-logs .power-logs-collection-note { display:flex; align-items:center; gap:5px; min-width:0; max-width:55%; padding:1px 6px; font-size:10px; }\n.power-logs-collection-note > :first-child { color:var(--colorWarning,#d9a441); flex-shrink:0; }\n.power-logs-collection-note > :last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-logs-status { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n.power-logs .power-logs-error { white-space:normal; overflow:visible; overflow-wrap:anywhere; }\n.power-logs-snapshot-notes { max-height:100px; overflow:auto; }\n@container(max-width:760px) { .power-logs-detail { width:min(420px,86%); padding:12px; gap:10px; } .power-logs-filters .power-logs-select { flex:1 1 130px; } .power-logs-filters > input { flex-basis:100%; } .power-log-row { grid-template-columns:80px 42px minmax(0,1fr); } .power-log-row .power-log-origin { display:none; } .power-logs header .power-logs-actions { gap:4px; } }\n`;\n"],"mappings":";AAAA,IAAa,kBAAkB"}
+{"version":3,"file":"power-logs.css.js","names":[],"sources":["../../src/renderer/power-logs.css.ts"],"sourcesContent":["export const powerLogsStyles = `\nbody:has(.power-logs[data-testid=\"power-logs-page\"]) .power-ai-launcher { display:none; }\n.power-logs { display:flex; flex-direction:column; height:100%; min-height:0; min-width:0; box-sizing:border-box; overflow:hidden; padding:12px; gap:6px; color:var(--textColorPrimary); container-type:inline-size; }\n.power-logs header, .power-logs-toolbar, .power-logs-filters, .power-logs-source { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }\n.power-logs header h1 { margin:0; font-size:16px; display:flex; align-items:center; gap:10px; }\n.power-logs header .power-logs-actions { margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; }\n.power-logs :is(button,input,select,textarea), .power-logs .power-logs-options > summary { font:inherit; color:inherit; }\n.power-logs :is(.power-logs-filters > input,textarea) { background:var(--contentColor); border:1px solid var(--borderColor); border-radius:5px; padding:4px 8px; min-width:0; }\n.power-logs-filters > input { flex:1; min-width:180px; }\n.power-logs label { display:flex; align-items:center; gap:8px; }\n.power-logs button, .power-logs .power-logs-options > summary { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:28px; padding:3px 8px; border:1px solid var(--borderColor); border-radius:5px; background:var(--contentColor); cursor:pointer; box-shadow:none; }\n.power-logs button::before { content:none; }\n.power-logs :is(button:not(:disabled),.power-logs-options > summary):hover { color:var(--primary); border-color:var(--primary); }\n.power-logs button[aria-pressed=true], .power-logs button[aria-selected=true] { color:var(--primary); background:color-mix(in srgb,var(--primary) 12%,var(--contentColor)); border-color:var(--primary); }\n.power-logs button:disabled { opacity:.45; cursor:default; }\n.power-logs :is(button,input,select,textarea):focus-visible, .power-logs .power-logs-options > summary:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }\n.power-logs .power-logs-filters > input:focus-visible, .power-logs textarea:focus-visible { outline:none; border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }\n.power-logs .power-logs-muted { color:var(--textColorSecondary); font-size:12px; line-height:1.5; }\n.power-logs .power-logs-notice { padding:3px 8px; border:1px solid var(--borderColor); border-radius:4px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex-shrink:0; }\n.power-logs .power-logs-error { color:var(--colorError,#e68b80); }\n.power-logs-tabs { display:flex; gap:4px; flex-shrink:0; }\n.power-logs header .power-logs-page-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }\n.power-logs-snapshot-option { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }\n.power-logs-option-text { display:flex; flex-direction:column; gap:3px; min-width:0; white-space:normal; overflow-wrap:anywhere; }\n.power-logs-option-text strong { font-weight:500; }\n.power-logs-option-text small { opacity:.85; font-size:11px; }\n.power-logs-source-option { display:flex; align-items:center; gap:10px; width:100%; min-width:0; white-space:normal; line-height:1.4; }\n.power-logs-source-option > :first-child { flex-shrink:0; opacity:.75; }\n.power-logs-source-option .power-logs-option-text { flex:1; }\n.power-logs-source-option strong, .power-logs-source-option small { white-space:normal; overflow:visible; overflow-wrap:anywhere; }\n.power-logs-source-check { display:inline-flex; width:16px; flex-shrink:0; }\n.power-logs-snapshot-option > button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:28px; min-height:28px; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; cursor:pointer; }\n.power-logs-snapshot-option > button:not(:disabled):hover { color:var(--colorError); background:color-mix(in srgb,var(--colorError) 12%,transparent); }\n.power-logs-snapshot-option > button:focus-visible { outline:2px solid var(--primary); outline-offset:-2px; }\n.power-logs-snapshot-option > button:disabled { opacity:.45; cursor:default; }\n.power-logs-level-label { color:var(--textColorSecondary); }\n.power-logs-level-label[data-level=debug] { color:var(--colorInfo); }\n.power-logs-level-label[data-level=info] { color:var(--primary); }\n.power-logs-level-label[data-level=warn] { color:var(--colorWarning); }\n.power-logs-level-label[data-level=error],.power-logs-level-label[data-level=fatal] { color:var(--colorError); }\n.Select__option--is-selected .power-logs-level-label { color:inherit; }\n.power-logs-workspace { position:relative; display:flex; flex:1; min-height:0; }\n.power-logs-viewer { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; gap:4px; }\n.power-logs-stream { position:relative; flex:1; min-height:0; min-width:0; overflow:auto; border:1px solid var(--borderColor); border-radius:6px; background:var(--contentColor); }\n.power-log-row { min-height:0!important; position:absolute; left:0; right:0; width:100%; display:grid!important; grid-template-columns:95px 48px minmax(100px,180px) minmax(0,1fr); align-items:center; gap:10px!important; padding:0 12px!important; border:0!important; border-left:3px solid var(--textColorSecondary)!important; border-bottom:1px solid var(--borderFaintColor)!important; border-radius:0!important; text-align:left; background:transparent!important; font-family:var(--font-monospace,monospace)!important; font-size:12px!important; }\n.power-logs[data-compact=true] .power-log-row { padding-inline:6px!important; gap:5px!important; font-size:11px!important; line-height:16px; }\n.power-logs[data-compact=true] table :is(td,th) { padding:1px 6px; font-size:11px; line-height:16px; }\n.power-log-row > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-log-row > span:last-child { white-space:pre; height:16px; line-height:16px; }\n.power-log-message { color:var(--textColorPrimary); }\n.power-log-message [data-log-token=http-method] { color:var(--primary); }\n.power-log-message [data-log-token=uuid] { color:#9cdcfe; }\n.theme-light .power-log-message [data-log-token=uuid] { color:#005a9e; }\n.power-log-row .power-log-level { font-size:10px; font-weight:600; text-transform:uppercase; }\n.power-log-row[data-level=warn] { border-left-color:var(--colorWarning,#d9a441)!important; }\n.power-log-row[data-level=error],.power-log-row[data-level=fatal] { border-left-color:var(--colorError,#d26860)!important; }\n.power-log-row[data-level=info] { border-left-color:var(--primary)!important; }\n.power-logs-detail { position:absolute; z-index:5; top:0; bottom:0; right:0; box-sizing:border-box; box-shadow:-4px 0 18px #0004; display:flex; flex-direction:column; align-items:stretch; gap:12px; width:460px; max-width:95%; padding:16px; background:var(--contentColor); border:1px solid var(--borderColor); border-radius:6px; overflow:auto; }\n.power-logs-detail header { justify-content:flex-end; }\n.power-logs-detail header > strong { margin-right:auto; }\n.power-logs-structured-heading { display:flex; align-items:center; gap:6px; }\n.power-logs .power-logs-detail-copy, .power-logs .power-logs-detail-close { flex-shrink:0; width:28px; padding:0; border-color:transparent; background:transparent; }\n.power-logs .power-logs-detail-copy:not(:disabled):hover, .power-logs .power-logs-detail-close:not(:disabled):hover { border-color:transparent; background:color-mix(in srgb,var(--primary) 10%,transparent); }\n.power-log-json { --json-key:#9cdcfe; --json-string:#ce9178; --json-number:#b5cea8; --json-literal:#c586c0; }\n.theme-light .power-log-json { --json-key:#005a9e; --json-string:#9e2b1a; --json-number:#17642d; --json-literal:#7a288c; }\n.power-log-json [data-token=key] { color:var(--json-key); }\n.power-log-json [data-token=string] { color:var(--json-string); }\n.power-log-json [data-token=number] { color:var(--json-number); }\n.power-log-json [data-token=literal] { color:var(--json-literal); }\n.power-logs pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.6; }\n.power-logs textarea { user-select:text; box-sizing:border-box; width:100%; height:56px; min-height:48px; max-height:120px; flex-shrink:0; resize:vertical; font-family:var(--font-monospace,monospace); }\n.power-logs-results { flex:1; min-height:0; overflow:auto; border:1px solid var(--borderColor); border-radius:6px; }\n.power-logs table { border-collapse:collapse; table-layout:fixed; font-size:12px; width:100%; min-width:0; }\n\n.power-logs th,.power-logs td { padding:6px 10px; text-align:left; border-bottom:1px solid var(--borderColor); max-width:400px; white-space:nowrap; vertical-align:top; }\n.power-logs .power-logs-cell { display:block; overflow:hidden; text-overflow:ellipsis; max-height:4.8em; }\n.power-logs .power-logs-json-cell { position:relative; display:flex; align-items:center; gap:4px; min-width:0; height:20px; max-height:20px; }\n.power-logs .power-logs-json-cell .power-log-json { flex:1; min-width:0; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:20px; }\n.power-logs .power-logs-json-copy { display:inline-flex; align-items:center; justify-content:center; flex:0 0 20px; width:20px; height:20px; min-height:0; padding:0; border-color:transparent; background:transparent; opacity:.6; }\n.power-logs .power-logs-json-copy:hover, .power-logs .power-logs-json-copy:focus-visible { opacity:1; background:color-mix(in srgb,var(--primary) 10%,transparent); }\n.power-logs .power-logs-json-copy-feedback { position:absolute; left:0; top:0; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }\n\n.power-logs tbody tr { cursor:pointer; }\n.power-logs tbody tr:hover, .power-logs tbody tr:focus-visible { background:color-mix(in srgb,var(--primary) 10%,var(--contentColor)); outline:none; }\n.power-logs td[data-column=message] { font-family:var(--font-monospace,monospace); font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }\n.power-logs td[data-level=error], .power-logs td[data-level=fatal] { color:var(--colorError,#d26860); }\n.power-logs td[data-level=warn] { color:var(--colorWarning,#d9a441); }\n.power-logs th { position:sticky; top:0; background:var(--contentColor); }\n.power-logs dialog { position:fixed; inset:0; margin:auto; background:var(--mainBackground); color:var(--textColorPrimary); border:1px solid var(--borderColor); border-radius:8px; padding:24px; width:min(640px,85vw); max-height:80vh; overflow:auto; }\n.power-logs dialog::backdrop { background:#0007; }\n.power-logs-empty { padding:32px; text-align:center; color:var(--textColorSecondary); }\n\n.power-logs > :not(.power-logs-workspace):not(.power-logs-results) { flex-shrink:0; }\n.power-logs-target, .power-logs-caption { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-logs-select { display:inline-block; min-width:0; max-width:360px; flex:1; }\n.power-logs-source .power-logs-select { flex:1; max-width:none; }\n.power-logs-select > div { width:100%; min-width:0; }\n.power-logs-filters .power-logs-select { flex:0 1 180px; }\n.power-logs-filters .power-logs-select[data-source-select] { flex:1 1 260px; max-width:420px; }\n\n.power-logs-capture { display:flex; }\n.power-logs-capture > button { color:var(--primary); }\n.power-logs-options { position:relative; }\n.power-logs-options > summary { list-style:none; }\n.power-logs-options > summary::-webkit-details-marker { display:none; }\n.power-logs .power-logs-options[open] > summary { color:var(--primary); border-color:var(--primary); background:color-mix(in srgb,var(--primary) 12%,var(--contentColor)); }\n.power-logs-options > div { position:absolute; z-index:10; top:100%; right:0; box-sizing:border-box; width:280px; max-width:calc(100vw - 32px); border-radius:6px; padding:12px; display:flex; flex-direction:column; gap:12px; background:var(--mainBackground); border:1px solid var(--borderColor); box-shadow:0 4px 18px #0005; }\n.power-logs-options label { white-space:nowrap; justify-content:space-between; gap:12px; }\n.power-logs-options .power-logs-select { min-width:130px; }\n.power-logs-select .Select__single-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-logs-sql-tools button { min-height:24px; font-size:12px; }\n.power-logs-pagination { justify-content:flex-end; gap:8px; }\n.power-logs-pagination button { width:28px; padding:3px; }\n.power-logs-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }\n.power-logs-caption { flex:1; min-width:0; font-size:11px!important; }\n.power-logs .power-logs-collection-note { display:flex; align-items:center; gap:5px; min-width:0; max-width:55%; padding:1px 6px; font-size:11px; }\n.power-logs-collection-note > :first-child { color:var(--colorWarning,#d9a441); flex-shrink:0; }\n.power-logs-collection-note > :last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-logs-status { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n.power-logs .power-logs-error { white-space:normal; overflow:visible; overflow-wrap:anywhere; }\n.power-logs-snapshot-notes { max-height:100px; overflow:auto; }\n@container(max-width:760px) { .power-logs-detail { width:min(420px,86%); padding:12px; gap:10px; } .power-logs-filters .power-logs-select { flex:1 1 130px; } .power-logs-filters > input { flex-basis:100%; } .power-log-row { grid-template-columns:80px 42px minmax(0,1fr); } .power-log-row .power-log-origin { display:none; } .power-logs header .power-logs-actions { gap:4px; } }\n.Select__option--is-selected .power-logs-snapshot-option > button { color:#fff; background:#0002; border:1px solid #fff7; }\n.Select__option--is-selected .power-logs-snapshot-option > button:not(:disabled):hover { color:#a61b1b; background:#fff; border-color:#fff; }\n.power-logs-field-filters { display:flex; align-items:center; flex-wrap:wrap; gap:4px; }\n.power-logs .power-logs-field-filters button { max-width:360px; min-height:24px; padding:2px 6px; font-size:11px; }\n.power-logs-field-filters button > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.power-logs-field-filters button > :last-child { flex-shrink:0; }\n.power-logs .power-logs-json-cell .power-log-json-fields { flex:1; min-width:0; overflow:hidden; }\n.power-logs .power-logs-json-cell .power-log-json { white-space:pre; }\n.power-log-message [data-log-token=url], .power-log-message [data-log-token=trace-id], .power-log-message [data-log-token=address] { color:#9cdcfe; }\n.theme-light .power-log-message [data-log-token=url], .theme-light .power-log-message [data-log-token=trace-id], .theme-light .power-log-message [data-log-token=address] { color:#005a9e; }\n.power-log-message [data-log-token=duration], .power-log-message [data-status-class=\"2\"] { color:#b5cea8; }\n.theme-light .power-log-message [data-log-token=duration], .theme-light .power-log-message [data-status-class=\"2\"] { color:#17642d; }\n.power-log-message [data-status-class=\"1\"], .power-log-message [data-status-class=\"3\"] { color:#9cdcfe; }\n.theme-light .power-log-message [data-status-class=\"1\"], .theme-light .power-log-message [data-status-class=\"3\"] { color:#005a9e; }\n.power-log-message [data-status-class=\"4\"] { color:#e3b56b; }\n.theme-light .power-log-message [data-status-class=\"4\"] { color:#8a4b00; }\n.power-log-message [data-status-class=\"5\"] { color:#f19b8d; }\n.theme-light .power-log-message [data-status-class=\"5\"] { color:#9e2b1a; }\n`;\n"],"mappings":";AAAA,IAAa,kBAAkB"}