@cartanova/qgrid-cli 1.6.0 → 1.6.2

package/bundle/web-dist/server/assets/{logs-DgIbufNf.js → logs-C7lTCP1X.js}

@@ -1,10 +1,9 @@
-import { D as require_react, E as require_jsx_runtime, ot as __toESM } from "./sd.generated-BZPIp4uL.js";
-import { n as RequestLogService, r as TokenService, t as QgridService } from "./services.generated-BA0gbdmd.js";
-import { a as Link, o as useNavigate } from "./lazyRouteComponent-BJmwxFyJ.js";
+import { D as require_react, E as require_jsx_runtime, b as object, x as string, y as number } from "./sd.generated-CIg_jf8e.js";
+import { n as RequestLogService, r as TokenService, t as QgridService } from "./services.generated-DIeiDdqy.js";
+import { a as Link, o as useNavigate } from "./lazyRouteComponent-BlvOfJIF.js";
 import { n as Route } from "../entry-server.generated.js";
 import { n as formatUsd, t as formatMicroUsd } from "./cost-DdHTzQDR.js";
-//#region ~icons/lucide/chevron-left.jsx
-var import_react = /* @__PURE__ */ __toESM(require_react());
+require_react();
 var import_jsx_runtime = require_jsx_runtime();
 var lucideChevronLeft = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -39,6 +38,7 @@ var lucideChevronRight = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 //#endregion
 //#region src/components/qgrid/RequestLogTable.tsx
 var PAGE_SIZE = 50;
+var UNASSIGNED = "__unassigned__";
 function formatDateTime(iso) {
 	const d = new Date(iso);
 	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")}`;
@@ -46,41 +46,117 @@ function formatDateTime(iso) {
 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 calcCacheHitRate(row) {
 	const denom = row.input_tokens + row.cache_read_tokens + row.cache_creation_tokens;
 	if (denom === 0) return "—";
 	return `${Math.round(row.cache_read_tokens / denom * 100)}%`;
 }
-function trimQuery(q, maxLen = 30) {
-	return q.length > maxLen ? `${q.slice(0, maxLen)}...` : q;
-}
-function RequestLogTable({ page: externalPage, onPageChange } = {}) {
+var COLUMNS = [
+	{
+		label: "ID",
+		align: "left",
+		width: "w-12"
+	},
+	{
+		label: "Date",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Project",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Token",
+		align: "left",
+		width: "w-24"
+	},
+	{
+		label: "Model",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Duration",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "In",
+		align: "left",
+		width: "w-16"
+	},
+	{
+		label: "Out",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "C.Read",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "C.Write",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Hit",
+		align: "left",
+		width: "w-14"
+	},
+	{
+		label: "Cost",
+		align: "left",
+		width: "w-20"
+	}
+];
+function RequestLogTable({ search, onSearchChange }) {
 	const navigate = useNavigate();
-	const [internalPage, setInternalPage] = (0, import_react.useState)(1);
-	const page = externalPage ?? internalPage;
-	const setPage = onPageChange ?? setInternalPage;
-	const [tokenFilter, setTokenFilter] = (0, import_react.useState)("");
+	const page = search.page ?? 1;
+	const tokenFilter = search.token ?? "";
+	const projectFilter = search.project ?? "";
 	const { data: tokensData } = TokenService.useTokens("A");
 	const tokenNames = (tokensData?.rows ?? []).map((t) => t.name).filter(Boolean);
-	const { data, isLoading } = RequestLogService.useRequestLogs("A", {
+	const { data: projectData } = QgridService.useProjectNames();
+	const projectNames = projectData?.names ?? [];
+	const projectFilterParam = (() => {
+		if (projectFilter === UNASSIGNED) return { project_name_is_null: true };
+		if (projectFilter) return { project_name: projectFilter };
+		return {};
+	})();
+	const { data, isLoading } = RequestLogService.useRequestLogs("P", {
 		num: PAGE_SIZE,
 		page,
 		orderBy: "id-desc",
-		...tokenFilter ? { token_name: tokenFilter } : {}
+		...tokenFilter ? { token_name: tokenFilter } : {},
+		...projectFilterParam
 	});
 	const { data: costData } = QgridService.useTotalCost(tokenFilter || void 0);
 	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_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2 mb-3 flex-wrap",
+		className: "flex items-center gap-2 mb-10 flex-wrap",
 		children: [
 			tokenNames.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
 				value: tokenFilter,
-				onChange: (e) => {
-					setTokenFilter(e.target.value);
-					setPage(1);
-				},
+				onChange: (e) => updateFilter({ token: e.target.value || void 0 }),
 				className: "border border-sand-200 rounded-md px-2 py-1 text-xs text-sand-700 bg-white focus:outline-none focus:border-sienna-300",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
 					value: "",
@@ -90,6 +166,25 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 					children: name
 				}, name))]
 			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+				value: projectFilter,
+				onChange: (e) => updateFilter({ project: e.target.value || void 0 }),
+				className: "border border-sand-200 rounded-md px-2 py-1 text-xs text-sand-700 bg-white focus:outline-none focus:border-sienna-300",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+						value: "",
+						children: "All Projects"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+						value: UNASSIGNED,
+						children: "(unassigned)"
+					}),
+					projectNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+						value: name,
+						children: name
+					}, name))
+				]
+			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 				className: "text-[11px] text-sand-400",
 				children: [total, " results"]
@@ -106,54 +201,18 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 		className: "text-sand-400 text-center py-12 text-sm",
 		children: "No requests yet."
 	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "rounded-lg bg-sand-50 overflow-hidden",
+		className: "rounded-lg bg-sand-50 overflow-hidden w-fit mx-auto px-10 py-4",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
-			className: "w-full text-sm",
+			className: "text-sm",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
 				className: "border-b border-sand-200",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "ID"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Date"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Token"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Query"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "In"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Out"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "C.Read"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "C.Write"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Hit"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Cost"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-8 px-2 py-2.5" })
-				]
+				children: [COLUMNS.map((col) => {
+					const padX = col.label === "Duration" ? "pl-5 pr-3" : col.width ? "px-4" : "px-3";
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+						className: `text-${col.align} ${col.width ?? ""} ${col.width ? "whitespace-nowrap" : ""} ${padX} py-1.5 text-[10px] uppercase text-sand-400 font-medium`,
+						children: col.label
+					}, col.label);
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-8" })]
 			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
 				className: "divide-y divide-sand-200/60",
 				children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
@@ -170,7 +229,7 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 					},
 					children: [
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
+							className: "px-4 py-1.5 whitespace-nowrap",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
 								to: "/requests/show",
 								search: { id: row.id },
@@ -180,53 +239,63 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 							})
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
+							className: "px-4 py-1.5 whitespace-nowrap",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-[10px] text-sand-400 tabular-nums whitespace-nowrap",
+								className: "text-xs text-sand-400 tabular-nums",
 								children: formatDateTime(row.created_at)
 							})
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
+							className: "px-4 py-1.5 whitespace-nowrap",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-xs text-sand-600",
+								children: row.project_name ?? "—"
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: "px-4 py-1.5 whitespace-nowrap",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 								className: "text-xs text-sand-500",
 								children: row.token_name
 							})
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
+							className: "px-4 py-1.5 whitespace-nowrap",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-sand-800 truncate max-w-48",
-								title: row.query,
-								children: trimQuery(row.query)
+								className: "text-xs text-sand-500",
+								children: row.model_name ?? "—"
 							})
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
+							className: "pl-5 pr-3 py-1.5 text-left tabular-nums text-sand-500 whitespace-nowrap",
+							children: formatDuration(row.duration_ms)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
 							children: formatNum(row.input_tokens)
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
+							className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
 							children: formatNum(row.output_tokens)
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
+							className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
 							children: formatNum(row.cache_read_tokens)
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
+							className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
 							children: formatNum(row.cache_creation_tokens)
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
+							className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
 							children: calcCacheHitRate(row)
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
-							children: row.cost_usd !== null ? formatMicroUsd(row.cost_usd) : "-"
+							className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+							children: row.cost_usd !== null ? formatMicroUsd(row.cost_usd) : "—"
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-2 py-2.5",
+							className: "px-2 py-1.5",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronRight, { className: "size-4 text-sand-400" })
 						})
 					]
@@ -240,7 +309,10 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 				type: "button",
 				className: "p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
 				disabled: page === 1,
-				onClick: () => setPage(page - 1),
+				onClick: () => onSearchChange({
+					...search,
+					page: page - 1
+				}),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronLeft, { className: "size-4" })
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
@@ -255,7 +327,10 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 				type: "button",
 				className: "p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
 				disabled: page === totalPages,
-				onClick: () => setPage(page + 1),
+				onClick: () => onSearchChange({
+					...search,
+					page: page + 1
+				}),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronRight, { className: "size-4" })
 			})
 		]
@@ -263,17 +338,22 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 }
 //#endregion
 //#region src/routes/logs.tsx?tsr-split=component
+object({
+	token: string().optional(),
+	project: string().optional(),
+	page: number().optional().default(1)
+});
 function LogsPage() {
-	const { page } = Route.useSearch();
+	const search = Route.useSearch();
 	const navigate = Route.useNavigate();
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "space-y-5 max-w-300 mx-auto -translate-x-4",
+		className: "space-y-5 max-w-[96rem] mx-auto -translate-x-4",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
 			className: "text-xl font-medium text-sand-900 tracking-tight",
 			children: "Request Logs"
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestLogTable, {
-			page,
-			onPageChange: (p) => navigate({ search: { page: p } })
+			search,
+			onSearchChange: (next) => navigate({ search: next })
 		})]
 	});
 }

package/bundle/web-dist/server/assets/{routes-x7-hqUm0.js → routes-p2n4SfAB.js}

@@ -1,5 +1,5 @@
-import { C as require_react_dom, D as require_react, E as require_jsx_runtime, T as useQueryClient, ot as __toESM } from "./sd.generated-BZPIp4uL.js";
-import { r as TokenService, t as QgridService } from "./services.generated-BA0gbdmd.js";
+import { C as require_react_dom, D as require_react, E as require_jsx_runtime, T as useQueryClient, ot as __toESM } from "./sd.generated-CIg_jf8e.js";
+import { r as TokenService, t as QgridService } from "./services.generated-DIeiDdqy.js";
 import { n as formatUsd } from "./cost-DdHTzQDR.js";
 //#region ../../node_modules/.pnpm/@dnd-kit+utilities@3.2.2_react@19.2.4/node_modules/@dnd-kit/utilities/dist/utilities.esm.js
 var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom());

package/bundle/web-dist/server/assets/{sd.generated-BZPIp4uL.js → sd.generated-CIg_jf8e.js}

@@ -22067,7 +22067,10 @@ var entityLabels = {
 	"entity.RequestLog.id": "ID",
 	"entity.RequestLog.created_at": "등록일시",
 	"entity.RequestLog.token_name": "토큰 이름",
-	"entity.RequestLog.query": "prompt 전문",
+	"entity.RequestLog.project_name": "프로젝트 이름",
+	"entity.RequestLog.model_name": "모델 이름",
+	"entity.RequestLog.user_prompt": "사용자 프롬프트",
+	"entity.RequestLog.system_prompt": "시스템 프롬프트",
 	"entity.RequestLog.response": "llm 응답 전문",
 	"entity.RequestLog.input_tokens": "입력 토큰",
 	"entity.RequestLog.output_tokens": "출력 토큰",
@@ -22078,7 +22081,7 @@ var entityLabels = {
 	"enum.RequestLogOrderBy.id-desc": "ID최신순",
 	"enum.RequestLogSearchField.id": "ID",
 	"enum.RequestLogSearchField.token_name": "토큰이름",
-	"enum.RequestLogSearchField.query": "쿼리",
+	"enum.RequestLogSearchField.user_prompt": "사용자 프롬프트",
 	"entity.Token": "Token",
 	"entity.Token.id": "ID",
 	"entity.Token.created_at": "등록일시",

package/bundle/web-dist/server/assets/{services.generated-BA0gbdmd.js → services.generated-DIeiDdqy.js}

@@ -1,4 +1,4 @@
-import { $ as timeUntilStale, A as hasNextPage, B as hashKey, D as require_react, E as require_jsx_runtime, G as noop, H as isValidTimeout, I as notifyManager, J as resolveEnabled, L as pendingThenable, M as infiniteQueryBehavior, P as fetchState, R as environmentManager, S as require_lib, T as useQueryClient, X as shallowEqualObjects, Y as resolveStaleTime, Z as shouldThrowError, a as dedupeAndFlatten, et as timeoutManager, j as hasPreviousPage, k as getDefaultState, nt as Subscribable, o as fetch, ot as __toESM, q as replaceData, s as useRefreshable, tt as focusManager } from "./sd.generated-BZPIp4uL.js";
+import { $ as timeUntilStale, A as hasNextPage, B as hashKey, D as require_react, E as require_jsx_runtime, G as noop, H as isValidTimeout, I as notifyManager, J as resolveEnabled, L as pendingThenable, M as infiniteQueryBehavior, P as fetchState, R as environmentManager, S as require_lib, T as useQueryClient, X as shallowEqualObjects, Y as resolveStaleTime, Z as shouldThrowError, a as dedupeAndFlatten, et as timeoutManager, j as hasPreviousPage, k as getDefaultState, nt as Subscribable, o as fetch, ot as __toESM, q as replaceData, s as useRefreshable, tt as focusManager } from "./sd.generated-CIg_jf8e.js";
 //#region ../../node_modules/.pnpm/@tanstack+query-core@5.95.2/node_modules/@tanstack/query-core/build/modern/queryObserver.js
 var QueryObserver = class extends Subscribable {
 	constructor(client, options) {
@@ -835,7 +835,7 @@ var RequestLogService;
 })(RequestLogService || (RequestLogService = {}));
 var QgridService;
 (function(_QgridService) {
-	async function query(prompt, system, timeout, model) {
+	async function query(prompt, system, timeout, model, projectName) {
 		return fetch({
 			method: "POST",
 			url: `/api/qgrid/query`,
@@ -843,12 +843,13 @@ var QgridService;
 				prompt,
 				system,
 				timeout,
-				model
+				model,
+				projectName
 			}
 		});
 	}
 	_QgridService.query = query;
-	_QgridService.useQueryMutation = () => useMutation({ mutationFn: (params) => query(params.prompt, params.system, params.timeout, params.model) });
+	_QgridService.useQueryMutation = () => useMutation({ mutationFn: (params) => query(params.prompt, params.system, params.timeout, params.model, params.projectName) });
 	async function stats() {
 		return fetch({
 			method: "GET",
@@ -883,6 +884,21 @@ var QgridService;
 		...totalCostQueryOptions(tokenName),
 		...options
 	}));
+	async function projectNames() {
+		return fetch({
+			method: "GET",
+			url: `/api/qgrid/projectNames`
+		});
+	}
+	_QgridService.projectNames = projectNames;
+	const projectNamesQueryOptions = _QgridService.projectNamesQueryOptions = () => queryOptions({
+		queryKey: ["Qgrid", "projectNames"],
+		queryFn: () => projectNames()
+	});
+	_QgridService.useProjectNames = (options) => useRefreshable(useQuery({
+		...projectNamesQueryOptions(),
+		...options
+	}));
 	async function addToken(token, name, refreshToken) {
 		return fetch({
 			method: "POST",

package/bundle/web-dist/server/assets/{shim-DGrmZkac.js → shim-Dq_Izqnc.js}

@@ -1,4 +1,4 @@
-import { D as require_react, rt as __commonJSMin } from "./sd.generated-BZPIp4uL.js";
+import { D as require_react, rt as __commonJSMin } from "./sd.generated-CIg_jf8e.js";
 //#region ../../node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
 /**
 * @license React

package/bundle/web-dist/server/assets/{show-Bk3NayMH.js → show-DZ_U1u-N.js}

@@ -1,8 +1,8 @@
-import { D as require_react, E as require_jsx_runtime, it as __exportAll, ot as __toESM, rt as __commonJSMin } from "./sd.generated-BZPIp4uL.js";
-import { n as RequestLogService } from "./services.generated-BA0gbdmd.js";
-import { a as Link } from "./lazyRouteComponent-BJmwxFyJ.js";
+import { D as require_react, E as require_jsx_runtime, it as __exportAll, ot as __toESM, rt as __commonJSMin } from "./sd.generated-CIg_jf8e.js";
+import { n as RequestLogService } from "./services.generated-DIeiDdqy.js";
+import { a as Link } from "./lazyRouteComponent-BlvOfJIF.js";
 import { t as Route } from "../entry-server.generated.js";
-import { n as lucideCheck, t as lucideCopy } from "./copy-BVWDOV2T.js";
+import { n as lucideCheck, t as lucideCopy } from "./copy-CKCGxwII.js";
 import minpath from "node:path";
 import minproc from "node:process";
 import { fileURLToPath as urlToPath } from "node:url";
@@ -23457,13 +23457,20 @@ function RequestDetail({ id }) {
 				children: "Request Detail"
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
-				title: "Query",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "rounded-lg bg-sand-50 px-4 py-3",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, { text: data.query })
+				title: "System",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "relative rounded-lg bg-sand-50 px-4 py-3",
+					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" })]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+				title: "User",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "relative rounded-lg bg-sand-50 px-4 py-3",
+					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" })]
 				})
 			}),
-			data.response && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
 				title: "Response",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "relative rounded-lg bg-sand-50 px-4 py-3",
@@ -23534,6 +23541,13 @@ function RequestDetail({ id }) {
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tbody", {
 							className: "text-sand-700",
 							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+									className: "py-1.5 text-sand-500",
+									children: "Project"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+									className: "py-1.5 text-right font-medium text-sand-800",
+									children: data.project_name ?? "—"
+								})] }),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
 									className: "py-1.5 text-sand-500",
 									children: "Token"
@@ -23541,6 +23555,13 @@ function RequestDetail({ id }) {
 									className: "py-1.5 text-right font-medium text-sand-800",
 									children: data.token_name
 								})] }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+									className: "py-1.5 text-sand-500",
+									children: "Model"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+									className: "py-1.5 text-right font-medium text-sand-800",
+									children: data.model_name ?? "—"
+								})] }),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
 									className: "py-1.5 text-sand-500",
 									children: "Time"

package/bundle/web-dist/server/assets/{tokens-CVSwt0x0.js → tokens-DTUDs-4D.js}

@@ -1,7 +1,7 @@
-import { D as require_react, E as require_jsx_runtime, T as useQueryClient, _ as date, b as object, c as zArrayable, g as custom, h as boolean, i as SonamuQueryMode, m as bigint, ot as __toESM, p as _enum, v as int, x as string, y as number } from "./sd.generated-BZPIp4uL.js";
-import { r as TokenService, t as QgridService } from "./services.generated-BA0gbdmd.js";
+import { D as require_react, E as require_jsx_runtime, T as useQueryClient, _ as date, b as object, c as zArrayable, g as custom, h as boolean, i as SonamuQueryMode, m as bigint, ot as __toESM, p as _enum, v as int, x as string, y as number } from "./sd.generated-CIg_jf8e.js";
+import { r as TokenService, t as QgridService } from "./services.generated-DIeiDdqy.js";
 import { a as lucideKeyRound, i as ro, r as Q } from "../entry-server.generated.js";
-import { n as lucideCheck, t as lucideCopy } from "./copy-BVWDOV2T.js";
+import { n as lucideCheck, t as lucideCopy } from "./copy-CKCGxwII.js";
 //#region ~icons/lucide/eye.jsx
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
@@ -65,7 +65,7 @@ var RequestLogOrderBy = _enum(["id-desc"]).describe("RequestLogOrderBy");
 var RequestLogSearchField = _enum([
 	"id",
 	"token_name",
-	"query"
+	"user_prompt"
 ]).describe("RequestLogSearchField");
 var TokenOrderBy = _enum(["id-desc", "ord-asc"]).describe("TokenOrderBy");
 var TokenSearchField = _enum(["id", "name"]).describe("TokenSearchField");
@@ -73,7 +73,10 @@ object({
 	id: int(),
 	created_at: date(),
 	token_name: string().max(100),
-	query: string(),
+	project_name: string().max(50).nullable(),
+	model_name: string().max(50).nullable(),
+	user_prompt: string().nullable(),
+	system_prompt: string().nullable(),
 	response: string(),
 	input_tokens: int(),
 	output_tokens: int(),
@@ -102,7 +105,9 @@ object({
 	queryMode: SonamuQueryMode,
 	id: zArrayable(number().int().positive()),
 	sonamuFilter: custom(),
-	token_name: string().max(100)
+	token_name: string().max(100),
+	project_name: string().max(50).nullable(),
+	model_name: string().max(50).nullable()
 }).partial();
 object({
 	num: number().int().nonnegative(),
@@ -119,7 +124,10 @@ object({
 	id: int(),
 	created_at: date(),
 	token_name: string().max(100),
-	query: string(),
+	project_name: string().max(50).nullable(),
+	model_name: string().max(50).nullable(),
+	user_prompt: string().nullable(),
+	system_prompt: string().nullable(),
 	response: string(),
 	input_tokens: int(),
 	output_tokens: int(),
@@ -128,7 +136,20 @@ object({
 	duration_ms: int(),
 	cost_usd: int().nullable()
 });
-_enum(["A"]);
+object({
+	id: int(),
+	created_at: date(),
+	token_name: string().max(100),
+	project_name: string().max(50).nullable(),
+	model_name: string().max(50).nullable(),
+	input_tokens: int(),
+	output_tokens: int(),
+	cache_read_tokens: int(),
+	cache_creation_tokens: int(),
+	duration_ms: int(),
+	cost_usd: int().nullable()
+});
+_enum(["A", "P"]);
 object({
 	id: int(),
 	created_at: date(),
@@ -356,6 +377,7 @@ object({
 object({
 	text: string(),
 	tokenName: string().optional(),
+	model: string().optional(),
 	usage: object({
 		input_tokens: number(),
 		output_tokens: number(),