@cartanova/qgrid-cli 2.10.10 → 2.11.0

package/bundle/web-dist/server/assets/tokens-DxrBW512.js

@@ -1,448 +0,0 @@
-import { A as require_react, O as useQueryClient, X as __toESM, k as require_jsx_runtime, n as QgridService, o as TokenService } from "./services.generated-BA4AcAf5.js";
-import { f as lucideKeyRound, o as Q } from "../entry-server.generated.js";
-import { t as useUpdateTokenMutation } from "./use-update-token-mutation-pkArIzCP.js";
-import { n as OAuthCodeEntry, t as useOAuthLoginFlow } from "./use-oauth-login-flow-Gn8flMK5.js";
-import { t as lucidePlus } from "./plus-BZ9I0VgC.js";
-//#region src/components/qgrid/AddTokenModal.tsx
-var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
-var import_jsx_runtime = require_jsx_runtime();
-function AddTokenModal() {
-	const [open, setOpen] = (0, import_react.useState)(false);
-	const [name, setName] = (0, import_react.useState)("");
-	const oauth = useOAuthLoginFlow();
-	const close = () => {
-		setOpen(false);
-		setName("");
-		oauth.reset();
-	};
-	const submitPastedCode = async (pastedCode) => {
-		if (await oauth.submitCode(pastedCode)) close();
-	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.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: () => setOpen(true),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucidePlus, { className: "size-3.5" }), "Add Token"]
-	}), open && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
-			onClick: close,
-			onKeyDown: () => {}
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "relative panel shadow-xl w-full max-w-md mx-4",
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "px-5 py-4 border-b border-sand-100/50",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-						className: "text-base font-medium text-sand-900",
-						children: "Add Token"
-					})
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "px-5 py-4 space-y-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-						htmlFor: "token-name",
-						className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-						children: "Name *"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
-						value: name,
-						onChange: (e) => setName(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"
-					})] }), oauth.codeEntryProvider ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OAuthCodeEntry, {
-						provider: oauth.codeEntryProvider,
-						isPending: oauth.completeMutation.isPending,
-						isError: oauth.completeMutation.isError,
-						onSubmit: (code) => void submitPastedCode(code),
-						onRestart: oauth.reset
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.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: !name.trim() || oauth.loadingProvider !== null,
-								onClick: () => void oauth.start("openai", name),
-								children: oauth.loadingProvider === "openai" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "flex items-center gap-1.5",
-									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..."]
-								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideKeyRound, { className: "size-4" }), "Login with OpenAI"] })
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-3",
-								children: [
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 h-px bg-sand-200" }),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[10px] text-sand-400 uppercase",
-										children: "or"
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 h-px bg-sand-200" })
-								]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.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: !name.trim() || oauth.loadingProvider !== null,
-								onClick: () => void oauth.start("anthropic", name),
-								children: oauth.loadingProvider === "anthropic" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "flex items-center gap-1.5",
-									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..."]
-								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideKeyRound, { className: "size-4" }), "Login with Claude"] })
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "px-5 py-3 border-t border-sand-100/50 flex items-center justify-end gap-2",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.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: close,
-						children: "Cancel"
-					})
-				})
-			]
-		})]
-	})] });
-}
-//#endregion
-//#region ~icons/lucide/pencil.jsx
-var lucidePencil = (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: "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"
-	})
-});
-//#endregion
-//#region ~icons/lucide/trash-2.jsx
-var lucideTrash2 = (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: "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"
-	})
-});
-//#endregion
-//#region src/lib/token-label.ts
-function maskAccessToken(credentials) {
-	if (!credentials || typeof credentials !== "object") return "—";
-	if ("authSource" in credentials && credentials.authSource === "system-keychain") return "System Keychain";
-	const token = "accessToken" in credentials ? credentials.accessToken : void 0;
-	if (typeof token !== "string" || !token) return "—";
-	return token.length <= 12 ? token : `${token.slice(0, 8)}...${token.slice(-4)}`;
-}
-//#endregion
-//#region src/components/qgrid/TokenTable.tsx
-function getExpiresAt(token) {
-	const c = token.credentials;
-	if ("expiresAt" in c && typeof c.expiresAt === "number") return c.expiresAt;
-	if ("accessTokenExpiresAt" in c && typeof c.accessTokenExpiresAt === "number") return c.accessTokenExpiresAt;
-	return null;
-}
-function formatExpiry(expiresAt) {
-	if (!expiresAt) return {
-		text: "",
-		color: ""
-	};
-	const diff = expiresAt - Date.now();
-	if (diff <= 0) return {
-		text: "expired",
-		color: "text-red-500"
-	};
-	const h = Math.floor(diff / 36e5);
-	const m = Math.floor(diff % 36e5 / 6e4);
-	const text = h > 0 ? `${h}h ${m}m` : `${m}m`;
-	if (diff < 36e5) return {
-		text,
-		color: "text-amber-500"
-	};
-	return {
-		text,
-		color: "text-sand-400"
-	};
-}
-function TokenTable({ data, isLoading }) {
-	const [deleteTarget, setDeleteTarget] = (0, import_react.useState)(null);
-	const [editTarget, setEditTarget] = (0, import_react.useState)(null);
-	const [editName, setEditName] = (0, import_react.useState)("");
-	const queryClient = useQueryClient();
-	const removeMutation = QgridService.useRemoveTokenMutation();
-	const updateMutation = useUpdateTokenMutation();
-	const toggleMutation = QgridService.useToggleTokenMutation();
-	const invalidate = () => Promise.all([queryClient.invalidateQueries({ queryKey: ["Token"] }), queryClient.invalidateQueries({ queryKey: ["Qgrid"] })]);
-	const handleToggle = async (token) => {
-		await toggleMutation.mutateAsync({ id: token.id });
-		await invalidate();
-	};
-	const handleDelete = async () => {
-		if (!deleteTarget) return;
-		await removeMutation.mutateAsync({ id: deleteTarget.id });
-		await invalidate();
-		setDeleteTarget(null);
-	};
-	const openEdit = (token) => {
-		setEditTarget(token);
-		setEditName(token.name ?? "");
-	};
-	const handleUpdate = async () => {
-		if (!editTarget) return;
-		await updateMutation.mutateAsync({
-			id: editTarget.id,
-			name: editName.trim()
-		});
-		await invalidate();
-		setEditTarget(null);
-	};
-	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "space-y-2",
-		children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-12 bg-sand-100 rounded-md animate-pulse" }, `skeleton-${i}`))
-	});
-	const tokens = data ?? [];
-	if (tokens.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "text-sand-400 text-center py-16 text-sm",
-		children: [
-			"No tokens registered. Click ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
-				className: "text-sand-600",
-				children: "Add Token"
-			}),
-			" to get started."
-		]
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "panel overflow-hidden",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "overflow-x-auto",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
-					className: "w-full min-w-[640px] text-[13px]",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
-						className: "panel-header",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Provider"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Name"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Token"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Status"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Expires"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-20 px-3 py-2.5" })
-						]
-					}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
-						className: "divide-y divide-sand-100/80",
-						children: tokens.map((token) => {
-							const expiry = formatExpiry(getExpiresAt(token));
-							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
-								className: `transition-colors duration-150 hover:bg-sand-100/60 ${token.active ? "" : "opacity-50"}`,
-								children: [
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-										className: "px-5 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-											className: "text-xs font-medium text-sand-500 uppercase",
-											children: token.provider
-										})
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-										className: "px-5 py-3",
-										children: token.name ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-											className: "text-sm text-sand-700",
-											children: token.name
-										}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-											className: "text-[11px] text-sand-400",
-											children: "—"
-										})
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-										className: "px-5 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-											className: "text-[13px] font-mono text-sand-800",
-											children: maskAccessToken(token.credentials)
-										})
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-										className: "px-5 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors duration-200 ${token.active ? "bg-sage-400" : "bg-sand-300"}`,
-											onClick: () => handleToggle(token),
-											disabled: toggleMutation.isPending || !token.active && token.reauth_required,
-											title: !token.active && token.reauth_required ? "재로그인이 필요한 토큰입니다" : void 0,
-											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform duration-200 ${token.active ? "translate-x-4.5" : "translate-x-0.5"}` })
-										})
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-										className: "px-5 py-3",
-										children: expiry.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-											className: `text-xs ${expiry.color}`,
-											children: expiry.text
-										})
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-										className: "px-3 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: "p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150",
-												onClick: () => openEdit(token),
-												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucidePencil, { className: "size-4" })
-											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: "p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150",
-												onClick: () => setDeleteTarget(token),
-												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideTrash2, { className: "size-4" })
-											})]
-										})
-									})
-								]
-							}, token.id);
-						})
-					})]
-				})
-			})
-		}),
-		editTarget && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
-				onClick: () => setEditTarget(null),
-				onKeyDown: () => {}
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "relative panel shadow-xl w-full max-w-sm mx-4",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "px-5 py-4 border-b border-sand-100/60",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "text-base font-medium text-sand-900",
-							children: "Edit Token"
-						})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "px-5 py-4 space-y-3",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-							htmlFor: "token-name",
-							className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-							children: "Name"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
-							value: editName,
-							onChange: (e) => setEditName(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"
-						})] })
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.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: () => setEditTarget(null),
-							children: "Cancel"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.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: updateMutation.isPending,
-							onClick: handleUpdate,
-							children: updateMutation.isPending ? "Saving..." : "Save"
-						})]
-					})
-				]
-			})]
-		}),
-		deleteTarget && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
-				onClick: () => setDeleteTarget(null),
-				onKeyDown: () => {}
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "relative panel shadow-xl w-full max-w-sm mx-4",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "px-5 py-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-						className: "text-base font-medium text-sand-900",
-						children: "Remove Token"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-						className: "text-sm text-sand-700 mt-2",
-						children: [
-							"Are you sure you want to remove",
-							" ",
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-								className: "text-[13px] font-mono text-sand-800",
-								children: maskAccessToken(deleteTarget.credentials)
-							}),
-							deleteTarget.name && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-								className: "text-sand-500",
-								children: [
-									" (",
-									deleteTarget.name,
-									")"
-								]
-							}),
-							"?"
-						]
-					})]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.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: () => setDeleteTarget(null),
-						children: "Cancel"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.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: removeMutation.isPending,
-						onClick: handleDelete,
-						children: removeMutation.isPending ? "Removing..." : "Remove"
-					})]
-				})]
-			})]
-		})
-	] });
-}
-//#endregion
-//#region src/routes/tokens.tsx?tsr-split=component
-function TokensPage() {
-	const { data, isLoading } = TokenService.useTokens("A");
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "max-w-6xl mx-auto space-y-4",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "flex items-center justify-end",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AddTokenModal, {})
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenTable, {
-			data: data?.rows,
-			isLoading
-		})]
-	});
-}
-//#endregion
-export { TokensPage as component };

package/bundle/web-dist/server/assets/use-oauth-login-flow-Gn8flMK5.js

@@ -1,178 +0,0 @@
-import { A as require_react, O as useQueryClient, X as __toESM, k as require_jsx_runtime, n as QgridService, o as TokenService } from "./services.generated-BA4AcAf5.js";
-import { o as Q } from "../entry-server.generated.js";
-//#region src/components/qgrid/OAuthCodeEntry.tsx
-var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
-var import_jsx_runtime = require_jsx_runtime();
-/**
-* 원격 접속(code 모드) 로그인의 인증 결과 입력 단계.
-* Add Token 모달과 재로그인이 같은 문구·에러·재시작 동선을 쓰도록 한 곳에 둔다.
-*/
-function OAuthCodeEntry({ provider, isPending, isError, onSubmit, onRestart }) {
-	const [pastedCode, setPastedCode] = (0, import_react.useState)("");
-	const isOpenAI = provider === "openai";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "text-[12px] text-sand-600 leading-relaxed",
-				children: isOpenAI ? "새 탭에서 OpenAI 로그인을 완료한 뒤 연결 실패 화면이 나타나면, 주소창의 전체 URL을 아래에 붙여넣으세요." : "새 탭에서 Claude 로그인을 완료하면 코드가 표시됩니다. 코드 전체를 아래에 붙여넣으세요."
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Q, {
-				value: pastedCode,
-				onChange: (e) => setPastedCode(e.target.value),
-				placeholder: isOpenAI ? "http://localhost:1455/auth/callback?code=...&state=..." : "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"
-			}),
-			isError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "text-[11px] text-red-500",
-				children: "인증 결과 확인에 실패했습니다 — 전체 값을 다시 붙여넣거나 로그인을 다시 시작하세요."
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.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: !pastedCode.trim() || isPending,
-				onClick: () => onSubmit(pastedCode),
-				children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "flex items-center gap-1.5",
-					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..."]
-				}) : "Complete login"
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: "w-full py-1.5 text-[12px] text-sand-500 hover:text-sand-700 transition-colors duration-150",
-				onClick: () => {
-					setPastedCode("");
-					onRestart();
-				},
-				children: "처음부터 다시 시작"
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/qgrid/use-oauth-login-flow.ts
-var OPENAI_POLL_INTERVAL_MS = 3e3;
-var OPENAI_POLL_TIMEOUT_MS = 3e5;
-async function getTokenIds(provider, name) {
-	const { rows } = await TokenService.getTokens("A", {
-		num: 0,
-		queryMode: "list"
-	});
-	return new Set(rows.filter((token) => token.provider === provider && token.name === name).map((token) => token.id));
-}
-/**
-* provider별 OAuth 로그인 시작과 코드 제출을 한 곳에 모은다.
-* Add Token 모달과 tokens 목록의 재로그인 버튼이 같은 플로우를 쓴다 — 두 진입점이
-* redirect/code 분기나 폴링 처리를 각자 구현하면 원격 접속 경험이 갈라진다.
-*/
-function useOAuthLoginFlow() {
-	const [loadingProvider, setLoadingProvider] = (0, import_react.useState)(null);
-	const [codeEntryProvider, setCodeEntryProvider] = (0, import_react.useState)(null);
-	const queryClient = useQueryClient();
-	const oauthStartMutation = QgridService.useOauthStartMutation();
-	const oauthStartOpenAIMutation = QgridService.useOauthStartOpenAIMutation();
-	const oauthCompleteMutation = QgridService.useOauthCompleteMutation();
-	const pollTimers = (0, import_react.useRef)({});
-	const attemptRef = (0, import_react.useRef)(0);
-	const stopPolling = () => {
-		attemptRef.current += 1;
-		if (pollTimers.current.interval !== void 0) clearInterval(pollTimers.current.interval);
-		if (pollTimers.current.timeout !== void 0) clearTimeout(pollTimers.current.timeout);
-		pollTimers.current = {};
-	};
-	(0, import_react.useEffect)(() => stopPolling, []);
-	const invalidateTokens = () => Promise.all([queryClient.invalidateQueries({ queryKey: ["Token"] }), queryClient.invalidateQueries({ queryKey: ["Qgrid"] })]);
-	const start = async (provider, name) => {
-		const trimmed = name.trim();
-		if (!trimmed) return;
-		stopPolling();
-		const attempt = attemptRef.current;
-		const popup = window.open("about:blank", "_blank");
-		setLoadingProvider(provider);
-		try {
-			if (provider === "openai") {
-				const before = await getTokenIds(provider, trimmed);
-				if (attempt !== attemptRef.current) {
-					popup?.close();
-					return;
-				}
-				const { authUrl, mode } = await oauthStartOpenAIMutation.mutateAsync({ name: trimmed });
-				if (attempt !== attemptRef.current) {
-					popup?.close();
-					return;
-				}
-				if (popup) popup.location.href = authUrl;
-				else window.open(authUrl, "_blank");
-				if (mode === "code") {
-					setCodeEntryProvider(provider);
-					setLoadingProvider(null);
-					return;
-				}
-				pollTimers.current.interval = window.setInterval(() => {
-					getTokenIds(provider, trimmed).then((ids) => {
-						if (attempt !== attemptRef.current) return;
-						if ([...ids].some((id) => !before.has(id))) {
-							stopPolling();
-							setLoadingProvider(null);
-							invalidateTokens();
-						}
-					}).catch(() => {});
-				}, OPENAI_POLL_INTERVAL_MS);
-				pollTimers.current.timeout = window.setTimeout(() => {
-					if (attempt !== attemptRef.current) return;
-					stopPolling();
-					setLoadingProvider(null);
-				}, OPENAI_POLL_TIMEOUT_MS);
-				return;
-			}
-			const { authUrl, mode } = await oauthStartMutation.mutateAsync({ name: trimmed });
-			if (attempt !== attemptRef.current) {
-				popup?.close();
-				return;
-			}
-			if (mode === "code") {
-				if (popup) popup.location.href = authUrl;
-				else window.open(authUrl, "_blank");
-				setCodeEntryProvider(provider);
-				setLoadingProvider(null);
-			} else {
-				popup?.close();
-				window.location.href = authUrl;
-			}
-		} catch (e) {
-			popup?.close();
-			if (attempt !== attemptRef.current) return;
-			console.error("OAuth start failed:", e);
-			setLoadingProvider(null);
-		}
-	};
-	/** @returns 교환 성공 여부. 실패 시 `completeMutation.isError` 로 안내 문구를 띄운다. */
-	const submitCode = async (pastedCode) => {
-		const trimmed = pastedCode.trim();
-		if (!trimmed) return false;
-		try {
-			await oauthCompleteMutation.mutateAsync({ pastedCode: trimmed });
-		} catch (e) {
-			console.error("OAuth complete failed:", e);
-			return false;
-		}
-		await invalidateTokens();
-		return true;
-	};
-	const reset = () => {
-		stopPolling();
-		setLoadingProvider(null);
-		setCodeEntryProvider(null);
-		oauthCompleteMutation.reset();
-	};
-	return {
-		loadingProvider,
-		codeEntryProvider,
-		start,
-		submitCode,
-		reset,
-		completeMutation: oauthCompleteMutation
-	};
-}
-//#endregion
-export { OAuthCodeEntry as n, useOAuthLoginFlow as t };

package/dist/cli.d.ts

@@ -1,10 +0,0 @@
-//#region src/cli.d.ts
-declare const RUNTIME_CLI_DEPENDENCIES: readonly [{
-  readonly command: "claude";
-  readonly packageName: "@anthropic-ai/claude-code";
-  readonly label: "Claude Code";
-  readonly missingReason: "Anthropic tokens require Claude Code.";
-}];
-declare function ensureLatestRuntimeCliDependencies(): void;
-//#endregion
-export { RUNTIME_CLI_DEPENDENCIES, ensureLatestRuntimeCliDependencies };