@cartanova/qgrid-cli 2.6.2 → 2.6.5

package/bundle/web-dist/server/assets/{show-DJfaCNUw.js → show-C-oSdzHX.js}

@@ -1,6 +1,6 @@
-import { J as __commonJSMin, Y as __exportAll, Z as __toESM, _ as require_jsx_runtime, v as require_react } from "./sd.generated-ek-tz-7H.js";
-import { i as RequestLogStepService, r as RequestLogService } from "./services.generated-Bh7Vs8Ds.js";
-import { a as Link } from "./lazyRouteComponent-PRxXWW3t.js";
+import { J as __commonJSMin, Y as __exportAll, Z as __toESM, _ as require_jsx_runtime, v as require_react } from "./sd.generated-B0xqnHEo.js";
+import { i as RequestLogStepService, r as RequestLogService } from "./services.generated-DqAKskAS.js";
+import { a as Link } from "./lazyRouteComponent-BaZaveNc.js";
 import { t as Route } from "../entry-server.generated.js";
 import { n as formatMicroUsd, t as cacheHitRate } from "./cost-CSH_t17I.js";
 import minpath from "node:path";
@@ -25269,13 +25269,16 @@ function Section({ title, defaultOpen = true, children }) {
 	});
 }
 function Metric({ label, value }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-		className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-		children: label
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-		className: "text-[15px] font-semibold text-sand-800 tabular-nums mt-0.5",
-		children: 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",
@@ -25306,10 +25309,10 @@ function HeaderBar({ data }) {
 	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-5 py-3 flex items-center gap-2",
+		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",
+				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", {
@@ -25441,13 +25444,16 @@ function formatTokensPerSec(outputTokens, durationMs, ttftMs, enabled) {
 	return `${Math.round(outputTokens / (generationMs / 1e3)).toLocaleString()} tok/s`;
 }
 function CompactMetric({ label, value }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-		children: label
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "mt-0.5 text-[13px] font-semibold text-sand-800 tabular-nums",
-		children: 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 [];
@@ -25662,7 +25668,7 @@ function StepTreeItem({ entry, tokensPerSecEnabled }) {
 			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 md:grid-cols-4 xl:grid-cols-8 gap-3",
+					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",
@@ -25928,16 +25934,16 @@ function RequestDetail({ id }) {
 			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 gap-4 items-start",
+				className: "flex flex-col lg:flex-row gap-4 items-stretch lg:items-start",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex-1 min-w-0",
-					children: promptSections
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex-1 min-w-0 space-y-4",
+					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, {

package/bundle/web-dist/server/assets/{tokens-BA4vwDat.js → tokens-h-2A3wfD.js}

@@ -1,7 +1,7 @@
-import { Z as __toESM, _ as require_jsx_runtime, g as useQueryClient, v as require_react } from "./sd.generated-ek-tz-7H.js";
-import { a as TokenService, n as QgridService } from "./services.generated-Bh7Vs8Ds.js";
+import { Z as __toESM, _ as require_jsx_runtime, g as useQueryClient, v as require_react } from "./sd.generated-B0xqnHEo.js";
+import { a as TokenService, n as QgridService } from "./services.generated-DqAKskAS.js";
 import { i as Q, o as lucideKeyRound } from "../entry-server.generated.js";
-import { t as useUpdateTokenMutation } from "./use-update-token-mutation-BQRzEPy2.js";
+import { t as useUpdateTokenMutation } from "./use-update-token-mutation-DHCaa7Ku.js";
 //#region ~icons/lucide/plus.jsx
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
@@ -392,113 +392,116 @@ function TokenTable({ data, isLoading }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "panel overflow-hidden",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
-				className: "w-full text-[13px]",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
-					className: "panel-header",
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-							className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-							children: "Provider"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-							className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-							children: "Name"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-							className: "text-left px-5 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-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-							children: "Status"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-							className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-							children: "Expires"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-20 px-3 py-2.5" })
-					]
-				}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
-					className: "divide-y divide-sand-100/80",
-					children: tokens.map((token) => {
-						const expiry = formatExpiry(getExpiresAt(token));
-						return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
-							className: `transition-colors duration-150 hover:bg-sand-100/60 ${token.active ? "" : "opacity-50"}`,
-							children: [
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-									className: "px-5 py-3",
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-xs font-medium text-sand-500 uppercase",
-										children: token.provider
-									})
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-									className: "px-5 py-3",
-									children: token.name ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sm text-sand-700",
-										children: token.name
-									}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[11px] text-sand-400",
-										children: "—"
-									})
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-									className: "px-5 py-3",
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-										className: "text-[13px] font-mono text-sand-800",
-										children: maskAccessToken(token)
-									})
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-									className: "px-5 py-3",
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors duration-200 ${token.active ? "bg-sage-400" : "bg-sand-300"}`,
-										onClick: () => handleToggle(token),
-										disabled: toggleMutation.isPending,
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform duration-200 ${token.active ? "translate-x-4.5" : "translate-x-0.5"}` })
-									})
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-									className: "px-5 py-3",
-									children: expiry.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: `text-xs ${expiry.color}`,
-										children: expiry.text
-									})
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-									className: "px-3 py-3",
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "flex items-center gap-1",
-										children: [
-											!token.active && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-												type: "button",
-												title: "기존 이름으로 다시 로그인",
-												className: "px-2 py-0.5 mr-1 text-[11px] font-medium rounded-md border border-sand-300 text-sand-600 hover:bg-sand-100 disabled:opacity-50 transition-colors duration-150 inline-flex items-center gap-1",
-												disabled: oauth.loadingProvider !== null,
-												onClick: () => void oauth.start(token.provider, token.name ?? ""),
-												children: oauth.loadingProvider === token.provider ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-3 h-3 border-2 border-sand-400 border-t-transparent rounded-full animate-spin" }), "로그인 대기"] }) : "재로그인"
-											}),
-											/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: "p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150",
-												onClick: () => openEdit(token),
-												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucidePencil, { className: "size-4" })
-											}),
-											/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: "p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150",
-												onClick: () => setDeleteTarget(token),
-												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideTrash2, { className: "size-4" })
-											})
-										]
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
+					className: "w-full min-w-[640px] text-[13px]",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+						className: "panel-header",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
+								children: "Provider"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
+								children: "Name"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+								className: "text-left px-5 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-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
+								children: "Status"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
+								children: "Expires"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-20 px-3 py-2.5" })
+						]
+					}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
+						className: "divide-y divide-sand-100/80",
+						children: tokens.map((token) => {
+							const expiry = formatExpiry(getExpiresAt(token));
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+								className: `transition-colors duration-150 hover:bg-sand-100/60 ${token.active ? "" : "opacity-50"}`,
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+										className: "px-5 py-3",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-xs font-medium text-sand-500 uppercase",
+											children: token.provider
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+										className: "px-5 py-3",
+										children: token.name ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-sm text-sand-700",
+											children: token.name
+										}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-[11px] text-sand-400",
+											children: "—"
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+										className: "px-5 py-3",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+											className: "text-[13px] font-mono text-sand-800",
+											children: maskAccessToken(token)
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+										className: "px-5 py-3",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors duration-200 ${token.active ? "bg-sage-400" : "bg-sand-300"}`,
+											onClick: () => handleToggle(token),
+											disabled: toggleMutation.isPending,
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform duration-200 ${token.active ? "translate-x-4.5" : "translate-x-0.5"}` })
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+										className: "px-5 py-3",
+										children: expiry.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: `text-xs ${expiry.color}`,
+											children: expiry.text
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+										className: "px-3 py-3",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "flex items-center gap-1",
+											children: [
+												!token.active && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+													type: "button",
+													title: "기존 이름으로 다시 로그인",
+													className: "px-2 py-0.5 mr-1 text-[11px] font-medium rounded-md border border-sand-300 text-sand-600 hover:bg-sand-100 disabled:opacity-50 transition-colors duration-150 inline-flex items-center gap-1",
+													disabled: oauth.loadingProvider !== null,
+													onClick: () => void oauth.start(token.provider, token.name ?? ""),
+													children: oauth.loadingProvider === token.provider ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-3 h-3 border-2 border-sand-400 border-t-transparent rounded-full animate-spin" }), "로그인 대기"] }) : "재로그인"
+												}),
+												/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150",
+													onClick: () => openEdit(token),
+													children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucidePencil, { className: "size-4" })
+												}),
+												/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150",
+													onClick: () => setDeleteTarget(token),
+													children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideTrash2, { className: "size-4" })
+												})
+											]
+										})
 									})
-								})
-							]
-						}, token.id);
-					})
-				})]
+								]
+							}, token.id);
+						})
+					})]
+				})
 			})
 		}),
 		oauth.codeEntry && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {

package/bundle/web-dist/server/assets/{use-update-token-mutation-BQRzEPy2.js → use-update-token-mutation-DHCaa7Ku.js}

@@ -1,4 +1,4 @@
-import { n as QgridService, o as useMutation } from "./services.generated-Bh7Vs8Ds.js";
+import { n as QgridService, o as useMutation } from "./services.generated-DqAKskAS.js";
 //#region src/services/token/use-update-token-mutation.ts
 function useUpdateTokenMutation() {
 	return useMutation({ mutationFn: ({ id, name, quotaThreshold, weight }) => QgridService.updateToken(id, name, quotaThreshold, weight) });

package/bundle/web-dist/server/entry-server.generated.js

@@ -1,5 +1,5 @@
-import { A as functionalUpdate, B as resolveStaleTime, C as infiniteQueryBehavior, D as notifyManager, E as onlineManager, F as matchQuery, I as noop$1, J as __commonJSMin, K as focusManager, L as partialMatchKey, M as hashQueryKeyByOptions, P as matchMutation, U as skipToken, X as __require, Z as __toESM, _ as require_jsx_runtime, c as _enum, d as string, h as QueryClientProvider, j as hashKey, l as number, m as require_shim, n as SUPPORTED_LOCALES, p as require_react_dom, q as Subscribable, r as setLocale, t as SD, u as object, v as require_react, w as Query, y as Mutation } from "./assets/sd.generated-ek-tz-7H.js";
-import { A as decodePath, C as findRouteMatch, D as createLRUCache, E as processRouteTree, F as last, I as replaceEqualDeep, M as findLast, N as functionalUpdate$1, O as invariant, P as isPromise, S as findFlatMatch, T as processRouteMasks, _ as interpolatePath, a as Link$1, b as trimPath, c as usePrevious$1, d as useRouter, f as getRouterContext, g as cleanPath, h as isNotFound, i as createRootRouteWithContext, j as deepEqual$2, k as createControlledPromise, l as matchContext, m as rootRouteId, n as createFileRoute, p as warning, r as createLazyFileRoute, s as useLayoutEffect$3, t as lazyRouteComponent, u as useRouterState, v as joinPaths, w as findSingleMatch, x as trimPathRight, y as resolvePath } from "./assets/lazyRouteComponent-PRxXWW3t.js";
+import { A as functionalUpdate, B as resolveStaleTime, C as infiniteQueryBehavior, D as notifyManager, E as onlineManager, F as matchQuery, I as noop$1, J as __commonJSMin, K as focusManager, L as partialMatchKey, M as hashQueryKeyByOptions, P as matchMutation, U as skipToken, X as __require, Z as __toESM, _ as require_jsx_runtime, c as _enum, d as string, h as QueryClientProvider, j as hashKey, l as number, m as require_shim, n as SUPPORTED_LOCALES, p as require_react_dom, q as Subscribable, r as setLocale, t as SD, u as object, v as require_react, w as Query, y as Mutation } from "./assets/sd.generated-B0xqnHEo.js";
+import { A as decodePath, C as findRouteMatch, D as createLRUCache, E as processRouteTree, F as last, I as replaceEqualDeep, M as findLast, N as functionalUpdate$1, O as invariant, P as isPromise, S as findFlatMatch, T as processRouteMasks, _ as interpolatePath, a as Link$1, b as trimPath, c as usePrevious$1, d as useRouter, f as getRouterContext, g as cleanPath, h as isNotFound, i as createRootRouteWithContext, j as deepEqual$2, k as createControlledPromise, l as matchContext, m as rootRouteId, n as createFileRoute, p as warning, r as createLazyFileRoute, s as useLayoutEffect$3, t as lazyRouteComponent, u as useRouterState, v as joinPaths, w as findSingleMatch, x as trimPathRight, y as resolvePath } from "./assets/lazyRouteComponent-BaZaveNc.js";
 //#region ../../node_modules/.pnpm/@tanstack+query-core@5.95.2/node_modules/@tanstack/query-core/build/modern/hydration.js
 function defaultTransformerFn(data) {
 	return data;
@@ -22675,8 +22675,9 @@ var lucideTerminal = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg
 	})
 });
 //#endregion
-//#region src/components/Sidebar.tsx
-var sections = [{
+//#region src/components/nav-items.ts
+/** 사이드바(데스크톱)와 하단 탭 바(모바일)가 공유하는 단일 정의. */
+var NAV_SECTIONS = [{
 	label: "Overview",
 	items: [{
 		title: "Dashboard",
@@ -22693,23 +22694,57 @@ var sections = [{
 		},
 		{
 			title: "Request Logs",
+			shortTitle: "Logs",
 			path: "/logs",
 			icon: lucideFileText
 		},
 		{
 			title: "Server Logs",
+			shortTitle: "Server",
 			path: "/monit",
 			icon: lucideTerminal
 		}
 	]
 }];
-var qgridVersion = "2.6.2";
+var NAV_ITEMS = NAV_SECTIONS.flatMap((section) => section.items);
+function isNavItemActive(path, pathname) {
+	if (path === "/") return pathname === "/" || pathname === "";
+	return pathname.startsWith(path);
+}
+//#endregion
+//#region src/components/BottomNav.tsx
+/**
+* 좁은 화면 전용 하단 탭 바.
+*
+* 사이드바는 `md` 미만에서 숨겨지는데, 그러면 URL 을 직접 치지 않는 한 페이지 이동이
+* 불가능해진다. 항목이 4개뿐이라 햄버거 메뉴보다 탭 바가 맞다 — 한 번의 탭으로 이동하고
+* 현재 위치도 항상 보인다.
+*/
+function BottomNav() {
+	const pathname = useRouterState({ select: (s) => s.location.pathname });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", {
+		className: "md:hidden shrink-0 border-t border-sand-200/60 bg-sand-50/95 backdrop-blur-sm pb-[env(safe-area-inset-bottom)]",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "flex",
+			children: NAV_ITEMS.map((item) => {
+				const active = isNavItemActive(item.path, pathname);
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link$1, {
+					to: item.path,
+					className: `flex-1 flex flex-col items-center gap-0.5 py-2 no-underline transition-colors duration-150 ${active ? "text-sienna-600" : "text-sand-500"}`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, { className: `size-5 ${active ? "text-sienna-500" : "text-sand-400"}` }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: `text-[10px] ${active ? "font-medium" : ""}`,
+						children: item.shortTitle ?? item.title
+					})]
+				}, item.path);
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/Sidebar.tsx
+var qgridVersion = "2.6.5";
 function Sidebar({ className }) {
 	const pathname = useRouterState({ select: (s) => s.location.pathname });
-	const isActive = (path) => {
-		if (path === "/") return pathname === "/" || pathname === "";
-		return pathname.startsWith(path);
-	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
 		className: `hidden md:flex w-[200px] bg-sand-50 flex-col shrink-0 border-r border-sand-200/40 ${className ?? ""}`,
 		children: [
@@ -22722,7 +22757,7 @@ function Sidebar({ className }) {
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", {
 				className: "flex-1 px-2.5 py-3 space-y-4 overflow-y-auto",
-				children: sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				children: NAV_SECTIONS.map((section) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "px-2 pb-1.5",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 						className: "text-[10px] uppercase tracking-[0.08em] text-sand-400 font-medium",
@@ -22731,7 +22766,7 @@ function Sidebar({ className }) {
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "space-y-0.5",
 					children: section.items.map((item) => {
-						const active = isActive(item.path);
+						const active = isNavItemActive(item.path, pathname);
 						return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link$1, {
 							to: item.path,
 							className: `flex items-center gap-2 px-2 py-[6px] rounded-[7px] text-[13px] no-underline transition-all duration-150 ${active ? "bg-sand-200/60 text-sand-900 font-medium" : "text-sand-500 hover:bg-sand-100 hover:text-sand-700"}`,
@@ -22803,20 +22838,24 @@ function App({ children }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex h-screen w-full bg-sand-100 overflow-hidden font-sans",
 		children: [showSidebar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sidebar, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex-1 flex flex-col overflow-hidden",
-			children: [showSidebar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toolbar, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
-				className: "flex-1 overflow-y-auto main-scroll content-inset",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "px-6 py-5 md:px-8",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
-						fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-							className: "text-sand-400 text-center py-8 text-sm",
-							children: "로딩 중..."
-						}),
-						children
+			className: "flex-1 flex flex-col overflow-hidden min-w-0",
+			children: [
+				showSidebar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toolbar, {}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
+					className: "flex-1 overflow-y-auto main-scroll content-inset",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "px-3 py-4 sm:px-6 sm:py-5 md:px-8",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
+							fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "text-sand-400 text-center py-8 text-sm",
+								children: "로딩 중..."
+							}),
+							children
+						})
 					})
-				})
-			})]
+				}),
+				showSidebar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomNav, {})
+			]
 		})]
 	});
 }
@@ -44584,11 +44623,11 @@ function RootComponent() {
 }
 //#endregion
 //#region src/routes/tokens.tsx
-var $$splitComponentImporter$4 = () => import("./assets/tokens-BA4vwDat.js");
+var $$splitComponentImporter$4 = () => import("./assets/tokens-h-2A3wfD.js");
 var Route$4 = createFileRoute("/tokens")({ component: lazyRouteComponent($$splitComponentImporter$4, "component") });
 //#endregion
 //#region src/routes/monit.tsx
-var $$splitComponentImporter$3 = () => import("./assets/monit-DIsEsDJN.js");
+var $$splitComponentImporter$3 = () => import("./assets/monit-UmcqHroX.js");
 var monitSearchSchema = object({ level: _enum([
 	"all",
 	"scaling",
@@ -44601,10 +44640,12 @@ var Route$3 = createFileRoute("/monit")({
 });
 //#endregion
 //#region src/routes/logs.tsx
-var $$splitComponentImporter$2 = () => import("./assets/logs-CwoOsveV.js");
+var $$splitComponentImporter$2 = () => import("./assets/logs-DMOw3SjD.js");
 var logsSearchSchema = object({
 	token: string().optional(),
 	project: string().optional(),
+	model: string().optional(),
+	sort: string().optional(),
 	page: number().optional().default(1)
 });
 var Route$2 = createFileRoute("/logs")({
@@ -44613,11 +44654,11 @@ var Route$2 = createFileRoute("/logs")({
 });
 //#endregion
 //#region src/routes/index.tsx
-var $$splitComponentImporter$1 = () => import("./assets/routes-Bts-KJ9W.js");
+var $$splitComponentImporter$1 = () => import("./assets/routes-Sv_4FjtH.js");
 var Route$1 = createFileRoute("/")({ component: lazyRouteComponent($$splitComponentImporter$1, "component") });
 //#endregion
 //#region src/routes/requests/show.tsx
-var $$splitComponentImporter = () => import("./assets/show-DJfaCNUw.js");
+var $$splitComponentImporter = () => import("./assets/show-C-oSdzHX.js");
 var showSearchSchema = object({ id: number() });
 var Route = createFileRoute("/requests/show")({
 	validateSearch: showSearchSchema,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cartanova/qgrid-cli",
-  "version": "2.6.2",
+  "version": "2.6.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/cartanova-ai/qgrid"

package/skills/qgrid/references/cli-env-and-server-boot.md

@@ -88,6 +88,14 @@ When helping a user set up qgrid locally, check for `QGRID_PROJECT_NAME` or conf
 
 On shutdown, it stops provider dispatchers and the token subscriber.
 
+### Readiness during startup
+
+HTTP listening opens before the dispatchers finish starting, so requests can arrive while a provider is still unavailable. On dev0 that window is 1–2 minutes: 25 OpenAI workers spawn at `SPAWN_INTERVAL_MS` apart, plus codex process init.
+
+- `QgridDispatcher.startupState` tracks each provider as `starting` → `ready` or `failed`. A request for an unready provider throws `ServiceUnavailableException` (503, with a `Retry-After` header) while starting, and `InternalServerErrorException` (500) once initialization has failed — retrying helps in the first case and never in the second. Both used to be `QuotaError`, which told callers their tokens were exhausted and gave them nothing to act on.
+- `GET /api/qgrid/health` reports `ready` plus per-provider state. A 200 alone does not mean requests will succeed; read `providers` for that.
+- `handleServerError` trusts `statusCode` only on `instanceof SoException`. Sonamu's own `isSoException` is a `statusCode !== undefined` duck-type check, which would pass upstream fetch errors straight through and echo an upstream 401 as if the caller were unauthorized.
+
 ## OAuth callbacks
 
 - Anthropic OAuth: loopback dashboards use `/callback` on the qgrid server (base derived per request from `Origin`, falling back to `X-Forwarded-Host`/`Host`). Remote dashboards cannot use a public callback (client redirect-URI allowlist), so `oauthStart` returns `mode: "code"` with the console callback and the user pastes the shown `code#state` into the dashboard (`oauthComplete`). No env configuration either way; direct non-HTTP calls fall back to localhost and `PORT`.

package/skills/qgrid/references/token-auth-quota-lifecycle.md

@@ -208,9 +208,10 @@ When a refresh fails in a way that only re-login can fix, qgrid removes the toke
 - Detection lives at the existing refresh failure points, not a background scanner. OpenAI classifies on the error code (`refresh_token_expired`, `refresh_token_reused`, `refresh_token_invalidated`) regardless of HTTP status; Anthropic treats refresh 400/401 as auth-dead.
 - Before deactivating, qgrid re-reads the token and confirms the refresh token used by the failed attempt still matches the stored one. Anthropic refresh tokens rotate, so a late retry carrying an already-rotated token is a normal race, not a death — those are logged and skipped. `QgridFrame.refreshToken` also dedups concurrent refreshes per token.
 - Deactivation is one conditional `active=true → false` update. The process whose update affects a row is the only one that sends the Slack death notification, so a shared database produces exactly one alert per event.
-- The provider's last active token is never auto-deactivated. A systemic failure (client_id revocation, OAuth contract change) would otherwise empty the pool; qgrid logs an error and keeps the token instead.
-- The other notification is registration: a login whose account has no existing token sends one alert. Re-login replaces an existing row through the account dedup and stays silent, as does manually toggling a token back to active — neither is a new account joining the pool. When the provider response carries no account identifier, dedup is skipped entirely, so qgrid cannot tell new from returning and stays silent; it warns instead, making the unreplaced row diagnosable.
+- The provider's last active token is never auto-deactivated. A systemic failure (client_id revocation, OAuth contract change) would otherwise empty the pool; qgrid logs an error, keeps the token, and sends its own Slack alert. That path leaves no state change behind, so every following request would re-alert — a per-provider 30-minute cooldown holds it to one. The cooldown is in-process, so N instances can each emit once per window.
+- The other notification is registration: every completed login sends one alert, whether the account is new or replacing an existing row through the account dedup. Manually toggling a token back to active is not a registration and sends nothing.
 - Notifications are fail-open: unset `SLACK_BOT_TOKEN`/`SLACK_CHANNEL_ID` is a silent no-op, and send failures (including HTTP 200 with `ok:false`) only warn. Payloads carry an internal reason code such as `anthropic:400`, never the raw provider response body.
+- A periodic digest (`expired-token-digest.ts`) re-announces tokens that are still inactive, because the one-shot death alert is lost on anyone not watching the channel at that moment and re-login only happens when a person does it. It runs every `SLACK_EXPIRY_DIGEST_INTERVAL_MINUTES` (unset or 0 disables) and sends nothing when no token is inactive — a periodic "all clear" trains people to ignore the channel. Owners come from `SLACK_USER_MAP` (`tokenName:SlackUserId`), which is explicit rather than resolved through `users.list`: Slack handles diverge from token names often enough (`haze`→`haze.lee`, `byeongjun`→`potados`) that auto-matching drops the mention silently, and a digest without the mention has no one to act on it. Shared accounts are left out of the map on purpose and appear by name only. Each instance sends its own digest — unlike deactivation there is no state change to gate on, and a few duplicates a day cost less than a locking scheme.
 
 ## Quota Threshold Semantics