@cartanova/qgrid-cli 2.7.0 → 2.7.2

package/bundle/web-dist/server/assets/show-Cr7vwR0l.js

@@ -0,0 +1,2861 @@
+import { H as __toESM, S as require_react, i as RequestLogStepService, r as RequestLogService, x as require_jsx_runtime, z as __commonJSMin } from "./services.generated-DyPeBI00.js";
+import { a as Link } from "./lazyRouteComponent-0y-znAfz.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-CSH_t17I.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() {
+		return module.exports = _extends = Object.assign ? Object.assign.bind() : function(n) {
+			for (var e = 1; e < arguments.length; e++) {
+				var t = arguments[e];
+				for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+			}
+			return n;
+		}, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends.apply(null, arguments);
+	}
+	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/store/ShowTools.js
+var import_objectWithoutPropertiesLoose = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	function _objectWithoutPropertiesLoose(r, e) {
+		if (null == r) return {};
+		var t = {};
+		for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+			if (-1 !== e.indexOf(n)) continue;
+			t[n] = r[n];
+		}
+		return t;
+	}
+	module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
+})))());
+var import_extends = /* @__PURE__ */ __toESM(require_extends());
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var initialState$5 = {};
+var Context$5 = /* @__PURE__ */ (0, import_react.createContext)(initialState$5);
+var reducer$5 = (state, action) => (0, import_extends.default)({}, state, action);
+var useShowToolsStore = () => {
+	return (0, import_react.useContext)(Context$5);
+};
+var DispatchShowTools = /* @__PURE__ */ (0, import_react.createContext)(() => {});
+DispatchShowTools.displayName = "JVR.DispatchShowTools";
+function useShowTools() {
+	return (0, import_react.useReducer)(reducer$5, initialState$5);
+}
+function useShowToolsDispatch() {
+	return (0, import_react.useContext)(DispatchShowTools);
+}
+var ShowTools = (_ref) => {
+	var { initial, dispatch, children } = _ref;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context$5.Provider, {
+		value: initial,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatchShowTools.Provider, {
+			value: dispatch,
+			children
+		})
+	});
+};
+ShowTools.displayName = "JVR.ShowTools";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/store/Expands.js
+var initialState$4 = {};
+var Context$4 = /* @__PURE__ */ (0, import_react.createContext)(initialState$4);
+var reducer$4 = (state, action) => (0, import_extends.default)({}, state, action);
+var useExpandsStore = () => {
+	return (0, import_react.useContext)(Context$4);
+};
+var DispatchExpands = /* @__PURE__ */ (0, import_react.createContext)(() => {});
+DispatchExpands.displayName = "JVR.DispatchExpands";
+function useExpands() {
+	return (0, import_react.useReducer)(reducer$4, initialState$4);
+}
+function useExpandsDispatch() {
+	return (0, import_react.useContext)(DispatchExpands);
+}
+var Expands = (_ref) => {
+	var { initial, dispatch, children } = _ref;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context$4.Provider, {
+		value: initial,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatchExpands.Provider, {
+			value: dispatch,
+			children
+		})
+	});
+};
+Expands.displayName = "JVR.Expands";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/store/Types.js
+var initialState$3 = {
+	Str: {
+		as: "span",
+		"data-type": "string",
+		style: { color: "var(--w-rjv-type-string-color, #cb4b16)" },
+		className: "w-rjv-type",
+		children: "string"
+	},
+	Url: {
+		as: "a",
+		style: { color: "var(--w-rjv-type-url-color, #0969da)" },
+		"data-type": "url",
+		className: "w-rjv-type",
+		children: "url"
+	},
+	Undefined: {
+		style: { color: "var(--w-rjv-type-undefined-color, #586e75)" },
+		as: "span",
+		"data-type": "undefined",
+		className: "w-rjv-type",
+		children: "undefined"
+	},
+	Null: {
+		style: { color: "var(--w-rjv-type-null-color, #d33682)" },
+		as: "span",
+		"data-type": "null",
+		className: "w-rjv-type",
+		children: "null"
+	},
+	Map: {
+		style: {
+			color: "var(--w-rjv-type-map-color, #268bd2)",
+			marginRight: 3
+		},
+		as: "span",
+		"data-type": "map",
+		className: "w-rjv-type",
+		children: "Map"
+	},
+	Nan: {
+		style: { color: "var(--w-rjv-type-nan-color, #859900)" },
+		as: "span",
+		"data-type": "nan",
+		className: "w-rjv-type",
+		children: "NaN"
+	},
+	Bigint: {
+		style: { color: "var(--w-rjv-type-bigint-color, #268bd2)" },
+		as: "span",
+		"data-type": "bigint",
+		className: "w-rjv-type",
+		children: "bigint"
+	},
+	Int: {
+		style: { color: "var(--w-rjv-type-int-color, #268bd2)" },
+		as: "span",
+		"data-type": "int",
+		className: "w-rjv-type",
+		children: "int"
+	},
+	Set: {
+		style: {
+			color: "var(--w-rjv-type-set-color, #268bd2)",
+			marginRight: 3
+		},
+		as: "span",
+		"data-type": "set",
+		className: "w-rjv-type",
+		children: "Set"
+	},
+	Float: {
+		style: { color: "var(--w-rjv-type-float-color, #859900)" },
+		as: "span",
+		"data-type": "float",
+		className: "w-rjv-type",
+		children: "float"
+	},
+	True: {
+		style: { color: "var(--w-rjv-type-boolean-color, #2aa198)" },
+		as: "span",
+		"data-type": "bool",
+		className: "w-rjv-type",
+		children: "bool"
+	},
+	False: {
+		style: { color: "var(--w-rjv-type-boolean-color, #2aa198)" },
+		as: "span",
+		"data-type": "bool",
+		className: "w-rjv-type",
+		children: "bool"
+	},
+	Date: {
+		style: { color: "var(--w-rjv-type-date-color, #268bd2)" },
+		as: "span",
+		"data-type": "date",
+		className: "w-rjv-type",
+		children: "date"
+	}
+};
+var Context$3 = /* @__PURE__ */ (0, import_react.createContext)(initialState$3);
+var reducer$3 = (state, action) => (0, import_extends.default)({}, state, action);
+var useTypesStore = () => {
+	return (0, import_react.useContext)(Context$3);
+};
+var DispatchTypes = /* @__PURE__ */ (0, import_react.createContext)(() => {});
+DispatchTypes.displayName = "JVR.DispatchTypes";
+function useTypes() {
+	return (0, import_react.useReducer)(reducer$3, initialState$3);
+}
+function useTypesDispatch() {
+	return (0, import_react.useContext)(DispatchTypes);
+}
+function Types(_ref) {
+	var { initial, dispatch, children } = _ref;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context$3.Provider, {
+		value: initial,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatchTypes.Provider, {
+			value: dispatch,
+			children
+		})
+	});
+}
+Types.displayName = "JVR.Types";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/arrow/TriangleArrow.js
+var _excluded$10 = ["style"];
+function TriangleArrow(props) {
+	var { style } = props, reset = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded$10);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", (0, import_extends.default)({
+		viewBox: "0 0 24 24",
+		fill: "var(--w-rjv-arrow-color, currentColor)",
+		style: (0, import_extends.default)({
+			cursor: "pointer",
+			height: "1em",
+			width: "1em",
+			userSelect: "none",
+			display: "inline-flex"
+		}, style)
+	}, reset, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }) }));
+}
+TriangleArrow.displayName = "JVR.TriangleArrow";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/store/Symbols.js
+var initialState$2 = {
+	Arrow: {
+		as: "span",
+		className: "w-rjv-arrow",
+		style: {
+			transform: "rotate(0deg)",
+			transition: "all 0.3s"
+		},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleArrow, {})
+	},
+	Colon: {
+		as: "span",
+		style: {
+			color: "var(--w-rjv-colon-color, var(--w-rjv-color))",
+			marginLeft: 0,
+			marginRight: 2
+		},
+		className: "w-rjv-colon",
+		children: ":"
+	},
+	Quote: {
+		as: "span",
+		style: { color: "var(--w-rjv-quotes-color, #236a7c)" },
+		className: "w-rjv-quotes",
+		children: "\""
+	},
+	ValueQuote: {
+		as: "span",
+		style: { color: "var(--w-rjv-quotes-string-color, #cb4b16)" },
+		className: "w-rjv-quotes",
+		children: "\""
+	},
+	BracketsLeft: {
+		as: "span",
+		style: { color: "var(--w-rjv-brackets-color, #236a7c)" },
+		className: "w-rjv-brackets-start",
+		children: "["
+	},
+	BracketsRight: {
+		as: "span",
+		style: { color: "var(--w-rjv-brackets-color, #236a7c)" },
+		className: "w-rjv-brackets-end",
+		children: "]"
+	},
+	BraceLeft: {
+		as: "span",
+		style: { color: "var(--w-rjv-curlybraces-color, #236a7c)" },
+		className: "w-rjv-curlybraces-start",
+		children: "{"
+	},
+	BraceRight: {
+		as: "span",
+		style: { color: "var(--w-rjv-curlybraces-color, #236a7c)" },
+		className: "w-rjv-curlybraces-end",
+		children: "}"
+	}
+};
+var Context$2 = /* @__PURE__ */ (0, import_react.createContext)(initialState$2);
+var reducer$2 = (state, action) => (0, import_extends.default)({}, state, action);
+var useSymbolsStore = () => {
+	return (0, import_react.useContext)(Context$2);
+};
+var DispatchSymbols = /* @__PURE__ */ (0, import_react.createContext)(() => {});
+DispatchSymbols.displayName = "JVR.DispatchSymbols";
+function useSymbols() {
+	return (0, import_react.useReducer)(reducer$2, initialState$2);
+}
+function useSymbolsDispatch() {
+	return (0, import_react.useContext)(DispatchSymbols);
+}
+var Symbols = (_ref) => {
+	var { initial, dispatch, children } = _ref;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context$2.Provider, {
+		value: initial,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatchSymbols.Provider, {
+			value: dispatch,
+			children
+		})
+	});
+};
+Symbols.displayName = "JVR.Symbols";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/store/Section.js
+var initialState$1 = {
+	Copied: {
+		className: "w-rjv-copied",
+		style: {
+			height: "1em",
+			width: "1em",
+			cursor: "pointer",
+			verticalAlign: "middle",
+			marginLeft: 5
+		}
+	},
+	CountInfo: {
+		as: "span",
+		className: "w-rjv-object-size",
+		style: {
+			color: "var(--w-rjv-info-color, #0000004d)",
+			paddingLeft: 8,
+			fontStyle: "italic"
+		}
+	},
+	CountInfoExtra: {
+		as: "span",
+		className: "w-rjv-object-extra",
+		style: { paddingLeft: 8 }
+	},
+	Ellipsis: {
+		as: "span",
+		style: {
+			cursor: "pointer",
+			color: "var(--w-rjv-ellipsis-color, #cb4b16)",
+			userSelect: "none"
+		},
+		className: "w-rjv-ellipsis",
+		children: "..."
+	},
+	Row: {
+		as: "div",
+		className: "w-rjv-line"
+	},
+	KeyName: {
+		as: "span",
+		className: "w-rjv-object-key"
+	}
+};
+var Context$1 = /* @__PURE__ */ (0, import_react.createContext)(initialState$1);
+var reducer$1 = (state, action) => (0, import_extends.default)({}, state, action);
+var useSectionStore = () => {
+	return (0, import_react.useContext)(Context$1);
+};
+var DispatchSection = /* @__PURE__ */ (0, import_react.createContext)(() => {});
+DispatchSection.displayName = "JVR.DispatchSection";
+function useSection() {
+	return (0, import_react.useReducer)(reducer$1, initialState$1);
+}
+function useSectionDispatch() {
+	return (0, import_react.useContext)(DispatchSection);
+}
+var Section$1 = (_ref) => {
+	var { initial, dispatch, children } = _ref;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context$1.Provider, {
+		value: initial,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatchSection.Provider, {
+			value: dispatch,
+			children
+		})
+	});
+};
+Section$1.displayName = "JVR.Section";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/store.js
+var initialState = {
+	objectSortKeys: false,
+	indentWidth: 15
+};
+var Context = /* @__PURE__ */ (0, import_react.createContext)(initialState);
+Context.displayName = "JVR.Context";
+var DispatchContext = /* @__PURE__ */ (0, import_react.createContext)(() => {});
+DispatchContext.displayName = "JVR.DispatchContext";
+function reducer(state, action) {
+	return (0, import_extends.default)({}, state, action);
+}
+var useStore = () => {
+	return (0, import_react.useContext)(Context);
+};
+var Provider = (_ref) => {
+	var { children, initialState: init, initialTypes } = _ref;
+	var [state, dispatch] = (0, import_react.useReducer)(reducer, Object.assign({}, initialState, init));
+	var [showTools, showToolsDispatch] = useShowTools();
+	var [expands, expandsDispatch] = useExpands();
+	var [types, typesDispatch] = useTypes();
+	var [symbols, symbolsDispatch] = useSymbols();
+	var [section, sectionDispatch] = useSection();
+	(0, import_react.useEffect)(() => dispatch((0, import_extends.default)({}, init)), [init]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, {
+		value: state,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatchContext.Provider, {
+			value: dispatch,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShowTools, {
+				initial: showTools,
+				dispatch: showToolsDispatch,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Expands, {
+					initial: expands,
+					dispatch: expandsDispatch,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Types, {
+						initial: (0, import_extends.default)({}, types, initialTypes),
+						dispatch: typesDispatch,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Symbols, {
+							initial: symbols,
+							dispatch: symbolsDispatch,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section$1, {
+								initial: section,
+								dispatch: sectionDispatch,
+								children
+							})
+						})
+					})
+				})
+			})
+		})
+	});
+};
+Provider.displayName = "JVR.Provider";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/index.js
+var import_objectDestructuringEmpty = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	function _objectDestructuringEmpty(t) {
+		if (null == t) throw new TypeError("Cannot destructure " + t);
+	}
+	module.exports = _objectDestructuringEmpty, module.exports.__esModule = true, module.exports["default"] = module.exports;
+})))());
+var _excluded$9 = [
+	"isNumber",
+	"value",
+	"parentValue",
+	"keyName",
+	"keys"
+], _excluded2$5 = ["as", "render"], _excluded3$1 = ["as", "render"], _excluded4$1 = ["as", "render"], _excluded5$1 = [
+	"as",
+	"style",
+	"render"
+], _excluded6$1 = ["as", "render"], _excluded7$1 = ["as", "render"], _excluded8$1 = ["as", "render"], _excluded9$1 = ["as", "render"];
+var Quote$1 = (props) => {
+	var { Quote: Comp = {} } = useSymbolsStore();
+	var { isNumber, value, parentValue, keyName, keys } = props, other = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded$9);
+	if (isNumber) return null;
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded2$5);
+	var Elm = as || "span";
+	var elmProps = (0, import_extends.default)({}, other, reset);
+	if (typeof elmProps.children === "string") elmProps.children = elmProps.children.trim() || void 0;
+	var child = render && typeof render === "function" && render(elmProps, {
+		value,
+		parentValue,
+		keyName,
+		keys: keys || (keyName ? [keyName] : [])
+	});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, elmProps));
+};
+Quote$1.displayName = "JVR.Quote";
+var ValueQuote$1 = (props) => {
+	var { ValueQuote: Comp = {} } = useSymbolsStore();
+	var other = (0, import_extends.default)({}, ((0, import_objectDestructuringEmpty.default)(props), props));
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded3$1);
+	var Elm = as || "span";
+	var elmProps = (0, import_extends.default)({}, other, reset);
+	var child = render && typeof render === "function" && render(elmProps, {});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, elmProps));
+};
+ValueQuote$1.displayName = "JVR.ValueQuote";
+var Colon$1 = (props) => {
+	var { value, parentValue, keyName, keys } = props;
+	var { Colon: Comp = {} } = useSymbolsStore();
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded4$1);
+	var Elm = as || "span";
+	var child = render && typeof render === "function" && render(reset, {
+		value,
+		parentValue,
+		keyName,
+		keys: keys || (keyName ? [keyName] : [])
+	});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, reset));
+};
+Colon$1.displayName = "JVR.Colon";
+var Arrow$1 = (props) => {
+	var { Arrow: Comp = {} } = useSymbolsStore();
+	var expands = useExpandsStore();
+	var { expandKey, style: resetStyle, value, parentValue, keyName, keys } = props;
+	var isExpanded = !!expands[expandKey];
+	var { as, style, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded5$1);
+	var Elm = as || "span";
+	var isRender = render && typeof render === "function";
+	var elmProps = (0, import_extends.default)({}, reset, {
+		"data-expanded": isExpanded,
+		style: (0, import_extends.default)({}, style, resetStyle)
+	});
+	var child = isRender && render(elmProps, {
+		value,
+		parentValue,
+		keyName,
+		keys: keys || (keyName ? [keyName] : [])
+	});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, reset, { style: (0, import_extends.default)({}, style, resetStyle) }));
+};
+Arrow$1.displayName = "JVR.Arrow";
+var BracketsOpen = (props) => {
+	var { isBrackets, value, parentValue, keyName, keys } = props;
+	var { BracketsLeft = {}, BraceLeft = {} } = useSymbolsStore();
+	var result = {
+		value,
+		parentValue,
+		keyName,
+		keys: keys || (keyName ? [keyName] : [])
+	};
+	if (isBrackets) {
+		var { as, render: _render } = BracketsLeft, reset = (0, import_objectWithoutPropertiesLoose.default)(BracketsLeft, _excluded6$1);
+		var BracketsLeftComp = as || "span";
+		var _child = _render && typeof _render === "function" && _render(reset, result);
+		if (_child) return _child;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BracketsLeftComp, (0, import_extends.default)({}, reset));
+	}
+	var { as: elm, render } = BraceLeft, resetProps = (0, import_objectWithoutPropertiesLoose.default)(BraceLeft, _excluded7$1);
+	var BraceLeftComp = elm || "span";
+	var child = render && typeof render === "function" && render(resetProps, result);
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BraceLeftComp, (0, import_extends.default)({}, resetProps));
+};
+BracketsOpen.displayName = "JVR.BracketsOpen";
+var BracketsClose = (props) => {
+	var { isBrackets, isVisiable, value, parentValue, keyName, keys } = props;
+	var result = {
+		value,
+		parentValue,
+		keyName,
+		keys: keys || (keyName ? [keyName] : [])
+	};
+	if (!isVisiable) return null;
+	var { BracketsRight = {}, BraceRight = {} } = useSymbolsStore();
+	if (isBrackets) {
+		var { as, render: _render2 } = BracketsRight, _reset = (0, import_objectWithoutPropertiesLoose.default)(BracketsRight, _excluded8$1);
+		var BracketsRightComp = as || "span";
+		var _child2 = _render2 && typeof _render2 === "function" && _render2(_reset, result);
+		if (_child2) return _child2;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BracketsRightComp, (0, import_extends.default)({}, _reset));
+	}
+	var { as: elm, render } = BraceRight, reset = (0, import_objectWithoutPropertiesLoose.default)(BraceRight, _excluded9$1);
+	var BraceRightComp = elm || "span";
+	var child = render && typeof render === "function" && render(reset, result);
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BraceRightComp, (0, import_extends.default)({}, reset));
+};
+BracketsClose.displayName = "JVR.BracketsClose";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/comps/NestedClose.js
+var NestedClose = (props) => {
+	var _expands$expandKey;
+	var { keyName, value, expandKey, parentValue, level, keys = [] } = props;
+	var expands = useExpandsStore();
+	var { collapsed, shouldExpandNodeInitially } = useStore();
+	var defaultExpanded = typeof collapsed === "boolean" ? collapsed : typeof collapsed === "number" ? level > collapsed : false;
+	var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+	var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
+		value,
+		keys,
+		level,
+		keyName,
+		parentValue
+	});
+	if (shouldExpandNodeInitially && collapsed === false) {
+		if (expands[expandKey] === void 0 && !shouldExpand) return null;
+	} else if (expands[expandKey] === void 0 && shouldExpand) return null;
+	var len = Object.keys(value).length;
+	if (isExpanded || len === 0) return null;
+	var style = { paddingLeft: 4 };
+	var compProps = {
+		keyName,
+		value,
+		keys,
+		parentValue
+	};
+	var isArray = Array.isArray(value);
+	var isMySet = value instanceof Set;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BracketsClose, (0, import_extends.default)({ isBrackets: isArray || isMySet }, compProps, { isVisiable: true }))
+	});
+};
+NestedClose.displayName = "JVR.NestedClose";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/index.js
+var _excluded$8 = ["as", "render"], _excluded2$4 = ["as", "render"], _excluded3 = ["as", "render"], _excluded4 = ["as", "render"], _excluded5 = ["as", "render"], _excluded6 = ["as", "render"], _excluded7 = ["as", "render"], _excluded8 = ["as", "render"], _excluded9 = ["as", "render"], _excluded0 = ["as", "render"], _excluded1 = ["as", "render"], _excluded10 = ["as", "render"], _excluded11 = ["as", "render"];
+var bigIntToString = (bi) => {
+	if (bi === void 0) return "0n";
+	else if (typeof bi === "string") try {
+		bi = BigInt(bi);
+	} catch (e) {
+		return "0n";
+	}
+	return bi ? bi.toString() + "n" : "0n";
+};
+var SetComp = (_ref) => {
+	var { value, keyName } = _ref;
+	var { Set: Comp = {}, displayDataTypes } = useTypesStore();
+	if (!(value instanceof Set) || !displayDataTypes) return null;
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded$8);
+	var type = render && typeof render === "function" && render(reset, {
+		type: "type",
+		value,
+		keyName
+	});
+	if (type) return type;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(as || "span", (0, import_extends.default)({}, reset));
+};
+SetComp.displayName = "JVR.SetComp";
+var MapComp = (_ref2) => {
+	var { value, keyName } = _ref2;
+	var { Map: Comp = {}, displayDataTypes } = useTypesStore();
+	if (!(value instanceof Map) || !displayDataTypes) return null;
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded2$4);
+	var type = render && typeof render === "function" && render(reset, {
+		type: "type",
+		value,
+		keyName
+	});
+	if (type) return type;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(as || "span", (0, import_extends.default)({}, reset));
+};
+MapComp.displayName = "JVR.MapComp";
+var defalutStyle = {
+	opacity: .75,
+	paddingRight: 4
+};
+var TypeString = (_ref3) => {
+	var { children = "", keyName, keys } = _ref3;
+	var { Str = {}, displayDataTypes } = useTypesStore();
+	var { shortenTextAfterLength: length = 30, stringEllipsis = "..." } = useStore();
+	var { as, render } = Str, reset = (0, import_objectWithoutPropertiesLoose.default)(Str, _excluded3);
+	var childrenStr = children;
+	var [shorten, setShorten] = (0, import_react.useState)(length && childrenStr.length > length);
+	(0, import_react.useEffect)(() => setShorten(length && childrenStr.length > length), [length]);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, Str.style || {});
+	if (length > 0) {
+		reset.style = (0, import_extends.default)({}, reset.style, { cursor: childrenStr.length <= length ? "initial" : "pointer" });
+		if (childrenStr.length > length) reset.onClick = () => {
+			setShorten(!shorten);
+		};
+	}
+	var text = shorten ? "" + childrenStr.slice(0, length) + stringEllipsis : childrenStr;
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var cls = shorten ? "w-rjv-value w-rjv-value-short" : "w-rjv-value";
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children: text,
+		className: cls
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueQuote$1, {}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, {
+			className: cls,
+			children: text
+		})),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueQuote$1, {})
+	] })] });
+};
+TypeString.displayName = "JVR.TypeString";
+var TypeTrue = (_ref4) => {
+	var { children, keyName, keys } = _ref4;
+	var { True = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = True, reset = (0, import_objectWithoutPropertiesLoose.default)(True, _excluded4);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, True.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, {
+		className: "w-rjv-value",
+		children: children == null ? void 0 : children.toString()
+	}))] });
+};
+TypeTrue.displayName = "JVR.TypeTrue";
+var TypeFalse = (_ref5) => {
+	var { children, keyName, keys } = _ref5;
+	var { False = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = False, reset = (0, import_objectWithoutPropertiesLoose.default)(False, _excluded5);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, False.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, {
+		className: "w-rjv-value",
+		children: children == null ? void 0 : children.toString()
+	}))] });
+};
+TypeFalse.displayName = "JVR.TypeFalse";
+var TypeFloat = (_ref6) => {
+	var { children, keyName, keys } = _ref6;
+	var { Float = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = Float, reset = (0, import_objectWithoutPropertiesLoose.default)(Float, _excluded6);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, Float.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, {
+		className: "w-rjv-value",
+		children: children == null ? void 0 : children.toString()
+	}))] });
+};
+TypeFloat.displayName = "JVR.TypeFloat";
+var TypeInt = (_ref7) => {
+	var { children, keyName, keys } = _ref7;
+	var { Int = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = Int, reset = (0, import_objectWithoutPropertiesLoose.default)(Int, _excluded7);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, Int.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, {
+		className: "w-rjv-value",
+		children: children == null ? void 0 : children.toString()
+	}))] });
+};
+TypeInt.displayName = "JVR.TypeInt";
+var TypeBigint = (_ref8) => {
+	var { children, keyName, keys } = _ref8;
+	var { Bigint: CompBigint = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = CompBigint, reset = (0, import_objectWithoutPropertiesLoose.default)(CompBigint, _excluded8);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, CompBigint.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, {
+		className: "w-rjv-value",
+		children: bigIntToString(children == null ? void 0 : children.toString())
+	}))] });
+};
+TypeBigint.displayName = "JVR.TypeFloat";
+var TypeUrl = (_ref9) => {
+	var { children, keyName, keys } = _ref9;
+	var { Url = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = Url, reset = (0, import_objectWithoutPropertiesLoose.default)(Url, _excluded9);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, Url.style);
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children: children == null ? void 0 : children.href,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", (0, import_extends.default)({
+		href: children == null ? void 0 : children.href,
+		target: "_blank"
+	}, reset, {
+		className: "w-rjv-value",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueQuote$1, {}),
+			children == null ? void 0 : children.href,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueQuote$1, {})
+		]
+	}))] });
+};
+TypeUrl.displayName = "JVR.TypeUrl";
+var TypeDate = (_ref0) => {
+	var { children, keyName, keys } = _ref0;
+	var { Date: CompData = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = CompData, reset = (0, import_objectWithoutPropertiesLoose.default)(CompData, _excluded0);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, CompData.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var childStr = children instanceof Date ? children.toLocaleString() : children;
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children: childStr,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, {
+		className: "w-rjv-value",
+		children: childStr
+	}))] });
+};
+TypeDate.displayName = "JVR.TypeDate";
+var TypeUndefined = (_ref1) => {
+	var { children, keyName, keys } = _ref1;
+	var { Undefined = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = Undefined, reset = (0, import_objectWithoutPropertiesLoose.default)(Undefined, _excluded1);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, Undefined.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child] });
+};
+TypeUndefined.displayName = "JVR.TypeUndefined";
+var TypeNull = (_ref10) => {
+	var { children, keyName, keys } = _ref10;
+	var { Null = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = Null, reset = (0, import_objectWithoutPropertiesLoose.default)(Null, _excluded10);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, Null.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children,
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child] });
+};
+TypeNull.displayName = "JVR.TypeNull";
+var TypeNan = (_ref11) => {
+	var { children, keyName, keys } = _ref11;
+	var { Nan = {}, displayDataTypes } = useTypesStore();
+	var { as, render } = Nan, reset = (0, import_objectWithoutPropertiesLoose.default)(Nan, _excluded11);
+	var Comp = as || "span";
+	var style = (0, import_extends.default)({}, defalutStyle, Nan.style || {});
+	var isRender = render && typeof render === "function";
+	var type = isRender && render((0, import_extends.default)({}, reset, { style }), {
+		type: "type",
+		value: children,
+		keyName,
+		keys
+	});
+	var child = isRender && render((0, import_extends.default)({}, reset, {
+		children: children == null ? void 0 : children.toString(),
+		className: "w-rjv-value"
+	}), {
+		type: "value",
+		value: children,
+		keyName,
+		keys
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [displayDataTypes && (type || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, (0, import_extends.default)({}, reset, { style }))), child] });
+};
+TypeNan.displayName = "JVR.TypeNan";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/comps/Value.js
+var isFloat = (n) => Number(n) === n && n % 1 !== 0 || isNaN(n);
+var Value = (props) => {
+	var { value, keyName, keys } = props;
+	var reset = {
+		keyName,
+		keys
+	};
+	if (value instanceof URL) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeUrl, (0, import_extends.default)({}, reset, { children: value }));
+	if (typeof value === "string") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeString, (0, import_extends.default)({}, reset, { children: value }));
+	if (value === true) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeTrue, (0, import_extends.default)({}, reset, { children: value }));
+	if (value === false) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeFalse, (0, import_extends.default)({}, reset, { children: value }));
+	if (value === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeNull, (0, import_extends.default)({}, reset, { children: value }));
+	if (value === void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeUndefined, (0, import_extends.default)({}, reset, { children: value }));
+	if (value instanceof Date) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeDate, (0, import_extends.default)({}, reset, { children: value }));
+	if (typeof value === "number" && isNaN(value)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeNan, (0, import_extends.default)({}, reset, { children: value }));
+	else if (typeof value === "number" && isFloat(value)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeFloat, (0, import_extends.default)({}, reset, { children: value }));
+	else if (typeof value === "bigint") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeBigint, (0, import_extends.default)({}, reset, { children: value }));
+	else if (typeof value === "number") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeInt, (0, import_extends.default)({}, reset, { children: value }));
+	return null;
+};
+Value.displayName = "JVR.Value";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/utils/useRender.js
+function useSymbolsRender(currentProps, props, key) {
+	var dispatch = useSymbolsDispatch();
+	var reset = (0, import_extends.default)({}, currentProps, props, {
+		className: [currentProps.className, props.className].filter(Boolean).join(" "),
+		style: (0, import_extends.default)({}, currentProps.style, props.style),
+		children: props.children || currentProps.children
+	});
+	(0, import_react.useEffect)(() => dispatch({ [key]: reset }), [props]);
+}
+function useTypesRender(currentProps, props, key) {
+	var dispatch = useTypesDispatch();
+	var reset = (0, import_extends.default)({}, currentProps, props, {
+		className: [currentProps.className, props.className].filter(Boolean).join(" "),
+		style: (0, import_extends.default)({}, currentProps.style, props.style),
+		children: props.children || currentProps.children
+	});
+	(0, import_react.useEffect)(() => dispatch({ [key]: reset }), [props]);
+}
+function useSectionRender(currentProps, props, key) {
+	var dispatch = useSectionDispatch();
+	var reset = (0, import_extends.default)({}, currentProps, props, {
+		className: [currentProps.className, props.className].filter(Boolean).join(" "),
+		style: (0, import_extends.default)({}, currentProps.style, props.style),
+		children: props.children || currentProps.children
+	});
+	(0, import_react.useEffect)(() => dispatch({ [key]: reset }), [props]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/section/KeyName.js
+var _excluded$7 = ["as", "render"];
+var KeyName = (props) => {
+	var { KeyName: Comp = {} } = useSectionStore();
+	useSectionRender(Comp, props, "KeyName");
+	return null;
+};
+KeyName.displayName = "JVR.KeyName";
+var KeyNameComp = (props) => {
+	var { children, value, parentValue, keyName, keys } = props;
+	var style = { color: typeof children === "number" ? "var(--w-rjv-key-number, #268bd2)" : "var(--w-rjv-key-string, #002b36)" };
+	var { KeyName: Comp = {} } = useSectionStore();
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded$7);
+	reset.style = (0, import_extends.default)({}, reset.style, style);
+	var Elm = as || "span";
+	var child = render && typeof render === "function" && render((0, import_extends.default)({}, reset, { children }), {
+		value,
+		parentValue,
+		keyName,
+		keys: keys || (keyName ? [keyName] : [])
+	});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, reset, { children }));
+};
+KeyNameComp.displayName = "JVR.KeyNameComp";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/section/Row.js
+var _excluded$6 = [
+	"children",
+	"value",
+	"parentValue",
+	"keyName",
+	"keys"
+], _excluded2$3 = [
+	"as",
+	"render",
+	"children"
+];
+var Row = (props) => {
+	var { Row: Comp = {} } = useSectionStore();
+	useSectionRender(Comp, props, "Row");
+	return null;
+};
+Row.displayName = "JVR.Row";
+var RowComp = (props) => {
+	var { children, value, parentValue, keyName, keys } = props, other = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded$6);
+	var { Row: Comp = {} } = useSectionStore();
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded2$3);
+	var Elm = as || "div";
+	var child = render && typeof render === "function" && render((0, import_extends.default)({}, other, reset, { children }), {
+		value,
+		keyName,
+		parentValue,
+		keys
+	});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, other, reset, { children }));
+};
+RowComp.displayName = "JVR.RowComp";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/utils/useHighlight.js
+function usePrevious(value) {
+	var ref = (0, import_react.useRef)();
+	(0, import_react.useEffect)(() => {
+		ref.current = value;
+	});
+	return ref.current;
+}
+function useHighlight(_ref) {
+	var { value, highlightUpdates, highlightContainer } = _ref;
+	var prevValue = usePrevious(value);
+	var isHighlight = (0, import_react.useMemo)(() => {
+		if (!highlightUpdates || prevValue === void 0) return false;
+		if (typeof value !== typeof prevValue) return true;
+		if (typeof value === "number") {
+			if (isNaN(value) && isNaN(prevValue)) return false;
+			return value !== prevValue;
+		}
+		if (Array.isArray(value) !== Array.isArray(prevValue)) return true;
+		if (typeof value === "object" || typeof value === "function") return false;
+		if (value !== prevValue) return true;
+	}, [highlightUpdates, value]);
+	(0, import_react.useEffect)(() => {
+		if (highlightContainer && highlightContainer.current && isHighlight && "animate" in highlightContainer.current) highlightContainer.current.animate([{ backgroundColor: "var(--w-rjv-update-color, #ebcb8b)" }, { backgroundColor: "" }], {
+			duration: 1e3,
+			easing: "ease-in"
+		});
+	}, [
+		isHighlight,
+		value,
+		highlightContainer
+	]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/comps/Copied.js
+var _excluded$5 = [
+	"keyName",
+	"value",
+	"parentValue",
+	"expandKey",
+	"keys",
+	"beforeCopy"
+], _excluded2$2 = ["as", "render"];
+var Copied$1 = (props) => {
+	var { keyName, value, parentValue, expandKey, keys, beforeCopy } = props, other = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded$5);
+	var { onCopied, enableClipboard, beforeCopy: globalBeforeCopy } = useStore();
+	var isShowTools = useShowToolsStore()[expandKey];
+	var [copied, setCopied] = (0, import_react.useState)(false);
+	var { Copied: Comp = {} } = useSectionStore();
+	var sectionBeforeCopy = Comp == null ? void 0 : Comp.beforeCopy;
+	if (enableClipboard === false || !isShowTools) return null;
+	var click = (event) => {
+		event.stopPropagation();
+		var copyText = "";
+		if (typeof value === "number" && value === Infinity) copyText = "Infinity";
+		else if (typeof value === "number" && isNaN(value)) copyText = "NaN";
+		else if (typeof value === "bigint") copyText = bigIntToString(value);
+		else if (value instanceof Date) copyText = value.toLocaleString();
+		else copyText = JSON.stringify(value, (_, v) => typeof v === "bigint" ? bigIntToString(v) : v, 2);
+		var finalBeforeCopy = beforeCopy || sectionBeforeCopy || globalBeforeCopy;
+		if (finalBeforeCopy && typeof finalBeforeCopy === "function") copyText = finalBeforeCopy(copyText, keyName, value, parentValue, expandKey, keys);
+		onCopied && onCopied(copyText, value);
+		setCopied(true);
+		(navigator.clipboard || { writeText(text) {
+			return new Promise((reslove, reject) => {
+				var textarea = document.createElement("textarea");
+				textarea.style.position = "absolute";
+				textarea.style.opacity = "0";
+				textarea.style.left = "-99999999px";
+				textarea.value = text;
+				document.body.appendChild(textarea);
+				textarea.select();
+				if (!document.execCommand("copy")) reject();
+				else reslove();
+				textarea.remove();
+			});
+		} }).writeText(copyText).then(() => {
+			var timer = setTimeout(() => {
+				setCopied(false);
+				clearTimeout(timer);
+			}, 3e3);
+		}).catch((error) => {});
+	};
+	var svgProps = {
+		style: { display: "inline-flex" },
+		fill: copied ? "var(--w-rjv-copied-success-color, #28a745)" : "var(--w-rjv-copied-color, currentColor)",
+		onClick: click
+	};
+	var { render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded2$2);
+	var elmProps = (0, import_extends.default)({}, reset, other, svgProps, { style: (0, import_extends.default)({}, reset.style, other.style, svgProps.style) });
+	var child = render && typeof render === "function" && render((0, import_extends.default)({}, elmProps, { "data-copied": copied }), {
+		value,
+		keyName,
+		keys,
+		parentValue
+	});
+	if (child) return child;
+	if (copied) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", (0, import_extends.default)({ viewBox: "0 0 32 36" }, elmProps, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,15.2249049 C29.1403264,13.8627542 29.9736597,13.1778155 30,13.1700887 C30,11.9705278 30,10.0804982 30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,26.1114493 L27.5,28.4926435 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M28.5589286,16 L32,19.6 L21.0160714,30.5382252 L13.5303571,24.2571429 L17.1303571,20.6571429 L21.0160714,24.5428571 L28.5589286,16 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z" }) }));
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", (0, import_extends.default)({ viewBox: "0 0 32 36" }, elmProps, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,20 L30,20 L30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,29 L27.5,29 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M22.5,21.5 L22.5,16.5 L12.5,24 L22.5,31.5 L22.5,26.5 L32,26.5 L32,21.5 L22.5,21.5 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z" }) }));
+};
+Copied$1.displayName = "JVR.Copied";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/comps/useIdCompat.js
+function useIdCompat() {
+	var idRef = (0, import_react.useRef)(null);
+	if (idRef.current === null) idRef.current = "custom-id-" + Math.random().toString(36).substr(2, 9);
+	return idRef.current;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/comps/KeyValues.js
+var KeyValues = (props) => {
+	var _expands$expandKey;
+	var { keyName, value, expandKey = "", level, keys = [], parentValue } = props;
+	var expands = useExpandsStore();
+	var { objectSortKeys, indentWidth, collapsed, shouldExpandNodeInitially } = useStore();
+	var defaultExpanded = typeof collapsed === "boolean" ? collapsed : typeof collapsed === "number" ? level > collapsed : false;
+	var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+	var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
+		value,
+		keys,
+		level,
+		keyName,
+		parentValue
+	});
+	if (shouldExpandNodeInitially && collapsed === false) {
+		if (expands[expandKey] === void 0 && !shouldExpand) return null;
+	} else if (expands[expandKey] === void 0 && shouldExpand) return null;
+	if (isExpanded) return null;
+	var entries = Array.isArray(value) ? Object.entries(value).map((m) => [Number(m[0]), m[1]]) : Object.entries(value);
+	if (objectSortKeys) entries = objectSortKeys === true ? entries.sort((_ref, _ref2) => {
+		var [a] = _ref;
+		var [b] = _ref2;
+		return typeof a === "string" && typeof b === "string" ? a.localeCompare(b) : 0;
+	}) : entries.sort((_ref3, _ref4) => {
+		var [a, valA] = _ref3;
+		var [b, valB] = _ref4;
+		return typeof a === "string" && typeof b === "string" ? objectSortKeys(a, b, valA, valB) : 0;
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "w-rjv-wrap",
+		style: {
+			borderLeft: "var(--w-rjv-border-left-width, 1px) var(--w-rjv-line-style, solid) var(--w-rjv-line-color, #ebebeb)",
+			paddingLeft: indentWidth,
+			marginLeft: 6
+		},
+		children: entries.map((_ref5, idx) => {
+			var [key, val] = _ref5;
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyValuesItem, {
+				parentValue: value,
+				keyName: key,
+				keys: [...keys, key],
+				value: val,
+				level
+			}, idx);
+		})
+	});
+};
+KeyValues.displayName = "JVR.KeyValues";
+var KayName = (props) => {
+	var { keyName, parentValue, keys, value } = props;
+	var { highlightUpdates } = useStore();
+	var isNumber = typeof keyName === "number";
+	var highlightContainer = (0, import_react.useRef)(null);
+	useHighlight({
+		value,
+		highlightUpdates,
+		highlightContainer
+	});
+	var compProps = {
+		keyName,
+		value,
+		keys,
+		parentValue
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		ref: highlightContainer,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Quote$1, (0, import_extends.default)({
+				isNumber,
+				"data-placement": "left"
+			}, compProps)),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyNameComp, (0, import_extends.default)({}, compProps, { children: keyName })),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Quote$1, (0, import_extends.default)({
+				isNumber,
+				"data-placement": "right"
+			}, compProps))
+		]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Colon$1, (0, import_extends.default)({}, compProps))] });
+};
+KayName.displayName = "JVR.KayName";
+var KeyValuesItem = (props) => {
+	var { keyName, value, parentValue, level = 0, keys = [] } = props;
+	var dispatch = useShowToolsDispatch();
+	var subkeyid = useIdCompat();
+	var isMyArray = Array.isArray(value);
+	var isMySet = value instanceof Set;
+	var isMyMap = value instanceof Map;
+	var isDate = value instanceof Date;
+	var isUrl = value instanceof URL;
+	if (value && typeof value === "object" && !isMyArray && !isMySet && !isMyMap && !isDate && !isUrl || isMyArray || isMySet || isMyMap) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, {
+		keyName,
+		value: isMySet ? Array.from(value) : isMyMap ? Object.fromEntries(value) : value,
+		parentValue,
+		initialValue: value,
+		keys,
+		level: level + 1
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RowComp, (0, import_extends.default)({
+		className: "w-rjv-line",
+		value,
+		keyName,
+		keys,
+		parentValue
+	}, {
+		onMouseEnter: () => dispatch({ [subkeyid]: true }),
+		onMouseLeave: () => dispatch({ [subkeyid]: false })
+	}, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(KayName, {
+			keyName,
+			value,
+			keys,
+			parentValue
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Value, {
+			keyName,
+			value,
+			keys
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copied$1, {
+			keyName,
+			value,
+			keys,
+			parentValue,
+			expandKey: subkeyid
+		})
+	] }));
+};
+KeyValuesItem.displayName = "JVR.KeyValuesItem";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/section/CountInfoExtra.js
+var _excluded$4 = ["value", "keyName"], _excluded2$1 = ["as", "render"];
+var CountInfoExtra = (props) => {
+	var { CountInfoExtra: Comp = {} } = useSectionStore();
+	useSectionRender(Comp, props, "CountInfoExtra");
+	return null;
+};
+CountInfoExtra.displayName = "JVR.CountInfoExtra";
+var CountInfoExtraComps = (props) => {
+	var { value = {}, keyName } = props, other = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded$4);
+	var { CountInfoExtra: Comp = {} } = useSectionStore();
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded2$1);
+	if (!render && !reset.children) return null;
+	var Elm = as || "span";
+	var isRender = render && typeof render === "function";
+	var elmProps = (0, import_extends.default)({}, reset, other);
+	var child = isRender && render(elmProps, {
+		value,
+		keyName
+	});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, elmProps));
+};
+CountInfoExtraComps.displayName = "JVR.CountInfoExtraComps";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/section/CountInfo.js
+var _excluded$3 = ["value", "keyName"], _excluded2 = ["as", "render"];
+var CountInfo = (props) => {
+	var { CountInfo: Comp = {} } = useSectionStore();
+	useSectionRender(Comp, props, "CountInfo");
+	return null;
+};
+CountInfo.displayName = "JVR.CountInfo";
+var CountInfoComp = (props) => {
+	var { value = {}, keyName } = props, other = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded$3);
+	var { displayObjectSize } = useStore();
+	var { CountInfo: Comp = {} } = useSectionStore();
+	if (!displayObjectSize) return null;
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded2);
+	var Elm = as || "span";
+	reset.style = (0, import_extends.default)({}, reset.style, props.style);
+	var len = Object.keys(value).length;
+	if (!reset.children) reset.children = len + " item" + (len === 1 ? "" : "s");
+	var elmProps = (0, import_extends.default)({}, reset, other);
+	var child = render && typeof render === "function" && render((0, import_extends.default)({}, elmProps, { "data-length": len }), {
+		value,
+		keyName
+	});
+	if (child) return child;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, elmProps));
+};
+CountInfoComp.displayName = "JVR.CountInfoComp";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/section/Ellipsis.js
+var _excluded$2 = ["as", "render"];
+var Ellipsis = (props) => {
+	var { Ellipsis: Comp = {} } = useSectionStore();
+	useSectionRender(Comp, props, "Ellipsis");
+	return null;
+};
+Ellipsis.displayName = "JVR.Ellipsis";
+var EllipsisComp = (_ref) => {
+	var { isExpanded, value, keyName } = _ref;
+	var { Ellipsis: Comp = {} } = useSectionStore();
+	var { as, render } = Comp, reset = (0, import_objectWithoutPropertiesLoose.default)(Comp, _excluded$2);
+	var Elm = as || "span";
+	var child = render && typeof render === "function" && render((0, import_extends.default)({}, reset, { "data-expanded": isExpanded }), {
+		value,
+		keyName
+	});
+	if (child) return child;
+	if (!isExpanded || typeof value === "object" && Object.keys(value).length == 0) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Elm, (0, import_extends.default)({}, reset));
+};
+EllipsisComp.displayName = "JVR.EllipsisComp";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/comps/NestedOpen.js
+var NestedOpen = (props) => {
+	var _expands$expandKey;
+	var { keyName, expandKey, keys = [], initialValue, value, parentValue, level } = props;
+	var expands = useExpandsStore();
+	var dispatchExpands = useExpandsDispatch();
+	var { onExpand, collapsed, shouldExpandNodeInitially } = useStore();
+	var defaultExpanded = typeof collapsed === "boolean" ? collapsed : typeof collapsed === "number" ? level > collapsed : false;
+	var isExpanded = (_expands$expandKey = expands[expandKey]) != null ? _expands$expandKey : shouldExpandNodeInitially ? false : defaultExpanded;
+	var shouldExpand = shouldExpandNodeInitially && shouldExpandNodeInitially(!isExpanded, {
+		value,
+		keys,
+		level,
+		keyName,
+		parentValue
+	});
+	if (expands[expandKey] === void 0 && shouldExpandNodeInitially) isExpanded = !shouldExpand;
+	var click = () => {
+		var opt = {
+			expand: !isExpanded,
+			value,
+			keyid: expandKey,
+			keyName
+		};
+		onExpand && onExpand(opt);
+		dispatchExpands({ [expandKey]: opt.expand });
+	};
+	var style = {
+		display: "inline-flex",
+		alignItems: "center"
+	};
+	var arrowStyle = {
+		transform: "rotate(" + (!isExpanded ? "0" : "-90") + "deg)",
+		transition: "all 0.3s"
+	};
+	var len = Object.keys(value).length;
+	var isObject = typeof value === "object";
+	var isArray = Array.isArray(value);
+	var isMySet = value instanceof Set;
+	var showArrow = len !== 0 && (isArray || isMySet || isObject);
+	var reset = { style };
+	if (showArrow) reset.onClick = click;
+	var compProps = {
+		keyName,
+		value,
+		keys,
+		parentValue
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", (0, import_extends.default)({}, reset, { children: [
+		showArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow$1, (0, import_extends.default)({
+			style: arrowStyle,
+			expandKey
+		}, compProps)),
+		(keyName || typeof keyName === "number") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KayName, (0, import_extends.default)({}, compProps)),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SetComp, {
+			value: initialValue,
+			keyName
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapComp, {
+			value: initialValue,
+			keyName
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BracketsOpen, (0, import_extends.default)({ isBrackets: isArray || isMySet }, compProps)),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EllipsisComp, {
+			keyName,
+			value,
+			isExpanded
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BracketsClose, (0, import_extends.default)({
+			isVisiable: isExpanded || !showArrow,
+			isBrackets: isArray || isMySet
+		}, compProps)),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CountInfoComp, {
+			value,
+			keyName
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CountInfoExtraComps, {
+			value,
+			keyName
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copied$1, {
+			keyName,
+			value,
+			expandKey,
+			parentValue,
+			keys
+		})
+	] }));
+};
+NestedOpen.displayName = "JVR.NestedOpen";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/Container.js
+var _excluded$1 = [
+	"className",
+	"children",
+	"parentValue",
+	"keyid",
+	"level",
+	"value",
+	"initialValue",
+	"keys",
+	"keyName"
+];
+var Container = /* @__PURE__ */ (0, import_react.forwardRef)((props, ref) => {
+	var { className = "", parentValue, level = 1, value, initialValue, keys, keyName } = props, elmProps = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded$1);
+	var dispatch = useShowToolsDispatch();
+	var subkeyid = useIdCompat();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", (0, import_extends.default)({
+		className: [className, "w-rjv-inner"].filter(Boolean).join(" "),
+		ref
+	}, elmProps, {
+		onMouseEnter: () => dispatch({ [subkeyid]: true }),
+		onMouseLeave: () => dispatch({ [subkeyid]: false })
+	}, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NestedOpen, {
+			expandKey: subkeyid,
+			value,
+			level,
+			keys,
+			parentValue,
+			keyName,
+			initialValue
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyValues, {
+			expandKey: subkeyid,
+			value,
+			level,
+			keys,
+			parentValue,
+			keyName
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NestedClose, {
+			expandKey: subkeyid,
+			value,
+			level,
+			keys,
+			parentValue,
+			keyName
+		})
+	] }));
+});
+Container.displayName = "JVR.Container";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/BraceLeft.js
+var BraceLeft = (props) => {
+	var { BraceLeft: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "BraceLeft");
+	return null;
+};
+BraceLeft.displayName = "JVR.BraceLeft";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/BraceRight.js
+var BraceRight = (props) => {
+	var { BraceRight: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "BraceRight");
+	return null;
+};
+BraceRight.displayName = "JVR.BraceRight";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/BracketsLeft.js
+var BracketsLeft = (props) => {
+	var { BracketsLeft: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "BracketsLeft");
+	return null;
+};
+BracketsLeft.displayName = "JVR.BracketsLeft";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/BracketsRight.js
+var BracketsRight = (props) => {
+	var { BracketsRight: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "BracketsRight");
+	return null;
+};
+BracketsRight.displayName = "JVR.BracketsRight";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/Arrow.js
+var Arrow = (props) => {
+	var { Arrow: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "Arrow");
+	return null;
+};
+Arrow.displayName = "JVR.Arrow";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/Colon.js
+var Colon = (props) => {
+	var { Colon: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "Colon");
+	return null;
+};
+Colon.displayName = "JVR.Colon";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/Quote.js
+var Quote = (props) => {
+	var { Quote: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "Quote");
+	return null;
+};
+Quote.displayName = "JVR.Quote";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/symbol/ValueQuote.js
+var ValueQuote = (props) => {
+	var { ValueQuote: Comp = {} } = useSymbolsStore();
+	useSymbolsRender(Comp, props, "ValueQuote");
+	return null;
+};
+ValueQuote.displayName = "JVR.ValueQuote";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Bigint.js
+var Bigint = (props) => {
+	var { Bigint: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Bigint");
+	return null;
+};
+Bigint.displayName = "JVR.Bigint";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Date.js
+var Date$1 = (props) => {
+	var { Date: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Date");
+	return null;
+};
+Date$1.displayName = "JVR.Date";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/False.js
+var False = (props) => {
+	var { False: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "False");
+	return null;
+};
+False.displayName = "JVR.False";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Float.js
+var Float = (props) => {
+	var { Float: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Float");
+	return null;
+};
+Float.displayName = "JVR.Float";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Int.js
+var Int = (props) => {
+	var { Int: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Int");
+	return null;
+};
+Int.displayName = "JVR.Int";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Map.js
+var Map$1 = (props) => {
+	var { Map: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Map");
+	return null;
+};
+Map$1.displayName = "JVR.Map";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Nan.js
+var Nan = (props) => {
+	var { Nan: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Nan");
+	return null;
+};
+Nan.displayName = "JVR.Nan";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Null.js
+var Null = (props) => {
+	var { Null: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Null");
+	return null;
+};
+Null.displayName = "JVR.Null";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Set.js
+var Set$1 = (props) => {
+	var { Set: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Set");
+	return null;
+};
+Set$1.displayName = "JVR.Set";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/String.js
+var StringText = (props) => {
+	var { Str: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Str");
+	return null;
+};
+StringText.displayName = "JVR.StringText";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/True.js
+var True = (props) => {
+	var { True: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "True");
+	return null;
+};
+True.displayName = "JVR.True";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Undefined.js
+var Undefined = (props) => {
+	var { Undefined: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Undefined");
+	return null;
+};
+Undefined.displayName = "JVR.Undefined";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/types/Url.js
+var Url = (props) => {
+	var { Url: Comp = {} } = useTypesStore();
+	useTypesRender(Comp, props, "Url");
+	return null;
+};
+Url.displayName = "JVR.Url";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/section/Copied.js
+var Copied = (props) => {
+	var { Copied: Comp = {} } = useSectionStore();
+	useSectionRender(Comp, props, "Copied");
+	return null;
+};
+Copied.displayName = "JVR.Copied";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/index.js
+var _excluded = [
+	"className",
+	"style",
+	"value",
+	"children",
+	"collapsed",
+	"shouldExpandNodeInitially",
+	"indentWidth",
+	"displayObjectSize",
+	"shortenTextAfterLength",
+	"stringEllipsis",
+	"highlightUpdates",
+	"enableClipboard",
+	"displayDataTypes",
+	"objectSortKeys",
+	"onExpand",
+	"onCopied",
+	"beforeCopy"
+];
+var JsonView = /* @__PURE__ */ (0, import_react.forwardRef)((props, ref) => {
+	var { className = "", style, value, children, collapsed = false, shouldExpandNodeInitially, indentWidth = 15, displayObjectSize = true, shortenTextAfterLength = 30, stringEllipsis, highlightUpdates = true, enableClipboard = true, displayDataTypes = true, objectSortKeys = false, onExpand, onCopied, beforeCopy } = props, elmProps = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded);
+	var defaultStyle = (0, import_extends.default)({
+		lineHeight: 1.4,
+		fontFamily: "var(--w-rjv-font-family, Menlo, monospace)",
+		color: "var(--w-rjv-color, #002b36)",
+		backgroundColor: "var(--w-rjv-background-color, #00000000)",
+		fontSize: 13
+	}, style);
+	var cls = [
+		"w-json-view-container",
+		"w-rjv",
+		className
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Provider, {
+		initialState: {
+			value,
+			objectSortKeys,
+			indentWidth,
+			shouldExpandNodeInitially: collapsed === false ? shouldExpandNodeInitially : void 0,
+			displayObjectSize,
+			collapsed,
+			enableClipboard,
+			shortenTextAfterLength,
+			stringEllipsis,
+			highlightUpdates,
+			onCopied,
+			onExpand,
+			beforeCopy
+		},
+		initialTypes: { displayDataTypes },
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, (0, import_extends.default)({ value }, elmProps, {
+			ref,
+			className: cls,
+			style: defaultStyle
+		})), children]
+	});
+});
+JsonView.Bigint = Bigint;
+JsonView.Date = Date$1;
+JsonView.False = False;
+JsonView.Float = Float;
+JsonView.Int = Int;
+JsonView.Map = Map$1;
+JsonView.Nan = Nan;
+JsonView.Null = Null;
+JsonView.Set = Set$1;
+JsonView.String = StringText;
+JsonView.True = True;
+JsonView.Undefined = Undefined;
+JsonView.Url = Url;
+JsonView.ValueQuote = ValueQuote;
+JsonView.Arrow = Arrow;
+JsonView.Colon = Colon;
+JsonView.Quote = Quote;
+JsonView.Ellipsis = Ellipsis;
+JsonView.BraceLeft = BraceLeft;
+JsonView.BraceRight = BraceRight;
+JsonView.BracketsLeft = BracketsLeft;
+JsonView.BracketsRight = BracketsRight;
+JsonView.Copied = Copied;
+JsonView.CountInfo = CountInfo;
+JsonView.CountInfoExtra = CountInfoExtra;
+JsonView.KeyName = KeyName;
+JsonView.Row = Row;
+JsonView.displayName = "JVR.JsonView";
+//#endregion
+//#region ../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.41_@babel+runtime@7.29.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uiw/react-json-view/esm/theme/light.js
+var lightTheme = {
+	"--w-rjv-font-family": "monospace",
+	"--w-rjv-color": "#002b36",
+	"--w-rjv-key-string": "#002b36",
+	"--w-rjv-background-color": "#ffffff",
+	"--w-rjv-line-color": "#ebebeb",
+	"--w-rjv-arrow-color": "var(--w-rjv-color)",
+	"--w-rjv-edit-color": "var(--w-rjv-color)",
+	"--w-rjv-info-color": "#0000004d",
+	"--w-rjv-update-color": "#ebcb8b",
+	"--w-rjv-copied-color": "#002b36",
+	"--w-rjv-copied-success-color": "#28a745",
+	"--w-rjv-curlybraces-color": "#236a7c",
+	"--w-rjv-colon-color": "#002b36",
+	"--w-rjv-brackets-color": "#236a7c",
+	"--w-rjv-quotes-color": "var(--w-rjv-key-string)",
+	"--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
+	"--w-rjv-type-string-color": "#cb4b16",
+	"--w-rjv-type-int-color": "#268bd2",
+	"--w-rjv-type-float-color": "#859900",
+	"--w-rjv-type-bigint-color": "#268bd2",
+	"--w-rjv-type-boolean-color": "#2aa198",
+	"--w-rjv-type-date-color": "#586e75",
+	"--w-rjv-type-url-color": "#0969da",
+	"--w-rjv-type-null-color": "#d33682",
+	"--w-rjv-type-nan-color": "#859900",
+	"--w-rjv-type-undefined-color": "#586e75"
+};
+//#endregion
+//#region ~icons/lucide/arrow-left.jsx
+var lucideArrowLeft = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "m12 19l-7-7l7-7m7 7H5"
+	})
+});
+//#endregion
+//#region ~icons/lucide/check.jsx
+var lucideCheck = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M20 6L9 17l-5-5"
+	})
+});
+//#endregion
+//#region ~icons/lucide/chevron-down.jsx
+var lucideChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "m6 9l6 6l6-6"
+	})
+});
+//#endregion
+//#region ~icons/lucide/copy.jsx
+var lucideCopy = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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" })]
+	})
+});
+//#endregion
+//#region src/routes/requests/show.tsx?tsr-split=component
+function RequestShowPage() {
+	const { id } = Route.useSearch();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestDetail, { id });
+}
+function formatNum(n) {
+	return n.toLocaleString();
+}
+var TOKENS_PER_SEC_PROVIDERS = /* @__PURE__ */ new Set();
+function tryParseJson(text) {
+	try {
+		return {
+			ok: true,
+			value: JSON.parse(text)
+		};
+	} catch {
+		return { ok: false };
+	}
+}
+function safeParseJson(text) {
+	if (!text) return {};
+	try {
+		return JSON.parse(text);
+	} catch {
+		return text;
+	}
+}
+function CopyButton({ text, dark }) {
+	const [copied, setCopied] = (0, import_react.useState)(false);
+	(0, import_react.useEffect)(() => {
+		if (!copied) return void 0;
+		const id = setTimeout(() => setCopied(false), 1500);
+		return () => clearTimeout(id);
+	}, [copied]);
+	const handleCopy = () => {
+		navigator.clipboard.writeText(text);
+		setCopied(true);
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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" })
+	});
+}
+var DATA_IMAGE_TAG_RE = /<img\s+[^>]*src=["'](data:image\/[^"']+;base64,[^"']+)["'][^>]*(?:alt=["']([^"']*)["'][^>]*)?\/?>/gi;
+function parseImageSegments(text) {
+	const segments = [];
+	let cursor = 0;
+	for (const match of text.matchAll(DATA_IMAGE_TAG_RE)) {
+		const index = match.index ?? 0;
+		if (index > cursor) segments.push({
+			type: "text",
+			text: text.slice(cursor, index)
+		});
+		segments.push({
+			type: "image",
+			src: match[1],
+			alt: match[2] ?? "generated image"
+		});
+		cursor = index + match[0].length;
+	}
+	if (cursor < text.length) segments.push({
+		type: "text",
+		text: text.slice(cursor)
+	});
+	return segments.filter((segment) => segment.type === "image" || segment.text.trim().length > 0);
+}
+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", {
+		className: "prose prose-sm prose-qgrid max-w-none",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
+			remarkPlugins: [remarkGfm],
+			children: text
+		})
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+		className: "space-y-3",
+		children: [segments.map((segment, index) => segment.type === "text" ? markdown ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "prose prose-sm prose-qgrid max-w-none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
+				remarkPlugins: [remarkGfm],
+				children: segment.text
+			})
+		}, `text-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+			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", {
+				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", {
+			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", {
+				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", {
+				src: viewerSrc,
+				alt: "generated preview",
+				className: "max-h-full max-w-full object-contain rounded-md bg-white",
+				onClick: (e) => e.stopPropagation()
+			})]
+		})]
+	});
+}
+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, {
+			text,
+			markdown: true
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageAwareContent, { text: parsed.ok ? JSON.stringify(parsed.value, null, 2) : text });
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex gap-1 mb-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+			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,
+		style: lightTheme,
+		displayDataTypes: false,
+		enableClipboard: true,
+		collapsed: false
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+		className: "text-sm text-sand-800 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed",
+		children: JSON.stringify(parsed.value, null, 2)
+	})] });
+}
+function Section({ title, defaultOpen = true, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+		open: defaultOpen,
+		className: "group panel overflow-hidden",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+			className: "panel-header flex items-center gap-1.5 cursor-pointer select-none list-none px-4 py-2.5",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronDown, { className: "size-3.5 text-sand-400 transition-transform group-open:rotate-0 -rotate-90" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-[11px] uppercase tracking-wider text-sand-500 font-medium",
+				children: title
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "p-4",
+			children
+		})]
+	});
+}
+function Metric({ label, value }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+			className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium truncate",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+			className: "text-[15px] font-semibold text-sand-800 tabular-nums mt-0.5 truncate",
+			children: value
+		})]
+	});
+}
+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"
+};
+function ErrorPanel({ message }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "panel overflow-hidden border border-red-200 bg-red-50/60",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+				className: "text-[11px] uppercase tracking-wider text-red-600 font-medium",
+				children: "Error"
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "p-4",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+				className: "text-[12px] text-red-700 whitespace-pre-wrap break-words font-mono leading-relaxed max-h-80 overflow-auto",
+				children: message
+			})
+		})]
+	});
+}
+function HeaderBar({ data }) {
+	const isRunning = data.status === "running";
+	const hasFallback = !isRunning && data.requested_model_name !== null && data.model_name !== null && data.requested_model_name !== data.model_name;
+	const hasRequestedOnly = !isRunning && data.requested_model_name !== null && data.model_name === null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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", {
+				className: "text-[15px] font-semibold text-sand-900 break-all",
+				children: isRunning ? "실행 중" : hasFallback ? `${data.requested_model_name} → ${data.model_name}` : data.model_name ?? data.requested_model_name ?? "Unknown model"
+			}),
+			hasRequestedOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-[10px] text-sand-400",
+				children: "요청"
+			}),
+			!isRunning && (data.fallback_count ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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"}`,
+				children: data.status
+			}),
+			data.response_json_ok === false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+				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", {
+				className: "text-[12px] text-sand-400",
+				children: ["· project=", data.project_name]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "ml-auto text-[11px] text-sand-400",
+				children: data.token_name
+			})
+		]
+	});
+}
+function MetricsPanel({ data, toolCallCount }) {
+	const tokensPerSecEnabled = isTokensPerSecEnabled(data);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "panel overflow-hidden px-5 py-3 space-y-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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, {
+					label: "Duration",
+					value: `${(data.duration_ms / 1e3).toFixed(1)}s`
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "TTFT",
+					value: formatRunTtftMs(data.ttft_ms)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Tokens/sec",
+					value: formatTokensPerSec(data.output_tokens, data.duration_ms, data.ttft_ms, tokensPerSecEnabled)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Driver Cost",
+					value: data.cost_usd !== null ? formatMicroUsd(data.cost_usd) : "—"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Cost Source",
+					value: data.cost_source ?? "legacy"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Image Cost",
+					value: data.image_cost_usd !== null ? formatMicroUsd(data.image_cost_usd) : "—"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Tool Calls",
+					value: `${toolCallCount}회`
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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, {
+					label: "Input",
+					value: formatNum(data.input_tokens)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Output",
+					value: formatNum(data.output_tokens)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Cache Read",
+					value: formatNum(data.cache_read_tokens)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Cache Write",
+					value: formatNum(data.cache_creation_tokens)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(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, {
+					label: "Cache Write (1h)",
+					value: data.cache_creation_1h_tokens === null ? "—" : formatNum(data.cache_creation_1h_tokens)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Cache Hit",
+					value: cacheHitRate(data)
+				})
+			]
+		})]
+	});
+}
+function formatDurationMs(ms) {
+	if (ms === null || ms === void 0) return "—";
+	return ms >= 1e3 ? `${(ms / 1e3).toFixed(1)}s` : `${ms}ms`;
+}
+function formatRunTtftMs(ms) {
+	if (ms === null || ms === void 0 || ms <= 0) return "—";
+	return formatDurationMs(ms);
+}
+function detectTokenRateProvider(source) {
+	const modelName = source.model_name?.trim().toLowerCase();
+	if (modelName) {
+		const canonical = modelName.includes("/") ? modelName.split("/").pop() : modelName;
+		if (canonical.startsWith("claude-")) return "anthropic";
+		if (/^(gpt-|codex-|o\d)/.test(canonical)) return "openai";
+	}
+	const tokenName = source.token_name?.trim().toLowerCase();
+	if (tokenName?.startsWith("anthropic/")) return "anthropic";
+	if (tokenName?.startsWith("openai/")) return "openai";
+	return null;
+}
+function isTokensPerSecEnabled(source) {
+	const provider = detectTokenRateProvider(source);
+	return provider !== null && TOKENS_PER_SEC_PROVIDERS.has(provider);
+}
+function formatTokensPerSec(outputTokens, durationMs, ttftMs, enabled) {
+	if (!enabled || outputTokens === null || outputTokens === void 0 || durationMs === null || durationMs === void 0 || ttftMs === null || ttftMs === void 0 || ttftMs <= 0) return "—";
+	const generationMs = durationMs - ttftMs;
+	if (outputTokens <= 0 || generationMs <= 0) return "—";
+	return `${Math.round(outputTokens / (generationMs / 1e3)).toLocaleString()} tok/s`;
+}
+function CompactMetric({ label, value }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium truncate",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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;
+}
+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;
+	});
+}
+function hideToolInputImages(args) {
+	if (!args || typeof args !== "object" || Array.isArray(args)) return args;
+	const record = args;
+	const inputImages = readToolInputImages(record);
+	if (!inputImages) 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]` } : {}
+			};
+		})
+	};
+}
+function ToolInputImages({ images }) {
+	const renderableImages = images.map((image, index) => {
+		const urlSrc = image.url && !image.url.startsWith("[") ? image.url : void 0;
+		const dataSrc = image.data ? `data:${image.mediaType ?? "image/png"};base64,${image.data}` : "";
+		const src = urlSrc ?? dataSrc;
+		return src ? {
+			image,
+			index,
+			src
+		} : 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", {
+		className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium px-2",
+		children: "Input Images"
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+				className: "rounded-md border border-sand-200 bg-white overflow-hidden",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+					className: "px-2 py-1 text-[10px] text-sand-500 font-mono border-t border-sand-100",
+					children: [
+						image.mediaType ?? "image",
+						" ·",
+						" ",
+						image.byteSize !== void 0 ? `${image.byteSize.toLocaleString()} bytes` : "url"
+					]
+				})]
+			}, `${image.mediaType ?? "image"}-${index}`);
+		})
+	})] });
+}
+function RequestInputImages({ stepId }) {
+	const { data: detail } = RequestLogStepService.useRequestLogStep("I", stepId ?? 0, { enabled: stepId !== null });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolInputImages, { images: getToolInputImages(detail ? safeParseJson(detail.tool_args) : null) });
+}
+function ToolCallItem({ entry }) {
+	const hasError = !!entry.error;
+	const [opened, setOpened] = (0, import_react.useState)(false);
+	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 error = detail?.error ?? entry.error;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+		className: "group/tool",
+		onToggle: (e) => setOpened(e.currentTarget.open),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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", {
+					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", {
+					className: "text-[13px] font-medium text-sand-800 font-mono truncate",
+					children: entry.toolName
+				}),
+				hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+					className: "ml-auto text-[11px] text-sand-400 tabular-nums shrink-0",
+					children: formatDurationMs(entry.durationMs)
+				})
+			]
+		}), opened && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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", {
+					className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium px-2",
+					children: "Request"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+					className: "text-[10px] uppercase tracking-wider text-red-500 font-medium px-2",
+					children: "Error"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+					className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium px-2",
+					children: "Response"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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...",
+						markdown: true
+					})
+				})] })
+			]
+		})]
+	});
+}
+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", {
+		className: "group/reason mt-3",
+		onToggle: (e) => setOpened(e.currentTarget.open),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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", {
+				className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
+				children: "Reasoning"
+			})]
+		}), opened && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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, {
+				text: reasoningText,
+				markdown: true
+			}) : !detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-sand-400",
+				children: "Loading..."
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-sand-400",
+				children: "No reasoning text captured."
+			})
+		})]
+	});
+}
+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", {
+		open: true,
+		className: "group/step border-l border-sand-200 pl-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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", {
+					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", {
+					className: "text-[13px] font-semibold text-sand-900",
+					children: "LLM call"
+				}),
+				generate?.finishReason && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+					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", {
+					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", {
+					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", {
+					className: "ml-auto text-[11px] text-sand-400 tabular-nums shrink-0",
+					children: [entry.toolCalls.length, " tools"]
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "ml-4 mb-4 space-y-3",
+			children: [generate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "rounded-md border border-sand-100 bg-sand-50/70 p-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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, {
+							label: "Duration",
+							value: formatDurationMs(generate.durationMs)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "TTFT",
+							value: formatRunTtftMs(generate.ttftMs)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "Tokens/sec",
+							value: formatTokensPerSec(generate.outputTokens, generate.durationMs, generate.ttftMs, tokensPerSecEnabled)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "Input",
+							value: formatNum(generate.inputTokens ?? 0)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "Output",
+							value: formatNum(generate.outputTokens ?? 0)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "Cache Read",
+							value: formatNum(generate.cacheReadTokens ?? 0)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "Cache Write",
+							value: formatNum(generate.cacheCreationTokens ?? 0)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(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, {
+							label: "Cost",
+							value: generate.costUsd === null ? "—" : formatMicroUsd(generate.costUsd)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "Cost Source",
+							value: generate.costSource ?? "legacy"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
+							label: "Reasoning",
+							value: generate.reasoningTokens !== null && generate.reasoningTokens !== void 0 ? formatNum(generate.reasoningTokens) : "—"
+						})
+					]
+				}), hasReasoning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReasoningBlock, { stepId: generate.id })]
+			}), entry.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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}`))
+			})]
+		})]
+	});
+}
+function StepTreeSection({ steps, tokensPerSecEnabled }) {
+	const toolCallCount = steps.reduce((sum, step) => sum + step.toolCalls.length, 0);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+		title: `Steps (${steps.length} steps · ${toolCallCount} tool calls)`,
+		defaultOpen: true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "space-y-1",
+			children: steps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepTreeItem, {
+				entry: step,
+				tokensPerSecEnabled
+			}, step.stepIndex))
+		})
+	});
+}
+function buildStepTree(steps) {
+	const grouped = /* @__PURE__ */ new Map();
+	function ensureStep(stepIndex) {
+		const existing = grouped.get(stepIndex);
+		if (existing) return existing;
+		const next = {
+			stepIndex,
+			generate: null,
+			toolCalls: []
+		};
+		grouped.set(stepIndex, next);
+		return next;
+	}
+	for (const step of steps) {
+		const group = ensureStep(step.step_index);
+		if (step.type === "generate") {
+			group.generate = {
+				id: step.id,
+				stepIndex: step.step_index,
+				modelName: step.model_name,
+				requestedModelName: step.requested_model_name,
+				fallbackCount: step.fallback_count,
+				inputTokens: step.input_tokens,
+				outputTokens: step.output_tokens,
+				cacheReadTokens: step.cache_read_tokens,
+				cacheCreationTokens: step.cache_creation_tokens,
+				cacheCreation5mTokens: step.cache_creation_5m_tokens,
+				cacheCreation1hTokens: step.cache_creation_1h_tokens,
+				costUsd: step.cost_usd,
+				costSource: step.cost_source,
+				durationMs: step.duration_ms,
+				ttftMs: step.ttft_ms,
+				finishReason: step.finish_reason,
+				reasoningTokens: step.reasoning_tokens
+			};
+			continue;
+		}
+		if (step.type === "tool_call") group.toolCalls.push({
+			id: step.id,
+			stepIndex: step.step_index,
+			callIndex: step.tool_call_index ?? group.toolCalls.length,
+			toolCallId: step.tool_call_id ?? "",
+			toolName: step.tool_name ?? "",
+			durationMs: step.tool_duration_ms ?? 0,
+			error: step.error
+		});
+	}
+	return [...grouped.values()].map((step) => ({
+		...step,
+		toolCalls: step.toolCalls.toSorted((a, b) => a.callIndex - b.callIndex)
+	})).toSorted((a, b) => a.stepIndex - b.stepIndex);
+}
+function historyItemBg(item) {
+	if (item.type === "function_call" || item.type === "function_call_output") return "bg-caution-400/10";
+	if (item.role === "assistant") return "bg-sage-50";
+	return "bg-sand-50";
+}
+function historyItemLabel(item) {
+	if (item.type === "function_call") return `fn: ${item.name ?? "unknown"}`;
+	if (item.type === "function_call_output") return `fn result`;
+	return item.role ?? item.type;
+}
+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);
+	}).join("\n");
+	return JSON.stringify(content);
+}
+function MonoPre({ className, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+		className: `text-[12px] text-sand-700 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed max-h-40 overflow-auto ${className ?? ""}`,
+		children
+	});
+}
+function HistorySection({ history }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+		title: "History",
+		defaultOpen: false,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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}`))
+		})
+	});
+}
+function ToolsSection({ tools }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+		title: `Tools (${tools.length})`,
+		defaultOpen: false,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "space-y-1.5",
+			children: tools.map((tool, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "rounded-md px-3 py-2 bg-caution-400/10",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium mb-1",
+						children: ["fn: ", tool.name]
+					}),
+					tool.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-[12px] text-sand-700 leading-relaxed",
+						children: tool.description
+					}),
+					tool.inputSchema !== void 0 && tool.inputSchema !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MonoPre, {
+						className: "mt-1",
+						children: JSON.stringify(tool.inputSchema, null, 2)
+					})
+				]
+			}, `tool-${i}`))
+		})
+	});
+}
+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) {
+	const nodes = [];
+	let afterTypeKeyword = false;
+	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", {
+			className: "text-sage-400",
+			children: token
+		}, key));
+		else if (kw) {
+			afterTypeKeyword = token === "type";
+			nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-sienna-400",
+				children: token
+			}, key));
+		} else if (builtin) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-blue-300",
+			children: token
+		}, key));
+		else if (punct) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-sand-500",
+			children: token
+		}, key));
+		else if (ident && afterTypeKeyword) {
+			afterTypeKeyword = false;
+			nodes.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "font-semibold text-sand-50",
+				children: token
+			}, key));
+		} else nodes.push(token);
+	}
+	return nodes;
+}
+function ResponseTypePanel({ id }) {
+	const { data } = RequestLogService.useResponseTypeTs(id);
+	const [mode, setMode] = (0, import_react.useState)("zod");
+	const { zod = null, typescript = null } = data ?? {};
+	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", {
+		className: "panel overflow-hidden",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "panel-header flex items-center px-4 py-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-[11px] uppercase tracking-wider text-sand-500 font-medium",
+				children: "Response Type"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "ml-auto flex gap-1",
+				children: [{
+					value: "zod",
+					label: "zod",
+					available: zod !== null
+				}, {
+					value: "ts",
+					label: "ts",
+					available: typescript !== null
+				}].map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+			className: "relative",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+				text: code,
+				dark: true
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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
+			})]
+		})]
+	});
+}
+function RequestDetail({ id }) {
+	const { data, isLoading } = RequestLogService.useRequestLog("A", id);
+	const { data: stepsData } = RequestLogStepService.useRequestLogSteps("T", {
+		request_log_id: id,
+		num: 0,
+		page: 1,
+		orderBy: "id-asc"
+	});
+	const stepTree = buildStepTree(stepsData?.rows ?? []);
+	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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" })
+		]
+	});
+	if (!data) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "max-w-6xl mx-auto",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(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", {
+			className: "text-sand-400 text-sm",
+			children: "Request not found."
+		})]
+	});
+	const toolCalls = stepTree.flatMap((step) => step.toolCalls);
+	const firstImageGenerationStepId = toolCalls.find((toolCall) => toolCall.toolName === "image_generation")?.id ?? null;
+	const hasSteps = stepTree.length > 0;
+	const tokensPerSecEnabled = isTokensPerSecEnabled(data);
+	const history = data.history ?? null;
+	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", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+			title: "System",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: data.system_prompt ?? "null" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+					text: data.system_prompt ?? "null",
+					markdown: true
+				})]
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+			title: "User",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: data.user_prompt ?? "null" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+						text: data.user_prompt ?? "null",
+						markdown: true
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestInputImages, { stepId: firstImageGenerationStepId })]
+			})
+		})]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: `mx-auto space-y-4 ${hasSteps ? "max-w-[120rem]" : "max-w-6xl"}`,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(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 }),
+			hasTools && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolsSection, { tools }),
+			hasSteps ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col lg:flex-row gap-4 items-stretch lg:items-start",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "order-1 lg:order-2 flex-1 min-w-0 space-y-4",
+					children: [responseTypePanel, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepTreeSection, {
+						steps: stepTree,
+						tokensPerSecEnabled
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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: [responseTypePanel, promptSections] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+				title: "Response",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: data.response }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+						text: data.response,
+						markdown: true
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetricsPanel, {
+				data,
+				toolCallCount: toolCalls.length
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pb-8" })
+		]
+	});
+}
+//#endregion
+export { RequestShowPage as component };