@cartanova/qgrid-cli 2.6.1 → 2.6.4

package/bundle/web-dist/client/assets/tokens-Gapk41cz.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,o as a}from"./index-CnNT0mdq.js";import{a as o,n as s}from"./services.generated-BsAvotjG.js";import{t as c}from"./use-update-token-mutation-DqEpK7It.js";var l=e(n()),u=r(),d=e=>(0,u.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,u.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M5 12h14m-7-7v14`})});function f({isPending:e,isError:t,onSubmit:n,onRestart:r}){let[a,o]=(0,l.useState)(``);return(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(`p`,{className:`text-[12px] text-sand-600 leading-relaxed`,children:`새 탭에서 Claude 로그인을 완료하면 코드가 표시됩니다. 코드 전체를 아래에 붙여넣으세요.`}),(0,u.jsx)(i,{value:a,onChange:e=>o(e.target.value),placeholder:`code#state`,className:`w-full border border-sand-200 rounded-md px-3 py-2 text-sm font-mono text-sand-900 bg-white placeholder:text-sand-300 focus:outline-none focus:border-sienna-300`}),t&&(0,u.jsx)(`p`,{className:`text-[11px] text-red-500`,children:`코드 확인에 실패했습니다 — 표시된 코드 전체를 다시 붙여넣거나 로그인을 다시 시작하세요.`}),(0,u.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:!a.trim()||e,onClick:()=>n(a),children:e?(0,u.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,u.jsx)(`span`,{className:`w-3.5 h-3.5 border-2 border-white border-t-transparent rounded-full animate-spin`}),`Verifying...`]}):`Complete login`}),(0,u.jsx)(`button`,{type:`button`,className:`w-full py-1.5 text-[12px] text-sand-500 hover:text-sand-700 transition-colors duration-150`,onClick:()=>{o(``),r()},children:`처음부터 다시 시작`})]})}var p=3e3,m=3e5;function h(e){let t=0;for(let n of e.getQueryCache().findAll({queryKey:[`Token`]})){let e=n.state.data?.rows;Array.isArray(e)&&(t=Math.max(t,e.length))}return t}function g(){let[e,n]=(0,l.useState)(null),[r,i]=(0,l.useState)(!1),a=t(),o=s.useOauthStartMutation(),c=s.useOauthStartOpenAIMutation(),u=s.useOauthCompleteMutation(),d=(0,l.useRef)({}),f=()=>{d.current.interval!==void 0&&clearInterval(d.current.interval),d.current.timeout!==void 0&&clearTimeout(d.current.timeout),d.current={}};(0,l.useEffect)(()=>f,[]);let g=()=>Promise.all([a.invalidateQueries({queryKey:[`Token`]}),a.invalidateQueries({queryKey:[`Qgrid`]})]);return{loadingProvider:e,codeEntry:r,start:async(e,t)=>{let r=t.trim();if(!r)return;let s=window.open(`about:blank`,`_blank`);n(e);try{if(e===`openai`){let{authUrl:e}=await c.mutateAsync({name:r});s?s.location.href=e:window.open(e,`_blank`);let t=h(a);f(),d.current.interval=window.setInterval(()=>{g().then(()=>{h(a)>t&&(f(),n(null))})},p),d.current.timeout=window.setTimeout(()=>{f(),n(null)},m);return}let{authUrl:t,mode:l}=await o.mutateAsync({name:r});l===`code`?(s?s.location.href=t:window.open(t,`_blank`),i(!0),n(null)):(s?.close(),window.location.href=t)}catch(e){s?.close(),console.error(`OAuth start failed:`,e),n(null)}},submitCode:async e=>{let t=e.trim();if(!t)return!1;try{await u.mutateAsync({pastedCode:t})}catch(e){return console.error(`OAuth complete failed:`,e),!1}return await g(),!0},reset:()=>{f(),n(null),i(!1),u.reset()},completeMutation:u}}function _(){let[e,t]=(0,l.useState)(!1),[n,r]=(0,l.useState)(``),o=g(),s=()=>{t(!1),r(``),o.reset()},c=async e=>{await o.submitCode(e)&&s()};return(0,u.jsxs)(u.Fragment,{children:[(0,u.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:()=>t(!0),children:[(0,u.jsx)(d,{className:`size-3.5`}),`Add Token`]}),e&&(0,u.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,u.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:s,onKeyDown:()=>{}}),(0,u.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-md mx-4`,children:[(0,u.jsx)(`div`,{className:`px-5 py-4 border-b border-sand-100/50`,children:(0,u.jsx)(`h2`,{className:`text-base font-medium text-sand-900`,children:`Add Token`})}),(0,u.jsxs)(`div`,{className:`px-5 py-4 space-y-4`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`token-name`,className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Name *`}),(0,u.jsx)(i,{value:n,onChange:e=>r(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`})]}),o.codeEntry?(0,u.jsx)(f,{isPending:o.completeMutation.isPending,isError:o.completeMutation.isError,onSubmit:e=>void c(e),onRestart:o.reset}):(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.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:!n.trim()||o.loadingProvider!==null,onClick:()=>void o.start(`openai`,n),children:o.loadingProvider===`openai`?(0,u.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,u.jsx)(`span`,{className:`w-3.5 h-3.5 border-2 border-white border-t-transparent rounded-full animate-spin`}),`Waiting for login...`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a,{className:`size-4`}),`Login with OpenAI`]})}),(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(`div`,{className:`flex-1 h-px bg-sand-200`}),(0,u.jsx)(`span`,{className:`text-[10px] text-sand-400 uppercase`,children:`or`}),(0,u.jsx)(`div`,{className:`flex-1 h-px bg-sand-200`})]}),(0,u.jsx)(`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:!n.trim()||o.loadingProvider!==null,onClick:()=>void o.start(`anthropic`,n),children:o.loadingProvider===`anthropic`?(0,u.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,u.jsx)(`span`,{className:`w-3.5 h-3.5 border-2 border-sand-400 border-t-transparent rounded-full animate-spin`}),`Waiting for login...`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a,{className:`size-4`}),`Login with Claude`]})})]})]}),(0,u.jsx)(`div`,{className:`px-5 py-3 border-t border-sand-100/50 flex items-center justify-end gap-2`,children:(0,u.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:s,children:`Cancel`})})]})]})]})}var v=e=>(0,u.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,u.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`})}),y=e=>(0,u.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,u.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 b(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 x(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 S(e){let t=e.credentials.accessToken;return t.length<=12?t:`${t.slice(0,8)}...${t.slice(-4)}`}function C({data:e,isLoading:n}){let[r,a]=(0,l.useState)(null),[o,d]=(0,l.useState)(null),[p,m]=(0,l.useState)(``),h=t(),_=s.useRemoveTokenMutation(),C=c(),w=s.useToggleTokenMutation(),T=g(),E=()=>Promise.all([h.invalidateQueries({queryKey:[`Token`]}),h.invalidateQueries({queryKey:[`Qgrid`]})]),D=async e=>{await w.mutateAsync({id:e.id}),await E()},O=async()=>{r&&(await _.mutateAsync({id:r.id}),await E(),a(null))},k=async e=>{await T.submitCode(e)&&T.reset()},A=e=>{d(e),m(e.name??``)},j=async()=>{o&&(await C.mutateAsync({id:o.id,name:p.trim()}),await E(),d(null))};if(n)return(0,u.jsx)(`div`,{className:`space-y-2`,children:Array.from({length:3}).map((e,t)=>(0,u.jsx)(`div`,{className:`h-12 bg-sand-100 rounded-md animate-pulse`},`skeleton-${t}`))});let M=e??[];return M.length===0?(0,u.jsxs)(`div`,{className:`text-sand-400 text-center py-16 text-sm`,children:[`No tokens registered. Click `,(0,u.jsx)(`strong`,{className:`text-sand-600`,children:`Add Token`}),` to get started.`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`panel overflow-hidden`,children:(0,u.jsx)(`div`,{className:`overflow-x-auto`,children:(0,u.jsxs)(`table`,{className:`w-full min-w-[640px] text-[13px]`,children:[(0,u.jsx)(`thead`,{children:(0,u.jsxs)(`tr`,{className:`panel-header`,children:[(0,u.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Provider`}),(0,u.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Name`}),(0,u.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Token`}),(0,u.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Status`}),(0,u.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Expires`}),(0,u.jsx)(`th`,{className:`w-20 px-3 py-2.5`})]})}),(0,u.jsx)(`tbody`,{className:`divide-y divide-sand-100/80`,children:M.map(e=>{let t=x(b(e));return(0,u.jsxs)(`tr`,{className:`transition-colors duration-150 hover:bg-sand-100/60 ${e.active?``:`opacity-50`}`,children:[(0,u.jsx)(`td`,{className:`px-5 py-3`,children:(0,u.jsx)(`span`,{className:`text-xs font-medium text-sand-500 uppercase`,children:e.provider})}),(0,u.jsx)(`td`,{className:`px-5 py-3`,children:e.name?(0,u.jsx)(`span`,{className:`text-sm text-sand-700`,children:e.name}):(0,u.jsx)(`span`,{className:`text-[11px] text-sand-400`,children:`—`})}),(0,u.jsx)(`td`,{className:`px-5 py-3`,children:(0,u.jsx)(`code`,{className:`text-[13px] font-mono text-sand-800`,children:S(e)})}),(0,u.jsx)(`td`,{className:`px-5 py-3`,children:(0,u.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:()=>D(e),disabled:w.isPending,children:(0,u.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,u.jsx)(`td`,{className:`px-5 py-3`,children:t.text&&(0,u.jsx)(`span`,{className:`text-xs ${t.color}`,children:t.text})}),(0,u.jsx)(`td`,{className:`px-3 py-3`,children:(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!e.active&&(0,u.jsx)(`button`,{type:`button`,title:`기존 이름으로 다시 로그인`,className:`px-2 py-0.5 mr-1 text-[11px] font-medium rounded-md border border-sand-300 text-sand-600 hover:bg-sand-100 disabled:opacity-50 transition-colors duration-150 inline-flex items-center gap-1`,disabled:T.loadingProvider!==null,onClick:()=>void T.start(e.provider,e.name??``),children:T.loadingProvider===e.provider?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:`w-3 h-3 border-2 border-sand-400 border-t-transparent rounded-full animate-spin`}),`로그인 대기`]}):`재로그인`}),(0,u.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150`,onClick:()=>A(e),children:(0,u.jsx)(v,{className:`size-4`})}),(0,u.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150`,onClick:()=>a(e),children:(0,u.jsx)(y,{className:`size-4`})})]})})]},e.id)})})]})})}),T.codeEntry&&(0,u.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,u.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:T.reset,onKeyDown:()=>{}}),(0,u.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-md mx-4`,children:[(0,u.jsx)(`div`,{className:`px-5 py-4 border-b border-sand-100/60`,children:(0,u.jsx)(`h3`,{className:`text-base font-medium text-sand-900`,children:`재로그인`})}),(0,u.jsx)(`div`,{className:`px-5 py-4`,children:(0,u.jsx)(f,{isPending:T.completeMutation.isPending,isError:T.completeMutation.isError,onSubmit:e=>void k(e),onRestart:T.reset})})]})]}),o&&(0,u.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,u.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:()=>d(null),onKeyDown:()=>{}}),(0,u.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-sm mx-4`,children:[(0,u.jsx)(`div`,{className:`px-5 py-4 border-b border-sand-100/60`,children:(0,u.jsx)(`h3`,{className:`text-base font-medium text-sand-900`,children:`Edit Token`})}),(0,u.jsx)(`div`,{className:`px-5 py-4 space-y-3`,children:(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`label`,{htmlFor:`token-name`,className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Name`}),(0,u.jsx)(i,{value:p,onChange:e=>m(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,u.jsxs)(`div`,{className:`px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2`,children:[(0,u.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:()=>d(null),children:`Cancel`}),(0,u.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:C.isPending,onClick:j,children:C.isPending?`Saving...`:`Save`})]})]})]}),r&&(0,u.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,u.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:()=>a(null),onKeyDown:()=>{}}),(0,u.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-sm mx-4`,children:[(0,u.jsxs)(`div`,{className:`px-5 py-4`,children:[(0,u.jsx)(`h3`,{className:`text-base font-medium text-sand-900`,children:`Remove Token`}),(0,u.jsxs)(`p`,{className:`text-sm text-sand-700 mt-2`,children:[`Are you sure you want to remove`,` `,(0,u.jsx)(`code`,{className:`text-[13px] font-mono text-sand-800`,children:S(r)}),r.name&&(0,u.jsxs)(`span`,{className:`text-sand-500`,children:[` (`,r.name,`)`]}),`?`]})]}),(0,u.jsxs)(`div`,{className:`px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2`,children:[(0,u.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:()=>a(null),children:`Cancel`}),(0,u.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:_.isPending,onClick:O,children:_.isPending?`Removing...`:`Remove`})]})]})]})]})}function w(){let{data:e,isLoading:t}=o.useTokens(`A`);return(0,u.jsxs)(`div`,{className:`max-w-6xl mx-auto space-y-4`,children:[(0,u.jsx)(`div`,{className:`flex items-center justify-end`,children:(0,u.jsx)(_,{})}),(0,u.jsx)(C,{data:e?.rows,isLoading:t})]})}export{w as component};

package/bundle/web-dist/client/assets/{use-update-token-mutation-DBkxL29Y.js → use-update-token-mutation-DqEpK7It.js}

@@ -1 +1 @@
-import{m as e}from"./vendor-tanstack-DJRQAbrY.js";import{n as t}from"./services.generated-BuT6Gp8V.js";function n(){return e({mutationFn:({id:e,name:n,quotaThreshold:r,weight:i})=>t.updateToken(e,n,r,i)})}export{n as t};
+import{m as e}from"./vendor-tanstack-DJRQAbrY.js";import{n as t}from"./services.generated-BsAvotjG.js";function n(){return e({mutationFn:({id:e,name:n,quotaThreshold:r,weight:i})=>t.updateToken(e,n,r,i)})}export{n as t};

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-BGGBFmzE.js"></script>
+    <script type="module" crossorigin src="/assets/index-CnNT0mdq.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-CjW3rfJ8.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-GA9b-zy4.css">
+    <link rel="modulepreload" crossorigin href="/assets/sd.generated-DYdwSB2I.js">
+    <link rel="stylesheet" crossorigin href="/assets/index-BGQSGMcK.css">
   </head>
   <body>
     <div id="root"></div>

package/bundle/web-dist/server/assets/{lazyRouteComponent-PRxXWW3t.js → lazyRouteComponent-BaZaveNc.js}

@@ -1,4 +1,4 @@
-import { J as __commonJSMin, Z as __toESM, _ as require_jsx_runtime, m as require_shim, p as require_react_dom, v as require_react } from "./sd.generated-ek-tz-7H.js";
+import { J as __commonJSMin, Z as __toESM, _ as require_jsx_runtime, m as require_shim, p as require_react_dom, v as require_react } from "./sd.generated-B0xqnHEo.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-D0z1Ghj1.js → logs-DMOw3SjD.js}

@@ -1,6 +1,6 @@
-import { _ as require_jsx_runtime, d as string, l as number, u as object, v as require_react } from "./sd.generated-ek-tz-7H.js";
-import { a as TokenService, n as QgridService, r as RequestLogService } from "./services.generated-BNuxWs7K.js";
-import { a as Link, o as useNavigate } from "./lazyRouteComponent-PRxXWW3t.js";
+import { _ as require_jsx_runtime, d as string, l as number, u as object, v as require_react } from "./sd.generated-B0xqnHEo.js";
+import { a as TokenService, n as QgridService, r as RequestLogService } from "./services.generated-DqAKskAS.js";
+import { a as Link, o as useNavigate } from "./lazyRouteComponent-BaZaveNc.js";
 import { n as Route } from "../entry-server.generated.js";
 import { n as formatMicroUsd, r as formatUsd, t as cacheHitRate } from "./cost-CSH_t17I.js";
 require_react();
@@ -82,12 +82,14 @@ var COLUMNS = [
 	{
 		label: "ID",
 		align: "left",
-		width: "w-12"
+		width: "w-12",
+		sortKey: "id"
 	},
 	{
 		label: "Date",
 		align: "left",
-		width: "w-20"
+		width: "w-20",
+		sortKey: "created_at"
 	},
 	{
 		label: "Project",
@@ -106,48 +108,55 @@ var COLUMNS = [
 	},
 	{
 		label: "TTFT",
-		align: "left",
-		width: "w-16"
+		align: "right",
+		width: "w-16",
+		sortKey: "ttft_ms"
 	},
 	{
 		label: "Duration",
-		align: "left",
-		width: "w-20"
+		align: "right",
+		width: "w-20",
+		sortKey: "duration_ms"
 	},
 	{
 		label: "In",
-		align: "left",
-		width: "w-16"
+		align: "right",
+		width: "w-16",
+		sortKey: "input_tokens"
 	},
 	{
 		label: "Out",
-		align: "left",
-		width: "w-20"
+		align: "right",
+		width: "w-20",
+		sortKey: "output_tokens"
 	},
 	{
 		label: "C.Read",
-		align: "left",
-		width: "w-20"
+		align: "right",
+		width: "w-20",
+		sortKey: "cache_read_tokens"
 	},
 	{
 		label: "C.Write",
-		align: "left",
-		width: "w-20"
+		align: "right",
+		width: "w-20",
+		sortKey: "cache_creation_tokens"
 	},
 	{
 		label: "Hit",
-		align: "left",
+		align: "right",
 		width: "w-14"
 	},
 	{
 		label: "Tools",
-		align: "left",
+		align: "right",
 		width: "w-14"
 	},
 	{
 		label: "Cost",
-		align: "left",
-		width: "w-20"
+		align: "right",
+		width: "w-20",
+		sortKey: "cost_usd"
 	}
 ];
 function RequestLogTable({ search, onSearchChange }) {
@@ -155,23 +164,38 @@ function RequestLogTable({ search, onSearchChange }) {
 	const page = search.page ?? 1;
 	const tokenFilter = search.token ?? "";
 	const projectFilter = search.project ?? "";
+	const modelFilter = search.model ?? "";
 	const { data: tokensData } = TokenService.useTokens("A");
 	const tokenNames = (tokensData?.rows ?? []).map((t) => t.name).filter(Boolean);
 	const { data: projectData } = QgridService.useProjectNames();
 	const projectNames = projectData?.names ?? [];
+	const { data: modelData } = QgridService.useModelNames();
+	const modelNames = modelData?.names ?? [];
 	const projectFilterParam = (() => {
 		if (projectFilter === UNASSIGNED) return { project_name_is_null: true };
 		if (projectFilter) return { project_name: projectFilter };
 		return {};
 	})();
+	const listFilters = {
+		...tokenFilter ? { token_name: tokenFilter } : {},
+		...projectFilterParam,
+		...modelFilter ? { model_name: modelFilter } : {}
+	};
+	const sort = search.sort ?? "id-desc";
+	const separator = sort.lastIndexOf("-");
+	const sortColumn = sort.slice(0, separator);
+	const sortDirection = sort.slice(separator + 1) === "asc" ? "asc" : "desc";
 	const { data, isLoading } = RequestLogService.useRequestLogs("P", {
 		num: PAGE_SIZE,
 		page,
-		orderBy: "id-desc",
-		...tokenFilter ? { token_name: tokenFilter } : {},
-		...projectFilterParam
+		orderBy: sort,
+		...listFilters
+	});
+	const { data: costData } = QgridService.useTotalCost({
+		num: 0,
+		page: 1,
+		...listFilters
 	});
-	const { data: costData } = QgridService.useTotalCost(tokenFilter || void 0);
 	const rows = data?.rows ?? [];
 	const total = data?.total ?? 0;
 	const totalPages = Math.ceil(total / PAGE_SIZE);
@@ -185,15 +209,16 @@ function RequestLogTable({ search, onSearchChange }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "panel overflow-hidden",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "panel-header flex items-center gap-3 px-5 py-2.5 flex-wrap",
+			className: "panel-header flex items-center gap-2 px-3 py-2.5 flex-wrap sm:gap-3 sm:px-5",
 			children: [
-				tokenNames.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
 					value: tokenFilter,
 					onChange: (e) => updateFilter({ token: e.target.value || void 0 }),
-					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 focus:outline-none focus:border-sienna-300",
+					disabled: tokenNames.length === 0,
+					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 focus:outline-none focus:border-sienna-300 disabled:text-sand-300 disabled:cursor-not-allowed",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
 						value: "",
-						children: "All Tokens"
+						children: tokenNames.length > 0 ? "All Tokens" : "Tokens —"
 					}), tokenNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
 						value: name,
 						children: name
@@ -218,6 +243,19 @@ function RequestLogTable({ search, onSearchChange }) {
 						}, name))
 					]
 				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+					value: modelFilter,
+					onChange: (e) => updateFilter({ model: e.target.value || void 0 }),
+					disabled: modelNames.length === 0,
+					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 focus:outline-none focus:border-sienna-300 disabled:text-sand-300 disabled:cursor-not-allowed",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+						value: "",
+						children: modelNames.length > 0 ? "All Models" : "Models —"
+					}), modelNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+						value: name,
+						children: name
+					}, name))]
+				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1" }),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 					className: "text-[11px] text-sand-400",
@@ -235,16 +273,25 @@ function RequestLogTable({ search, onSearchChange }) {
 			className: "text-sand-400 text-center py-12 text-sm",
 			children: "No requests yet."
 		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "overflow-x-auto px-5 py-3",
+			className: "overflow-x-auto px-3 py-3 sm:px-5",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
-				className: "w-full text-[13px]",
+				className: "w-full min-w-[900px] text-[13px]",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
 					className: "border-b border-sand-100/60",
 					children: [COLUMNS.map((col) => {
 						const padX = col.label === "Duration" ? "pl-5 pr-3" : col.width ? "px-4" : "px-3";
+						const active = col.sortKey === sortColumn;
 						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-							className: `text-${col.align} ${col.width ?? ""} ${col.width ? "whitespace-nowrap" : ""} ${padX} py-1.5 text-[10px] uppercase text-sand-400 font-medium`,
-							children: col.label
+							className: `${col.align === "right" ? "text-right" : "text-left"} ${col.width ?? ""} ${col.width ? "whitespace-nowrap" : ""} ${padX} py-1.5 text-[10px] uppercase font-medium ${active ? "text-sienna-600" : "text-sand-400"}`,
+							children: col.sortKey ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								type: "button",
+								onClick: () => updateFilter({ sort: `${col.sortKey}-${active && sortDirection === "desc" ? "asc" : "desc"}` }),
+								className: `inline-flex items-center gap-0.5 text-[10px] uppercase font-medium hover:text-sienna-500 transition-colors duration-150 ${col.align === "right" ? "justify-end w-full" : ""}`,
+								children: [col.label, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: active ? "" : "text-sand-300",
+									children: active ? sortDirection === "desc" ? "↓" : "↑" : "↕"
+								})]
+							}) : col.label
 						}, col.label);
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-8" })]
 				}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
@@ -303,39 +350,39 @@ function RequestLogTable({ search, onSearchChange }) {
 								})
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-4 py-1.5 text-left tabular-nums text-sand-500 whitespace-nowrap",
+								className: "px-4 py-1.5 text-right 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",
+								className: "pl-5 pr-3 py-1.5 text-right tabular-nums text-sand-500 whitespace-nowrap",
 								children: formatDuration(row.duration_ms)
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
 								children: formatNum(row.input_tokens)
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
 								children: formatNum(row.output_tokens)
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
 								children: formatNum(row.cache_read_tokens)
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
 								children: formatNum(row.cache_creation_tokens)
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
 								children: cacheHitRate(row)
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-3 py-1.5 text-left tabular-nums text-sand-500",
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-500",
 								children: row.tool_call_count > 0 ? row.tool_call_count : "—"
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								className: "px-3 py-1.5 text-right tabular-nums text-sand-700",
 								children: row.image_cost_usd !== null ? formatMicroUsd((row.cost_usd ?? 0) + row.image_cost_usd) : row.cost_usd !== null ? formatMicroUsd(row.cost_usd) : "—"
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
@@ -386,6 +433,8 @@ function RequestLogTable({ search, onSearchChange }) {
 object({
 	token: string().optional(),
 	project: string().optional(),
+	model: string().optional(),
+	sort: string().optional(),
 	page: number().optional().default(1)
 });
 function LogsPage() {

package/bundle/web-dist/server/assets/{monit-dBXxnAyI.js → monit-UmcqHroX.js}

@@ -1,5 +1,5 @@
-import { Z as __toESM, _ as require_jsx_runtime, c as _enum, p as require_react_dom, u as object, v as require_react } from "./sd.generated-ek-tz-7H.js";
-import { s as useQuery, t as MonitService } from "./services.generated-BNuxWs7K.js";
+import { Z as __toESM, _ as require_jsx_runtime, c as _enum, p as require_react_dom, u as object, v as require_react } from "./sd.generated-B0xqnHEo.js";
+import { s as useQuery, t as MonitService } from "./services.generated-DqAKskAS.js";
 import { a as clsx, r as Route } from "../entry-server.generated.js";
 //#region ../../node_modules/.pnpm/@tanstack+virtual-core@3.17.4/node_modules/@tanstack/virtual-core/dist/esm/lazy-measurements.js
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);

package/bundle/web-dist/server/assets/{routes-B3p7fuwk.js → routes-Sv_4FjtH.js}

@@ -1,8 +1,8 @@
-import { Z as __toESM, _ as require_jsx_runtime, g as useQueryClient, p as require_react_dom, v as require_react } from "./sd.generated-ek-tz-7H.js";
-import { a as TokenService, n as QgridService } from "./services.generated-BNuxWs7K.js";
+import { Z as __toESM, _ as require_jsx_runtime, g as useQueryClient, p as require_react_dom, v as require_react } from "./sd.generated-B0xqnHEo.js";
+import { a as TokenService, n as QgridService } from "./services.generated-DqAKskAS.js";
 import { i as Q } from "../entry-server.generated.js";
 import { r as formatUsd } from "./cost-CSH_t17I.js";
-import { t as useUpdateTokenMutation } from "./use-update-token-mutation-BBCC2GKM.js";
+import { t as useUpdateTokenMutation } from "./use-update-token-mutation-DHCaa7Ku.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());
@@ -2387,14 +2387,14 @@ function UsageRow({ label, utilization, resetsAt, windowDurationMins, theme, thr
 	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",
+		className: "flex items-center gap-2",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-xs text-sand-600 w-20 shrink-0",
+				className: "text-xs text-sand-600 w-7 shrink-0",
 				children: formatWindowLabel(label, windowDurationMins)
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "relative flex-1 h-2 bg-sand-200 rounded-full overflow-hidden",
+				className: "relative flex-1 min-w-0 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)}%` }
@@ -2404,11 +2404,12 @@ function UsageRow({ label, utilization, resetsAt, windowDurationMins, theme, thr
 				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: "text-xs tabular-nums text-sand-700 w-10 text-right",
+				className: "text-xs tabular-nums text-sand-700 w-9 text-right shrink-0",
 				children: [pct, "%"]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-[10px] text-sand-400 w-24 text-right",
+				className: "hidden sm:inline text-[10px] text-sand-400 w-24 text-right shrink-0",
+				title: formatResets(resetsAt),
 				children: formatResets(resetsAt)
 			})
 		]
@@ -2456,9 +2457,6 @@ 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)("");
@@ -2506,8 +2504,6 @@ function ThresholdControl({ token }) {
 	};
 	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",
@@ -2623,8 +2619,6 @@ function WeightControl({ token }) {
 	};
 	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",
@@ -2699,7 +2693,11 @@ function SortableTokenCard({ token }) {
 			easing: "ease"
 		}
 	});
-	const { data: costData } = QgridService.useTotalCost(token.name, { enabled: !!token.name });
+	const { data: costData } = QgridService.useTotalCost({
+		num: 0,
+		page: 1,
+		...token.name ? { token_name: token.name } : {}
+	}, { enabled: !!token.name });
 	const theme = getProviderTheme(token.provider);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		ref: setNodeRef,
@@ -2709,27 +2707,50 @@ function SortableTokenCard({ token }) {
 			opacity: isDragging ? .5 : 1,
 			zIndex: isDragging ? 10 : void 0
 		},
-		...attributes,
-		...listeners,
-		className: "relative rounded-lg bg-white border border-sand-200/80 overflow-hidden select-none cursor-grab active:cursor-grabbing touch-none shadow-sm hover:shadow-md transition-shadow duration-200",
+		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", {
-			className: "pl-4 pr-4 py-3",
+			className: "pl-4 pr-3 py-3",
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-2 mb-2",
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideGripVertical, { className: "size-3.5 text-sand-300 shrink-0" }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "text-[13px] font-medium text-sand-800 truncate",
+					className: "flex items-start justify-between gap-2 mb-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-1.5 min-w-0",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("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", {
+							className: "text-[13px] font-medium text-sand-800 truncate select-none",
 							children: token.name ?? "Unnamed"
-						}),
+						})]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: `text-[11px] tabular-nums font-medium shrink-0 ${theme.cost}`,
+						title: "이 토큰의 누적 비용",
+						children: formatUsd(costData?.usd ?? 0)
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center gap-1 mb-2",
+					children: [
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: `text-[10px] px-1.5 py-0.5 rounded-full shrink-0 uppercase ${theme.badge}`,
+							className: `text-[10px] px-1.5 py-0.5 rounded-full uppercase ${theme.badge}`,
 							children: token.provider
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: `text-[10px] px-1.5 py-0.5 rounded-full shrink-0 ${token.active ? "bg-sage-100 text-sage-600" : "bg-sand-200 text-sand-500"}`,
+							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", {
+							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: [
+								"≤ ",
+								token.quota_threshold,
+								"%"
+							]
 						})
 					]
 				}),
@@ -2738,23 +2759,8 @@ function SortableTokenCard({ token }) {
 					theme
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "mt-2 flex items-center justify-end gap-1.5",
+					className: "mt-2 flex flex-wrap items-center justify-end gap-1.5",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WeightControl, { token }), /* @__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)
-					})]
 				})
 			]
 		})]
@@ -2804,7 +2810,7 @@ function UsageCard() {
 	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "panel p-5",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "grid grid-cols-2 gap-3",
+			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", {
 				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" })]
@@ -2846,7 +2852,7 @@ function UsageCard() {
 					items: filteredTokens.map((t) => String(t.id)),
 					strategy: rectSortingStrategy,
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "grid grid-cols-2 gap-3",
+						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))
 					})
 				})

package/bundle/web-dist/server/assets/{sd.generated-ek-tz-7H.js → sd.generated-B0xqnHEo.js}

@@ -22308,6 +22308,8 @@ var en_default = {
 	"error.internalServerError": "Internal server error",
 	"error.notFound": "Not found",
 	"error.serviceUnavailable": "Service unavailable",
+	"qgrid.dispatcherFailed": (provider) => `${provider} dispatcher failed to initialize`,
+	"qgrid.dispatcherStarting": (provider) => `${provider} dispatcher is starting up. Please retry shortly`,
 	"error.unauthorized": "Unauthorized",
 	notFound: (name, id) => `${name} ID ${id} not found`,
 	"validation.email": "Invalid email format",
@@ -22368,6 +22370,8 @@ var ko_default = {
 	"error.internalServerError": "서버 오류가 발생했습니다",
 	"error.notFound": "찾을 수 없습니다",
 	"error.serviceUnavailable": "서비스를 사용할 수 없습니다",
+	"qgrid.dispatcherFailed": (provider) => `${provider} dispatcher 초기화에 실패했습니다`,
+	"qgrid.dispatcherStarting": (provider) => `${provider} dispatcher 기동 중입니다. 잠시 후 다시 시도해주세요`,
 	"error.unauthorized": "인증이 필요합니다",
 	"error.unknownSearchField": (field) => `구현되지 않은 검색 필드 ${field}`,
 	notFound: (name, id) => `존재하지 않는 ${name} ID ${id}`,
@@ -22564,6 +22568,23 @@ var entityLabels = {
 	"entity.RequestLog.tool_call_count": "tool call 횟수",
 	"entity.RequestLog.is_image_generation": "이미지 생성 turn 여부 (quota 귀속용)",
 	"enum.RequestLogOrderBy.id-desc": "ID최신순",
+	"enum.RequestLogOrderBy.id-asc": "ID오래된순",
+	"enum.RequestLogOrderBy.created_at-desc": "등록일시최신순",
+	"enum.RequestLogOrderBy.created_at-asc": "등록일시오래된순",
+	"enum.RequestLogOrderBy.ttft_ms-desc": "TTFT긴순",
+	"enum.RequestLogOrderBy.ttft_ms-asc": "TTFT짧은순",
+	"enum.RequestLogOrderBy.duration_ms-desc": "소요시간긴순",
+	"enum.RequestLogOrderBy.duration_ms-asc": "소요시간짧은순",
+	"enum.RequestLogOrderBy.input_tokens-desc": "입력토큰많은순",
+	"enum.RequestLogOrderBy.input_tokens-asc": "입력토큰적은순",
+	"enum.RequestLogOrderBy.output_tokens-desc": "출력토큰많은순",
+	"enum.RequestLogOrderBy.output_tokens-asc": "출력토큰적은순",
+	"enum.RequestLogOrderBy.cache_read_tokens-desc": "캐시읽기많은순",
+	"enum.RequestLogOrderBy.cache_read_tokens-asc": "캐시읽기적은순",
+	"enum.RequestLogOrderBy.cache_creation_tokens-desc": "캐시생성많은순",
+	"enum.RequestLogOrderBy.cache_creation_tokens-asc": "캐시생성적은순",
+	"enum.RequestLogOrderBy.cost_usd-desc": "비용높은순",
+	"enum.RequestLogOrderBy.cost_usd-asc": "비용낮은순",
 	"enum.RequestLogSearchField.id": "ID",
 	"enum.RequestLogSearchField.token_name": "토큰이름",
 	"enum.RequestLogSearchField.user_prompt": "사용자 프롬프트",

package/bundle/web-dist/server/assets/{services.generated-BNuxWs7K.js → services.generated-DqAKskAS.js}

@@ -1,4 +1,4 @@
-import { B as resolveStaleTime, C as infiniteQueryBehavior, D as notifyManager, G as timeoutManager, H as shouldThrowError, I as noop, K as focusManager, N as isValidTimeout, O as pendingThenable, R as replaceData, S as hasPreviousPage, T as fetchState, V as shallowEqualObjects, W as timeUntilStale, Z as __toESM, _ as require_jsx_runtime, a as fetch, b as getDefaultState, f as require_lib, g as useQueryClient, i as dedupeAndFlatten, j as hashKey, k as environmentManager, o as useRefreshable, q as Subscribable, s as useSSEStream, v as require_react, x as hasNextPage, z as resolveEnabled } from "./sd.generated-ek-tz-7H.js";
+import { B as resolveStaleTime, C as infiniteQueryBehavior, D as notifyManager, G as timeoutManager, H as shouldThrowError, I as noop, K as focusManager, N as isValidTimeout, O as pendingThenable, R as replaceData, S as hasPreviousPage, T as fetchState, V as shallowEqualObjects, W as timeUntilStale, Z as __toESM, _ as require_jsx_runtime, a as fetch, b as getDefaultState, f as require_lib, g as useQueryClient, i as dedupeAndFlatten, j as hashKey, k as environmentManager, o as useRefreshable, q as Subscribable, s as useSSEStream, v as require_react, x as hasNextPage, z as resolveEnabled } from "./sd.generated-B0xqnHEo.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) {
@@ -989,23 +989,23 @@ var QgridService;
 		...statsQueryOptions(),
 		...options
 	}));
-	async function totalCost(tokenName) {
+	async function totalCost(params) {
 		return fetch({
 			method: "GET",
-			url: `/api/qgrid/totalCost?${import_lib.default.stringify({ tokenName })}`
+			url: `/api/qgrid/totalCost?${import_lib.default.stringify({ params })}`
 		});
 	}
 	_QgridService.totalCost = totalCost;
-	const totalCostQueryOptions = _QgridService.totalCostQueryOptions = (tokenName) => queryOptions({
+	const totalCostQueryOptions = _QgridService.totalCostQueryOptions = (params) => queryOptions({
 		queryKey: [
 			"Qgrid",
 			"totalCost",
-			tokenName
+			params
 		],
-		queryFn: () => totalCost(tokenName)
+		queryFn: () => totalCost(params)
 	});
-	_QgridService.useTotalCost = (tokenName, options) => useRefreshable(useQuery({
-		...totalCostQueryOptions(tokenName),
+	_QgridService.useTotalCost = (params, options) => useRefreshable(useQuery({
+		...totalCostQueryOptions(params),
 		...options
 	}));
 	async function projectNames() {
@@ -1023,6 +1023,21 @@ var QgridService;
 		...projectNamesQueryOptions(),
 		...options
 	}));
+	async function modelNames() {
+		return fetch({
+			method: "GET",
+			url: `/api/qgrid/modelNames`
+		});
+	}
+	_QgridService.modelNames = modelNames;
+	const modelNamesQueryOptions = _QgridService.modelNamesQueryOptions = () => queryOptions({
+		queryKey: ["Qgrid", "modelNames"],
+		queryFn: () => modelNames()
+	});
+	_QgridService.useModelNames = (options) => useRefreshable(useQuery({
+		...modelNamesQueryOptions(),
+		...options
+	}));
 	async function addToken(provider, credentials, name) {
 		return fetch({
 			method: "POST",