@cartanova/qgrid-cli 2.10.9 → 2.11.0

package/bundle/web-dist/server/assets/logs-B3OTd9hy.js

@@ -0,0 +1,825 @@
+import { F as require_react, T as string, k as require_jsx_dev_runtime, n as QgridService, o as TokenService, r as RequestLogService, w as object } from "./services.generated-DQATJ6qf.js";
+import { a as Link, o as useNavigate } from "./lazyRouteComponent-D8iTIHyn.js";
+import { i as RequestLogOrderBy, n as Route, r as RequestLogBaseListParams } from "../entry-server.generated.js";
+import { i as formatUsd, r as formatRequestCost, t as cacheHitRate } from "./cost-BC9yzyA9.js";
+import { n as unpricedRequestTitle, t as unpricedRequestLabel } from "./total-cost-fTE9Xy82.js";
+import { t as lucideRefreshCw } from "./refresh-cw-mMBkwOq0.js";
+import { n as lucideZap, t as requestModelDisplay } from "./request-model-I6OdODSH.js";
+require_react();
+var import_jsx_dev_runtime = require_jsx_dev_runtime();
+var _jsxFileName$3 = "~icons/lucide/chevron-left.jsx";
+var lucideChevronLeft = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "m15 18l-6-6l6-6"
+	}, void 0, false, {
+		fileName: _jsxFileName$3,
+		lineNumber: 2,
+		columnNumber: 101
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$3,
+	lineNumber: 2,
+	columnNumber: 36
+}, void 0);
+//#endregion
+//#region ~icons/lucide/chevron-right.jsx
+var _jsxFileName$2 = "~icons/lucide/chevron-right.jsx";
+var lucideChevronRight = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "m9 18l6-6l-6-6"
+	}, void 0, false, {
+		fileName: _jsxFileName$2,
+		lineNumber: 2,
+		columnNumber: 102
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$2,
+	lineNumber: 2,
+	columnNumber: 37
+}, void 0);
+//#endregion
+//#region src/components/qgrid/RequestLogTable.tsx
+var _jsxFileName$1 = "/home/runner/work/qgrid/qgrid/packages/web/src/components/qgrid/RequestLogTable.tsx";
+var PAGE_SIZE = 50;
+var UNASSIGNED = "__unassigned__";
+function formatDateTime(value) {
+	const d = new Date(value);
+	return `${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+function formatNum(n) {
+	return n.toLocaleString();
+}
+function formatDuration(ms) {
+	const total = Math.round(ms / 1e3);
+	const m = Math.floor(total / 60);
+	const s = total % 60;
+	return m > 0 ? `${m}m ${s}s` : `${s}s`;
+}
+function RequestModel({ status, requestedModel, servedModel, imageCostMethod, fallbackCount }) {
+	if (status === "running") return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+		className: "text-[9px] px-1.5 py-0.5 rounded-full bg-blue-100 text-blue-600 font-medium whitespace-nowrap",
+		children: "실행 중"
+	}, void 0, false, {
+		fileName: _jsxFileName$1,
+		lineNumber: 56,
+		columnNumber: 7
+	}, this);
+	const modelDisplay = requestModelDisplay({
+		status,
+		requestedModel,
+		servedModel,
+		imageCostMethod
+	});
+	const hasRequestedOnly = requestedModel !== null && servedModel === null;
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+			className: "text-xs text-sand-500",
+			children: modelDisplay.label
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 73,
+			columnNumber: 7
+		}, this),
+		hasRequestedOnly && /* @__PURE__ */ (void 0)("span", {
+			className: "ml-1 text-[9px] text-sand-400",
+			children: "요청"
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 74,
+			columnNumber: 28
+		}, this),
+		(fallbackCount ?? 0) > 0 && /* @__PURE__ */ (void 0)("span", {
+			className: "ml-1 text-[9px] text-caution-500",
+			children: ["×", fallbackCount]
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 76,
+			columnNumber: 9
+		}, this)
+	] }, void 0, true);
+}
+function formatTtft(ms) {
+	if (ms <= 0) return "—";
+	return ms >= 1e3 ? `${(ms / 1e3).toFixed(1)}s` : `${ms}ms`;
+}
+var COLUMNS = [
+	{
+		label: "ID",
+		align: "left",
+		width: "w-12",
+		sortKey: "id"
+	},
+	{
+		label: "Date",
+		align: "left",
+		width: "w-20",
+		sortKey: "created_at"
+	},
+	{
+		label: "Project",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Token",
+		align: "left",
+		width: "w-24"
+	},
+	{
+		label: "Model",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Fmt",
+		align: "left",
+		width: "w-12"
+	},
+	{
+		label: "TTFT",
+		align: "right",
+		width: "w-16",
+		sortKey: "ttft_ms"
+	},
+	{
+		label: "Duration",
+		align: "right",
+		width: "w-20",
+		sortKey: "duration_ms"
+	},
+	{
+		label: "In",
+		align: "right",
+		width: "w-16",
+		sortKey: "input_tokens"
+	},
+	{
+		label: "Out",
+		align: "right",
+		width: "w-20",
+		sortKey: "output_tokens"
+	},
+	{
+		label: "C.Read",
+		align: "right",
+		width: "w-20",
+		sortKey: "cache_read_tokens"
+	},
+	{
+		label: "C.Write",
+		align: "right",
+		width: "w-20",
+		sortKey: "cache_creation_tokens"
+	},
+	{
+		label: "Hit",
+		align: "right",
+		width: "w-14"
+	},
+	{
+		label: "Tools",
+		align: "right",
+		width: "w-14"
+	},
+	{
+		label: "$",
+		align: "right",
+		width: "w-20",
+		sortKey: "cost_usd"
+	}
+];
+function RequestLogTable({ search, onSearchChange }) {
+	const navigate = useNavigate();
+	const page = search.page ?? 1;
+	const tokenFilter = search.token ?? "";
+	const projectFilter = search.project ?? "";
+	const modelFilter = search.model ?? "";
+	const { data: tokensData } = TokenService.useTokens("A");
+	const tokenNames = (tokensData?.rows ?? []).map((t) => t.name).filter(Boolean);
+	const { data: projectData } = QgridService.useProjectNames();
+	const projectNames = projectData?.names ?? [];
+	const { data: modelData } = QgridService.useModelNames();
+	const modelNames = modelData?.names ?? [];
+	const projectFilterParam = (() => {
+		if (projectFilter === UNASSIGNED) return { project_name_is_null: true };
+		if (projectFilter) return { project_name: projectFilter };
+		return {};
+	})();
+	const listFilters = {};
+	if (tokenFilter) listFilters.token_name = tokenFilter;
+	Object.assign(listFilters, projectFilterParam);
+	if (modelFilter) listFilters.model_name = modelFilter;
+	const sort = search.sort ?? "id-desc";
+	const separator = sort.lastIndexOf("-");
+	const sortColumn = sort.slice(0, separator);
+	const sortDirection = sort.slice(separator + 1) === "asc" ? "asc" : "desc";
+	const { data, isLoading, isError, refresh, isRefreshing } = RequestLogService.useRequestLogs("P", {
+		num: PAGE_SIZE,
+		page,
+		orderBy: sort,
+		...listFilters
+	});
+	const { data: costData, isError: isCostError, refresh: refreshCost } = QgridService.useTotalCost({
+		num: 0,
+		page: 1,
+		...listFilters
+	});
+	const rows = data?.rows ?? [];
+	const total = data?.total ?? 0;
+	const totalPages = Math.ceil(total / PAGE_SIZE);
+	const updateFilter = (patch) => {
+		onSearchChange({
+			...search,
+			...patch,
+			page: 1
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+		className: "panel overflow-hidden",
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+			className: "panel-header flex items-center gap-2 px-3 py-2.5 flex-wrap sm:gap-3 sm:px-5",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("select", {
+					value: tokenFilter,
+					onChange: (e) => updateFilter({ token: e.target.value || void 0 }),
+					disabled: tokenNames.length === 0,
+					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 focus:outline-none focus:border-sienna-300 disabled:text-sand-300 disabled:cursor-not-allowed",
+					children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("option", {
+						value: "",
+						children: tokenNames.length > 0 ? "All Tokens" : "Tokens —"
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 199,
+						columnNumber: 11
+					}, this), tokenNames.map((name) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("option", {
+						value: name,
+						children: name
+					}, name, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 201,
+						columnNumber: 13
+					}, this))]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 193,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("select", {
+					value: projectFilter,
+					onChange: (e) => updateFilter({ project: e.target.value || void 0 }),
+					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 focus:outline-none focus:border-sienna-300",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("option", {
+							value: "",
+							children: "All Projects"
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 211,
+							columnNumber: 11
+						}, this),
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("option", {
+							value: UNASSIGNED,
+							children: "(unassigned)"
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 212,
+							columnNumber: 11
+						}, this),
+						projectNames.map((name) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("option", {
+							value: name,
+							children: name
+						}, name, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 214,
+							columnNumber: 13
+						}, this))
+					]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 206,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("select", {
+					value: modelFilter,
+					onChange: (e) => updateFilter({ model: e.target.value || void 0 }),
+					disabled: modelNames.length === 0,
+					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 focus:outline-none focus:border-sienna-300 disabled:text-sand-300 disabled:cursor-not-allowed",
+					children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("option", {
+						value: "",
+						children: modelNames.length > 0 ? "All Models" : "Models —"
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 225,
+						columnNumber: 11
+					}, this), modelNames.map((name) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("option", {
+						value: name,
+						children: name
+					}, name, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 227,
+						columnNumber: 13
+					}, this))]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 219,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
+					type: "button",
+					onClick: () => void Promise.all([refresh(), refreshCost()]),
+					disabled: isRefreshing,
+					"aria-label": "Reload",
+					title: "Reload",
+					className: "p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
+					children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideRefreshCw, { className: isRefreshing ? "size-3.5 animate-spin" : "size-3.5" }, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 241,
+						columnNumber: 11
+					}, this)
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 233,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "flex-1" }, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 243,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+					className: "text-[11px] text-sand-400",
+					children: [isError || !data ? "—" : total, " results"]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 244,
+					columnNumber: 9
+				}, this),
+				isCostError ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+					role: "alert",
+					className: "text-[11px] text-danger-500",
+					children: "Failed to load total cost."
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 246,
+					columnNumber: 11
+				}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+					className: "text-[11px] tabular-nums font-medium text-sienna-600",
+					children: [costData ? formatUsd(costData.usd) : "—", costData && unpricedRequestLabel(costData) ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+						className: "ml-1 font-normal text-sand-400",
+						title: unpricedRequestTitle(costData) ?? void 0,
+						children: unpricedRequestLabel(costData)
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 253,
+						columnNumber: 15
+					}, this) : null]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 250,
+					columnNumber: 11
+				}, this)
+			]
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 190,
+			columnNumber: 7
+		}, this), isError ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+			role: "alert",
+			className: "text-danger-500 text-center py-12 text-sm",
+			children: "Failed to load request logs."
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 265,
+			columnNumber: 9
+		}, this) : isLoading ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+			className: "space-y-2",
+			children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-8 bg-sand-100 rounded animate-pulse" }, `skel-${i}`, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 271,
+				columnNumber: 13
+			}, this))
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 269,
+			columnNumber: 9
+		}, this) : rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+			className: "text-sand-400 text-center py-12 text-sm",
+			children: "No requests yet."
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 275,
+			columnNumber: 9
+		}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+			className: "overflow-x-auto px-3 py-3 sm:px-5",
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("table", {
+				className: "w-full min-w-[900px] text-[13px]",
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("thead", { children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("tr", {
+					className: "border-b border-sand-100/60",
+					children: [COLUMNS.map((col) => {
+						const padX = col.label === "Duration" ? "pl-5 pr-3" : col.width ? "px-4" : "px-3";
+						const active = col.sortKey === sortColumn;
+						return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", {
+							className: `${col.align === "right" ? "text-right" : "text-left"} ${col.width ?? ""} ${col.width ? "whitespace-nowrap" : ""} ${padX} py-1.5 text-[10px] uppercase font-medium ${active ? "text-sienna-600" : "text-sand-400"}`,
+							children: col.sortKey ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
+								type: "button",
+								onClick: () => updateFilter({ sort: RequestLogOrderBy.parse(`${col.sortKey}-${active && sortDirection === "desc" ? "asc" : "desc"}`) }),
+								className: `inline-flex items-center gap-0.5 text-[10px] uppercase font-medium hover:text-sienna-500 transition-colors duration-150 ${col.align === "right" ? "justify-end w-full" : ""}`,
+								children: [col.label, /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+									className: active ? "" : "text-sand-300",
+									children: active ? sortDirection === "desc" ? "↓" : "↑" : "↕"
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 316,
+									columnNumber: 29
+								}, this)]
+							}, void 0, true, {
+								fileName: _jsxFileName$1,
+								lineNumber: 298,
+								columnNumber: 27
+							}, this) : col.label
+						}, col.label, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 291,
+							columnNumber: 23
+						}, this);
+					}), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", { className: "w-8" }, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 326,
+						columnNumber: 19
+					}, this)]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 283,
+					columnNumber: 17
+				}, this) }, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 282,
+					columnNumber: 15
+				}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("tbody", {
+					className: "divide-y divide-sand-100/60",
+					children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("tr", {
+						className: "transition-colors duration-150 hover:bg-sand-100/60 cursor-pointer",
+						onClick: (e) => {
+							if (e.metaKey || e.ctrlKey) {
+								window.open(`/requests/show?id=${row.id}`, "_blank");
+								return;
+							}
+							navigate({
+								to: "/requests/show",
+								search: { id: row.id }
+							});
+						},
+						children: [
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Link, {
+									to: "/requests/show",
+									search: { id: row.id },
+									onClick: (e) => e.stopPropagation(),
+									className: "text-xs text-sand-500 tabular-nums hover:text-sienna-500",
+									children: row.id
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 345,
+									columnNumber: 23
+								}, this)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 344,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+									className: "text-xs text-sand-400 tabular-nums",
+									children: formatDateTime(row.created_at)
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 355,
+									columnNumber: 23
+								}, this)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 354,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+									className: "text-xs text-sand-600",
+									children: row.project_name ?? "—"
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 360,
+									columnNumber: 23
+								}, this)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 359,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+									className: "text-xs text-sand-500",
+									children: row.token_name
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 363,
+									columnNumber: 23
+								}, this)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 362,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(RequestModel, {
+										status: row.status,
+										requestedModel: row.requested_model_name,
+										servedModel: row.model_name,
+										imageCostMethod: row.image_cost_method,
+										fallbackCount: row.fallback_count
+									}, void 0, false, {
+										fileName: _jsxFileName$1,
+										lineNumber: 366,
+										columnNumber: 23
+									}, this),
+									row.service_tier === "fast" && /* @__PURE__ */ (void 0)("span", {
+										title: "Fast 모드",
+										className: "ml-1 inline-flex align-middle",
+										children: /* @__PURE__ */ (void 0)(lucideZap, {
+											"aria-label": "Fast 모드",
+											className: "size-3 text-[#1877F2] [&_path]:fill-current"
+										}, void 0, false, {
+											fileName: _jsxFileName$1,
+											lineNumber: 375,
+											columnNumber: 27
+										}, this)
+									}, void 0, false, {
+										fileName: _jsxFileName$1,
+										lineNumber: 374,
+										columnNumber: 25
+									}, this),
+									row.response_json_ok === false && /* @__PURE__ */ (void 0)("span", {
+										title: "structured 요청의 응답이 JSON 파싱에 실패했습니다",
+										className: "ml-1.5 rounded-full bg-caution-400/15 px-1.5 py-0.5 text-[9px] font-semibold text-caution-500",
+										children: "broken"
+									}, void 0, false, {
+										fileName: _jsxFileName$1,
+										lineNumber: 382,
+										columnNumber: 25
+									}, this)
+								]
+							}, void 0, true, {
+								fileName: _jsxFileName$1,
+								lineNumber: 365,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: row.is_image_generation ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+									className: "rounded bg-sage-100 px-1.5 py-0.5 font-mono text-[10px] text-sage-700",
+									children: "img"
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 392,
+									columnNumber: 25
+								}, this) : row.is_structured ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+									className: "rounded bg-sienna-100 px-1.5 py-0.5 font-mono text-[10px] text-sienna-700",
+									children: "json"
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 396,
+									columnNumber: 25
+								}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+									className: "font-mono text-[10px] text-sand-400",
+									children: "text"
+								}, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 400,
+									columnNumber: 25
+								}, this)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 390,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-4 py-1.5 text-right tabular-nums text-sand-500 whitespace-nowrap",
+								children: formatTtft(row.ttft_ms)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 403,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "pl-5 pr-3 py-1.5 text-right tabular-nums text-sand-500 whitespace-nowrap",
+								children: formatDuration(row.duration_ms)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 406,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
+								children: formatNum(row.input_tokens)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 409,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
+								children: formatNum(row.output_tokens)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 412,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
+								children: formatNum(row.cache_read_tokens)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 415,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
+								children: formatNum(row.cache_creation_tokens)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 418,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
+								children: cacheHitRate(row)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 421,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-500",
+								children: row.tool_call_count > 0 ? row.tool_call_count : "—"
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 424,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700 whitespace-nowrap",
+								children: formatRequestCost(row)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 427,
+								columnNumber: 21
+							}, this),
+							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
+								className: "px-2 py-1.5",
+								children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideChevronRight, { className: "size-4 text-sand-400" }, void 0, false, {
+									fileName: _jsxFileName$1,
+									lineNumber: 431,
+									columnNumber: 23
+								}, this)
+							}, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 430,
+								columnNumber: 21
+							}, this)
+						]
+					}, row.id, true, {
+						fileName: _jsxFileName$1,
+						lineNumber: 331,
+						columnNumber: 19
+					}, this))
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 329,
+					columnNumber: 15
+				}, this)]
+			}, void 0, true, {
+				fileName: _jsxFileName$1,
+				lineNumber: 281,
+				columnNumber: 13
+			}, this)
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 278,
+			columnNumber: 11
+		}, this), totalPages > 1 && /* @__PURE__ */ (void 0)("div", {
+			className: "flex items-center justify-center gap-3 px-5 py-2.5 border-t border-sand-100/60",
+			children: [
+				/* @__PURE__ */ (void 0)("button", {
+					type: "button",
+					className: "p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
+					disabled: page === 1,
+					onClick: () => onSearchChange({
+						...search,
+						page: page - 1
+					}),
+					children: /* @__PURE__ */ (void 0)(lucideChevronLeft, { className: "size-4" }, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 447,
+						columnNumber: 17
+					}, this)
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 441,
+					columnNumber: 15
+				}, this),
+				/* @__PURE__ */ (void 0)("span", {
+					className: "text-[11px] text-sand-400 tabular-nums",
+					children: [
+						page,
+						" / ",
+						totalPages
+					]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 449,
+					columnNumber: 15
+				}, this),
+				/* @__PURE__ */ (void 0)("button", {
+					type: "button",
+					className: "p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
+					disabled: page === totalPages,
+					onClick: () => onSearchChange({
+						...search,
+						page: page + 1
+					}),
+					children: /* @__PURE__ */ (void 0)(lucideChevronRight, { className: "size-4" }, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 458,
+						columnNumber: 17
+					}, this)
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 452,
+					columnNumber: 15
+				}, this)
+			]
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 440,
+			columnNumber: 13
+		}, this)] }, void 0, true)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 189,
+		columnNumber: 5
+	}, this);
+}
+//#endregion
+//#region src/routes/logs.tsx?tsr-split=component
+var _jsxFileName = "/home/runner/work/qgrid/qgrid/packages/web/src/routes/logs.tsx?tsr-split=component";
+object({
+	token: string().optional(),
+	project: string().optional(),
+	model: string().optional(),
+	sort: RequestLogOrderBy.optional(),
+	page: RequestLogBaseListParams.shape.page.default(1)
+});
+function LogsPage() {
+	const search = Route.useSearch();
+	const navigate = Route.useNavigate();
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+		className: "max-w-[100rem] mx-auto",
+		children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(RequestLogTable, {
+			search,
+			onSearchChange: (next) => navigate({ search: next })
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 19,
+			columnNumber: 7
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 18,
+		columnNumber: 10
+	}, this);
+}
+//#endregion
+export { LogsPage as component };