@cartanova/qgrid-cli 2.10.9 → 2.11.0

package/bundle/web-dist/server/assets/{routes-BAPWTizT.js → routes-B95YlUv2.js}

@@ -1,9 +1,9 @@
-import { A as require_react, O as useQueryClient, X as __toESM, k as require_jsx_runtime, n as QgridService, o as TokenService } from "./services.generated-CEbGjsI0.js";
-import { t as require_react_dom } from "./react-dom-B4a6-uuR.js";
-import { o as Q } from "../entry-server.generated.js";
-import { i as formatUsd } from "./cost-eEHeTRT5.js";
-import { t as useUpdateTokenMutation } from "./use-update-token-mutation-CfYmk_4_.js";
-import { n as OAuthCodeEntry, t as useOAuthLoginFlow } from "./use-oauth-login-flow-Cvdy0zF8.js";
+import { F as require_react, N as useQueryClient, k as require_jsx_dev_runtime, n as QgridService, o as TokenService, tt as __toESM } from "./services.generated-DQATJ6qf.js";
+import { t as require_react_dom } from "./react-dom-BIYQzBqG.js";
+import { i as o, n as useOAuthLoginFlow, r as OAuthCodeEntry, t as isOAuthProvider } from "./use-oauth-login-flow-CKDHgc3U.js";
+import { i as formatUsd } from "./cost-BC9yzyA9.js";
+import { t as useUpdateTokenMutation } from "./use-update-token-mutation-BEbgOzaa.js";
+import { n as unpricedRequestTitle, t as unpricedRequestLabel } from "./total-cost-fTE9Xy82.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());
 var import_react = /* @__PURE__ */ __toESM(require_react());
@@ -2235,71 +2235,118 @@ function useSortable({ animateLayoutChanges = defaultAnimateLayoutChanges, attri
 KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left;
 //#endregion
 //#region ~icons/lucide/gauge.jsx
-var import_jsx_runtime = require_jsx_runtime();
-var lucideGauge = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+var import_jsx_dev_runtime = require_jsx_dev_runtime();
+var _jsxFileName$3 = "~icons/lucide/gauge.jsx";
+var lucideGauge = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("path", {
 		fill: "none",
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "m12 14l4-4M3.34 19a10 10 0 1 1 17.32 0"
-	})
-});
+	}, void 0, false, {
+		fileName: _jsxFileName$3,
+		lineNumber: 2,
+		columnNumber: 95
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$3,
+	lineNumber: 2,
+	columnNumber: 30
+}, void 0);
 //#endregion
 //#region ~icons/lucide/grip-vertical.jsx
-var lucideGripVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+var _jsxFileName$2 = "~icons/lucide/grip-vertical.jsx";
+var lucideGripVertical = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("g", {
 		fill: "none",
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("circle", {
 				cx: 9,
 				cy: 12,
 				r: 1
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			}, void 0, false, {
+				fileName: _jsxFileName$2,
+				lineNumber: 2,
+				columnNumber: 200
+			}, void 0),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("circle", {
 				cx: 9,
 				cy: 5,
 				r: 1
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			}, void 0, false, {
+				fileName: _jsxFileName$2,
+				lineNumber: 2,
+				columnNumber: 231
+			}, void 0),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("circle", {
 				cx: 9,
 				cy: 19,
 				r: 1
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			}, void 0, false, {
+				fileName: _jsxFileName$2,
+				lineNumber: 2,
+				columnNumber: 261
+			}, void 0),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("circle", {
 				cx: 15,
 				cy: 12,
 				r: 1
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			}, void 0, false, {
+				fileName: _jsxFileName$2,
+				lineNumber: 2,
+				columnNumber: 292
+			}, void 0),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("circle", {
 				cx: 15,
 				cy: 5,
 				r: 1
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			}, void 0, false, {
+				fileName: _jsxFileName$2,
+				lineNumber: 2,
+				columnNumber: 324
+			}, void 0),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("circle", {
 				cx: 15,
 				cy: 19,
 				r: 1
-			})
+			}, void 0, false, {
+				fileName: _jsxFileName$2,
+				lineNumber: 2,
+				columnNumber: 355
+			}, void 0)
 		]
-	})
-});
+	}, void 0, true, {
+		fileName: _jsxFileName$2,
+		lineNumber: 2,
+		columnNumber: 102
+	}, void 0)
+}, void 0, false, {
+	fileName: _jsxFileName$2,
+	lineNumber: 2,
+	columnNumber: 37
+}, void 0);
 //#endregion
 //#region src/components/qgrid/UsageCard.tsx
-var QUOTA_THRESHOLD_PROVIDERS = new Set(["anthropic", "openai"]);
+var _jsxFileName$1 = "/home/runner/work/qgrid/qgrid/packages/web/src/components/qgrid/UsageCard.tsx";
+var QUOTA_THRESHOLD_PROVIDERS = new Set([
+	"anthropic",
+	"openai",
+	"grok"
+]);
 function validateThreshold(raw) {
 	const trimmed = raw.trim();
 	if (trimmed === "") return {
@@ -2336,7 +2383,7 @@ function validateWeight(raw) {
 		value
 	};
 }
-var PROVIDER_THEMES = {
+var PROVIDER_THEMES = new Map(Object.entries({
 	openai: {
 		stripe: "bg-openai-400",
 		bar: "bg-openai-bar",
@@ -2354,8 +2401,14 @@ var PROVIDER_THEMES = {
 		bar: "bg-google-400",
 		badge: "bg-google-50 text-google-600",
 		cost: "text-google-600"
+	},
+	grok: {
+		stripe: "bg-sand-800",
+		bar: "bg-sand-600",
+		badge: "bg-sand-800 text-sand-50",
+		cost: "text-sand-800"
 	}
-};
+}));
 var DEFAULT_THEME = {
 	stripe: "bg-sand-400",
 	bar: "bg-sienna-400",
@@ -2363,7 +2416,7 @@ var DEFAULT_THEME = {
 	cost: "text-sienna-600"
 };
 function getProviderTheme(provider) {
-	return PROVIDER_THEMES[provider] ?? DEFAULT_THEME;
+	return PROVIDER_THEMES.get(provider) ?? DEFAULT_THEME;
 }
 function barColor(pct, theme) {
 	if (pct >= 95) return "bg-danger-400";
@@ -2384,37 +2437,127 @@ function formatWindowLabel(fallback, windowDurationMins) {
 	if (hours >= 24) return `${Math.round(hours / 24)}d`;
 	return `${Math.round(hours)}h`;
 }
+function formatPeriodType(periodType) {
+	if (!periodType) return null;
+	const label = periodType.replace(/^USAGE_PERIOD_TYPE_/, "").toLowerCase();
+	return label && label !== "unspecified" ? label : null;
+}
+/** Grok 등 provider별 상태 표시(on-demand 제외, ZDR 비디오 제외, keepalive 미적용, 과금 주기). */
+function UsageStateNotes({ usage }) {
+	const period = formatPeriodType(usage.periodType);
+	if (!(usage.onDemandExcluded === true || usage.zdrVideoExcluded === true || usage.keepaliveApplicable === false || period !== null || !!usage.tier)) return null;
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+		className: "flex flex-wrap items-center gap-1 text-[10px]",
+		children: [
+			usage.onDemandExcluded === true && /* @__PURE__ */ (void 0)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-amber-50 text-amber-700",
+				title: "xAI에서 on-demand 과금을 끄면 다시 라우팅됩니다",
+				children: "excluded: on-demand billing enabled"
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 172,
+				columnNumber: 9
+			}, this),
+			usage.zdrVideoExcluded === true && /* @__PURE__ */ (void 0)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-amber-50 text-amber-700",
+				title: "xAI에서 data-retention opt-out(Zero Data Retention)을 끄면 비디오가 다시 라우팅됩니다",
+				children: "video unavailable: zero data retention"
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 180,
+				columnNumber: 9
+			}, this),
+			period !== null && /* @__PURE__ */ (void 0)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-sand-100 text-sand-600",
+				children: period
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 188,
+				columnNumber: 9
+			}, this),
+			usage.tier && /* @__PURE__ */ (void 0)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-sand-100 text-sand-600",
+				children: usage.tier
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 191,
+				columnNumber: 9
+			}, this),
+			usage.keepaliveApplicable === false && /* @__PURE__ */ (void 0)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-sand-100 text-sand-400",
+				title: "이 provider는 토큰 윈도 keepalive 대상이 아닙니다",
+				children: "keepalive n/a"
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 194,
+				columnNumber: 9
+			}, this)
+		]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 170,
+		columnNumber: 5
+	}, this);
+}
 function UsageRow({ label, utilization, resetsAt, windowDurationMins, theme, threshold }) {
 	const pct = utilization ?? 0;
 	const hasThreshold = threshold !== void 0 && threshold !== null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-xs text-sand-600 w-7 shrink-0",
 				children: formatWindowLabel(label, windowDurationMins)
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 228,
+				columnNumber: 7
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "relative flex-1 min-w-0 h-2 bg-sand-200 rounded-full overflow-hidden",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: `h-full rounded-full transition-all duration-300 ${barColor(pct, theme)}`,
 					style: { width: `${Math.min(pct, 100)}%` }
-				}), hasThreshold && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 232,
+					columnNumber: 9
+				}, this), hasThreshold && /* @__PURE__ */ (void 0)("div", {
 					className: "absolute top-[-2px] bottom-[-2px] w-0.5 bg-sienna-500 rounded-full",
 					style: { left: `calc(${Math.min(threshold, 100)}% - 1px)` }
-				})]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 238,
+					columnNumber: 11
+				}, this)]
+			}, void 0, true, {
+				fileName: _jsxFileName$1,
+				lineNumber: 231,
+				columnNumber: 7
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-xs tabular-nums text-sand-700 w-9 text-right shrink-0",
 				children: [pct, "%"]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			}, void 0, true, {
+				fileName: _jsxFileName$1,
+				lineNumber: 244,
+				columnNumber: 7
+			}, this),
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "hidden sm:inline text-[10px] text-sand-400 w-24 text-right shrink-0",
 				title: formatResets(resetsAt),
 				children: formatResets(resetsAt)
-			})
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 245,
+				columnNumber: 7
+			}, this)
 		]
-	});
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 227,
+		columnNumber: 5
+	}, this);
 }
 function TokenUsage({ token, theme }) {
 	const queryClient = useQueryClient();
@@ -2426,52 +2569,124 @@ function TokenUsage({ token, theme }) {
 		dataUpdatedAt,
 		queryClient
 	]);
-	if (token.reauth_required) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	if (token.reauth_required) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "py-1",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			className: "text-[11px] text-amber-600",
 			children: "Session expired"
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 267,
+			columnNumber: 9
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			className: "text-[10px] text-sand-400 mt-0.5",
 			children: "Please re-login via OAuth"
-		})]
-	});
-	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 268,
+			columnNumber: 9
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 266,
+		columnNumber: 7
+	}, this);
+	if (isLoading) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "animate-pulse space-y-2 py-2",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-full bg-sand-200 rounded-full" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-3/4 bg-sand-200 rounded-full" })]
-	});
-	if (data?.error) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-2 w-full bg-sand-200 rounded-full" }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 276,
+			columnNumber: 9
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-2 w-3/4 bg-sand-200 rounded-full" }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 277,
+			columnNumber: 9
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 275,
+		columnNumber: 7
+	}, this);
+	if (data?.error) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "py-1",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			className: "text-[11px] text-amber-600",
 			children: "Unavailable"
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 285,
+			columnNumber: 9
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			className: "text-[10px] text-sand-400 mt-0.5",
 			children: data.error
-		})]
-	});
-	if (!data?.fiveHour && !data?.sevenDay) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-		className: "text-[11px] text-sand-400 py-1",
-		children: "No usage data"
-	});
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 286,
+			columnNumber: 9
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 284,
+		columnNumber: 7
+	}, this);
+	if (!data?.fiveHour && !data?.sevenDay) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
+		className: "space-y-1.5 py-1",
+		children: [data && /* @__PURE__ */ (void 0)(UsageStateNotes, { usage: data }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 294,
+			columnNumber: 18
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
+			className: "text-[11px] text-sand-400",
+			children: "No usage data"
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 295,
+			columnNumber: 9
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 293,
+		columnNumber: 7
+	}, this);
 	const thresholdForPrimary = QUOTA_THRESHOLD_PROVIDERS.has(token.provider) ? token.quota_threshold : null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "space-y-1.5 py-1",
-		children: [data.fiveHour && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageRow, {
-			label: "5h",
-			utilization: data.fiveHour.utilization,
-			resetsAt: data.fiveHour.resetsAt,
-			windowDurationMins: data.fiveHour.windowDurationMins,
-			theme,
-			threshold: thresholdForPrimary
-		}), data.sevenDay && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageRow, {
-			label: "7d",
-			utilization: data.sevenDay.utilization,
-			resetsAt: data.sevenDay.resetsAt,
-			windowDurationMins: data.sevenDay.windowDurationMins,
-			theme
-		})]
-	});
+		children: [
+			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(UsageStateNotes, { usage: data }, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 307,
+				columnNumber: 7
+			}, this),
+			data.fiveHour && /* @__PURE__ */ (void 0)(UsageRow, {
+				label: "5h",
+				utilization: data.fiveHour.utilization,
+				resetsAt: data.fiveHour.resetsAt,
+				windowDurationMins: data.fiveHour.windowDurationMins,
+				theme,
+				threshold: thresholdForPrimary
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 309,
+				columnNumber: 9
+			}, this),
+			data.sevenDay && /* @__PURE__ */ (void 0)(UsageRow, {
+				label: formatPeriodType(data.periodType) === "monthly" ? "1mo" : "7d",
+				utilization: data.sevenDay.utilization,
+				resetsAt: data.sevenDay.resetsAt,
+				windowDurationMins: data.sevenDay.windowDurationMins,
+				theme,
+				threshold: token.provider === "grok" ? thresholdForPrimary : void 0
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 319,
+				columnNumber: 9
+			}, this)
+		]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 306,
+		columnNumber: 5
+	}, this);
 }
 function ThresholdControl({ token }) {
 	const [pos, setPos] = (0, import_react.useState)(null);
@@ -2499,11 +2714,19 @@ function ThresholdControl({ token }) {
 		setValue(String(token.quota_threshold ?? 100));
 	};
 	const close = () => setPos(null);
-	if (!supported) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+	if (!supported) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 		className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[10px] text-sand-300 border border-sand-100",
 		title: "Quota threshold는 이 provider에서 지원되지 않습니다",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideGauge, { className: "size-3" }), "n/a"]
-	});
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideGauge, { className: "size-3" }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 385,
+			columnNumber: 9
+		}, this), "n/a"]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 381,
+		columnNumber: 7
+	}, this);
 	const adjust = (delta) => {
 		const current = /^\d+$/.test(value.trim()) ? Number(value.trim()) : 0;
 		const next = Math.min(Math.max(current + delta, 0), 100);
@@ -2518,83 +2741,147 @@ function ThresholdControl({ token }) {
 		await Promise.all([queryClient.invalidateQueries({ queryKey: ["Token"] }), queryClient.invalidateQueries({ queryKey: ["Qgrid"] })]);
 		close();
 	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "inline-flex",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 			ref: triggerRef,
 			type: "button",
 			title: "사용률 제한 설정",
 			onClick: open ? close : openPopover,
 			className: "flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[10px] border border-sand-200/80 text-sand-400 hover:text-sand-600 hover:border-sand-300 transition-colors duration-150",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideGauge, { className: "size-3" }), "Set limit"]
-		}), open && pos && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideGauge, { className: "size-3" }, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 421,
+				columnNumber: 9
+			}, this), "Set limit"]
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 414,
+			columnNumber: 7
+		}, this), open && pos && /* @__PURE__ */ (void 0)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (void 0)("div", {
 			className: "fixed inset-0 z-40",
 			onPointerDown: close
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 429,
+			columnNumber: 11
+		}, this), /* @__PURE__ */ (void 0)("div", {
 			className: "fixed z-50 w-60 panel shadow-xl p-3",
 			style: {
 				top: pos.top,
 				left: pos.left
 			},
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+				/* @__PURE__ */ (void 0)("label", {
 					htmlFor: `threshold-${token.id}`,
 					className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
 					children: "사용률 제한"
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 434,
+					columnNumber: 13
+				}, this),
+				/* @__PURE__ */ (void 0)("div", {
 					className: "mt-1 flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						/* @__PURE__ */ (void 0)("button", {
 							type: "button",
 							onClick: () => adjust(-10),
 							className: "size-9 shrink-0 rounded-md border border-sand-200 text-sand-600 text-base leading-none hover:bg-sand-100 transition-colors duration-150",
 							children: "−"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 441,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(o, {
 							id: `threshold-${token.id}`,
 							value,
 							onChange: (e) => setValue(e.target.value),
 							inputMode: "numeric",
 							className: `h-9 w-14 border rounded-md text-center text-sm text-sand-900 bg-white tabular-nums focus:outline-none ${validation.ok ? "border-sand-200 focus:border-sienna-300" : "border-red-300 focus:border-red-400"}`
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 448,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)("button", {
 							type: "button",
 							onClick: () => adjust(10),
 							className: "size-9 shrink-0 rounded-md border border-sand-200 text-sand-600 text-base leading-none hover:bg-sand-100 transition-colors duration-150",
 							children: "+"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 459,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)("span", {
 							className: "text-sm text-sand-500",
 							children: "%"
-						})
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 466,
+							columnNumber: 15
+						}, this)
 					]
-				}),
-				validation.ok ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 440,
+					columnNumber: 13
+				}, this),
+				validation.ok ? /* @__PURE__ */ (void 0)("p", {
 					className: "mt-1.5 text-[11px] text-sand-500 leading-snug",
 					children: validation.value === null ? "제한 없음 — 사용률과 무관하게 항상 사용합니다." : "기준 사용률이 임계치에 달하면 해당 토큰을 건너뜁니다."
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 469,
+					columnNumber: 15
+				}, this) : /* @__PURE__ */ (void 0)("p", {
 					className: "mt-1.5 text-[11px] text-red-500",
 					children: validation.error
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 475,
+					columnNumber: 15
+				}, this),
+				/* @__PURE__ */ (void 0)("div", {
 					className: "mt-2 flex items-center justify-end gap-1.5",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					children: [/* @__PURE__ */ (void 0)("button", {
 						type: "button",
 						className: "px-2 py-1 text-[11px] font-medium rounded-md border border-sand-200 text-sand-600 hover:bg-sand-100 transition-colors duration-150",
 						onClick: close,
 						children: "Cancel"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 478,
+						columnNumber: 15
+					}, this), /* @__PURE__ */ (void 0)("button", {
 						type: "button",
 						className: "px-2 py-1 text-[11px] font-medium rounded-md bg-sienna-400 text-white hover:bg-sienna-500 disabled:opacity-50 transition-colors duration-150",
 						disabled: updateMutation.isPending || !validation.ok,
 						onClick: save,
 						children: updateMutation.isPending ? "Saving..." : "Save"
-					})]
-				})
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 485,
+						columnNumber: 15
+					}, this)]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 477,
+					columnNumber: 13
+				}, this)
 			]
-		})] })]
-	});
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 430,
+			columnNumber: 11
+		}, this)] }, void 0, true)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 413,
+		columnNumber: 5
+	}, this);
 }
 function WeightControl({ token }) {
 	const [pos, setPos] = (0, import_react.useState)(null);
@@ -2633,73 +2920,125 @@ function WeightControl({ token }) {
 		await Promise.all([queryClient.invalidateQueries({ queryKey: ["Token"] }), queryClient.invalidateQueries({ queryKey: ["Qgrid"] })]);
 		close();
 	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "inline-flex",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 			ref: triggerRef,
 			type: "button",
 			title: "라우팅 가중치 설정",
 			onClick: pos ? close : openPopover,
 			className: "flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[10px] border border-sand-200/80 text-sand-400 hover:text-sand-600 hover:border-sand-300 transition-colors duration-150",
 			children: ["Weight ", token.weight]
-		}), pos && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 556,
+			columnNumber: 7
+		}, this), pos && /* @__PURE__ */ (void 0)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (void 0)("div", {
 			className: "fixed inset-0 z-40",
 			onPointerDown: close
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 567,
+			columnNumber: 11
+		}, this), /* @__PURE__ */ (void 0)("div", {
 			className: "fixed z-50 w-60 panel shadow-xl p-3",
 			style: pos,
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+				/* @__PURE__ */ (void 0)("label", {
 					htmlFor: `weight-${token.id}`,
 					className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
 					children: "라우팅 가중치"
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 569,
+					columnNumber: 13
+				}, this),
+				/* @__PURE__ */ (void 0)("div", {
 					className: "mt-1 flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						/* @__PURE__ */ (void 0)("button", {
 							type: "button",
 							onClick: () => adjust(-1),
 							className: "size-9 shrink-0 rounded-md border border-sand-200 text-sand-600",
 							children: "−"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 576,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)(o, {
 							id: `weight-${token.id}`,
 							value,
 							onChange: (event) => setValue(event.target.value),
 							inputMode: "numeric",
 							className: `h-9 w-16 border rounded-md text-center text-sm tabular-nums ${validation.ok ? "border-sand-200" : "border-red-300"}`
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 583,
+							columnNumber: 15
+						}, this),
+						/* @__PURE__ */ (void 0)("button", {
 							type: "button",
 							onClick: () => adjust(1),
 							className: "size-9 shrink-0 rounded-md border border-sand-200 text-sand-600",
 							children: "+"
-						})
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 594,
+							columnNumber: 15
+						}, this)
 					]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 575,
+					columnNumber: 13
+				}, this),
+				/* @__PURE__ */ (void 0)("p", {
 					className: `mt-1.5 text-[11px] ${validation.ok ? "text-sand-500" : "text-red-500"}`,
 					children: validation.ok ? "새 요청의 상대 배정 비율입니다." : validation.error
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 602,
+					columnNumber: 13
+				}, this),
+				/* @__PURE__ */ (void 0)("div", {
 					className: "mt-2 flex items-center justify-end gap-1.5",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					children: [/* @__PURE__ */ (void 0)("button", {
 						type: "button",
 						onClick: close,
 						className: "px-2 py-1 text-[11px]",
 						children: "Cancel"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 606,
+						columnNumber: 15
+					}, this), /* @__PURE__ */ (void 0)("button", {
 						type: "button",
 						onClick: save,
 						disabled: updateMutation.isPending || !validation.ok,
 						className: "px-2 py-1 text-[11px] rounded-md bg-sienna-400 text-white disabled:opacity-50",
 						children: updateMutation.isPending ? "Saving..." : "Save"
-					})]
-				})
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 609,
+						columnNumber: 15
+					}, this)]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 605,
+					columnNumber: 13
+				}, this)
 			]
-		})] })]
-	});
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 568,
+			columnNumber: 11
+		}, this)] }, void 0, true)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 555,
+		columnNumber: 5
+	}, this);
 }
 /**
 * 재로그인의 유일한 진입점.
@@ -2712,42 +3051,81 @@ function WeightControl({ token }) {
 */
 function ReloginButton({ token }) {
 	const oauth = useOAuthLoginFlow();
+	const provider = isOAuthProvider(token.provider) ? token.provider : null;
 	const submitCode = async (pastedCode) => {
 		if (await oauth.submitCode(pastedCode)) oauth.reset();
 	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 		type: "button",
 		title: "기존 이름으로 다시 로그인",
-		disabled: oauth.loadingProvider !== null,
-		onClick: () => void oauth.start(token.provider, token.name ?? ""),
+		disabled: provider === null || oauth.loadingProvider !== null,
+		onClick: () => {
+			if (provider) oauth.start(provider, token.name ?? "");
+		},
 		className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-[10px] font-medium border border-sienna-300 text-sienna-600 hover:bg-sienna-50 disabled:opacity-50 transition-colors duration-150",
-		children: oauth.loadingProvider === token.provider ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "size-2.5 border-2 border-sienna-400 border-t-transparent rounded-full animate-spin" }), "로그인 대기"] }) : "재로그인"
-	}), oauth.codeEntryProvider && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: oauth.loadingProvider === token.provider ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", { className: "size-2.5 border-2 border-sienna-400 border-t-transparent rounded-full animate-spin" }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 655,
+			columnNumber: 13
+		}, this), "로그인 대기"] }, void 0, true) : "재로그인"
+	}, void 0, false, {
+		fileName: _jsxFileName$1,
+		lineNumber: 644,
+		columnNumber: 7
+	}, this), oauth.codeEntryProvider && /* @__PURE__ */ (void 0)("div", {
 		className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		children: [/* @__PURE__ */ (void 0)("div", {
 			className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
 			onClick: oauth.reset,
 			onKeyDown: () => {}
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 665,
+			columnNumber: 11
+		}, this), /* @__PURE__ */ (void 0)("div", {
 			className: "relative panel shadow-xl w-full max-w-md mx-4",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			children: [/* @__PURE__ */ (void 0)("div", {
 				className: "px-5 py-4 border-b border-sand-100/60",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+				children: /* @__PURE__ */ (void 0)("h3", {
 					className: "text-base font-medium text-sand-900",
 					children: "재로그인"
-				})
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 672,
+					columnNumber: 15
+				}, this)
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 671,
+				columnNumber: 13
+			}, this), /* @__PURE__ */ (void 0)("div", {
 				className: "px-5 py-4",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OAuthCodeEntry, {
+				children: /* @__PURE__ */ (void 0)(OAuthCodeEntry, {
 					provider: oauth.codeEntryProvider,
 					isPending: oauth.completeMutation.isPending,
 					isError: oauth.completeMutation.isError,
 					onSubmit: (code) => void submitCode(code),
 					onRestart: oauth.reset
-				})
-			})]
-		})]
-	})] });
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 675,
+					columnNumber: 15
+				}, this)
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 674,
+				columnNumber: 13
+			}, this)]
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 670,
+			columnNumber: 11
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 664,
+		columnNumber: 9
+	}, this)] }, void 0, true);
 }
 function SortableTokenCard({ token }) {
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
@@ -2757,13 +3135,14 @@ function SortableTokenCard({ token }) {
 			easing: "ease"
 		}
 	});
-	const { data: costData } = QgridService.useTotalCost({
+	const totalCostParams = {
 		num: 0,
-		page: 1,
-		...token.name ? { token_name: token.name } : {}
-	}, { enabled: !!token.name });
+		page: 1
+	};
+	if (token.name) totalCostParams.token_name = token.name;
+	const { data: costData } = QgridService.useTotalCost(totalCostParams, { enabled: !!token.name });
 	const theme = getProviderTheme(token.provider);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		ref: setNodeRef,
 		style: {
 			transform: CSS.Translate.toString(transform),
@@ -2772,41 +3151,85 @@ function SortableTokenCard({ token }) {
 			zIndex: isDragging ? 10 : void 0
 		},
 		className: "relative rounded-lg bg-white border border-sand-200/80 overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-200",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `absolute inset-y-0 left-0 w-1 ${theme.stripe}` }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: `absolute inset-y-0 left-0 w-1 ${theme.stripe}` }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 724,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "pl-4 pr-3 py-3",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "flex items-start justify-between gap-2 mb-2",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 						className: "flex items-center gap-1.5 min-w-0",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 							type: "button",
 							"aria-label": "순서 변경 핸들",
 							...attributes,
 							...listeners,
 							className: "shrink-0 -m-1 p-1 text-sand-300 hover:text-sand-500 cursor-grab active:cursor-grabbing touch-none",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideGripVertical, { className: "size-3.5" })
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideGripVertical, { className: "size-3.5" }, void 0, false, {
+								fileName: _jsxFileName$1,
+								lineNumber: 737,
+								columnNumber: 15
+							}, this)
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 730,
+							columnNumber: 13
+						}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 							className: "text-[13px] font-medium text-sand-800 truncate select-none",
 							children: token.name ?? "Unnamed"
-						})]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 739,
+							columnNumber: 13
+						}, this)]
+					}, void 0, true, {
+						fileName: _jsxFileName$1,
+						lineNumber: 729,
+						columnNumber: 11
+					}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 						className: `text-[11px] tabular-nums font-medium shrink-0 ${theme.cost}`,
-						children: formatUsd(costData?.usd ?? 0)
-					})]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						children: [formatUsd(costData?.usd ?? 0), costData && unpricedRequestLabel(costData) ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
+							className: "ml-1 font-normal text-sand-400",
+							title: unpricedRequestTitle(costData) ?? void 0,
+							children: unpricedRequestLabel(costData)
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 746,
+							columnNumber: 15
+						}, this) : null]
+					}, void 0, true, {
+						fileName: _jsxFileName$1,
+						lineNumber: 743,
+						columnNumber: 11
+					}, this)]
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 728,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "flex flex-wrap items-center gap-1 mb-2",
 					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 							className: `text-[10px] px-1.5 py-0.5 rounded-full uppercase ${theme.badge}`,
 							children: token.provider
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 756,
+							columnNumber: 11
+						}, this),
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 							className: `text-[10px] px-1.5 py-0.5 rounded-full ${token.active ? "bg-sage-100 text-sage-600" : "bg-sand-200 text-sand-500"}`,
 							children: token.active ? "Active" : "Inactive"
-						}),
-						QUOTA_THRESHOLD_PROVIDERS.has(token.provider) && token.quota_threshold !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						}, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 759,
+							columnNumber: 11
+						}, this),
+						QUOTA_THRESHOLD_PROVIDERS.has(token.provider) && token.quota_threshold !== null && /* @__PURE__ */ (void 0)("span", {
 							className: "px-1.5 py-0.5 rounded-full bg-sienna-50 text-[10px] tabular-nums font-medium text-sienna-600",
 							title: `사용률 ${token.quota_threshold}% 이상이면 이 토큰 제외`,
 							children: [
@@ -2814,31 +3237,78 @@ function SortableTokenCard({ token }) {
 								token.quota_threshold,
 								"%"
 							]
-						})
+						}, void 0, true, {
+							fileName: _jsxFileName$1,
+							lineNumber: 765,
+							columnNumber: 13
+						}, this)
 					]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenUsage, {
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 755,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(TokenUsage, {
 					token,
 					theme
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 773,
+					columnNumber: 9
+				}, this),
+				/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 					className: "mt-2 flex flex-wrap items-center gap-1.5",
 					children: [
-						token.reauth_required && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReloginButton, { token }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1" }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WeightControl, { token }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThresholdControl, { token })
+						token.reauth_required && /* @__PURE__ */ (void 0)(ReloginButton, { token }, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 777,
+							columnNumber: 37
+						}, this),
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "flex-1" }, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 778,
+							columnNumber: 11
+						}, this),
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(WeightControl, { token }, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 779,
+							columnNumber: 11
+						}, this),
+						/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ThresholdControl, { token }, void 0, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 780,
+							columnNumber: 11
+						}, this)
 					]
-				})
+				}, void 0, true, {
+					fileName: _jsxFileName$1,
+					lineNumber: 774,
+					columnNumber: 9
+				}, this)
 			]
-		})]
-	});
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 727,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 719,
+		columnNumber: 5
+	}, this);
 }
 var PROVIDERS = [
 	"all",
 	"openai",
-	"anthropic"
+	"anthropic",
+	"grok"
 ];
+var PROVIDER_FILTER_LABELS = {
+	all: "All",
+	openai: "OpenAI",
+	anthropic: "Anthropic",
+	grok: "Grok"
+};
 function UsageCard() {
 	const { data, isLoading } = TokenService.useTokens("A", { orderBy: "ord-asc" });
 	const queryClient = useQueryClient();
@@ -2875,66 +3345,143 @@ function UsageCard() {
 			}
 		});
 	};
-	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	if (isLoading) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "panel p-5",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-			children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "rounded-lg bg-sand-50 px-4 py-3 animate-pulse",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-16 bg-sand-200 rounded mb-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-full bg-sand-200 rounded-full" })]
-			}, `skel-${i}`))
-		})
-	});
-	if (localTokens.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-3 w-16 bg-sand-200 rounded mb-3" }, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 861,
+					columnNumber: 15
+				}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-2 w-full bg-sand-200 rounded-full" }, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 862,
+					columnNumber: 15
+				}, this)]
+			}, `skel-${i}`, true, {
+				fileName: _jsxFileName$1,
+				lineNumber: 860,
+				columnNumber: 13
+			}, this))
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 858,
+			columnNumber: 9
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName$1,
+		lineNumber: 857,
+		columnNumber: 7
+	}, this);
+	if (localTokens.length === 0) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "panel px-5 py-10",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("p", {
 			className: "text-sand-400 text-[13px] text-center",
 			children: "No tokens registered"
-		})
-	});
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 873,
+			columnNumber: 9
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName$1,
+		lineNumber: 872,
+		columnNumber: 7
+	}, this);
 	const filteredTokens = providerFilter === "all" ? localTokens : localTokens.filter((t) => t.provider === providerFilter);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "panel overflow-hidden",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "panel-header flex items-center justify-between px-5 py-2.5",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
 				className: "text-[13px] font-medium text-sand-700",
 				children: "Token Usage"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 886,
+				columnNumber: 9
+			}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 				className: "segmented-control flex gap-0.5",
-				children: PROVIDERS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				children: PROVIDERS.map((p) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
 					type: "button",
 					"data-active": providerFilter === p,
 					className: `px-2.5 py-[3px] text-[11px] font-medium rounded-[6px] transition-all duration-150 ${providerFilter === p ? "text-sand-800" : "text-sand-500 hover:text-sand-700"}`,
 					onClick: () => setProviderFilter(p),
-					children: p === "all" ? "All" : p === "openai" ? "OpenAI" : "Anthropic"
-				}, p))
-			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					children: PROVIDER_FILTER_LABELS[p]
+				}, p, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 889,
+					columnNumber: 13
+				}, this))
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 887,
+				columnNumber: 9
+			}, this)]
+		}, void 0, true, {
+			fileName: _jsxFileName$1,
+			lineNumber: 885,
+			columnNumber: 7
+		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 			className: "p-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DndContext, {
+			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(DndContext, {
 				sensors,
 				collisionDetection: closestCenter,
 				onDragEnd: handleDragEnd,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableContext, {
+				children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(SortableContext, {
 					items: filteredTokens.map((t) => String(t.id)),
 					strategy: rectSortingStrategy,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-						children: filteredTokens.map((token) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableTokenCard, { token }, token.id))
-					})
-				})
-			})
-		})]
-	});
+						children: filteredTokens.map((token) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(SortableTokenCard, { token }, token.id, false, {
+							fileName: _jsxFileName$1,
+							lineNumber: 912,
+							columnNumber: 17
+						}, this))
+					}, void 0, false, {
+						fileName: _jsxFileName$1,
+						lineNumber: 910,
+						columnNumber: 13
+					}, this)
+				}, void 0, false, {
+					fileName: _jsxFileName$1,
+					lineNumber: 906,
+					columnNumber: 11
+				}, this)
+			}, void 0, false, {
+				fileName: _jsxFileName$1,
+				lineNumber: 905,
+				columnNumber: 9
+			}, this)
+		}, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 904,
+			columnNumber: 7
+		}, this)]
+	}, void 0, true, {
+		fileName: _jsxFileName$1,
+		lineNumber: 884,
+		columnNumber: 5
+	}, this);
 }
 //#endregion
 //#region src/routes/index.tsx?tsr-split=component
+var _jsxFileName = "/home/runner/work/qgrid/qgrid/packages/web/src/routes/index.tsx?tsr-split=component";
 function Dashboard() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
 		className: "max-w-6xl mx-auto",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageCard, {})
-	});
+		children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(UsageCard, {}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 4,
+			columnNumber: 7
+		}, this)
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 3,
+		columnNumber: 10
+	}, this);
 }
 //#endregion
 export { Dashboard as component };