@cartanova/qgrid-cli 1.5.6 → 1.6.1

package/bundle/web-dist/server/assets/{logs-BgcF7jVg.js → logs-BYIBD0yv.js}

@@ -1,10 +1,9 @@
-import { D as require_jsx_runtime, O as require_react, st as __toESM } from "./sd.generated-CDVQy4CJ.js";
-import { n as RequestLogService, r as TokenService, t as QgridService } from "./services.generated-DWyvb1vb.js";
-import { a as Link, o as useNavigate } from "./lazyRouteComponent-Bmjwy0OA.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")}`;
@@ -51,36 +51,117 @@ function calcCacheHitRate(row) {
 	if (denom === 0) return "—";
 	return `${Math.round(row.cache_read_tokens / denom * 100)}%`;
 }
-function trimQuery(q, maxLen = 30) {
+function trimText(q, maxLen = 60) {
 	return q.length > maxLen ? `${q.slice(0, maxLen)}...` : q;
 }
-function RequestLogTable({ page: externalPage, onPageChange } = {}) {
+function PromptCell({ value, maxWidth }) {
+	if (!value) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-sand-400",
+		children: "—"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: `text-sand-700 truncate ${maxWidth} inline-block align-bottom`,
+		title: value,
+		children: trimText(value)
+	});
+}
+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: "System",
+		align: "left"
+	},
+	{
+		label: "User",
+		align: "left"
+	},
+	{
+		label: "In",
+		align: "right"
+	},
+	{
+		label: "Out",
+		align: "right"
+	},
+	{
+		label: "C.Read",
+		align: "right"
+	},
+	{
+		label: "C.Write",
+		align: "right"
+	},
+	{
+		label: "Hit",
+		align: "right"
+	},
+	{
+		label: "Cost",
+		align: "right"
+	}
+];
+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: 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("A", {
 		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",
 		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 +171,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"]
@@ -111,49 +211,10 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 			className: "w-full 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) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+					className: `text-${col.align} ${col.width ?? ""} ${col.width ? "whitespace-nowrap" : ""} px-2 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 px-2 py-1.5" })]
 			}) }), /* @__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 +231,7 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 					},
 					children: [
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
+							className: "px-2 py-1.5 whitespace-nowrap",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
 								to: "/requests/show",
 								search: { id: row.id },
@@ -180,53 +241,73 @@ function RequestLogTable({ page: externalPage, onPageChange } = {}) {
 							})
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
+							className: "px-2 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-2 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-2 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-2 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-1.5",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptCell, {
+								value: row.system_prompt,
+								maxWidth: "max-w-80"
 							})
 						}),
 						/* @__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",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptCell, {
+								value: row.user_prompt,
+								maxWidth: "max-w-96"
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: "px-3 py-1.5 text-right 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-right 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-right 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-right 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-right 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-right 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 +321,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 +339,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,8 +350,13 @@ 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",
@@ -272,8 +364,8 @@ function LogsPage() {
 			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-DVA-nsZ-.js → routes-p2n4SfAB.js}

@@ -1,5 +1,5 @@
-import { D as require_jsx_runtime, E as useQueryClient, O as require_react, st as __toESM, w as require_react_dom } from "./sd.generated-CDVQy4CJ.js";
-import { r as TokenService, t as QgridService } from "./services.generated-DWyvb1vb.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-CDVQy4CJ.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": "등록일시",
@@ -22148,4 +22151,4 @@ SD.enumLabels = (enumName) => {
 	} });
 };
 //#endregion
-export { skipToken as $, getDefaultState as A, functionalUpdate as B, require_lib as C, require_jsx_runtime as D, useQueryClient as E, fetchState as F, matchQuery as G, hashQueryKeyByOptions as H, onlineManager as I, replaceData as J, noop$1 as K, notifyManager as L, hasPreviousPage as M, infiniteQueryBehavior as N, require_react as O, Query as P, shouldThrowError as Q, pendingThenable as R, string as S, QueryClientProvider as T, isValidTimeout as U, hashKey as V, matchMutation as W, resolveStaleTime as X, resolveEnabled as Y, shallowEqualObjects as Z, custom as _, dedupeAndFlatten as a, __exportAll as at, number as b, zArrayable as c, ZodObject as d, timeUntilStale as et, ZodOptional as f, boolean as g, bigint as h, SonamuQueryMode as i, __commonJSMin as it, hasNextPage as j, Mutation as k, ZodArray as l, array as m, SUPPORTED_LOCALES as n, focusManager as nt, fetch$1 as o, __require as ot, _enum as p, partialMatchKey as q, setLocale as r, Subscribable as rt, useRefreshable as s, __toESM as st, SD as t, timeoutManager as tt, ZodNullable as u, date as v, require_react_dom as w, object as x, int as y, environmentManager as z };
+export { timeUntilStale as $, hasNextPage as A, hashKey as B, require_react_dom as C, require_react as D, require_jsx_runtime as E, onlineManager as F, noop$1 as G, isValidTimeout as H, notifyManager as I, resolveEnabled as J, partialMatchKey as K, pendingThenable as L, infiniteQueryBehavior as M, Query as N, Mutation as O, fetchState as P, skipToken as Q, environmentManager as R, require_lib as S, useQueryClient as T, matchMutation as U, hashQueryKeyByOptions as V, matchQuery as W, shallowEqualObjects as X, resolveStaleTime as Y, shouldThrowError as Z, date as _, dedupeAndFlatten as a, __require as at, object as b, zArrayable as c, ZodObject as d, timeoutManager as et, ZodOptional as f, custom as g, boolean as h, SonamuQueryMode as i, __exportAll as it, hasPreviousPage as j, getDefaultState as k, ZodArray as l, bigint as m, SUPPORTED_LOCALES as n, Subscribable as nt, fetch$1 as o, __toESM as ot, _enum as p, replaceData as q, setLocale as r, __commonJSMin as rt, useRefreshable as s, SD as t, focusManager as tt, ZodNullable as u, int as v, QueryClientProvider as w, string as x, number as y, functionalUpdate as z };

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

@@ -1,4 +1,4 @@
-import { A as getDefaultState, C as require_lib, D as require_jsx_runtime, E as useQueryClient, F as fetchState, J as replaceData, K as noop, L as notifyManager, M as hasPreviousPage, N as infiniteQueryBehavior, O as require_react, Q as shouldThrowError, R as pendingThenable, U as isValidTimeout, V as hashKey, X as resolveStaleTime, Y as resolveEnabled, Z as shallowEqualObjects, a as dedupeAndFlatten, et as timeUntilStale, j as hasNextPage, nt as focusManager, o as fetch, rt as Subscribable, s as useRefreshable, st as __toESM, tt as timeoutManager, z as environmentManager } from "./sd.generated-CDVQy4CJ.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,19 +835,21 @@ var RequestLogService;
 })(RequestLogService || (RequestLogService = {}));
 var QgridService;
 (function(_QgridService) {
-	async function query(prompt, system, timeout) {
+	async function query(prompt, system, timeout, model, projectName) {
 		return fetch({
 			method: "POST",
 			url: `/api/qgrid/query`,
 			data: {
 				prompt,
 				system,
-				timeout
+				timeout,
+				model,
+				projectName
 			}
 		});
 	}
 	_QgridService.query = query;
-	_QgridService.useQueryMutation = () => useMutation({ mutationFn: (params) => query(params.prompt, params.system, params.timeout) });
+	_QgridService.useQueryMutation = () => useMutation({ mutationFn: (params) => query(params.prompt, params.system, params.timeout, params.model, params.projectName) });
 	async function stats() {
 		return fetch({
 			method: "GET",
@@ -882,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-CqVZY710.js → shim-Dq_Izqnc.js}

@@ -1,4 +1,4 @@
-import { O as require_react, it as __commonJSMin } from "./sd.generated-CDVQy4CJ.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-BnKnfNFP.js → show-DZ_U1u-N.js}

@@ -1,8 +1,8 @@
-import { D as require_jsx_runtime, O as require_react, at as __exportAll, it as __commonJSMin, st as __toESM } from "./sd.generated-CDVQy4CJ.js";
-import { n as RequestLogService } from "./services.generated-DWyvb1vb.js";
-import { a as Link } from "./lazyRouteComponent-Bmjwy0OA.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-BPyN_0Dp.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-7z55hPRV.js → tokens-DOybPnNU.js}

@@ -1,7 +1,7 @@
-import { D as require_jsx_runtime, E as useQueryClient, O as require_react, S as string, _ as custom, b as number, c as zArrayable, g as boolean, h as bigint, i as SonamuQueryMode, m as array, p as _enum, st as __toESM, v as date, x as object, y as int } from "./sd.generated-CDVQy4CJ.js";
-import { r as TokenService, t as QgridService } from "./services.generated-DWyvb1vb.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-BPyN_0Dp.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(),
@@ -350,10 +358,13 @@ var lucideTrash2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg",
 object({
 	system: string().optional(),
 	prompt: string(),
+	model: string().optional(),
 	timeout: number().optional()
 });
 object({
 	text: string(),
+	tokenName: string().optional(),
+	model: string().optional(),
 	usage: object({
 		input_tokens: number(),
 		output_tokens: number(),
@@ -363,17 +374,6 @@ object({
 	durationMs: number(),
 	costUsd: number()
 });
-object({
-	tokens: array(object({
-		token: string(),
-		name: string()
-	})),
-	size: number().optional(),
-	model: string().optional(),
-	timeout: number().optional(),
-	cwd: string().optional(),
-	maxCalls: number().optional()
-});
 object({
 	token: string(),
 	name: string()
@@ -382,8 +382,7 @@ object({ token: string() });
 object({
 	token: string(),
 	name: string(),
-	requests: number(),
-	active: boolean()
+	requests: number()
 });
 object({ authUrl: string() });
 var RateLimit = object({
@@ -407,7 +406,6 @@ object({
 });
 object({
 	status: string(),
-	workers: number(),
 	activeTokens: number()
 });
 function maskToken(token) {