@cartanova/qgrid-cli 2.3.5 → 2.3.7

package/bundle/web-dist/client/assets/tokens-DlwAm0v4.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{y as t}from"./vendor-tanstack-DJRQAbrY.js";import{i as n,r}from"./vendor-react-DH4kUfK2.js";import{i,r as a}from"./index-jnUY7nJ-.js";import{i as o,t as s}from"./services.generated-B7u0U1wC.js";var c=e(n()),l=r(),u=e=>(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,l.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M5 12h14m-7-7v14`})});function d(){let[e,n]=(0,c.useState)(!1),[r,o]=(0,c.useState)(!1),[d,f]=(0,c.useState)(``),p=t(),m=s.useOauthStartMutation(),h=s.useOauthStartOpenAIMutation(),g=async e=>{if(d.trim())if(e===`openai`){let e=window.open(`about:blank`,`_blank`);o(!0);try{let{authUrl:t}=await h.mutateAsync({name:d.trim()});e?e.location.href=t:window.open(t,`_blank`);let n=setInterval(async()=>{await p.invalidateQueries({queryKey:[`Token`]}),await p.invalidateQueries({queryKey:[`Qgrid`]})},3e3);setTimeout(()=>{clearInterval(n),o(!1)},3e5)}catch(e){console.error(`OAuth start failed:`,e),o(!1)}}else{o(!0);try{let{authUrl:e}=await m.mutateAsync({name:d.trim()});window.location.href=e}catch(e){console.error(`OAuth start failed:`,e),o(!1)}}},_=()=>{n(!1),f(``),o(!1)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`button`,{type:`button`,className:`px-3.5 py-1.5 text-[12px] font-medium rounded-lg bg-sienna-500 text-white hover:bg-sienna-600 disabled:opacity-50 transition-all duration-150 active:scale-[0.97] flex items-center gap-1.5 shadow-sm`,onClick:()=>n(!0),children:[(0,l.jsx)(u,{className:`size-3.5`}),`Add Token`]}),e&&(0,l.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,l.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:_,onKeyDown:()=>{}}),(0,l.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-md mx-4`,children:[(0,l.jsx)(`div`,{className:`px-5 py-4 border-b border-sand-100/50`,children:(0,l.jsx)(`h2`,{className:`text-base font-medium text-sand-900`,children:`Add Token`})}),(0,l.jsxs)(`div`,{className:`px-5 py-4 space-y-4`,children:[(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`label`,{htmlFor:`token-name`,className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Name *`}),(0,l.jsx)(a,{value:d,onChange:e=>f(e.target.value),placeholder:`e.g. your-token-name`,className:`mt-1 w-full border border-sand-200 rounded-md px-3 py-2 text-sm text-sand-900 bg-white placeholder:text-sand-300 focus:outline-none focus:border-sienna-300`})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(`button`,{type:`button`,className:`w-full py-2.5 text-sm font-medium rounded-md bg-sand-900 text-white hover:bg-sand-800 disabled:opacity-50 transition-colors duration-150 flex items-center justify-center gap-2`,disabled:!d.trim()||r,onClick:()=>g(`openai`),children:r?(0,l.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:`w-3.5 h-3.5 border-2 border-white border-t-transparent rounded-full animate-spin`}),`Waiting for login...`]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{className:`size-4`}),`Login with OpenAI`]})}),(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(`div`,{className:`flex-1 h-px bg-sand-200`}),(0,l.jsx)(`span`,{className:`text-[10px] text-sand-400 uppercase`,children:`or`}),(0,l.jsx)(`div`,{className:`flex-1 h-px bg-sand-200`})]}),(0,l.jsxs)(`button`,{type:`button`,className:`w-full py-2.5 text-sm font-medium rounded-md border border-sand-300 text-sand-700 hover:bg-sand-100 disabled:opacity-50 transition-colors duration-150 flex items-center justify-center gap-2`,disabled:!d.trim()||r,onClick:()=>g(`anthropic`),children:[(0,l.jsx)(i,{className:`size-4`}),`Login with Claude`]})]})]}),(0,l.jsx)(`div`,{className:`px-5 py-3 border-t border-sand-100/50 flex items-center justify-end gap-2`,children:(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md border border-sand-200 text-sand-600 hover:bg-sand-100 transition-colors duration-150`,onClick:_,children:`Cancel`})})]})]})]})}var f=e=>(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,l.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4`})}),p=e=>(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,l.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`})});function m(e){let t=e.credentials;return`expiresAt`in t&&typeof t.expiresAt==`number`?t.expiresAt:`accessTokenExpiresAt`in t&&typeof t.accessTokenExpiresAt==`number`?t.accessTokenExpiresAt:null}function h(e){if(!e)return{text:``,color:``};let t=e-Date.now();if(t<=0)return{text:`expired`,color:`text-red-500`};let n=Math.floor(t/36e5),r=Math.floor(t%36e5/6e4),i=n>0?`${n}h ${r}m`:`${r}m`;return t<36e5?{text:i,color:`text-amber-500`}:{text:i,color:`text-sand-400`}}function g(e){let t=e.credentials.accessToken;return t.length<=12?t:`${t.slice(0,8)}...${t.slice(-4)}`}function _({data:e,isLoading:n}){let[r,i]=(0,c.useState)(null),[o,u]=(0,c.useState)(null),[d,_]=(0,c.useState)(``),v=t(),y=s.useRemoveTokenMutation(),b=s.useUpdateTokenMutation(),x=s.useToggleTokenMutation(),S=()=>Promise.all([v.invalidateQueries({queryKey:[`Token`]}),v.invalidateQueries({queryKey:[`Qgrid`]})]),C=async e=>{await x.mutateAsync({id:e.id}),await S()},w=async()=>{r&&(await y.mutateAsync({id:r.id}),await S(),i(null))},T=e=>{u(e),_(e.name??``)},E=async()=>{o&&(await b.mutateAsync({id:o.id,name:d.trim(),quotaThreshold:o.quota_threshold}),await S(),u(null))};if(n)return(0,l.jsx)(`div`,{className:`space-y-2`,children:Array.from({length:3}).map((e,t)=>(0,l.jsx)(`div`,{className:`h-12 bg-sand-100 rounded-md animate-pulse`},`skeleton-${t}`))});let D=e??[];return D.length===0?(0,l.jsxs)(`div`,{className:`text-sand-400 text-center py-16 text-sm`,children:[`No tokens registered. Click `,(0,l.jsx)(`strong`,{className:`text-sand-600`,children:`Add Token`}),` to get started.`]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:`panel overflow-hidden`,children:(0,l.jsxs)(`table`,{className:`w-full text-[13px]`,children:[(0,l.jsx)(`thead`,{children:(0,l.jsxs)(`tr`,{className:`panel-header`,children:[(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Provider`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Name`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Token`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Status`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Expires`}),(0,l.jsx)(`th`,{className:`w-20 px-3 py-2.5`})]})}),(0,l.jsx)(`tbody`,{className:`divide-y divide-sand-100/80`,children:D.map(e=>{let t=h(m(e));return(0,l.jsxs)(`tr`,{className:`transition-colors duration-150 hover:bg-sand-100/60 ${e.active?``:`opacity-50`}`,children:[(0,l.jsx)(`td`,{className:`px-5 py-3`,children:(0,l.jsx)(`span`,{className:`text-xs font-medium text-sand-500 uppercase`,children:e.provider})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:e.name?(0,l.jsx)(`span`,{className:`text-sm text-sand-700`,children:e.name}):(0,l.jsx)(`span`,{className:`text-[11px] text-sand-400`,children:`—`})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:(0,l.jsx)(`code`,{className:`text-[13px] font-mono text-sand-800`,children:g(e)})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:(0,l.jsx)(`button`,{type:`button`,className:`relative inline-flex h-5 w-9 items-center rounded-full transition-colors duration-200 ${e.active?`bg-sage-400`:`bg-sand-300`}`,onClick:()=>C(e),disabled:x.isPending,children:(0,l.jsx)(`span`,{className:`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform duration-200 ${e.active?`translate-x-4.5`:`translate-x-0.5`}`})})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:t.text&&(0,l.jsx)(`span`,{className:`text-xs ${t.color}`,children:t.text})}),(0,l.jsx)(`td`,{className:`px-3 py-3`,children:(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,l.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150`,onClick:()=>T(e),children:(0,l.jsx)(f,{className:`size-4`})}),(0,l.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150`,onClick:()=>i(e),children:(0,l.jsx)(p,{className:`size-4`})})]})})]},e.id)})})]})}),o&&(0,l.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,l.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:()=>u(null),onKeyDown:()=>{}}),(0,l.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-sm mx-4`,children:[(0,l.jsx)(`div`,{className:`px-5 py-4 border-b border-sand-100/60`,children:(0,l.jsx)(`h3`,{className:`text-base font-medium text-sand-900`,children:`Edit Token`})}),(0,l.jsx)(`div`,{className:`px-5 py-4 space-y-3`,children:(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`label`,{htmlFor:`token-name`,className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Name`}),(0,l.jsx)(a,{value:d,onChange:e=>_(e.target.value),placeholder:`e.g. prod, dev, team-a`,className:`mt-1 w-full border border-sand-200 rounded-md px-3 py-2 text-sm text-sand-900 bg-white placeholder:text-sand-300 focus:outline-none focus:border-sienna-300`})]})}),(0,l.jsxs)(`div`,{className:`px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2`,children:[(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md border border-sand-200 text-sand-600 hover:bg-sand-100 transition-colors duration-150`,onClick:()=>u(null),children:`Cancel`}),(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md bg-sienna-400 text-white hover:bg-sienna-500 disabled:opacity-50 transition-colors duration-150`,disabled:b.isPending,onClick:E,children:b.isPending?`Saving...`:`Save`})]})]})]}),r&&(0,l.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,l.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:()=>i(null),onKeyDown:()=>{}}),(0,l.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-sm mx-4`,children:[(0,l.jsxs)(`div`,{className:`px-5 py-4`,children:[(0,l.jsx)(`h3`,{className:`text-base font-medium text-sand-900`,children:`Remove Token`}),(0,l.jsxs)(`p`,{className:`text-sm text-sand-700 mt-2`,children:[`Are you sure you want to remove`,` `,(0,l.jsx)(`code`,{className:`text-[13px] font-mono text-sand-800`,children:g(r)}),r.name&&(0,l.jsxs)(`span`,{className:`text-sand-500`,children:[` (`,r.name,`)`]}),`?`]})]}),(0,l.jsxs)(`div`,{className:`px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2`,children:[(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md border border-sand-200 text-sand-600 hover:bg-sand-100 transition-colors duration-150`,onClick:()=>i(null),children:`Cancel`}),(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md bg-red-500 text-white hover:bg-red-600 disabled:opacity-50 transition-colors duration-150`,disabled:y.isPending,onClick:w,children:y.isPending?`Removing...`:`Remove`})]})]})]})]})}function v(){let{data:e,isLoading:t}=o.useTokens(`A`);return(0,l.jsxs)(`div`,{className:`max-w-6xl mx-auto space-y-4`,children:[(0,l.jsx)(`div`,{className:`flex items-center justify-end`,children:(0,l.jsx)(d,{})}),(0,l.jsx)(_,{data:e?.rows,isLoading:t})]})}export{v as component};

package/bundle/web-dist/client/index.html

@@ -5,13 +5,13 @@
     <link rel="icon" type="image/svg+xml" href="/sonamu.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Qgrid</title>
-    <script type="module" crossorigin src="/assets/index-DeThumA3.js"></script>
+    <script type="module" crossorigin src="/assets/index-jnUY7nJ-.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-Dw2cE7zH.js">
     <link rel="modulepreload" crossorigin href="/assets/preload-helper-ca-nBW7U.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-DH4kUfK2.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-tanstack-DJRQAbrY.js">
-    <link rel="modulepreload" crossorigin href="/assets/sd.generated-7jzAQL2_.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-B5DSo5uH.css">
+    <link rel="modulepreload" crossorigin href="/assets/sd.generated-DXhjjL2f.js">
+    <link rel="stylesheet" crossorigin href="/assets/index-5WdFEqZT.css">
   </head>
   <body>
     <div id="root"></div>

package/bundle/web-dist/server/assets/{lazyRouteComponent-BEaI4mOq.js → lazyRouteComponent-B0LkbiYf.js}

@@ -1,5 +1,4 @@
-import { K as __commonJSMin, Y as __toESM, f as require_react_dom, g as require_react, h as require_jsx_runtime } from "./sd.generated-BeUHLWKH.js";
-import { t as require_shim } from "./shim-B9ZrFt3Z.js";
+import { X as __toESM, _ as require_react, f as require_react_dom, g as require_jsx_runtime, p as require_shim, q as __commonJSMin } from "./sd.generated-DdfpD_iN.js";
 //#region ../../node_modules/.pnpm/@tanstack+router-core@1.143.6/node_modules/@tanstack/router-core/dist/esm/utils.js
 function last(arr) {
 	return arr[arr.length - 1];

package/bundle/web-dist/server/assets/{logs-CHM0fhfO.js → logs-dLx6gMXT.js}

@@ -1,8 +1,8 @@
-import { c as number, g as require_react, h as require_jsx_runtime, l as object, u as string } from "./sd.generated-BeUHLWKH.js";
-import { i as TokenService, n as RequestLogService, t as QgridService } from "./services.generated-C39hdSv0.js";
-import { a as Link, o as useNavigate } from "./lazyRouteComponent-BEaI4mOq.js";
+import { _ as require_react, c as number, g as require_jsx_runtime, l as object, u as string } from "./sd.generated-DdfpD_iN.js";
+import { i as TokenService, n as RequestLogService, t as QgridService } from "./services.generated-D3ZCvIkt.js";
+import { a as Link, o as useNavigate } from "./lazyRouteComponent-B0LkbiYf.js";
 import { n as Route } from "../entry-server.generated.js";
-import { n as formatMicroUsd, r as formatUsd, t as cacheHitRate } from "./cost-DzjfVtUr.js";
+import { n as formatMicroUsd, r as formatUsd, t as cacheHitRate } from "./cost-CSH_t17I.js";
 require_react();
 var import_jsx_runtime = require_jsx_runtime();
 var lucideChevronLeft = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
@@ -52,6 +52,9 @@ function formatDuration(ms) {
 	const s = total % 60;
 	return m > 0 ? `${m}m ${s}s` : `${s}s`;
 }
+function formatTtft(ms) {
+	return ms >= 1e3 ? `${(ms / 1e3).toFixed(1)}s` : `${ms}ms`;
+}
 var COLUMNS = [
 	{
 		label: "ID",
@@ -78,6 +81,11 @@ var COLUMNS = [
 		align: "left",
 		width: "w-20"
 	},
+	{
+		label: "TTFT",
+		align: "left",
+		width: "w-16"
+	},
 	{
 		label: "Duration",
 		align: "left",
@@ -269,6 +277,10 @@ function RequestLogTable({ search, onSearchChange }) {
 									children: row.model_name ?? "—"
 								})
 							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-4 py-1.5 text-left tabular-nums text-sand-500 whitespace-nowrap",
+								children: formatTtft(row.ttft_ms)
+							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
 								className: "pl-5 pr-3 py-1.5 text-left tabular-nums text-sand-500 whitespace-nowrap",
 								children: formatDuration(row.duration_ms)
@@ -355,7 +367,7 @@ function LogsPage() {
 	const search = Route.useSearch();
 	const navigate = Route.useNavigate();
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "max-w-[96rem] mx-auto",
+		className: "max-w-[100rem] mx-auto",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestLogTable, {
 			search,
 			onSearchChange: (next) => navigate({ search: next })

package/bundle/web-dist/server/assets/{routes-C9xFMJ_r.js → routes-DD3Hb9xO.js}

@@ -1,6 +1,7 @@
-import { Y as __toESM, f as require_react_dom, g as require_react, h as require_jsx_runtime, m as useQueryClient } from "./sd.generated-BeUHLWKH.js";
-import { i as TokenService, t as QgridService } from "./services.generated-C39hdSv0.js";
-import { r as formatUsd } from "./cost-DzjfVtUr.js";
+import { X as __toESM, _ as require_react, f as require_react_dom, g as require_jsx_runtime, h as useQueryClient } from "./sd.generated-DdfpD_iN.js";
+import { i as TokenService, t as QgridService } from "./services.generated-D3ZCvIkt.js";
+import { r as Q } from "../entry-server.generated.js";
+import { r as formatUsd } from "./cost-CSH_t17I.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());
@@ -2231,8 +2232,24 @@ function useSortable({ animateLayoutChanges = defaultAnimateLayoutChanges, attri
 }
 KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left;
 //#endregion
-//#region ~icons/lucide/grip-vertical.jsx
+//#region ~icons/lucide/gauge.jsx
 var import_jsx_runtime = require_jsx_runtime();
+var lucideGauge = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "m12 14l4-4M3.34 19a10 10 0 1 1 17.32 0"
+	})
+});
+//#endregion
+//#region ~icons/lucide/grip-vertical.jsx
 var lucideGripVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
@@ -2280,6 +2297,27 @@ var lucideGripVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 });
 //#endregion
 //#region src/components/qgrid/UsageCard.tsx
+var QUOTA_THRESHOLD_PROVIDERS = new Set(["anthropic", "openai"]);
+function validateThreshold(raw) {
+	const trimmed = raw.trim();
+	if (trimmed === "") return {
+		ok: true,
+		value: null
+	};
+	if (!/^\d+$/.test(trimmed)) return {
+		ok: false,
+		error: "정수만 입력하세요 (0–100)"
+	};
+	const n = Number(trimmed);
+	if (n > 100) return {
+		ok: false,
+		error: "100 이하여야 합니다"
+	};
+	return {
+		ok: true,
+		value: n === 0 ? null : n
+	};
+}
 var PROVIDER_THEMES = {
 	openai: {
 		stripe: "bg-openai-400",
@@ -2322,8 +2360,9 @@ function formatResets(iso) {
 	const m = Math.floor(diff % 36e5 / 6e4);
 	return h > 0 ? `resets ${h}h ${m}m` : `resets ${m}m`;
 }
-function UsageRow({ label, utilization, resetsAt, theme }) {
+function UsageRow({ label, utilization, resetsAt, theme, threshold }) {
 	const pct = utilization ?? 0;
+	const hasThreshold = threshold !== void 0 && threshold !== null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex items-center gap-3",
 		children: [
@@ -2331,12 +2370,15 @@ function UsageRow({ label, utilization, resetsAt, theme }) {
 				className: "text-xs text-sand-600 w-20 shrink-0",
 				children: label
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "flex-1 h-2 bg-sand-200 rounded-full overflow-hidden",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "relative flex-1 h-2 bg-sand-200 rounded-full overflow-hidden",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+					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", {
 				className: "text-xs tabular-nums text-sand-700 w-10 text-right",
@@ -2372,13 +2414,15 @@ function TokenUsage({ token, theme }) {
 		className: "text-[11px] text-sand-400 py-1",
 		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,
-			theme
+			theme,
+			threshold: thresholdForPrimary
 		}), data.sevenDay && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageRow, {
 			label: "7d",
 			utilization: data.sevenDay.utilization,
@@ -2387,6 +2431,135 @@ function TokenUsage({ token, theme }) {
 		})]
 	});
 }
+function stopDragPropagation(e) {
+	e.stopPropagation();
+}
+function ThresholdControl({ token }) {
+	const [pos, setPos] = (0, import_react.useState)(null);
+	const [value, setValue] = (0, import_react.useState)("");
+	const triggerRef = (0, import_react.useRef)(null);
+	const queryClient = useQueryClient();
+	const updateMutation = QgridService.useUpdateTokenMutation();
+	const supported = QUOTA_THRESHOLD_PROVIDERS.has(token.provider);
+	const open = pos !== null;
+	const validation = validateThreshold(value);
+	const POPOVER_WIDTH = 240;
+	const POPOVER_EST_HEIGHT = 150;
+	const MARGIN = 8;
+	const GAP = 6;
+	const openPopover = () => {
+		const rect = triggerRef.current?.getBoundingClientRect();
+		if (!rect) return;
+		const left = Math.min(Math.max(rect.right - POPOVER_WIDTH, MARGIN), Math.max(window.innerWidth - POPOVER_WIDTH - MARGIN, MARGIN));
+		const above = rect.top - GAP - POPOVER_EST_HEIGHT;
+		const below = rect.bottom + GAP;
+		setPos({
+			left,
+			top: Math.min(Math.max(above >= MARGIN ? above : below, MARGIN), Math.max(window.innerHeight - POPOVER_EST_HEIGHT - MARGIN, MARGIN))
+		});
+		setValue(String(token.quota_threshold ?? 100));
+	};
+	const close = () => setPos(null);
+	if (!supported) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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"]
+	});
+	const adjust = (delta) => {
+		const current = /^\d+$/.test(value.trim()) ? Number(value.trim()) : 0;
+		const next = Math.min(Math.max(current + delta, 0), 100);
+		setValue(String(next));
+	};
+	const save = async () => {
+		if (!validation.ok) return;
+		await updateMutation.mutateAsync({
+			id: token.id,
+			name: token.name ?? "",
+			quotaThreshold: validation.value
+		});
+		await Promise.all([queryClient.invalidateQueries({ queryKey: ["Token"] }), queryClient.invalidateQueries({ queryKey: ["Qgrid"] })]);
+		close();
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "inline-flex",
+		onPointerDown: stopDragPropagation,
+		onClick: stopDragPropagation,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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", {
+			className: "fixed inset-0 z-40",
+			onPointerDown: close
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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", {
+					htmlFor: `threshold-${token.id}`,
+					className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
+					children: "사용률 제한"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-1 flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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, {
+							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", {
+							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", {
+							className: "text-sm text-sand-500",
+							children: "%"
+						})
+					]
+				}),
+				validation.ok ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mt-1.5 text-[11px] text-sand-500 leading-snug",
+					children: validation.value === null ? "제한 없음 — 사용률과 무관하게 항상 사용합니다." : "5h 사용률이 임계치에 달하면 해당 토큰을 건너뜁니다."
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mt-1.5 text-[11px] text-red-500",
+					children: validation.error
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-2 flex items-center justify-end gap-1.5",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+						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"
+					})]
+				})
+			]
+		})] })]
+	});
+}
 function SortableTokenCard({ token }) {
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
 		id: String(token.id),
@@ -2433,9 +2606,24 @@ function SortableTokenCard({ token }) {
 					token,
 					theme
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: `absolute top-2.5 right-3 px-2 py-0.5 rounded-md bg-sand-50 text-[11px] tabular-nums font-medium border border-sand-200/80 ${theme.cost}`,
-					children: formatUsd(costData?.usd ?? 0)
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-2 flex items-center justify-end",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThresholdControl, { token })
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "absolute top-2.5 right-3 flex items-center gap-1.5",
+					children: [QUOTA_THRESHOLD_PROVIDERS.has(token.provider) && token.quota_threshold !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "px-1.5 py-0.5 rounded-md bg-sienna-50 text-[11px] tabular-nums font-medium border border-sienna-200 text-sienna-600",
+						title: `사용률 ${token.quota_threshold}% 이상이면 이 토큰 제외`,
+						children: [
+							"≤ ",
+							token.quota_threshold,
+							"%"
+						]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: `px-2 py-0.5 rounded-md bg-sand-50 text-[11px] tabular-nums font-medium border border-sand-200/80 ${theme.cost}`,
+						children: formatUsd(costData?.usd ?? 0)
+					})]
 				})
 			]
 		})]

package/bundle/web-dist/server/assets/{sd.generated-BeUHLWKH.js → sd.generated-DdfpD_iN.js}

@@ -2671,6 +2671,133 @@ var QueryClientProvider = ({ client, children }) => {
 	});
 };
 //#endregion
+//#region ../../node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
+/**
+* @license React
+* use-sync-external-store-shim.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJSMin(((exports) => {
+	var React = require_react();
+	function is(x, y) {
+		return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+	}
+	var objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue;
+	function useSyncExternalStore$2(subscribe, getSnapshot) {
+		var value = getSnapshot(), _useState = useState({ inst: {
+			value,
+			getSnapshot
+		} }), inst = _useState[0].inst, forceUpdate = _useState[1];
+		useLayoutEffect(function() {
+			inst.value = value;
+			inst.getSnapshot = getSnapshot;
+			checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+		}, [
+			subscribe,
+			value,
+			getSnapshot
+		]);
+		useEffect(function() {
+			checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+			return subscribe(function() {
+				checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+			});
+		}, [subscribe]);
+		useDebugValue(value);
+		return value;
+	}
+	function checkIfSnapshotChanged(inst) {
+		var latestGetSnapshot = inst.getSnapshot;
+		inst = inst.value;
+		try {
+			var nextValue = latestGetSnapshot();
+			return !objectIs(inst, nextValue);
+		} catch (error) {
+			return !0;
+		}
+	}
+	function useSyncExternalStore$1(subscribe, getSnapshot) {
+		return getSnapshot();
+	}
+	var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+	exports.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
+/**
+* @license React
+* use-sync-external-store-shim.development.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJSMin(((exports) => {
+	"production" !== process.env.NODE_ENV && (function() {
+		function is(x, y) {
+			return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+		}
+		function useSyncExternalStore$2(subscribe, getSnapshot) {
+			didWarnOld18Alpha || void 0 === React.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			var value = getSnapshot();
+			if (!didWarnUncachedGetSnapshot) {
+				var cachedValue = getSnapshot();
+				objectIs(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
+			}
+			cachedValue = useState({ inst: {
+				value,
+				getSnapshot
+			} });
+			var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
+			useLayoutEffect(function() {
+				inst.value = value;
+				inst.getSnapshot = getSnapshot;
+				checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+			}, [
+				subscribe,
+				value,
+				getSnapshot
+			]);
+			useEffect(function() {
+				checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+				return subscribe(function() {
+					checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+				});
+			}, [subscribe]);
+			useDebugValue(value);
+			return value;
+		}
+		function checkIfSnapshotChanged(inst) {
+			var latestGetSnapshot = inst.getSnapshot;
+			inst = inst.value;
+			try {
+				var nextValue = latestGetSnapshot();
+				return !objectIs(inst, nextValue);
+			} catch (error) {
+				return !0;
+			}
+		}
+		function useSyncExternalStore$1(subscribe, getSnapshot) {
+			return getSnapshot();
+		}
+		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var React = require_react(), objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+		exports.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/shim/index.js
+var require_shim = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_use_sync_external_store_shim_production();
+	else module.exports = require_use_sync_external_store_shim_development();
+}));
+//#endregion
 //#region ../../node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom.production.js
 /**
 * @license React
@@ -22420,6 +22547,7 @@ var entityLabels = {
 	"entity.RequestLog.cache_read_tokens": "캐시 읽기 토큰",
 	"entity.RequestLog.cache_creation_tokens": "캐시 생성 토큰",
 	"entity.RequestLog.duration_ms": "응답 소요시간(ms)",
+	"entity.RequestLog.ttft_ms": "first gen TTFT(ms)",
 	"entity.RequestLog.cost_usd": "API 비용",
 	"entity.RequestLog.effort": "effort level",
 	"entity.RequestLog.history": "inject_items 히스토리",
@@ -22445,6 +22573,7 @@ var entityLabels = {
 	"entity.RequestLogStep.cache_read_tokens": "캐시 읽기 토큰",
 	"entity.RequestLogStep.cache_creation_tokens": "캐시 생성 토큰",
 	"entity.RequestLogStep.duration_ms": "소요시간(ms)",
+	"entity.RequestLogStep.ttft_ms": "Gen TTFT(ms)",
 	"entity.RequestLogStep.finish_reason": "완료 사유",
 	"entity.RequestLogStep.reasoning_text": "reasoning 텍스트",
 	"entity.RequestLogStep.reasoning_tokens": "reasoning 토큰 수",
@@ -22467,6 +22596,7 @@ var entityLabels = {
 	"entity.Token.name": "토큰 이름",
 	"entity.Token.active": "활성 여부",
 	"entity.Token.ord": "정렬 순서",
+	"entity.Token.quota_threshold": "quota 사용률 임계치(%). null이면 미설정",
 	"enum.TokenOrderBy.id-desc": "ID최신순",
 	"enum.TokenOrderBy.ord-asc": "순서순",
 	"enum.TokenSearchField.id": "ID",
@@ -22526,4 +22656,4 @@ SD.enumLabels = (enumName) => {
 	} });
 };
 //#endregion
-export { hashQueryKeyByOptions as A, shouldThrowError as B, fetchState as C, environmentManager as D, pendingThenable as E, partialMatchKey as F, Subscribable as G, timeUntilStale as H, replaceData as I, __require as J, __commonJSMin as K, resolveEnabled as L, matchMutation as M, matchQuery as N, functionalUpdate as O, noop$2 as P, resolveStaleTime as R, Query as S, notifyManager as T, timeoutManager as U, skipToken as V, focusManager as W, __toESM as Y, Mutation as _, fetch$1 as a, hasPreviousPage as b, number as c, require_lib as d, require_react_dom as f, require_react as g, require_jsx_runtime as h, dedupeAndFlatten as i, isValidTimeout as j, hashKey as k, object as l, useQueryClient as m, SUPPORTED_LOCALES as n, useRefreshable as o, QueryClientProvider as p, __exportAll as q, setLocale as r, useSSEStream as s, SD as t, string as u, getDefaultState as v, onlineManager as w, infiniteQueryBehavior as x, hasNextPage as y, shallowEqualObjects as z };
+export { hashKey as A, shallowEqualObjects as B, Query as C, pendingThenable as D, notifyManager as E, noop$2 as F, focusManager as G, skipToken as H, partialMatchKey as I, __exportAll as J, Subscribable as K, replaceData as L, isValidTimeout as M, matchMutation as N, environmentManager as O, matchQuery as P, resolveEnabled as R, infiniteQueryBehavior as S, onlineManager as T, timeUntilStale as U, shouldThrowError as V, timeoutManager as W, __toESM as X, __require as Y, require_react as _, fetch$1 as a, hasNextPage as b, number as c, require_lib as d, require_react_dom as f, require_jsx_runtime as g, useQueryClient as h, dedupeAndFlatten as i, hashQueryKeyByOptions as j, functionalUpdate as k, object as l, QueryClientProvider as m, SUPPORTED_LOCALES as n, useRefreshable as o, require_shim as p, __commonJSMin as q, setLocale as r, useSSEStream as s, SD as t, string as u, Mutation as v, fetchState as w, hasPreviousPage as x, getDefaultState as y, resolveStaleTime as z };

package/bundle/web-dist/server/assets/{services.generated-C39hdSv0.js → services.generated-D3ZCvIkt.js}

@@ -1,4 +1,4 @@
-import { B as shouldThrowError, C as fetchState, D as environmentManager, E as pendingThenable, G as Subscribable, H as timeUntilStale, I as replaceData, L as resolveEnabled, P as noop, R as resolveStaleTime, T as notifyManager, U as timeoutManager, W as focusManager, Y as __toESM, a as fetch, b as hasPreviousPage, d as require_lib, g as require_react, h as require_jsx_runtime, i as dedupeAndFlatten, j as isValidTimeout, k as hashKey, m as useQueryClient, o as useRefreshable, s as useSSEStream, v as getDefaultState, x as infiniteQueryBehavior, y as hasNextPage, z as shallowEqualObjects } from "./sd.generated-BeUHLWKH.js";
+import { A as hashKey, B as shallowEqualObjects, D as pendingThenable, E as notifyManager, F as noop, G as focusManager, K as Subscribable, L as replaceData, M as isValidTimeout, O as environmentManager, R as resolveEnabled, S as infiniteQueryBehavior, U as timeUntilStale, V as shouldThrowError, W as timeoutManager, X as __toESM, _ as require_react, a as fetch, b as hasNextPage, d as require_lib, g as require_jsx_runtime, h as useQueryClient, i as dedupeAndFlatten, o as useRefreshable, s as useSSEStream, w as fetchState, x as hasPreviousPage, y as getDefaultState, z as resolveStaleTime } from "./sd.generated-DdfpD_iN.js";
 //#region ../../node_modules/.pnpm/@tanstack+query-core@5.95.2/node_modules/@tanstack/query-core/build/modern/queryObserver.js
 var QueryObserver = class extends Subscribable {
 	constructor(client, options) {
@@ -1036,18 +1036,19 @@ var QgridService;
 	}
 	_QgridService.addToken = addToken;
 	_QgridService.useAddTokenMutation = () => useMutation({ mutationFn: (params) => addToken(params.provider, params.credentials, params.name) });
-	async function updateToken(id, name) {
+	async function updateToken(id, name, quotaThreshold) {
 		return fetch({
 			method: "POST",
 			url: `/api/qgrid/updateToken`,
 			data: {
 				id,
-				name
+				name,
+				quotaThreshold
 			}
 		});
 	}
 	_QgridService.updateToken = updateToken;
-	_QgridService.useUpdateTokenMutation = () => useMutation({ mutationFn: (params) => updateToken(params.id, params.name) });
+	_QgridService.useUpdateTokenMutation = () => useMutation({ mutationFn: (params) => updateToken(params.id, params.name, params.quotaThreshold) });
 	async function removeToken(id) {
 		return fetch({
 			method: "POST",