@cartanova/qgrid-cli 2.10.10 → 2.11.1

package/bundle/web-dist/server/assets/{routes-Ct-k7nBA.js → routes-_Y-PJfgO.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-BA4AcAf5.js";
-import { t as require_react_dom } from "./react-dom-Ds75e4Jl.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-pkArIzCP.js";
-import { n as OAuthCodeEntry, t as useOAuthLoginFlow } from "./use-oauth-login-flow-Gn8flMK5.js";
+import { $ as __toESM, M as require_jsx_runtime, N as require_react, j as useQueryClient, n as QgridService, o as TokenService } from "./services.generated-CMJ8AHbO.js";
+import { t as require_react_dom } from "./react-dom-Cv23mm1K.js";
+import { i as o, n as useOAuthLoginFlow, r as OAuthCodeEntry, t as isOAuthProvider } from "./use-oauth-login-flow-jkAkT3X6.js";
+import { i as formatUsd } from "./cost-BC9yzyA9.js";
+import { t as useUpdateTokenMutation } from "./use-update-token-mutation-Sm6kh02m.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());
@@ -2299,7 +2299,11 @@ var lucideGripVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 });
 //#endregion
 //#region src/components/qgrid/UsageCard.tsx
-var QUOTA_THRESHOLD_PROVIDERS = new Set(["anthropic", "openai"]);
+var QUOTA_THRESHOLD_PROVIDERS = new Set([
+	"anthropic",
+	"openai",
+	"grok"
+]);
 function validateThreshold(raw) {
 	const trimmed = raw.trim();
 	if (trimmed === "") return {
@@ -2336,7 +2340,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 +2358,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 +2373,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,6 +2394,44 @@ 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_runtime.jsxs)("div", {
+		className: "flex flex-wrap items-center gap-1 text-[10px]",
+		children: [
+			usage.onDemandExcluded === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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"
+			}),
+			usage.zdrVideoExcluded === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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"
+			}),
+			period !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-sand-100 text-sand-600",
+				children: period
+			}),
+			usage.tier && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-sand-100 text-sand-600",
+				children: usage.tier
+			}),
+			usage.keepaliveApplicable === false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "px-1.5 py-0.5 rounded-full bg-sand-100 text-sand-400",
+				title: "이 provider는 토큰 윈도 keepalive 대상이 아닙니다",
+				children: "keepalive n/a"
+			})
+		]
+	});
+}
 function UsageRow({ label, utilization, resetsAt, windowDurationMins, theme, threshold }) {
 	const pct = utilization ?? 0;
 	const hasThreshold = threshold !== void 0 && threshold !== null;
@@ -2450,27 +2498,35 @@ function TokenUsage({ token, theme }) {
 			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"
+	if (!data?.fiveHour && !data?.sevenDay) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "space-y-1.5 py-1",
+		children: [data && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageStateNotes, { usage: data }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-[11px] text-sand-400",
+			children: "No usage data"
+		})]
 	});
 	const thresholdForPrimary = QUOTA_THRESHOLD_PROVIDERS.has(token.provider) ? token.quota_threshold : null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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_runtime.jsx)(UsageStateNotes, { usage: data }),
+			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: 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
+			})
+		]
 	});
 }
 function ThresholdControl({ token }) {
@@ -2551,7 +2607,7 @@ function ThresholdControl({ token }) {
 							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, {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(o, {
 							id: `threshold-${token.id}`,
 							value,
 							onChange: (e) => setValue(e.target.value),
@@ -2663,7 +2719,7 @@ function WeightControl({ token }) {
 							className: "size-9 shrink-0 rounded-md border border-sand-200 text-sand-600",
 							children: "−"
 						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(o, {
 							id: `weight-${token.id}`,
 							value,
 							onChange: (event) => setValue(event.target.value),
@@ -2712,14 +2768,17 @@ 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", {
 		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", {
@@ -2757,11 +2816,12 @@ 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", {
 		ref: setNodeRef,
@@ -2790,9 +2850,13 @@ function SortableTokenCard({ token }) {
 							className: "text-[13px] font-medium text-sand-800 truncate select-none",
 							children: token.name ?? "Unnamed"
 						})]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 						className: `text-[11px] tabular-nums font-medium shrink-0 ${theme.cost}`,
-						children: formatUsd(costData?.usd ?? 0)
+						children: [formatUsd(costData?.usd ?? 0), costData && unpricedRequestLabel(costData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "ml-1 font-normal text-sand-400",
+							title: unpricedRequestTitle(costData) ?? void 0,
+							children: unpricedRequestLabel(costData)
+						}) : null]
 					})]
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -2837,8 +2901,15 @@ function SortableTokenCard({ token }) {
 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();
@@ -2907,7 +2978,7 @@ function UsageCard() {
 					"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"
+					children: PROVIDER_FILTER_LABELS[p]
 				}, p))
 			})]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {