@cartanova/qgrid-cli 2.6.10 → 2.7.0

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

@@ -0,0 +1,2776 @@
+import { R as __commonJSMin, V as __toESM, b as require_jsx_runtime, i as RequestLogStepService, r as RequestLogService, x as require_react } from "./services.generated-D3Q3FYot.js";
+import { a as Link } from "./lazyRouteComponent-DOc8TV-P.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 }) {
+	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 text-sand-400 hover:text-sand-600 transition-colors",
+		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.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}`))
+		})
+	});
+}
+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 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.jsx)("div", {
+					className: "order-1 lg:order-2 flex-1 min-w-0 space-y-4",
+					children: /* @__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
+				})]
+			}) : 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 };