@cartanova/qgrid-cli 2.6.0 → 2.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/README.ko.md +2 -0
  2. package/README.md +2 -0
  3. package/bundle/dist/application/qgrid/oauth.js +22 -3
  4. package/bundle/dist/application/qgrid/qgrid.frame.js +104 -34
  5. package/bundle/dist/application/qgrid/qgrid.types.js +5 -2
  6. package/bundle/dist/application/qgrid/token-death.js +52 -0
  7. package/bundle/dist/application/queries.generated.js +2 -2
  8. package/bundle/dist/application/request-log/request-log.model.js +69 -27
  9. package/bundle/dist/application/sonamu.generated.js +20 -3
  10. package/bundle/dist/application/sonamu.generated.sso.js +18 -2
  11. package/bundle/dist/application/token/token.model.js +42 -1
  12. package/bundle/dist/migrations/20260807133553_manual__backfill_request_log_cost.js +49 -0
  13. package/bundle/dist/migrations/20260807145144_alter_request_logs_alter1.js +13 -0
  14. package/bundle/dist/utils/providers/openai/openai-refresh.js +12 -1
  15. package/bundle/dist/utils/slack-notify.js +65 -0
  16. package/bundle/src/application/qgrid/oauth.ts +23 -1
  17. package/bundle/src/application/qgrid/qgrid-oauth-redirect.test.ts +133 -27
  18. package/bundle/src/application/qgrid/qgrid.frame.ts +132 -66
  19. package/bundle/src/application/qgrid/qgrid.types.ts +3 -0
  20. package/bundle/src/application/qgrid/token-death.test.ts +120 -0
  21. package/bundle/src/application/qgrid/token-death.ts +67 -0
  22. package/bundle/src/application/queries.generated.ts +2 -2
  23. package/bundle/src/application/request-log/request-log.entity.json +20 -6
  24. package/bundle/src/application/request-log/request-log.model.test.ts +153 -42
  25. package/bundle/src/application/request-log/request-log.model.ts +86 -40
  26. package/bundle/src/application/sonamu.generated.http +22 -1
  27. package/bundle/src/application/sonamu.generated.sso.ts +16 -0
  28. package/bundle/src/application/sonamu.generated.ts +16 -1
  29. package/bundle/src/application/token/token.model.test.ts +39 -0
  30. package/bundle/src/application/token/token.model.ts +77 -0
  31. package/bundle/src/migrations/20260807133553_manual__backfill_request_log_cost.ts +110 -0
  32. package/bundle/src/migrations/20260807145144_alter_request_logs_alter1.ts +13 -0
  33. package/bundle/src/utils/providers/openai/openai-refresh.ts +17 -0
  34. package/bundle/src/utils/slack-notify.test.ts +97 -0
  35. package/bundle/src/utils/slack-notify.ts +74 -0
  36. package/bundle/web-dist/client/assets/index-2cAgaLOm.css +1 -0
  37. package/bundle/web-dist/client/assets/{index-YowQRE2y.js → index-BgWzzjvj.js} +3 -3
  38. package/bundle/web-dist/client/assets/logs-Lyv8OfHE.js +1 -0
  39. package/bundle/web-dist/client/assets/{monit-B51yXcqk.js → monit-BSa5lSZp.js} +1 -1
  40. package/bundle/web-dist/client/assets/{routes-BqaUiBc0.js → routes-Cp0re-Nn.js} +2 -2
  41. package/bundle/web-dist/client/assets/{services.generated-D3MH3EfY.js → services.generated-B-dMUtEu.js} +1 -1
  42. package/bundle/web-dist/client/assets/{show-LAFY13v6.js → show-C1jEPhuS.js} +1 -1
  43. package/bundle/web-dist/client/assets/tokens-1e66MAC0.js +1 -0
  44. package/bundle/web-dist/client/assets/{use-update-token-mutation-CLhv6SUL.js → use-update-token-mutation-DueEppqt.js} +1 -1
  45. package/bundle/web-dist/client/index.html +2 -2
  46. package/bundle/web-dist/server/assets/{logs-Dbk2Ig2z.js → logs-CwoOsveV.js} +11 -4
  47. package/bundle/web-dist/server/assets/{monit-Hm9dIPhx.js → monit-DIsEsDJN.js} +1 -1
  48. package/bundle/web-dist/server/assets/{routes-DztxeUjk.js → routes-Bts-KJ9W.js} +7 -3
  49. package/bundle/web-dist/server/assets/{services.generated-1Kcul41h.js → services.generated-Bh7Vs8Ds.js} +16 -7
  50. package/bundle/web-dist/server/assets/{show-BHUSw7qv.js → show-DJfaCNUw.js} +1 -1
  51. package/bundle/web-dist/server/assets/{tokens-DHU9lUT2.js → tokens-BA4vwDat.js} +215 -52
  52. package/bundle/web-dist/server/assets/{use-update-token-mutation-axqnye4L.js → use-update-token-mutation-BQRzEPy2.js} +1 -1
  53. package/bundle/web-dist/server/entry-server.generated.js +6 -6
  54. package/package.json +1 -1
  55. package/skills/qgrid/references/cli-env-and-server-boot.md +1 -1
  56. package/skills/qgrid/references/token-auth-quota-lifecycle.md +16 -1
  57. package/bundle/web-dist/client/assets/index-GA9b-zy4.css +0 -1
  58. package/bundle/web-dist/client/assets/logs-o8mm530D.js +0 -1
  59. package/bundle/web-dist/client/assets/tokens-B9Ig7-9Z.js +0 -1
@@ -1,7 +1,7 @@
1
1
  import { Z as __toESM, _ as require_jsx_runtime, g as useQueryClient, v as require_react } from "./sd.generated-ek-tz-7H.js";
2
- import { a as TokenService, n as QgridService } from "./services.generated-1Kcul41h.js";
2
+ import { a as TokenService, n as QgridService } from "./services.generated-Bh7Vs8Ds.js";
3
3
  import { i as Q, o as lucideKeyRound } from "../entry-server.generated.js";
4
- import { t as useUpdateTokenMutation } from "./use-update-token-mutation-axqnye4L.js";
4
+ import { t as useUpdateTokenMutation } from "./use-update-token-mutation-BQRzEPy2.js";
5
5
  //#region ~icons/lucide/plus.jsx
6
6
  var import_react = /* @__PURE__ */ __toESM(require_react());
7
7
  var import_jsx_runtime = require_jsx_runtime();
@@ -20,50 +20,168 @@ var lucidePlus = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
20
20
  })
21
21
  });
22
22
  //#endregion
23
- //#region src/components/qgrid/AddTokenModal.tsx
24
- function AddTokenModal() {
25
- const [open, setOpen] = (0, import_react.useState)(false);
26
- const [oauthLoading, setOauthLoading] = (0, import_react.useState)(null);
27
- const [name, setName] = (0, import_react.useState)("");
23
+ //#region src/components/qgrid/OAuthCodeEntry.tsx
24
+ /**
25
+ * 원격 접속(code 모드) Claude 로그인의 코드 입력 단계.
26
+ * Add Token 모달과 재로그인이 같은 문구·에러·재시작 동선을 쓰도록 한 곳에 둔다.
27
+ */
28
+ function OAuthCodeEntry({ isPending, isError, onSubmit, onRestart }) {
29
+ const [pastedCode, setPastedCode] = (0, import_react.useState)("");
30
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
31
+ className: "space-y-2",
32
+ children: [
33
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
34
+ className: "text-[12px] text-sand-600 leading-relaxed",
35
+ children: "새 탭에서 Claude 로그인을 완료하면 코드가 표시됩니다. 코드 전체를 아래에 붙여넣으세요."
36
+ }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
38
+ value: pastedCode,
39
+ onChange: (e) => setPastedCode(e.target.value),
40
+ placeholder: "code#state",
41
+ 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"
42
+ }),
43
+ isError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
44
+ className: "text-[11px] text-red-500",
45
+ children: "코드 확인에 실패했습니다 — 표시된 코드 전체를 다시 붙여넣거나 로그인을 다시 시작하세요."
46
+ }),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
48
+ type: "button",
49
+ 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",
50
+ disabled: !pastedCode.trim() || isPending,
51
+ onClick: () => onSubmit(pastedCode),
52
+ children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
53
+ className: "flex items-center gap-1.5",
54
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-3.5 h-3.5 border-2 border-white border-t-transparent rounded-full animate-spin" }), "Verifying..."]
55
+ }) : "Complete login"
56
+ }),
57
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
58
+ type: "button",
59
+ className: "w-full py-1.5 text-[12px] text-sand-500 hover:text-sand-700 transition-colors duration-150",
60
+ onClick: () => {
61
+ setPastedCode("");
62
+ onRestart();
63
+ },
64
+ children: "처음부터 다시 시작"
65
+ })
66
+ ]
67
+ });
68
+ }
69
+ //#endregion
70
+ //#region src/components/qgrid/use-oauth-login-flow.ts
71
+ var OPENAI_POLL_INTERVAL_MS = 3e3;
72
+ var OPENAI_POLL_TIMEOUT_MS = 3e5;
73
+ /** 캐시에 적재된 토큰 행 수. 폴링 조기 종료 판정에만 쓰는 근사치다. */
74
+ function countTokens(queryClient) {
75
+ let total = 0;
76
+ for (const query of queryClient.getQueryCache().findAll({ queryKey: ["Token"] })) {
77
+ const rows = query.state.data?.rows;
78
+ if (Array.isArray(rows)) total = Math.max(total, rows.length);
79
+ }
80
+ return total;
81
+ }
82
+ /**
83
+ * provider별 OAuth 로그인 시작과 코드 제출을 한 곳에 모은다.
84
+ * Add Token 모달과 tokens 목록의 재로그인 버튼이 같은 플로우를 쓴다 — 두 진입점이
85
+ * redirect/code 분기나 폴링 처리를 각자 구현하면 원격 접속 경험이 갈라진다.
86
+ */
87
+ function useOAuthLoginFlow() {
88
+ const [loadingProvider, setLoadingProvider] = (0, import_react.useState)(null);
89
+ const [codeEntry, setCodeEntry] = (0, import_react.useState)(false);
28
90
  const queryClient = useQueryClient();
29
91
  const oauthStartMutation = QgridService.useOauthStartMutation();
30
92
  const oauthStartOpenAIMutation = QgridService.useOauthStartOpenAIMutation();
31
- const handleOAuthLogin = async (provider) => {
32
- if (!name.trim()) return;
33
- if (provider === "openai") {
34
- const popup = window.open("about:blank", "_blank");
35
- setOauthLoading("openai");
36
- try {
37
- const { authUrl } = await oauthStartOpenAIMutation.mutateAsync({ name: name.trim() });
93
+ const oauthCompleteMutation = QgridService.useOauthCompleteMutation();
94
+ const pollTimers = (0, import_react.useRef)({});
95
+ const stopPolling = () => {
96
+ if (pollTimers.current.interval !== void 0) clearInterval(pollTimers.current.interval);
97
+ if (pollTimers.current.timeout !== void 0) clearTimeout(pollTimers.current.timeout);
98
+ pollTimers.current = {};
99
+ };
100
+ (0, import_react.useEffect)(() => stopPolling, []);
101
+ const invalidateTokens = () => Promise.all([queryClient.invalidateQueries({ queryKey: ["Token"] }), queryClient.invalidateQueries({ queryKey: ["Qgrid"] })]);
102
+ const start = async (provider, name) => {
103
+ const trimmed = name.trim();
104
+ if (!trimmed) return;
105
+ const popup = window.open("about:blank", "_blank");
106
+ setLoadingProvider(provider);
107
+ try {
108
+ if (provider === "openai") {
109
+ const { authUrl } = await oauthStartOpenAIMutation.mutateAsync({ name: trimmed });
38
110
  if (popup) popup.location.href = authUrl;
39
111
  else window.open(authUrl, "_blank");
40
- const poll = setInterval(async () => {
41
- await queryClient.invalidateQueries({ queryKey: ["Token"] });
42
- await queryClient.invalidateQueries({ queryKey: ["Qgrid"] });
43
- }, 3e3);
44
- setTimeout(() => {
45
- clearInterval(poll);
46
- setOauthLoading(null);
47
- }, 3e5);
48
- } catch (e) {
49
- console.error("OAuth start failed:", e);
50
- setOauthLoading(null);
112
+ const before = countTokens(queryClient);
113
+ stopPolling();
114
+ pollTimers.current.interval = window.setInterval(() => {
115
+ invalidateTokens().then(() => {
116
+ if (countTokens(queryClient) > before) {
117
+ stopPolling();
118
+ setLoadingProvider(null);
119
+ }
120
+ });
121
+ }, OPENAI_POLL_INTERVAL_MS);
122
+ pollTimers.current.timeout = window.setTimeout(() => {
123
+ stopPolling();
124
+ setLoadingProvider(null);
125
+ }, OPENAI_POLL_TIMEOUT_MS);
126
+ return;
51
127
  }
52
- } else {
53
- setOauthLoading("anthropic");
54
- try {
55
- const { authUrl } = await oauthStartMutation.mutateAsync({ name: name.trim() });
128
+ const { authUrl, mode } = await oauthStartMutation.mutateAsync({ name: trimmed });
129
+ if (mode === "code") {
130
+ if (popup) popup.location.href = authUrl;
131
+ else window.open(authUrl, "_blank");
132
+ setCodeEntry(true);
133
+ setLoadingProvider(null);
134
+ } else {
135
+ popup?.close();
56
136
  window.location.href = authUrl;
57
- } catch (e) {
58
- console.error("OAuth start failed:", e);
59
- setOauthLoading(null);
60
137
  }
138
+ } catch (e) {
139
+ popup?.close();
140
+ console.error("OAuth start failed:", e);
141
+ setLoadingProvider(null);
61
142
  }
62
143
  };
144
+ /** @returns 교환 성공 여부. 실패 시 `completeMutation.isError` 로 안내 문구를 띄운다. */
145
+ const submitCode = async (pastedCode) => {
146
+ const trimmed = pastedCode.trim();
147
+ if (!trimmed) return false;
148
+ try {
149
+ await oauthCompleteMutation.mutateAsync({ pastedCode: trimmed });
150
+ } catch (e) {
151
+ console.error("OAuth complete failed:", e);
152
+ return false;
153
+ }
154
+ await invalidateTokens();
155
+ return true;
156
+ };
157
+ const reset = () => {
158
+ stopPolling();
159
+ setLoadingProvider(null);
160
+ setCodeEntry(false);
161
+ oauthCompleteMutation.reset();
162
+ };
163
+ return {
164
+ loadingProvider,
165
+ codeEntry,
166
+ start,
167
+ submitCode,
168
+ reset,
169
+ completeMutation: oauthCompleteMutation
170
+ };
171
+ }
172
+ //#endregion
173
+ //#region src/components/qgrid/AddTokenModal.tsx
174
+ function AddTokenModal() {
175
+ const [open, setOpen] = (0, import_react.useState)(false);
176
+ const [name, setName] = (0, import_react.useState)("");
177
+ const oauth = useOAuthLoginFlow();
63
178
  const close = () => {
64
179
  setOpen(false);
65
180
  setName("");
66
- setOauthLoading(null);
181
+ oauth.reset();
182
+ };
183
+ const submitPastedCode = async (pastedCode) => {
184
+ if (await oauth.submitCode(pastedCode)) close();
67
185
  };
68
186
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
69
187
  type: "button",
@@ -97,15 +215,20 @@ function AddTokenModal() {
97
215
  onChange: (e) => setName(e.target.value),
98
216
  placeholder: "e.g. your-token-name",
99
217
  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"
100
- })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
218
+ })] }), oauth.codeEntry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OAuthCodeEntry, {
219
+ isPending: oauth.completeMutation.isPending,
220
+ isError: oauth.completeMutation.isError,
221
+ onSubmit: (code) => void submitPastedCode(code),
222
+ onRestart: oauth.reset
223
+ }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
101
224
  className: "space-y-2",
102
225
  children: [
103
226
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
104
227
  type: "button",
105
228
  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",
106
- disabled: !name.trim() || oauthLoading !== null,
107
- onClick: () => handleOAuthLogin("openai"),
108
- children: oauthLoading === "openai" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
229
+ disabled: !name.trim() || oauth.loadingProvider !== null,
230
+ onClick: () => void oauth.start("openai", name),
231
+ children: oauth.loadingProvider === "openai" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
109
232
  className: "flex items-center gap-1.5",
110
233
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-3.5 h-3.5 border-2 border-white border-t-transparent rounded-full animate-spin" }), "Waiting for login..."]
111
234
  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideKeyRound, { className: "size-4" }), "Login with OpenAI"] })
@@ -124,11 +247,11 @@ function AddTokenModal() {
124
247
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
125
248
  type: "button",
126
249
  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",
127
- disabled: !name.trim() || oauthLoading !== null,
128
- onClick: () => handleOAuthLogin("anthropic"),
129
- children: oauthLoading === "anthropic" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
250
+ disabled: !name.trim() || oauth.loadingProvider !== null,
251
+ onClick: () => void oauth.start("anthropic", name),
252
+ children: oauth.loadingProvider === "anthropic" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
130
253
  className: "flex items-center gap-1.5",
131
- children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-3.5 h-3.5 border-2 border-sand-400 border-t-transparent rounded-full animate-spin" }), "Redirecting..."]
254
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-3.5 h-3.5 border-2 border-sand-400 border-t-transparent rounded-full animate-spin" }), "Waiting for login..."]
132
255
  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideKeyRound, { className: "size-4" }), "Login with Claude"] })
133
256
  })
134
257
  ]
@@ -222,6 +345,7 @@ function TokenTable({ data, isLoading }) {
222
345
  const removeMutation = QgridService.useRemoveTokenMutation();
223
346
  const updateMutation = useUpdateTokenMutation();
224
347
  const toggleMutation = QgridService.useToggleTokenMutation();
348
+ const oauth = useOAuthLoginFlow();
225
349
  const invalidate = () => Promise.all([queryClient.invalidateQueries({ queryKey: ["Token"] }), queryClient.invalidateQueries({ queryKey: ["Qgrid"] })]);
226
350
  const handleToggle = async (token) => {
227
351
  await toggleMutation.mutateAsync({ id: token.id });
@@ -233,6 +357,9 @@ function TokenTable({ data, isLoading }) {
233
357
  await invalidate();
234
358
  setDeleteTarget(null);
235
359
  };
360
+ const submitReloginCode = async (pastedCode) => {
361
+ if (await oauth.submitCode(pastedCode)) oauth.reset();
362
+ };
236
363
  const openEdit = (token) => {
237
364
  setEditTarget(token);
238
365
  setEditName(token.name ?? "");
@@ -344,17 +471,28 @@ function TokenTable({ data, isLoading }) {
344
471
  className: "px-3 py-3",
345
472
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
346
473
  className: "flex items-center gap-1",
347
- children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
348
- type: "button",
349
- className: "p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150",
350
- onClick: () => openEdit(token),
351
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucidePencil, { className: "size-4" })
352
- }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
353
- type: "button",
354
- className: "p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150",
355
- onClick: () => setDeleteTarget(token),
356
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideTrash2, { className: "size-4" })
357
- })]
474
+ children: [
475
+ !token.active && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
476
+ type: "button",
477
+ title: "기존 이름으로 다시 로그인",
478
+ 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",
479
+ disabled: oauth.loadingProvider !== null,
480
+ onClick: () => void oauth.start(token.provider, token.name ?? ""),
481
+ children: oauth.loadingProvider === token.provider ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-3 h-3 border-2 border-sand-400 border-t-transparent rounded-full animate-spin" }), "로그인 대기"] }) : "재로그인"
482
+ }),
483
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
484
+ type: "button",
485
+ className: "p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150",
486
+ onClick: () => openEdit(token),
487
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucidePencil, { className: "size-4" })
488
+ }),
489
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
490
+ type: "button",
491
+ className: "p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150",
492
+ onClick: () => setDeleteTarget(token),
493
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideTrash2, { className: "size-4" })
494
+ })
495
+ ]
358
496
  })
359
497
  })
360
498
  ]
@@ -363,6 +501,31 @@ function TokenTable({ data, isLoading }) {
363
501
  })]
364
502
  })
365
503
  }),
504
+ oauth.codeEntry && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
505
+ className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
506
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
507
+ className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
508
+ onClick: oauth.reset,
509
+ onKeyDown: () => {}
510
+ }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
511
+ className: "relative panel shadow-xl w-full max-w-md mx-4",
512
+ children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
513
+ className: "px-5 py-4 border-b border-sand-100/60",
514
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
515
+ className: "text-base font-medium text-sand-900",
516
+ children: "재로그인"
517
+ })
518
+ }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
519
+ className: "px-5 py-4",
520
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OAuthCodeEntry, {
521
+ isPending: oauth.completeMutation.isPending,
522
+ isError: oauth.completeMutation.isError,
523
+ onSubmit: (code) => void submitReloginCode(code),
524
+ onRestart: oauth.reset
525
+ })
526
+ })]
527
+ })]
528
+ }),
366
529
  editTarget && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
367
530
  className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
368
531
  children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -1,4 +1,4 @@
1
- import { n as QgridService, o as useMutation } from "./services.generated-1Kcul41h.js";
1
+ import { n as QgridService, o as useMutation } from "./services.generated-Bh7Vs8Ds.js";
2
2
  //#region src/services/token/use-update-token-mutation.ts
3
3
  function useUpdateTokenMutation() {
4
4
  return useMutation({ mutationFn: ({ id, name, quotaThreshold, weight }) => QgridService.updateToken(id, name, quotaThreshold, weight) });
@@ -22703,7 +22703,7 @@ var sections = [{
22703
22703
  }
22704
22704
  ]
22705
22705
  }];
22706
- var qgridVersion = "2.6.0";
22706
+ var qgridVersion = "2.6.2";
22707
22707
  function Sidebar({ className }) {
22708
22708
  const pathname = useRouterState({ select: (s) => s.location.pathname });
22709
22709
  const isActive = (path) => {
@@ -44584,11 +44584,11 @@ function RootComponent() {
44584
44584
  }
44585
44585
  //#endregion
44586
44586
  //#region src/routes/tokens.tsx
44587
- var $$splitComponentImporter$4 = () => import("./assets/tokens-DHU9lUT2.js");
44587
+ var $$splitComponentImporter$4 = () => import("./assets/tokens-BA4vwDat.js");
44588
44588
  var Route$4 = createFileRoute("/tokens")({ component: lazyRouteComponent($$splitComponentImporter$4, "component") });
44589
44589
  //#endregion
44590
44590
  //#region src/routes/monit.tsx
44591
- var $$splitComponentImporter$3 = () => import("./assets/monit-Hm9dIPhx.js");
44591
+ var $$splitComponentImporter$3 = () => import("./assets/monit-DIsEsDJN.js");
44592
44592
  var monitSearchSchema = object({ level: _enum([
44593
44593
  "all",
44594
44594
  "scaling",
@@ -44601,7 +44601,7 @@ var Route$3 = createFileRoute("/monit")({
44601
44601
  });
44602
44602
  //#endregion
44603
44603
  //#region src/routes/logs.tsx
44604
- var $$splitComponentImporter$2 = () => import("./assets/logs-Dbk2Ig2z.js");
44604
+ var $$splitComponentImporter$2 = () => import("./assets/logs-CwoOsveV.js");
44605
44605
  var logsSearchSchema = object({
44606
44606
  token: string().optional(),
44607
44607
  project: string().optional(),
@@ -44613,11 +44613,11 @@ var Route$2 = createFileRoute("/logs")({
44613
44613
  });
44614
44614
  //#endregion
44615
44615
  //#region src/routes/index.tsx
44616
- var $$splitComponentImporter$1 = () => import("./assets/routes-DztxeUjk.js");
44616
+ var $$splitComponentImporter$1 = () => import("./assets/routes-Bts-KJ9W.js");
44617
44617
  var Route$1 = createFileRoute("/")({ component: lazyRouteComponent($$splitComponentImporter$1, "component") });
44618
44618
  //#endregion
44619
44619
  //#region src/routes/requests/show.tsx
44620
- var $$splitComponentImporter = () => import("./assets/show-BHUSw7qv.js");
44620
+ var $$splitComponentImporter = () => import("./assets/show-DJfaCNUw.js");
44621
44621
  var showSearchSchema = object({ id: number() });
44622
44622
  var Route = createFileRoute("/requests/show")({
44623
44623
  validateSearch: showSearchSchema,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cartanova/qgrid-cli",
3
- "version": "2.6.0",
3
+ "version": "2.6.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/cartanova-ai/qgrid"
@@ -90,5 +90,5 @@ On shutdown, it stops provider dispatchers and the token subscriber.
90
90
 
91
91
  ## OAuth callbacks
92
92
 
93
- - Anthropic OAuth uses `/callback` on the qgrid server. The callback base URL is derived per request from the browser-sent `Origin` header (falling back to `X-Forwarded-Host`/`Host`), so no env configuration is needed; direct non-HTTP calls fall back to localhost and `PORT`.
93
+ - Anthropic OAuth: loopback dashboards use `/callback` on the qgrid server (base derived per request from `Origin`, falling back to `X-Forwarded-Host`/`Host`). Remote dashboards cannot use a public callback (client redirect-URI allowlist), so `oauthStart` returns `mode: "code"` with the console callback and the user pastes the shown `code#state` into the dashboard (`oauthComplete`). No env configuration either way; direct non-HTTP calls fall back to localhost and `PORT`.
94
94
  - OpenAI OAuth is handled by Codex app-server's own callback flow and completed through qgrid's OpenAI OAuth APIs.
@@ -94,7 +94,11 @@ Anthropic OAuth is implemented directly in qgrid.
94
94
  6. Existing Anthropic tokens with the same `accountUuid` are deleted.
95
95
  7. qgrid saves a new `provider: "anthropic"` token.
96
96
 
97
- The callback base is derived per request from the `Origin` header (falling back to `X-Forwarded-Host`/`Host`) — the address the dashboard is reached at is where the callback returns. Without an HTTP context it falls back to `http://localhost:${PORT}/callback`.
97
+ The Anthropic OAuth client enforces a redirect-URI allowlist: loopback (`http://localhost:*/callback`) and the console callback (`https://console.anthropic.com/oauth/code/callback`) only — arbitrary public URLs cannot be registered. qgrid therefore picks the flow per request from the `Origin` header (falling back to `X-Forwarded-Host`/`Host`):
98
+
99
+ - Loopback origin: redirect flow — the callback returns to the request-derived base URL (`mode: "redirect"`).
100
+ - Remote origin: code flow — `redirect_uri` is the console callback; after login the console page shows `code#state`, which the user pastes into the dashboard and `oauthComplete` exchanges (`mode: "code"`, same flow as Claude Code CLI).
101
+ - No HTTP context (direct calls/tests): falls back to `http://localhost:${PORT}/callback`.
98
102
 
99
103
  Refresh:
100
104
 
@@ -197,6 +201,17 @@ OpenAI token changes can create, update, deactivate, or kill persistent Codex wo
197
201
 
198
202
  Anthropic token changes only affect the in-memory token pool because every request fresh-spawns Claude Code.
199
203
 
204
+ ## Auth-Dead Detection And Token Registration
205
+
206
+ When a refresh fails in a way that only re-login can fix, qgrid removes the token from routing instead of letting every subsequent request 401.
207
+
208
+ - Detection lives at the existing refresh failure points, not a background scanner. OpenAI classifies on the error code (`refresh_token_expired`, `refresh_token_reused`, `refresh_token_invalidated`) regardless of HTTP status; Anthropic treats refresh 400/401 as auth-dead.
209
+ - Before deactivating, qgrid re-reads the token and confirms the refresh token used by the failed attempt still matches the stored one. Anthropic refresh tokens rotate, so a late retry carrying an already-rotated token is a normal race, not a death — those are logged and skipped. `QgridFrame.refreshToken` also dedups concurrent refreshes per token.
210
+ - Deactivation is one conditional `active=true → false` update. The process whose update affects a row is the only one that sends the Slack death notification, so a shared database produces exactly one alert per event.
211
+ - The provider's last active token is never auto-deactivated. A systemic failure (client_id revocation, OAuth contract change) would otherwise empty the pool; qgrid logs an error and keeps the token instead.
212
+ - The other notification is registration: a login whose account has no existing token sends one alert. Re-login replaces an existing row through the account dedup and stays silent, as does manually toggling a token back to active — neither is a new account joining the pool. When the provider response carries no account identifier, dedup is skipped entirely, so qgrid cannot tell new from returning and stays silent; it warns instead, making the unreplaced row diagnosable.
213
+ - Notifications are fail-open: unset `SLACK_BOT_TOKEN`/`SLACK_CHANNEL_ID` is a silent no-op, and send failures (including HTTP 200 with `ok:false`) only warn. Payloads carry an internal reason code such as `anthropic:400`, never the raw provider response body.
214
+
200
215
  ## Quota Threshold Semantics
201
216
 
202
217
  `quota_threshold` is a routing gate, not a hard external-provider guarantee.