@cartanova/qgrid-cli 2.10.10 → 2.11.0

package/bundle/web-dist/server/assets/{show-LSFIzvO2.js → show-Bxaj3rhH.js}

@@ -1,8 +1,8 @@
-import { A as require_react, E as useQuery, X as __toESM, i as RequestLogStepService, k as require_jsx_runtime, l as isSonamuError, q as __commonJSMin, r as RequestLogService } from "./services.generated-BA4AcAf5.js";
-import { a as Link } from "./lazyRouteComponent-CgBdabgd.js";
-import { c as lucideX, d as Markdown, t as Route, u as remarkGfm } from "../entry-server.generated.js";
-import { n as formatMicroUsd, t as cacheHitRate } from "./cost-eEHeTRT5.js";
-import { n as lucideZap, t as requestModelDisplay } from "./request-model-DjGldb-h.js";
+import { C as number, E as union, F as require_react, P as require_jsx_runtime, Q as __commonJSMin, S as looseObject, T as string, b as json, h as array, i as RequestLogStepService, j as useQuery, k as require_jsx_dev_runtime, l as isSonamuError, r as RequestLogService, tt as __toESM, w as object } from "./services.generated-DQATJ6qf.js";
+import { a as Link } from "./lazyRouteComponent-D8iTIHyn.js";
+import { c as remarkGfm, l as Markdown, o as lucideX, t as Route } from "../entry-server.generated.js";
+import { n as formatMicroUsd, t as cacheHitRate } from "./cost-BC9yzyA9.js";
+import { n as lucideZap, t as requestModelDisplay } from "./request-model-I6OdODSH.js";
 //#region ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/extends.js
 var require_extends = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _extends() {
@@ -1835,90 +1835,141 @@ var lightTheme = {
 };
 //#endregion
 //#region ~icons/lucide/arrow-left.jsx
-var lucideArrowLeft = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+var import_jsx_dev_runtime = require_jsx_dev_runtime();
+var _jsxFileName$4 = "~icons/lucide/arrow-left.jsx";
+var lucideArrowLeft = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("path", {
 		fill: "none",
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "m12 19l-7-7l7-7m7 7H5"
-	})
-});
+	}, void 0, false, {
+		fileName: _jsxFileName$4,
+		lineNumber: 2,
+		columnNumber: 99
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$4,
+	lineNumber: 2,
+	columnNumber: 34
+}, void 0);
 //#endregion
 //#region ~icons/lucide/check.jsx
-var lucideCheck = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+var _jsxFileName$3 = "~icons/lucide/check.jsx";
+var lucideCheck = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("path", {
 		fill: "none",
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M20 6L9 17l-5-5"
-	})
-});
+	}, void 0, false, {
+		fileName: _jsxFileName$3,
+		lineNumber: 2,
+		columnNumber: 95
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$3,
+	lineNumber: 2,
+	columnNumber: 30
+}, void 0);
 //#endregion
 //#region ~icons/lucide/chevron-down.jsx
-var lucideChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+var _jsxFileName$2 = "~icons/lucide/chevron-down.jsx";
+var lucideChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("path", {
 		fill: "none",
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "m6 9l6 6l6-6"
-	})
-});
+	}, void 0, false, {
+		fileName: _jsxFileName$2,
+		lineNumber: 2,
+		columnNumber: 101
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$2,
+	lineNumber: 2,
+	columnNumber: 36
+}, void 0);
 //#endregion
 //#region ~icons/lucide/copy.jsx
-var lucideCopy = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+var _jsxFileName$1 = "~icons/lucide/copy.jsx";
+var lucideCopy = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("g", {
 		fill: "none",
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("rect", {
 			width: 14,
 			height: 14,
 			x: 8,
 			y: 8,
 			rx: 2,
 			ry: 2
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
-	})
-});
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 2,
+			columnNumber: 192
+		}, void 0), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 2,
+			columnNumber: 249
+		}, void 0)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 2,
+		columnNumber: 94
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$1,
+	lineNumber: 2,
+	columnNumber: 29
+}, void 0);
 //#endregion
 //#region src/routes/requests/show.tsx?tsr-split=component
+var _jsxFileName = "/home/runner/work/qgrid/qgrid/packages/web/src/routes/requests/show.tsx?tsr-split=component";
 function RequestShowPage() {
 	const { id } = Route.useSearch();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestDetail, { id });
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(RequestDetail, { id }, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 28,
+		columnNumber: 10
+	}, this);
 }
 function formatNum(n) {
 	return n.toLocaleString();
 }
 var TOKENS_PER_SEC_PROVIDERS = /* @__PURE__ */ new Set();
+var JsonValue = json();
 function tryParseJson(text) {
 	try {
 		return {
 			ok: true,
-			value: JSON.parse(text)
+			value: JsonValue.parse(JSON.parse(text))
 		};
 	} catch {
 		return { ok: false };
@@ -1927,7 +1978,7 @@ function tryParseJson(text) {
 function safeParseJson(text) {
 	if (!text) return {};
 	try {
-		return JSON.parse(text);
+		return JsonValue.parse(JSON.parse(text));
 	} catch {
 		return text;
 	}
@@ -1943,12 +1994,24 @@ function CopyButton({ text, dark }) {
 		navigator.clipboard.writeText(text);
 		setCopied(true);
 	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 		type: "button",
 		className: `absolute top-2 right-2 p-1 rounded transition-colors ${dark ? "text-sand-500 hover:text-sand-300" : "text-sand-400 hover:text-sand-600"}`,
 		onClick: handleCopy,
-		children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCheck, { className: "size-3.5 text-sage-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCopy, { className: "size-3.5" })
-	});
+		children: copied ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideCheck, { className: "size-3.5 text-sage-500" }, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 82,
+			columnNumber: 17
+		}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideCopy, { className: "size-3.5" }, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 82,
+			columnNumber: 68
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 81,
+		columnNumber: 10
+	}, this);
 }
 var DATA_IMAGE_TAG_RE = /<img\s+[^>]*src=["'](data:image\/[^"']+;base64,[^"']+)["'][^>]*(?:alt=["']([^"']*)["'][^>]*)?\/?>/gi;
 function parseImageSegments(text) {
@@ -1976,94 +2039,178 @@ function parseImageSegments(text) {
 function ImageAwareContent({ text, markdown }) {
 	const [viewerSrc, setViewerSrc] = (0, import_react.useState)(null);
 	const segments = parseImageSegments(text);
-	if (!segments.some((segment) => segment.type === "image")) return markdown ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	if (!segments.some((segment) => segment.type === "image")) return markdown ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "prose prose-sm prose-qgrid max-w-none",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
+		children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Markdown, {
 			remarkPlugins: [remarkGfm],
 			children: text
-		})
-	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 128,
+			columnNumber: 9
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 127,
+		columnNumber: 23
+	}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("pre", {
 		className: "text-sm text-sand-800 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed",
 		children: text
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 129,
+		columnNumber: 16
+	}, this);
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "space-y-3",
-		children: [segments.map((segment, index) => segment.type === "text" ? markdown ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		children: [segments.map((segment, index) => segment.type === "text" ? markdown ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "prose prose-sm prose-qgrid max-w-none",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Markdown, {
 				remarkPlugins: [remarkGfm],
 				children: segment.text
-			})
-		}, `text-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 135,
+				columnNumber: 15
+			}, this)
+		}, `text-${index}`, false, {
+			fileName: _jsxFileName,
+			lineNumber: 134,
+			columnNumber: 78
+		}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("pre", {
 			className: "text-sm text-sand-800 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed",
 			children: segment.text
-		}, `text-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		}, `text-${index}`, false, {
+			fileName: _jsxFileName,
+			lineNumber: 136,
+			columnNumber: 22
+		}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 			type: "button",
 			className: "block max-w-full rounded-md border border-sand-200 overflow-hidden bg-white hover:border-sienna-300 transition-colors",
 			onClick: () => setViewerSrc(segment.src),
 			title: "Open image",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("img", {
 				src: segment.src,
 				alt: segment.alt,
 				className: "max-h-[520px] max-w-full object-contain",
 				loading: "lazy"
-			})
-		}, `image-${index}`)), viewerSrc && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 139,
+				columnNumber: 13
+			}, this)
+		}, `image-${index}`, false, {
+			fileName: _jsxFileName,
+			lineNumber: 138,
+			columnNumber: 22
+		}, this)), viewerSrc && /* @__PURE__ */ (void 0)("div", {
 			className: "fixed inset-0 z-50 bg-black/70 p-4 flex items-center justify-center",
 			onClick: () => setViewerSrc(null),
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			children: [/* @__PURE__ */ (void 0)("button", {
 				type: "button",
 				className: "absolute top-4 right-4 p-2 rounded-full bg-white/90 text-sand-700 hover:bg-white",
 				onClick: () => setViewerSrc(null),
 				title: "Close image",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideX, { className: "size-5" })
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+				children: /* @__PURE__ */ (void 0)(lucideX, { className: "size-5" }, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 143,
+					columnNumber: 13
+				}, this)
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 142,
+				columnNumber: 11
+			}, this), /* @__PURE__ */ (void 0)("img", {
 				src: viewerSrc,
 				alt: "generated preview",
 				className: "max-h-full max-w-full object-contain rounded-md bg-white",
 				onClick: (e) => e.stopPropagation()
-			})]
-		})]
-	});
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 145,
+				columnNumber: 11
+			}, this)]
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 141,
+			columnNumber: 21
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 133,
+		columnNumber: 10
+	}, this);
 }
 function FormattedContent({ text, markdown }) {
 	const parsed = tryParseJson(text);
 	const [mode, setMode] = (0, import_react.useState)("pretty");
-	const canRenderJsonView = parsed.ok && parsed.value !== null && (Array.isArray(parsed.value) || typeof parsed.value === "object");
-	if (!parsed.ok || !canRenderJsonView) {
-		if (markdown) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageAwareContent, {
+	const jsonContainer = parsed.ok && parsed.value instanceof Object ? parsed.value : null;
+	if (!parsed.ok || jsonContainer === null) {
+		if (markdown) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ImageAwareContent, {
 			text,
 			markdown: true
-		});
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageAwareContent, { text: parsed.ok ? JSON.stringify(parsed.value, null, 2) : text });
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 163,
+			columnNumber: 14
+		}, this);
+		return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ImageAwareContent, { text: parsed.ok ? JSON.stringify(parsed.value, null, 2) : text }, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 165,
+			columnNumber: 12
+		}, this);
 	}
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "flex gap-1 mb-2",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 			type: "button",
 			className: `px-2 py-0.5 text-[10px] rounded-md transition-colors ${mode === "plain" ? "bg-sand-200 text-sand-700" : "text-sand-400 hover:text-sand-600"}`,
 			onClick: () => setMode("plain"),
 			children: "Plain"
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 169,
+			columnNumber: 9
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 			type: "button",
 			className: `px-2 py-0.5 text-[10px] rounded-md transition-colors ${mode === "pretty" ? "bg-sand-200 text-sand-700" : "text-sand-400 hover:text-sand-600"}`,
 			onClick: () => setMode("pretty"),
 			children: "Pretty"
-		})]
-	}), mode === "pretty" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(JsonView, {
-		value: parsed.value,
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 172,
+			columnNumber: 9
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 168,
+		columnNumber: 7
+	}, this), mode === "pretty" ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(JsonView, {
+		value: jsonContainer,
 		style: lightTheme,
 		displayDataTypes: false,
 		enableClipboard: true,
 		collapsed: false
-	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 176,
+		columnNumber: 28
+	}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("pre", {
 		className: "text-sm text-sand-800 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed",
 		children: JSON.stringify(parsed.value, null, 2)
-	})] });
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 176,
+		columnNumber: 143
+	}, this)] }, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 167,
+		columnNumber: 10
+	}, this);
 }
 function Section({ title, defaultOpen = true, headerMetadata, onOpenChange, children }) {
 	const [open, setOpen] = (0, import_react.useState)(defaultOpen);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("details", {
 		open,
 		className: "group panel overflow-hidden",
 		onToggle: (event) => {
@@ -2071,60 +2218,116 @@ function Section({ title, defaultOpen = true, headerMetadata, onOpenChange, chil
 			setOpen(nextOpen);
 			onOpenChange?.(nextOpen);
 		},
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("summary", {
 			className: "panel-header flex min-w-0 items-center gap-1.5 whitespace-nowrap cursor-pointer select-none list-none px-4 py-2.5",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronDown, { className: "size-3.5 shrink-0 text-sand-400 transition-transform group-open:rotate-0 -rotate-90" }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideChevronDown, { className: "size-3.5 shrink-0 text-sand-400 transition-transform group-open:rotate-0 -rotate-90" }, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 201,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 					className: "shrink-0 text-[11px] uppercase tracking-wider text-sand-500 font-medium",
 					children: title
-				}),
-				headerMetadata && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 202,
+					columnNumber: 9
+				}, this),
+				headerMetadata && /* @__PURE__ */ (void 0)("span", {
 					className: "flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden whitespace-nowrap text-[11px] normal-case text-sand-400",
 					children: headerMetadata
-				})
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 205,
+					columnNumber: 28
+				}, this)
 			]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 200,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "p-4",
 			children
-		})]
-	});
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 209,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 195,
+		columnNumber: 10
+	}, this);
 }
 function Metric({ label, value }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "min-w-0",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("dt", {
 			className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium truncate",
 			children: label
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 220,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("dd", {
 			className: "text-[15px] font-semibold text-sand-800 tabular-nums mt-0.5 truncate",
 			children: value
-		})]
-	});
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 223,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 219,
+		columnNumber: 10
+	}, this);
 }
-var STATUS_STYLE = {
-	running: "bg-blue-100 text-blue-600",
-	succeeded: "bg-sage-100 text-sage-600",
-	error: "bg-red-100 text-red-600",
-	aborted: "bg-caution-400/15 text-caution-500"
-};
+var STATUS_STYLE = new Map([
+	["running", "bg-blue-100 text-blue-600"],
+	["succeeded", "bg-sage-100 text-sage-600"],
+	["error", "bg-red-100 text-red-600"],
+	["aborted", "bg-caution-400/15 text-caution-500"]
+]);
 function ErrorPanel({ message }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "panel overflow-hidden border border-red-200 bg-red-50/60",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "px-4 py-2.5 border-b border-red-100 flex items-center gap-1.5",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-[11px] uppercase tracking-wider text-red-600 font-medium",
 				children: "Error"
-			})
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 236,
+				columnNumber: 9
+			}, this)
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 235,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "p-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("pre", {
 				className: "text-[12px] text-red-700 whitespace-pre-wrap break-words font-mono leading-relaxed max-h-80 overflow-auto",
 				children: message
-			})
-		})]
-	});
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 239,
+				columnNumber: 9
+			}, this)
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 238,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 234,
+		columnNumber: 10
+	}, this);
 }
 function HeaderBar({ data }) {
 	const isRunning = data.status === "running";
@@ -2135,120 +2338,241 @@ function HeaderBar({ data }) {
 		imageCostMethod: data.image_cost_method
 	});
 	const hasRequestedOnly = !isRunning && data.requested_model_name !== null && data.model_name === null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "panel overflow-hidden px-4 py-3 flex flex-wrap items-center gap-x-2 gap-y-1.5 sm:px-5",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-[15px] font-semibold text-sand-900 break-all",
 				children: modelDisplay.label === "—" ? "Unknown model" : modelDisplay.label
-			}),
-			hasRequestedOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 261,
+				columnNumber: 7
+			}, this),
+			hasRequestedOnly && /* @__PURE__ */ (void 0)("span", {
 				className: "text-[10px] text-sand-400",
 				children: "요청"
-			}),
-			data.service_tier === "fast" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 264,
+				columnNumber: 28
+			}, this),
+			data.service_tier === "fast" && /* @__PURE__ */ (void 0)("span", {
 				title: "Fast 모드",
 				className: "inline-flex shrink-0",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideZap, {
+				children: /* @__PURE__ */ (void 0)(lucideZap, {
 					"aria-label": "Fast 모드",
 					className: "size-3.5 text-[#1877F2] [&_path]:fill-current"
-				})
-			}),
-			!isRunning && (data.fallback_count ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 266,
+					columnNumber: 11
+				}, this)
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 265,
+				columnNumber: 40
+			}, this),
+			!isRunning && (data.fallback_count ?? 0) > 0 && /* @__PURE__ */ (void 0)("span", {
 				className: "text-[10px] px-1.5 py-0.5 rounded-full bg-caution-400/15 text-caution-500 font-medium uppercase",
 				children: ["fallback ×", data.fallback_count]
-			}),
-			!isRunning && data.status !== "succeeded" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: `text-[10px] px-1.5 py-0.5 rounded-full font-medium uppercase ${STATUS_STYLE[data.status] ?? "bg-sand-100 text-sand-500"}`,
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 268,
+				columnNumber: 56
+			}, this),
+			!isRunning && data.status !== "succeeded" && /* @__PURE__ */ (void 0)("span", {
+				className: `text-[10px] px-1.5 py-0.5 rounded-full font-medium uppercase ${STATUS_STYLE.get(data.status) ?? "bg-sand-100 text-sand-500"}`,
 				children: data.status
-			}),
-			data.response_json_ok === false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 271,
+				columnNumber: 53
+			}, this),
+			data.response_json_ok === false && /* @__PURE__ */ (void 0)("span", {
 				title: "structured 요청의 응답이 JSON 파싱에 실패했습니다",
 				className: "text-[10px] px-1.5 py-0.5 rounded-full bg-caution-400/15 text-caution-500 font-medium uppercase",
 				children: "broken json"
-			}),
-			data.effort && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 274,
+				columnNumber: 43
+			}, this),
+			data.effort && /* @__PURE__ */ (void 0)("span", {
 				className: "text-[11px] px-1.5 py-0.5 rounded-md bg-sand-100 text-sand-500 font-mono",
 				children: ["effort=", data.effort]
-			}),
-			data.project_name && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 277,
+				columnNumber: 23
+			}, this),
+			data.project_name && /* @__PURE__ */ (void 0)("span", {
 				className: "text-[12px] text-sand-400",
 				children: ["· project=", data.project_name]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 280,
+				columnNumber: 29
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "ml-auto text-[11px] text-sand-400",
 				children: data.token_name
-			})
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 281,
+				columnNumber: 7
+			}, this)
 		]
-	});
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 260,
+		columnNumber: 5
+	}, this);
 }
 function MetricsPanel({ data, toolCallCount }) {
 	const tokensPerSecEnabled = isTokensPerSecEnabled(data);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "panel overflow-hidden px-5 py-3 space-y-3",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-x-6 gap-y-3",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Duration",
 					value: `${(data.duration_ms / 1e3).toFixed(1)}s`
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 295,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "TTFT",
 					value: formatRunTtftMs(data.ttft_ms)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 296,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Tokens/sec",
 					value: formatTokensPerSec(data.output_tokens, data.duration_ms, data.ttft_ms, tokensPerSecEnabled)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 297,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Driver",
 					value: data.cost_usd !== null ? formatMicroUsd(data.cost_usd) : "—"
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 298,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Image",
 					value: data.image_cost_usd !== null ? formatMicroUsd(data.image_cost_usd) : "—"
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 299,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Tool Calls",
 					value: `${toolCallCount}회`
-				})
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 300,
+					columnNumber: 9
+				}, this)
 			]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 294,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "border-t border-sand-100/60 pt-3 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-x-6 gap-y-3",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Input",
 					value: formatNum(data.input_tokens)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 303,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Output",
 					value: formatNum(data.output_tokens)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 304,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Cache Read",
 					value: formatNum(data.cache_read_tokens)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 305,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Cache Write",
 					value: formatNum(data.cache_creation_tokens)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 306,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Cache Write (5m)",
 					value: data.cache_creation_5m_tokens === null ? "—" : formatNum(data.cache_creation_5m_tokens)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 307,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Cache Write (1h)",
 					value: data.cache_creation_1h_tokens === null ? "—" : formatNum(data.cache_creation_1h_tokens)
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 308,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Metric, {
 					label: "Cache Hit",
 					value: cacheHitRate(data)
-				})
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 309,
+					columnNumber: 9
+				}, this)
 			]
-		})]
-	});
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 302,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 293,
+		columnNumber: 10
+	}, this);
 }
+var ToolInputImage = object({
+	mediaType: string().optional(),
+	data: string().optional(),
+	url: string().optional(),
+	byteSize: number().optional()
+});
+var ToolInputArgs = looseObject({ inputImages: array(JsonValue) });
+var MaskableToolInputImage = looseObject({
+	mediaType: JsonValue.optional(),
+	byteSize: JsonValue.optional(),
+	url: JsonValue.optional(),
+	data: JsonValue.optional()
+});
 function formatDurationMs(ms) {
 	if (ms === null || ms === void 0) return "—";
 	return ms >= 1e3 ? `${(ms / 1e3).toFixed(1)}s` : `${ms}ms`;
@@ -2263,10 +2587,12 @@ function detectTokenRateProvider(source) {
 		const canonical = modelName.includes("/") ? modelName.split("/").pop() : modelName;
 		if (canonical.startsWith("claude-")) return "anthropic";
 		if (/^(gpt-|codex-|o\d)/.test(canonical)) return "openai";
+		if (canonical.startsWith("grok-")) return "grok";
 	}
 	const tokenName = source.token_name?.trim().toLowerCase();
 	if (tokenName?.startsWith("anthropic/")) return "anthropic";
 	if (tokenName?.startsWith("openai/")) return "openai";
+	if (tokenName?.startsWith("grok/")) return "grok";
 	return null;
 }
 function isTokensPerSecEnabled(source) {
@@ -2280,47 +2606,60 @@ function formatTokensPerSec(outputTokens, durationMs, ttftMs, enabled) {
 	return `${Math.round(outputTokens / (generationMs / 1e3)).toLocaleString()} tok/s`;
 }
 function CompactMetric({ label, value }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "min-w-0 self-end",
-		children: [label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		children: [label && /* @__PURE__ */ (void 0)("div", {
 			className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium truncate",
 			children: label
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 419,
+			columnNumber: 17
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "mt-0.5 text-[13px] font-semibold text-sand-800 tabular-nums truncate",
 			children: value
-		})]
-	});
-}
-function readToolInputImages(args) {
-	if (!args || typeof args !== "object" || Array.isArray(args)) return [];
-	const inputImages = args.inputImages;
-	return Array.isArray(inputImages) ? inputImages : void 0;
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 422,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 418,
+		columnNumber: 5
+	}, this);
 }
 function getToolInputImages(args) {
-	return (readToolInputImages(args) ?? []).filter((item) => {
-		if (!item || typeof item !== "object" || Array.isArray(item)) return false;
-		const image = item;
-		return typeof image.url === "string" && image.url.length > 0 || typeof image.data === "string" && image.data.length > 0;
+	const parsedArgs = ToolInputArgs.safeParse(args);
+	if (!parsedArgs.success) return [];
+	return parsedArgs.data.inputImages.flatMap((item) => {
+		const image = ToolInputImage.safeParse(item);
+		return image.success && (image.data.url || image.data.data) ? [image.data] : [];
 	});
 }
+function maskToolInputImage(item) {
+	const parsed = MaskableToolInputImage.safeParse(item);
+	if (!parsed.success) return item;
+	const image = parsed.data;
+	const masked = {};
+	if (image.mediaType !== void 0) masked.mediaType = image.mediaType;
+	if (image.byteSize !== void 0) masked.byteSize = image.byteSize;
+	const url = string().safeParse(image.url);
+	const maskedUrl = url.success && url.data.toLowerCase().startsWith("data:") ? `[data-url ${url.data.length} chars]` : image.url;
+	if (maskedUrl) masked.url = maskedUrl;
+	if (image.data) {
+		const data = string().safeParse(image.data);
+		masked.data = data.success ? `[base64 ${data.data.length} chars]` : "[base64 data]";
+	}
+	return masked;
+}
+/** Returns the value passed to JSON.stringify for display; undefined fields are omitted there. */
 function hideToolInputImages(args) {
-	if (!args || typeof args !== "object" || Array.isArray(args)) return args;
-	const record = args;
-	const inputImages = readToolInputImages(record);
-	if (!inputImages) return args;
+	const parsedArgs = ToolInputArgs.safeParse(args);
+	if (!parsedArgs.success || !(args instanceof Object) || Array.isArray(args)) return args;
 	return {
-		...record,
-		inputImages: inputImages.map((item) => {
-			if (!item || typeof item !== "object" || Array.isArray(item)) return item;
-			const image = item;
-			const maskedUrl = typeof image.url === "string" && image.url.toLowerCase().startsWith("data:") ? `[data-url ${image.url.length} chars]` : image.url;
-			return {
-				mediaType: image.mediaType,
-				byteSize: image.byteSize,
-				...maskedUrl ? { url: maskedUrl } : {},
-				...image.data ? { data: `[base64 ${image.data.length} chars]` } : {}
-			};
-		})
+		...args,
+		inputImages: parsedArgs.data.inputImages.map(maskToolInputImage)
 	};
 }
 function ToolInputImages({ images }) {
@@ -2335,20 +2674,28 @@ function ToolInputImages({ images }) {
 		} : null;
 	}).filter((item) => item !== null);
 	if (renderableImages.length === 0) return null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 		className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium px-2",
 		children: "Input Images"
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 483,
+		columnNumber: 7
+	}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "mt-1 grid grid-cols-1 sm:grid-cols-2 gap-2",
 		children: renderableImages.map(({ image, index, src }) => {
-			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "rounded-md border border-sand-200 bg-white overflow-hidden",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("img", {
 					src,
 					alt: `reference ${index + 1}`,
 					className: "max-h-64 w-full object-contain bg-white",
 					loading: "lazy"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 493,
+					columnNumber: 15
+				}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "px-2 py-1 text-[10px] text-sand-500 font-mono border-t border-sand-100",
 					children: [
 						image.mediaType ?? "image",
@@ -2356,15 +2703,35 @@ function ToolInputImages({ images }) {
 						" ",
 						image.byteSize !== void 0 ? `${image.byteSize.toLocaleString()} bytes` : "url"
 					]
-				})]
-			}, `${image.mediaType ?? "image"}-${index}`);
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 494,
+					columnNumber: 15
+				}, this)]
+			}, `${image.mediaType ?? "image"}-${index}`, true, {
+				fileName: _jsxFileName,
+				lineNumber: 492,
+				columnNumber: 16
+			}, this);
 		})
-	})] });
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 486,
+		columnNumber: 7
+	}, this)] }, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 482,
+		columnNumber: 10
+	}, this);
 }
 function RequestInputImages({ images, stepId }) {
 	const { data: detail } = RequestLogStepService.useRequestLogStep("I", stepId ?? 0, { enabled: images === null && stepId !== null });
 	const args = detail ? safeParseJson(detail.tool_args) : null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolInputImages, { images: images ?? getToolInputImages(args) });
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ToolInputImages, { images: images ?? getToolInputImages(args) }, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 518,
+		columnNumber: 10
+	}, this);
 }
 function ToolCallItem({ entry }) {
 	const hasError = !!entry.error;
@@ -2372,200 +2739,430 @@ function ToolCallItem({ entry }) {
 	const { data: detail } = RequestLogStepService.useRequestLogStep("A", entry.id, { enabled: opened });
 	const displayArgs = hideToolInputImages(detail ? safeParseJson(detail.tool_args) : null);
 	const result = detail ? safeParseJson(detail.tool_result) : null;
+	const resultText = string().safeParse(result);
+	const responseText = resultText.success ? resultText.data : JSON.stringify(result);
 	const error = detail?.error ?? entry.error;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("details", {
 		className: "group/tool",
 		onToggle: (e) => setOpened(e.currentTarget.open),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("summary", {
 			className: "flex items-center gap-2 px-3 py-2 cursor-pointer select-none list-none hover:bg-sand-50 transition-colors rounded-md",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronDown, { className: "size-3 text-sand-400 transition-transform group-open/tool:rotate-0 -rotate-90 shrink-0" }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideChevronDown, { className: "size-3 text-sand-400 transition-transform group-open/tool:rotate-0 -rotate-90 shrink-0" }, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 540,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 					className: "text-[10px] px-1.5 py-0.5 rounded bg-sand-100 text-sand-500 font-mono shrink-0",
 					children: ["call ", entry.callIndex + 1]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 541,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 					className: "text-[13px] font-medium text-sand-800 font-mono truncate",
 					children: entry.toolName
-				}),
-				hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 544,
+					columnNumber: 9
+				}, this),
+				hasError && /* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] px-1.5 py-0.5 rounded-full bg-red-100 text-red-600 font-medium uppercase shrink-0",
 					children: "error"
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 547,
+					columnNumber: 22
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 					className: "ml-auto text-[11px] text-sand-400 tabular-nums shrink-0",
 					children: formatDurationMs(entry.durationMs)
-				})
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 550,
+					columnNumber: 9
+				}, this)
 			]
-		}), opened && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 539,
+			columnNumber: 7
+		}, this), opened && /* @__PURE__ */ (void 0)("div", {
 			className: "mt-1 mx-1 mb-3 space-y-2",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				/* @__PURE__ */ (void 0)("div", { children: [/* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium px-2",
 					children: "Request"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 556,
+					columnNumber: 13
+				}, this), /* @__PURE__ */ (void 0)("div", {
 					className: "mt-1 rounded-md bg-sand-50 p-3 overflow-auto",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, { text: detail ? JSON.stringify(displayArgs) : "Loading..." })
-				})] }),
-				error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					children: /* @__PURE__ */ (void 0)(FormattedContent, { text: detail ? JSON.stringify(displayArgs) : "Loading..." }, void 0, false, {
+						fileName: _jsxFileName,
+						lineNumber: 560,
+						columnNumber: 15
+					}, this)
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 559,
+					columnNumber: 13
+				}, this)] }, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 555,
+					columnNumber: 11
+				}, this),
+				error && /* @__PURE__ */ (void 0)("div", { children: [/* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] uppercase tracking-wider text-red-500 font-medium px-2",
 					children: "Error"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 564,
+					columnNumber: 15
+				}, this), /* @__PURE__ */ (void 0)("div", {
 					className: "mt-1 rounded-md bg-red-50 border border-red-100 p-3 overflow-auto",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, { text: error })
-				})] }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					children: /* @__PURE__ */ (void 0)(FormattedContent, { text: error }, void 0, false, {
+						fileName: _jsxFileName,
+						lineNumber: 568,
+						columnNumber: 17
+					}, this)
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 567,
+					columnNumber: 15
+				}, this)] }, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 563,
+					columnNumber: 21
+				}, this),
+				/* @__PURE__ */ (void 0)("div", { children: [/* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium px-2",
 					children: "Response"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 572,
+					columnNumber: 13
+				}, this), /* @__PURE__ */ (void 0)("div", {
 					className: "mt-1 rounded-md bg-sand-50 p-3 overflow-auto",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
-						text: detail ? typeof result === "string" ? result : JSON.stringify(result) : "Loading...",
+					children: /* @__PURE__ */ (void 0)(FormattedContent, {
+						text: detail ? responseText : "Loading...",
 						markdown: true
-					})
-				})] })
+					}, void 0, false, {
+						fileName: _jsxFileName,
+						lineNumber: 576,
+						columnNumber: 15
+					}, this)
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 575,
+					columnNumber: 13
+				}, this)] }, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 571,
+					columnNumber: 11
+				}, this)
 			]
-		})]
-	});
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 554,
+			columnNumber: 18
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 538,
+		columnNumber: 10
+	}, this);
 }
 function ReasoningBlock({ stepId }) {
 	const [opened, setOpened] = (0, import_react.useState)(false);
 	const { data: detail } = RequestLogStepService.useRequestLogStep("A", stepId, { enabled: opened });
 	const reasoningText = detail?.reasoning_text ?? null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("details", {
 		className: "group/reason mt-3",
 		onToggle: (e) => setOpened(e.currentTarget.open),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("summary", {
 			className: "flex items-center gap-2 cursor-pointer select-none list-none",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronDown, { className: "size-3 text-sand-400 transition-transform group-open/reason:rotate-0 -rotate-90 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideChevronDown, { className: "size-3 text-sand-400 transition-transform group-open/reason:rotate-0 -rotate-90 shrink-0" }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 596,
+				columnNumber: 9
+			}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
 				children: "Reasoning"
-			})]
-		}), opened && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 597,
+				columnNumber: 9
+			}, this)]
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 595,
+			columnNumber: 7
+		}, this), opened && /* @__PURE__ */ (void 0)("div", {
 			className: "mt-2 rounded-md bg-white/70 border border-sand-100 p-3 overflow-auto",
-			children: reasoningText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+			children: reasoningText ? /* @__PURE__ */ (void 0)(FormattedContent, {
 				text: reasoningText,
 				markdown: true
-			}) : !detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 602,
+				columnNumber: 28
+			}, this) : !detail ? /* @__PURE__ */ (void 0)("p", {
 				className: "text-sm text-sand-400",
 				children: "Loading..."
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 602,
+				columnNumber: 91
+			}, this) : /* @__PURE__ */ (void 0)("p", {
 				className: "text-sm text-sand-400",
 				children: "No reasoning text captured."
-			})
-		})]
-	});
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 602,
+				columnNumber: 145
+			}, this)
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 601,
+			columnNumber: 18
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 594,
+		columnNumber: 10
+	}, this);
 }
 function StepTreeItem({ entry, tokensPerSecEnabled }) {
 	const generate = entry.generate;
 	const hasReasoning = generate !== null && generate.reasoningTokens !== null && generate.reasoningTokens !== void 0 && generate.reasoningTokens > 0;
 	const errorCount = entry.toolCalls.filter((toolCall) => toolCall.error).length;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("details", {
 		open: true,
 		className: "group/step border-l border-sand-200 pl-3",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("summary", {
 			className: "flex items-center gap-2 py-2 cursor-pointer select-none list-none",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronDown, { className: "size-3.5 text-sand-400 transition-transform group-open/step:rotate-0 -rotate-90 shrink-0" }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideChevronDown, { className: "size-3.5 text-sand-400 transition-transform group-open/step:rotate-0 -rotate-90 shrink-0" }, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 618,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 					className: "text-[10px] px-1.5 py-0.5 rounded bg-sienna-100 text-sienna-700 font-mono shrink-0",
 					children: ["step ", entry.stepIndex + 1]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 619,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 					className: "text-[13px] font-semibold text-sand-900",
 					children: "LLM call"
-				}),
-				generate?.finishReason && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 622,
+					columnNumber: 9
+				}, this),
+				generate?.finishReason && /* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] px-1.5 py-0.5 rounded bg-sand-100 text-sand-500 font-mono shrink-0",
 					children: generate.finishReason
-				}),
-				generate && (generate.fallbackCount ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 623,
+					columnNumber: 36
+				}, this),
+				generate && (generate.fallbackCount ?? 0) > 0 && /* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] px-1.5 py-0.5 rounded-full bg-caution-400/15 text-caution-500 font-medium uppercase shrink-0",
 					children: [
 						generate.requestedModelName,
 						" → ",
 						generate.modelName
 					]
-				}),
-				hasReasoning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 626,
+					columnNumber: 59
+				}, this),
+				hasReasoning && /* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] px-1.5 py-0.5 rounded bg-blue-100 text-blue-600 font-medium shrink-0",
 					children: "reasoning"
-				}),
-				errorCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 629,
+					columnNumber: 26
+				}, this),
+				errorCount > 0 && /* @__PURE__ */ (void 0)("span", {
 					className: "text-[10px] px-1.5 py-0.5 rounded-full bg-red-100 text-red-600 font-medium uppercase shrink-0",
 					children: [errorCount, " error"]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 632,
+					columnNumber: 28
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 					className: "ml-auto text-[11px] text-sand-400 tabular-nums shrink-0",
 					children: [entry.toolCalls.length, " tools"]
-				})
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 635,
+					columnNumber: 9
+				}, this)
 			]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 617,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "ml-4 mb-4 space-y-3",
-			children: [generate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			children: [generate && /* @__PURE__ */ (void 0)("div", {
 				className: "rounded-md border border-sand-100 bg-sand-50/70 p-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (void 0)("div", {
 					className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-8 gap-x-4 gap-y-3",
 					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Duration",
 							value: formatDurationMs(generate.durationMs)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 643,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "TTFT",
 							value: formatRunTtftMs(generate.ttftMs)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 644,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Tokens/sec",
 							value: formatTokensPerSec(generate.outputTokens, generate.durationMs, generate.ttftMs, tokensPerSecEnabled)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 645,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Input",
 							value: formatNum(generate.inputTokens ?? 0)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 646,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Output",
 							value: formatNum(generate.outputTokens ?? 0)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 647,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Cache Read",
 							value: formatNum(generate.cacheReadTokens ?? 0)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 648,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Cache Write",
 							value: formatNum(generate.cacheCreationTokens ?? 0)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 649,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Cache 5m / 1h",
 							value: `${generate.cacheCreation5mTokens === null ? "—" : formatNum(generate.cacheCreation5mTokens)} / ${generate.cacheCreation1hTokens === null ? "—" : formatNum(generate.cacheCreation1hTokens)}`
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, { value: generate.costUsd === null ? "—" : formatMicroUsd(generate.costUsd) }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 650,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, { value: generate.costUsd === null ? "—" : formatMicroUsd(generate.costUsd) }, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 651,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(CompactMetric, {
 							label: "Reasoning",
 							value: generate.reasoningTokens !== null && generate.reasoningTokens !== void 0 ? formatNum(generate.reasoningTokens) : "—"
-						})
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 652,
+							columnNumber: 15
+						}, this)
 					]
-				}), hasReasoning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReasoningBlock, { stepId: generate.id })]
-			}), entry.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 642,
+					columnNumber: 13
+				}, this), hasReasoning && /* @__PURE__ */ (void 0)(ReasoningBlock, { stepId: generate.id }, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 655,
+					columnNumber: 30
+				}, this)]
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 641,
+				columnNumber: 22
+			}, this), entry.toolCalls.length > 0 && /* @__PURE__ */ (void 0)("div", {
 				className: "space-y-0.5",
-				children: entry.toolCalls.map((toolCall) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallItem, { entry: toolCall }, `${toolCall.stepIndex}-${toolCall.callIndex}-${toolCall.toolCallId}`))
-			})]
-		})]
-	});
+				children: entry.toolCalls.map((toolCall) => /* @__PURE__ */ (void 0)(ToolCallItem, { entry: toolCall }, `${toolCall.stepIndex}-${toolCall.callIndex}-${toolCall.toolCallId}`, false, {
+					fileName: _jsxFileName,
+					lineNumber: 659,
+					columnNumber: 46
+				}, this))
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 658,
+				columnNumber: 40
+			}, this)]
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 640,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 616,
+		columnNumber: 10
+	}, this);
 }
 function StepTreeSection({ steps, tokensPerSecEnabled }) {
 	const toolCallCount = steps.reduce((sum, step) => sum + step.toolCalls.length, 0);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Section, {
 		title: `Steps (${steps.length} steps · ${toolCallCount} tool calls)`,
 		defaultOpen: true,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "space-y-1",
-			children: steps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepTreeItem, {
+			children: steps.map((step) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(StepTreeItem, {
 				entry: step,
 				tokensPerSecEnabled
-			}, step.stepIndex))
-		})
-	});
+			}, step.stepIndex, false, {
+				fileName: _jsxFileName,
+				lineNumber: 674,
+				columnNumber: 28
+			}, this))
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 673,
+			columnNumber: 7
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 672,
+		columnNumber: 10
+	}, this);
 }
 function buildStepTree(steps) {
 	const grouped = /* @__PURE__ */ new Map();
@@ -2628,40 +3225,83 @@ function historyItemLabel(item) {
 	if (item.type === "function_call_output") return `fn result`;
 	return item.role ?? item.type;
 }
+var HistoryTextPart = looseObject({ text: string() });
+var HistoryContent = union([
+	string(),
+	array(union([HistoryTextPart, JsonValue])),
+	JsonValue
+]);
 function extractText(content) {
-	if (typeof content === "string") return content;
-	if (Array.isArray(content)) return content.map((c) => {
-		if (typeof c === "object" && c !== null && "text" in c) return c.text;
-		return JSON.stringify(c);
+	const text = string().safeParse(content);
+	if (text.success) return text.data;
+	const parts = array(union([HistoryTextPart, JsonValue])).safeParse(content);
+	if (parts.success) return parts.data.map((part) => {
+		const textPart = HistoryTextPart.safeParse(part);
+		return textPart.success ? textPart.data.text : JSON.stringify(part);
 	}).join("\n");
 	return JSON.stringify(content);
 }
 function MonoPre({ className, children }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("pre", {
 		className: `text-[12px] text-sand-700 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed max-h-40 overflow-auto ${className ?? ""}`,
 		children
-	});
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 774,
+		columnNumber: 10
+	}, this);
 }
 function HistorySection({ history }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Section, {
 		title: "History",
 		defaultOpen: false,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "space-y-1.5",
-			children: history.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: `rounded-md px-3 py-2 ${historyItemBg(item)}`,
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium mb-1",
-						children: historyItemLabel(item)
-					}),
-					item.content !== null && item.content !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MonoPre, { children: extractText(item.content) }),
-					item.arguments && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MonoPre, { children: item.arguments }),
-					item.output && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MonoPre, { children: item.output })
-				]
-			}, `hist-${i}`))
-		})
-	});
+			children: history.map((item, i) => {
+				const content = HistoryContent.safeParse(item.content);
+				return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+					className: `rounded-md px-3 py-2 ${historyItemBg(item)}`,
+					children: [
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+							className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium mb-1",
+							children: historyItemLabel(item)
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 788,
+							columnNumber: 15
+						}, this),
+						item.content !== null && item.content !== void 0 && /* @__PURE__ */ (void 0)(MonoPre, { children: content.success ? extractText(content.data) : JSON.stringify(item.content) }, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 791,
+							columnNumber: 71
+						}, this),
+						item.arguments && /* @__PURE__ */ (void 0)(MonoPre, { children: item.arguments }, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 794,
+							columnNumber: 34
+						}, this),
+						item.output && /* @__PURE__ */ (void 0)(MonoPre, { children: item.output }, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 795,
+							columnNumber: 31
+						}, this)
+					]
+				}, `hist-${i}`, true, {
+					fileName: _jsxFileName,
+					lineNumber: 787,
+					columnNumber: 16
+				}, this);
+			})
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 784,
+			columnNumber: 7
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 783,
+		columnNumber: 10
+	}, this);
 }
 var TOOL_NAME_PREVIEW_CHARACTERS = 60;
 var TOOL_NAME_COMPACT_PREVIEW_CHARACTERS = 30;
@@ -2681,81 +3321,145 @@ function ToolsHeaderMetadata({ tools }) {
 	const wide = toolNamePreview(tools);
 	const compact = toolNamePreview(tools, TOOL_NAME_COMPACT_PREVIEW_CHARACTERS);
 	const mobile = toolNamePreview(tools, TOOL_NAME_MOBILE_PREVIEW_CHARACTERS);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 			className: "shrink-0",
 			children: "·"
-		}),
-		wide.names.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 829,
+			columnNumber: 7
+		}, this),
+		wide.names.length > 0 && /* @__PURE__ */ (void 0)("span", {
 			className: "hidden shrink-0 xl:inline",
 			children: wide.names.join(", ")
-		}),
-		wide.omittedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 830,
+			columnNumber: 33
+		}, this),
+		wide.omittedCount > 0 && /* @__PURE__ */ (void 0)("span", {
 			className: "hidden shrink-0 xl:inline",
 			children: ["+", wide.omittedCount]
-		}),
-		compact.names.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 831,
+			columnNumber: 33
+		}, this),
+		compact.names.length > 0 && /* @__PURE__ */ (void 0)("span", {
 			className: "hidden shrink-0 sm:inline xl:hidden",
 			children: compact.names.join(", ")
-		}),
-		compact.omittedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 832,
+			columnNumber: 36
+		}, this),
+		compact.omittedCount > 0 && /* @__PURE__ */ (void 0)("span", {
 			className: "hidden shrink-0 sm:inline xl:hidden",
 			children: ["+", compact.omittedCount]
-		}),
-		mobile.names.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 833,
+			columnNumber: 36
+		}, this),
+		mobile.names.length > 0 && /* @__PURE__ */ (void 0)("span", {
 			className: "shrink-0 sm:hidden",
 			children: mobile.names.join(", ")
-		}),
-		mobile.omittedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 834,
+			columnNumber: 35
+		}, this),
+		mobile.omittedCount > 0 && /* @__PURE__ */ (void 0)("span", {
 			className: "shrink-0 sm:hidden",
 			children: ["+", mobile.omittedCount]
-		})
-	] });
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 835,
+			columnNumber: 35
+		}, this)
+	] }, void 0, true);
 }
 function ToolInputZod({ code, fullCode }) {
 	const highlighted = (0, import_react.useMemo)(() => highlightTypeText(code), [code]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
-		"data-zod-parameter-shape": true,
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("pre", {
+		"data-zod-parameter-schema": true,
 		className: `max-h-64 overflow-auto rounded-md bg-sand-900 px-3 py-2.5 font-mono text-[11px] leading-relaxed whitespace-pre text-sand-200 ${fullCode ? "cursor-help outline-none focus-visible:ring-2 focus-visible:ring-sienna-300" : ""}`,
 		tabIndex: fullCode ? 0 : void 0,
 		title: fullCode,
-		children: fullCode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		children: fullCode ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 			"aria-hidden": "true",
 			children: highlighted
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 848,
+			columnNumber: 11
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 			className: "sr-only",
 			children: fullCode
-		})] }) : highlighted
-	});
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 849,
+			columnNumber: 11
+		}, this)] }, void 0, true) : highlighted
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 846,
+		columnNumber: 10
+	}, this);
 }
 function ToolCard({ tool }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "min-w-0 rounded-md border border-sand-100 bg-sand-50/70 p-3",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "break-all font-mono text-[13px] font-semibold text-sand-900",
 				children: tool.name
-			}),
-			tool.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 859,
+				columnNumber: 7
+			}, this),
+			tool.description && /* @__PURE__ */ (void 0)("p", {
 				className: "mt-2 text-[12px] leading-relaxed text-sand-700",
 				children: tool.description
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 860,
+				columnNumber: 28
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "mt-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "mb-1.5 text-[10px] font-medium uppercase tracking-wider text-sand-400",
 					children: [
 						"Parameters (",
 						tool.parameterCount,
 						")"
 					]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolInputZod, {
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 862,
+					columnNumber: 9
+				}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ToolInputZod, {
 					code: tool.inputZod,
 					fullCode: tool.fullInputZod
-				})]
-			})
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 865,
+					columnNumber: 9
+				}, this)]
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 861,
+				columnNumber: 7
+			}, this)
 		]
-	});
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 858,
+		columnNumber: 10
+	}, this);
 }
 function ToolsPanel({ id, tools }) {
 	const [open, setOpen] = (0, import_react.useState)(false);
@@ -2767,22 +3471,46 @@ function ToolsPanel({ id, tools }) {
 		refetchOnReconnect: false
 	});
 	const hasView = query.data !== void 0 && query.data.length > 0;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Section, {
 		title: `Tools (${tools.length})`,
 		defaultOpen: false,
-		headerMetadata: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolsHeaderMetadata, { tools }),
+		headerMetadata: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ToolsHeaderMetadata, { tools }, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 885,
+			columnNumber: 89
+		}, this),
 		onOpenChange: setOpen,
-		children: query.isFetching && !hasView ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		children: query.isFetching && !hasView ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			className: "text-[12px] text-sand-400",
 			children: "Loading tool contracts…"
-		}) : query.isError || !hasView ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 886,
+			columnNumber: 39
+		}, this) : query.isError || !hasView ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			className: "text-[12px] text-sand-400",
 			children: "Tool contracts could not be loaded."
-		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 886,
+			columnNumber: 138
+		}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "space-y-2",
-			children: query.data.map((tool, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCard, { tool }, `${tool.name}-${index}`))
-		})
-	});
+			children: query.data.map((tool, index) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ToolCard, { tool }, `${tool.name}-${index}`, false, {
+				fileName: _jsxFileName,
+				lineNumber: 887,
+				columnNumber: 44
+			}, this))
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 886,
+			columnNumber: 221
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 885,
+		columnNumber: 10
+	}, this);
 }
 var TYPE_TOKEN_RE = /("(?:[^"\\]|\\.)*")|(\b\d+(?:\.\d+)?\b)|(\btype\b|\bz\b(?=\.))|(\b(?:string|number|boolean|null|unknown|Record)\b)|([{}[\]()<>|?:,.=])|([A-Za-z_$][\w$]*)|(\s+|.)/g;
 function highlightTypeText(text) {
@@ -2791,30 +3519,50 @@ function highlightTypeText(text) {
 	for (const match of text.matchAll(TYPE_TOKEN_RE)) {
 		const [token, str, num, kw, builtin, punct, ident] = match;
 		const key = `${match.index}-${token}`;
-		if (str || num) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		if (str || num) nodes.push(/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 			className: "text-sage-400",
 			children: token
-		}, key));
+		}, key, false, {
+			fileName: _jsxFileName,
+			lineNumber: 902,
+			columnNumber: 18
+		}, this));
 		else if (kw) {
 			afterTypeKeyword = token === "type";
-			nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			nodes.push(/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-sienna-400",
 				children: token
-			}, key));
-		} else if (builtin) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			}, key, false, {
+				fileName: _jsxFileName,
+				lineNumber: 908,
+				columnNumber: 18
+			}, this));
+		} else if (builtin) nodes.push(/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 			className: "text-blue-300",
 			children: token
-		}, key));
-		else if (punct) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		}, key, false, {
+			fileName: _jsxFileName,
+			lineNumber: 912,
+			columnNumber: 18
+		}, this));
+		else if (punct) nodes.push(/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 			className: "text-sand-500",
 			children: token
-		}, key));
+		}, key, false, {
+			fileName: _jsxFileName,
+			lineNumber: 916,
+			columnNumber: 18
+		}, this));
 		else if (ident && afterTypeKeyword) {
 			afterTypeKeyword = false;
-			nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			nodes.push(/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "font-semibold text-sand-50",
 				children: token
-			}, key));
+			}, key, false, {
+				fileName: _jsxFileName,
+				lineNumber: 922,
+				columnNumber: 18
+			}, this));
 		} else nodes.push(token);
 	}
 	return nodes;
@@ -2826,14 +3574,18 @@ function ResponseTypePanel({ id }) {
 	const code = mode === "zod" ? zod ?? typescript : typescript ?? zod;
 	const highlighted = (0, import_react.useMemo)(() => code === null ? null : highlightTypeText(code), [code]);
 	if (!data || code === null || highlighted === null) return null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "panel overflow-hidden",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "panel-header flex items-center px-4 py-2",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-[11px] uppercase tracking-wider text-sand-500 font-medium",
 				children: "Response Type"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 954,
+				columnNumber: 9
+			}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "ml-auto flex gap-1",
 				children: [{
 					value: "zod",
@@ -2843,25 +3595,53 @@ function ResponseTypePanel({ id }) {
 					value: "ts",
 					label: "ts",
 					available: typescript !== null
-				}].map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				}].map((option) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 					type: "button",
 					disabled: !option.available,
 					className: `px-3 py-1 text-[12px] font-mono rounded-md transition-colors ${mode === option.value ? "bg-sand-200 text-sand-700" : "text-sand-400 hover:text-sand-600 disabled:text-sand-300 disabled:cursor-not-allowed"}`,
 					onClick: () => setMode(option.value),
 					children: option.label
-				}, option.value))
-			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, option.value, false, {
+					fileName: _jsxFileName,
+					lineNumber: 966,
+					columnNumber: 36
+				}, this))
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 957,
+				columnNumber: 9
+			}, this)]
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 953,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+			children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(CopyButton, {
 				text: code,
 				dark: true
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 972,
+				columnNumber: 9
+			}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("pre", {
 				className: "bg-sand-900 px-4 py-3 text-[12px] text-sand-200 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed max-h-64 overflow-auto",
 				children: highlighted
-			})]
-		})]
-	});
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 974,
+				columnNumber: 9
+			}, this)]
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 971,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 952,
+		columnNumber: 10
+	}, this);
 }
 function RequestDetail({ id }) {
 	const { data, isLoading, error, isError } = RequestLogService.useRequestLog("A", id);
@@ -2872,26 +3652,58 @@ function RequestDetail({ id }) {
 		orderBy: "id-asc"
 	});
 	const stepTree = buildStepTree(stepsData?.rows ?? []);
-	if (isLoading || isStepsLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	if (isLoading || isStepsLoading) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "max-w-6xl mx-auto space-y-4",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-32 bg-sand-200 rounded animate-pulse" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-40 panel animate-pulse" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-32 panel animate-pulse" })
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-4 w-32 bg-sand-200 rounded animate-pulse" }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1005,
+				columnNumber: 9
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-40 panel animate-pulse" }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1006,
+				columnNumber: 9
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-32 panel animate-pulse" }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1007,
+				columnNumber: 9
+			}, this)
 		]
-	});
-	if (isError || isStepsError || !data) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 1004,
+		columnNumber: 12
+	}, this);
+	if (isError || isStepsError || !data) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "max-w-6xl mx-auto",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Link, {
 			to: "/logs",
 			className: "flex items-center gap-1 text-[13px] text-sand-500 hover:text-sienna-500 mb-4",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideArrowLeft, { className: "size-3.5" }), "Back to Logs"]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideArrowLeft, { className: "size-3.5" }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1013,
+				columnNumber: 11
+			}, this), "Back to Logs"]
+		}, void 0, true, {
+			fileName: _jsxFileName,
+			lineNumber: 1012,
+			columnNumber: 9
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			role: "alert",
 			className: "text-danger-500 text-sm",
 			children: isError ? isSonamuError(error) && error.code === 404 ? "Request not found." : "Failed to load request." : isStepsError ? "Failed to load request steps." : "Request not found."
-		})]
-	});
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 1016,
+			columnNumber: 9
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 1011,
+		columnNumber: 12
+	}, this);
 	const toolCalls = stepTree.flatMap((step) => step.toolCalls);
 	const firstImageGenerationStepId = toolCalls.find((toolCall) => toolCall.toolName === "image_generation")?.id ?? null;
 	const hasSteps = stepTree.length > 0;
@@ -2900,90 +3712,210 @@ function RequestDetail({ id }) {
 	const hasHistory = history !== null && history.length > 0;
 	const tools = data.tools ?? null;
 	const hasTools = tools !== null && tools.length > 0;
-	const responseTypePanel = data.is_structured ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResponseTypePanel, { id }) : null;
-	const promptSections = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	const responseTypePanel = data.is_structured ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ResponseTypePanel, { id }, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 1031,
+		columnNumber: 50
+	}, this) : null;
+	const promptSections = /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Section, {
 			title: "System",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: data.system_prompt ?? "null" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(CopyButton, { text: data.system_prompt ?? "null" }, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 1035,
+					columnNumber: 11
+				}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(FormattedContent, {
 					text: data.system_prompt ?? "null",
 					markdown: true
-				})]
-			})
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 1036,
+					columnNumber: 11
+				}, this)]
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 1034,
+				columnNumber: 9
+			}, this)
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 1033,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Section, {
 			title: "User",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: data.user_prompt ?? "null" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+					children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(CopyButton, { text: data.user_prompt ?? "null" }, void 0, false, {
+						fileName: _jsxFileName,
+						lineNumber: 1042,
+						columnNumber: 13
+					}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(FormattedContent, {
 						text: data.user_prompt ?? "null",
 						markdown: true
-					})]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestInputImages, {
+					}, void 0, false, {
+						fileName: _jsxFileName,
+						lineNumber: 1043,
+						columnNumber: 13
+					}, this)]
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 1041,
+					columnNumber: 11
+				}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(RequestInputImages, {
 					images: data.input_images,
 					stepId: firstImageGenerationStepId
-				})]
-			})
-		})]
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 1045,
+					columnNumber: 11
+				}, this)]
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 1040,
+				columnNumber: 9
+			}, this)
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 1039,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 1032,
+		columnNumber: 26
+	}, this);
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: `mx-auto space-y-4 ${hasSteps ? "max-w-[120rem]" : "max-w-6xl"}`,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Link, {
 				to: "/logs",
 				className: "inline-flex items-center gap-1 text-[13px] text-sand-500 hover:text-sienna-500 transition-colors",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideArrowLeft, { className: "size-3.5" }), "Back to Logs"]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeaderBar, { data }),
-			data.error_message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorPanel, { message: data.error_message }),
-			hasHistory && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistorySection, { history }),
-			hasSteps ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideArrowLeft, { className: "size-3.5" }, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 1051,
+					columnNumber: 9
+				}, this), "Back to Logs"]
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 1050,
+				columnNumber: 7
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(HeaderBar, { data }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1055,
+				columnNumber: 7
+			}, this),
+			data.error_message && /* @__PURE__ */ (void 0)(ErrorPanel, { message: data.error_message }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1057,
+				columnNumber: 30
+			}, this),
+			hasHistory && /* @__PURE__ */ (void 0)(HistorySection, { history }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1059,
+				columnNumber: 22
+			}, this),
+			hasSteps ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "flex flex-col lg:flex-row gap-4 items-stretch lg:items-start",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "order-1 lg:order-2 flex-1 min-w-0 space-y-4",
 					children: [
 						responseTypePanel,
-						hasTools && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolsPanel, {
+						hasTools && /* @__PURE__ */ (void 0)(ToolsPanel, {
 							id,
 							tools
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepTreeSection, {
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 1067,
+							columnNumber: 26
+						}, this),
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(StepTreeSection, {
 							steps: stepTree,
 							tokensPerSecEnabled
-						})
+						}, void 0, false, {
+							fileName: _jsxFileName,
+							lineNumber: 1068,
+							columnNumber: 13
+						}, this)
 					]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 1065,
+					columnNumber: 11
+				}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "order-2 lg:order-1 flex-1 min-w-0",
 					children: promptSections
-				})]
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 1070,
+					columnNumber: 11
+				}, this)]
+			}, void 0, true, {
+				fileName: _jsxFileName,
+				lineNumber: 1064,
+				columnNumber: 5
+			}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [
 				responseTypePanel,
-				hasTools && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolsPanel, {
+				hasTools && /* @__PURE__ */ (void 0)(ToolsPanel, {
 					id,
 					tools
-				}),
+				}, void 0, false, {
+					fileName: _jsxFileName,
+					lineNumber: 1073,
+					columnNumber: 24
+				}, this),
 				promptSections
-			] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+			] }, void 0, true),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Section, {
 				title: "Response",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: data.response }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+					children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(CopyButton, { text: data.response }, void 0, false, {
+						fileName: _jsxFileName,
+						lineNumber: 1079,
+						columnNumber: 11
+					}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(FormattedContent, {
 						text: data.response,
 						markdown: true
-					})]
-				})
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetricsPanel, {
+					}, void 0, false, {
+						fileName: _jsxFileName,
+						lineNumber: 1080,
+						columnNumber: 11
+					}, this)]
+				}, void 0, true, {
+					fileName: _jsxFileName,
+					lineNumber: 1078,
+					columnNumber: 9
+				}, this)
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1077,
+				columnNumber: 7
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(MetricsPanel, {
 				data,
 				toolCallCount: toolCalls.length
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pb-8" })
+			}, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1084,
+				columnNumber: 7
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "pb-8" }, void 0, false, {
+				fileName: _jsxFileName,
+				lineNumber: 1086,
+				columnNumber: 7
+			}, this)
 		]
-	});
+	}, void 0, true, {
+		fileName: _jsxFileName,
+		lineNumber: 1049,
+		columnNumber: 10
+	}, this);
 }
 //#endregion
 export { RequestShowPage as component };