@cartanova/qgrid-cli 2.11.0 → 2.11.1

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

@@ -1,1038 +0,0 @@
-import { F as require_react, N as useQueryClient, k as require_jsx_dev_runtime, n as QgridService, o as TokenService, tt as __toESM } from "./services.generated-DQATJ6qf.js";
-import { i as o, n as useOAuthLoginFlow, r as OAuthCodeEntry } from "./use-oauth-login-flow-CKDHgc3U.js";
-import { u as lucideKeyRound } from "../entry-server.generated.js";
-import { t as useUpdateTokenMutation } from "./use-update-token-mutation-BEbgOzaa.js";
-import { t as lucidePlus } from "./plus-DwG7h9kq.js";
-//#region src/components/qgrid/DeviceCodeEntry.tsx
-var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
-var import_jsx_dev_runtime = require_jsx_dev_runtime();
-var _jsxFileName$5 = "/home/runner/work/qgrid/qgrid/packages/web/src/components/qgrid/DeviceCodeEntry.tsx";
-function formatRemaining(ms) {
-	const totalSec = Math.max(Math.ceil(ms / 1e3), 0);
-	const m = Math.floor(totalSec / 60);
-	const s = totalSec % 60;
-	return `${m}:${String(s).padStart(2, "0")}`;
-}
-/** 만료 시각까지 1초마다 갱신되는 남은 시간. */
-function Countdown({ expiresAt }) {
-	const [now, setNow] = (0, import_react.useState)(() => Date.now());
-	(0, import_react.useEffect)(() => {
-		const id = window.setInterval(() => setNow(Date.now()), 1e3);
-		return () => clearInterval(id);
-	}, []);
-	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
-		className: "tabular-nums",
-		children: formatRemaining(expiresAt - now)
-	}, void 0, false, {
-		fileName: _jsxFileName$5,
-		lineNumber: 22,
-		columnNumber: 10
-	}, this);
-}
-/**
-* Grok device-code 로그인 단계. 사용자 코드와 인증 링크를 보여 주고, 폴링 상태를 표시한다.
-* 폴링 자체는 `useOAuthLoginFlow().startDevice` 가 소유한다.
-*/
-function DeviceCodeEntry({ flow, onRestart }) {
-	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-		className: "space-y-2",
-		children: [
-			flow.status === "starting" && /* @__PURE__ */ (void 0)("p", {
-				className: "flex items-center gap-1.5 text-[12px] text-sand-600",
-				children: [/* @__PURE__ */ (void 0)("span", { className: "w-3.5 h-3.5 border-2 border-sand-400 border-t-transparent rounded-full animate-spin" }, void 0, false, {
-					fileName: _jsxFileName$5,
-					lineNumber: 40,
-					columnNumber: 11
-				}, this), "Requesting device code..."]
-			}, void 0, true, {
-				fileName: _jsxFileName$5,
-				lineNumber: 39,
-				columnNumber: 9
-			}, this),
-			flow.status === "waiting" && /* @__PURE__ */ (void 0)(import_jsx_dev_runtime.Fragment, { children: [
-				/* @__PURE__ */ (void 0)("p", {
-					className: "text-[12px] text-sand-600 leading-relaxed",
-					children: "아래 링크를 열어 xAI 계정으로 로그인한 뒤 이 코드를 입력하세요. 승인되면 토큰이 자동으로 추가됩니다."
-				}, void 0, false, {
-					fileName: _jsxFileName$5,
-					lineNumber: 47,
-					columnNumber: 11
-				}, this),
-				/* @__PURE__ */ (void 0)("div", {
-					className: "rounded-md border border-sand-200 bg-sand-50 px-3 py-3 text-center",
-					children: [/* @__PURE__ */ (void 0)("p", {
-						className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-						children: "Device code"
-					}, void 0, false, {
-						fileName: _jsxFileName$5,
-						lineNumber: 52,
-						columnNumber: 13
-					}, this), /* @__PURE__ */ (void 0)("p", {
-						className: "mt-1 font-mono text-lg tracking-widest text-sand-900 select-all",
-						children: flow.userCode
-					}, void 0, false, {
-						fileName: _jsxFileName$5,
-						lineNumber: 55,
-						columnNumber: 13
-					}, this)]
-				}, void 0, true, {
-					fileName: _jsxFileName$5,
-					lineNumber: 51,
-					columnNumber: 11
-				}, this),
-				/* @__PURE__ */ (void 0)("a", {
-					href: flow.verificationUriComplete ?? flow.verificationUri,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					className: "block w-full py-2.5 text-sm font-medium rounded-md bg-sand-900 text-white text-center hover:bg-sand-800 transition-colors duration-150",
-					children: "Open xAI to approve"
-				}, void 0, false, {
-					fileName: _jsxFileName$5,
-					lineNumber: 59,
-					columnNumber: 11
-				}, this),
-				/* @__PURE__ */ (void 0)("p", {
-					className: "flex items-center justify-between text-[11px] text-sand-500",
-					children: [/* @__PURE__ */ (void 0)("span", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ (void 0)("span", { className: "w-2.5 h-2.5 border-2 border-sand-400 border-t-transparent rounded-full animate-spin" }, void 0, false, {
-							fileName: _jsxFileName$5,
-							lineNumber: 69,
-							columnNumber: 15
-						}, this), flow.slowDown ? "Waiting for approval (polling slowed down)..." : "Waiting for approval..."]
-					}, void 0, true, {
-						fileName: _jsxFileName$5,
-						lineNumber: 68,
-						columnNumber: 13
-					}, this), /* @__PURE__ */ (void 0)("span", { children: ["expires in ", /* @__PURE__ */ (void 0)(Countdown, { expiresAt: flow.expiresAt }, void 0, false, {
-						fileName: _jsxFileName$5,
-						lineNumber: 75,
-						columnNumber: 26
-					}, this)] }, void 0, true, {
-						fileName: _jsxFileName$5,
-						lineNumber: 74,
-						columnNumber: 13
-					}, this)]
-				}, void 0, true, {
-					fileName: _jsxFileName$5,
-					lineNumber: 67,
-					columnNumber: 11
-				}, this)
-			] }, void 0, true),
-			flow.status === "added" && /* @__PURE__ */ (void 0)("p", {
-				className: "text-[12px] text-sage-600",
-				children: [
-					"Token \"",
-					flow.name,
-					"\" added."
-				]
-			}, void 0, true, {
-				fileName: _jsxFileName$5,
-				lineNumber: 82,
-				columnNumber: 9
-			}, this),
-			flow.status === "expired" && /* @__PURE__ */ (void 0)("p", {
-				className: "text-[11px] text-red-500",
-				children: "Device code가 만료되었습니다 — 로그인을 다시 시작하세요."
-			}, void 0, false, {
-				fileName: _jsxFileName$5,
-				lineNumber: 86,
-				columnNumber: 9
-			}, this),
-			flow.status === "error" && /* @__PURE__ */ (void 0)("p", {
-				className: "text-[11px] text-red-500",
-				children: flow.message
-			}, void 0, false, {
-				fileName: _jsxFileName$5,
-				lineNumber: 91,
-				columnNumber: 35
-			}, this),
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
-				type: "button",
-				className: "w-full py-1.5 text-[12px] text-sand-500 hover:text-sand-700 transition-colors duration-150",
-				onClick: onRestart,
-				children: "처음부터 다시 시작"
-			}, void 0, false, {
-				fileName: _jsxFileName$5,
-				lineNumber: 93,
-				columnNumber: 7
-			}, this)
-		]
-	}, void 0, true, {
-		fileName: _jsxFileName$5,
-		lineNumber: 37,
-		columnNumber: 5
-	}, this);
-}
-//#endregion
-//#region src/components/qgrid/AddTokenModal.tsx
-var _jsxFileName$4 = "/home/runner/work/qgrid/qgrid/packages/web/src/components/qgrid/AddTokenModal.tsx";
-function Spinner({ light }) {
-	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
-		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", { className: `w-3.5 h-3.5 border-2 border-t-transparent rounded-full animate-spin ${light ? "border-white" : "border-sand-400"}` }, void 0, false, {
-			fileName: _jsxFileName$4,
-			lineNumber: 13,
-			columnNumber: 7
-		}, this), "Waiting for login..."]
-	}, void 0, true, {
-		fileName: _jsxFileName$4,
-		lineNumber: 12,
-		columnNumber: 5
-	}, this);
-}
-function OrDivider() {
-	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-		className: "flex items-center gap-3",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "flex-1 h-px bg-sand-200" }, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 24,
-				columnNumber: 7
-			}, this),
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
-				className: "text-[10px] text-sand-400 uppercase",
-				children: "or"
-			}, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 25,
-				columnNumber: 7
-			}, this),
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "flex-1 h-px bg-sand-200" }, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 26,
-				columnNumber: 7
-			}, this)
-		]
-	}, void 0, true, {
-		fileName: _jsxFileName$4,
-		lineNumber: 23,
-		columnNumber: 5
-	}, this);
-}
-/** Provider 선택 버튼들. 상태는 상위(`useOAuthLoginFlow`)가 소유한다. */
-function AddTokenProviderOptions({ disabled, loadingProvider, onStart, onStartGrokDevice }) {
-	const secondary = "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";
-	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("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,
-				onClick: () => onStart("openai"),
-				children: loadingProvider === "openai" ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Spinner, { light: true }, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 55,
-					columnNumber: 11
-				}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideKeyRound, { className: "size-4" }, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 58,
-					columnNumber: 13
-				}, this), "Login with OpenAI"] }, void 0, true)
-			}, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 48,
-				columnNumber: 7
-			}, this),
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(OrDivider, {}, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 64,
-				columnNumber: 7
-			}, this),
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
-				type: "button",
-				className: secondary,
-				disabled,
-				onClick: () => onStart("anthropic"),
-				children: loadingProvider === "anthropic" ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Spinner, { light: false }, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 73,
-					columnNumber: 11
-				}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideKeyRound, { className: "size-4" }, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 76,
-					columnNumber: 13
-				}, this), "Login with Claude"] }, void 0, true)
-			}, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 66,
-				columnNumber: 7
-			}, this),
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(OrDivider, {}, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 82,
-				columnNumber: 7
-			}, this),
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("button", {
-				type: "button",
-				className: secondary,
-				disabled,
-				onClick: onStartGrokDevice,
-				children: loadingProvider === "grok" ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Spinner, { light: false }, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 86,
-					columnNumber: 11
-				}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(lucideKeyRound, { className: "size-4" }, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 89,
-					columnNumber: 13
-				}, this), "Login with xAI"] }, void 0, true)
-			}, void 0, false, {
-				fileName: _jsxFileName$4,
-				lineNumber: 84,
-				columnNumber: 7
-			}, this)
-		]
-	}, void 0, true, {
-		fileName: _jsxFileName$4,
-		lineNumber: 47,
-		columnNumber: 5
-	}, this);
-}
-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_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("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_dev_runtime.jsxDEV)(lucidePlus, { className: "size-3.5" }, void 0, false, {
-			fileName: _jsxFileName$4,
-			lineNumber: 120,
-			columnNumber: 9
-		}, this), "Add Token"]
-	}, void 0, true, {
-		fileName: _jsxFileName$4,
-		lineNumber: 115,
-		columnNumber: 7
-	}, this), open && /* @__PURE__ */ (void 0)("div", {
-		className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
-		children: [/* @__PURE__ */ (void 0)("div", {
-			className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
-			onClick: close,
-			onKeyDown: () => {}
-		}, void 0, false, {
-			fileName: _jsxFileName$4,
-			lineNumber: 126,
-			columnNumber: 11
-		}, this), /* @__PURE__ */ (void 0)("div", {
-			className: "relative panel shadow-xl w-full max-w-md mx-4",
-			children: [
-				/* @__PURE__ */ (void 0)("div", {
-					className: "px-5 py-4 border-b border-sand-100/50",
-					children: /* @__PURE__ */ (void 0)("h2", {
-						className: "text-base font-medium text-sand-900",
-						children: "Add Token"
-					}, void 0, false, {
-						fileName: _jsxFileName$4,
-						lineNumber: 134,
-						columnNumber: 15
-					}, this)
-				}, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 133,
-					columnNumber: 13
-				}, this),
-				/* @__PURE__ */ (void 0)("div", {
-					className: "px-5 py-4 space-y-4",
-					children: [/* @__PURE__ */ (void 0)("div", { children: [/* @__PURE__ */ (void 0)("label", {
-						htmlFor: "token-name",
-						className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-						children: "Name *"
-					}, void 0, false, {
-						fileName: _jsxFileName$4,
-						lineNumber: 140,
-						columnNumber: 17
-					}, this), /* @__PURE__ */ (void 0)(o, {
-						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"
-					}, void 0, false, {
-						fileName: _jsxFileName$4,
-						lineNumber: 146,
-						columnNumber: 17
-					}, this)] }, void 0, true, {
-						fileName: _jsxFileName$4,
-						lineNumber: 139,
-						columnNumber: 15
-					}, this), oauth.codeEntryProvider ? /* @__PURE__ */ (void 0)(OAuthCodeEntry, {
-						provider: oauth.codeEntryProvider,
-						isPending: oauth.completeMutation.isPending,
-						isError: oauth.completeMutation.isError,
-						onSubmit: (code) => void submitPastedCode(code),
-						onRestart: oauth.reset
-					}, void 0, false, {
-						fileName: _jsxFileName$4,
-						lineNumber: 156,
-						columnNumber: 17
-					}, this) : oauth.deviceFlow ? /* @__PURE__ */ (void 0)(DeviceCodeEntry, {
-						flow: oauth.deviceFlow,
-						onRestart: oauth.reset
-					}, void 0, false, {
-						fileName: _jsxFileName$4,
-						lineNumber: 164,
-						columnNumber: 17
-					}, this) : /* @__PURE__ */ (void 0)(AddTokenProviderOptions, {
-						disabled: !name.trim() || oauth.loadingProvider !== null,
-						loadingProvider: oauth.loadingProvider,
-						onStart: (provider) => void oauth.start(provider, name),
-						onStartGrokDevice: () => void oauth.startDevice(name, close)
-					}, void 0, false, {
-						fileName: _jsxFileName$4,
-						lineNumber: 166,
-						columnNumber: 17
-					}, this)]
-				}, void 0, true, {
-					fileName: _jsxFileName$4,
-					lineNumber: 137,
-					columnNumber: 13
-				}, this),
-				/* @__PURE__ */ (void 0)("div", {
-					className: "px-5 py-3 border-t border-sand-100/50 flex items-center justify-end gap-2",
-					children: /* @__PURE__ */ (void 0)("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"
-					}, void 0, false, {
-						fileName: _jsxFileName$4,
-						lineNumber: 176,
-						columnNumber: 15
-					}, this)
-				}, void 0, false, {
-					fileName: _jsxFileName$4,
-					lineNumber: 175,
-					columnNumber: 13
-				}, this)
-			]
-		}, void 0, true, {
-			fileName: _jsxFileName$4,
-			lineNumber: 132,
-			columnNumber: 11
-		}, this)]
-	}, void 0, true, {
-		fileName: _jsxFileName$4,
-		lineNumber: 125,
-		columnNumber: 9
-	}, this)] }, void 0, true);
-}
-//#endregion
-//#region ~icons/lucide/pencil.jsx
-var _jsxFileName$3 = "~icons/lucide/pencil.jsx";
-var lucidePencil = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em",
-	...props,
-	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("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"
-	}, void 0, false, {
-		fileName: _jsxFileName$3,
-		lineNumber: 2,
-		columnNumber: 96
-	}, void 0)
-}, void 0, false, {
-	fileName: _jsxFileName$3,
-	lineNumber: 2,
-	columnNumber: 31
-}, void 0);
-//#endregion
-//#region ~icons/lucide/trash-2.jsx
-var _jsxFileName$2 = "~icons/lucide/trash-2.jsx";
-var lucideTrash2 = (props) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("svg", {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em",
-	...props,
-	children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("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"
-	}, void 0, false, {
-		fileName: _jsxFileName$2,
-		lineNumber: 2,
-		columnNumber: 96
-	}, void 0)
-}, void 0, false, {
-	fileName: _jsxFileName$2,
-	lineNumber: 2,
-	columnNumber: 31
-}, void 0);
-//#endregion
-//#region src/lib/token-label.ts
-function maskAccessToken(credentials) {
-	const token = credentials.accessToken;
-	if (!token) return "—";
-	return token.length <= 12 ? token : `${token.slice(0, 8)}...${token.slice(-4)}`;
-}
-//#endregion
-//#region src/components/qgrid/TokenTable.tsx
-var _jsxFileName$1 = "/home/runner/work/qgrid/qgrid/packages/web/src/components/qgrid/TokenTable.tsx";
-function getExpiresAt(token) {
-	const c = token.credentials;
-	if ("accessTokenExpiresAt" in c) return c.accessTokenExpiresAt;
-	if ("authMode" in c) {
-		const ms = Date.parse(c.expiresAt);
-		return Number.isNaN(ms) ? null : ms;
-	}
-	return c.expiresAt;
-}
-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_dev_runtime.jsxDEV)("div", {
-		className: "space-y-2",
-		children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: "h-12 bg-sand-100 rounded-md animate-pulse" }, `skeleton-${i}`, false, {
-			fileName: _jsxFileName$1,
-			lineNumber: 101,
-			columnNumber: 11
-		}, this))
-	}, void 0, false, {
-		fileName: _jsxFileName$1,
-		lineNumber: 99,
-		columnNumber: 7
-	}, this);
-	const tokens = data ?? [];
-	if (tokens.length === 0) return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-		className: "text-sand-400 text-center py-16 text-sm",
-		children: [
-			"No tokens registered. Click ",
-			/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("strong", {
-				className: "text-sand-600",
-				children: "Add Token"
-			}, void 0, false, {
-				fileName: _jsxFileName$1,
-				lineNumber: 112,
-				columnNumber: 37
-			}, this),
-			" to get started."
-		]
-	}, void 0, true, {
-		fileName: _jsxFileName$1,
-		lineNumber: 111,
-		columnNumber: 7
-	}, this);
-	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(import_jsx_dev_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-			className: "panel overflow-hidden",
-			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-				className: "overflow-x-auto",
-				children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("table", {
-					className: "w-full min-w-[640px] text-[13px]",
-					children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("thead", { children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("tr", {
-						className: "panel-header",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Provider"
-							}, void 0, false, {
-								fileName: _jsxFileName$1,
-								lineNumber: 127,
-								columnNumber: 17
-							}, this),
-							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Name"
-							}, void 0, false, {
-								fileName: _jsxFileName$1,
-								lineNumber: 130,
-								columnNumber: 17
-							}, this),
-							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Token"
-							}, void 0, false, {
-								fileName: _jsxFileName$1,
-								lineNumber: 133,
-								columnNumber: 17
-							}, this),
-							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Status"
-							}, void 0, false, {
-								fileName: _jsxFileName$1,
-								lineNumber: 136,
-								columnNumber: 17
-							}, this),
-							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", {
-								className: "text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-								children: "Expires"
-							}, void 0, false, {
-								fileName: _jsxFileName$1,
-								lineNumber: 139,
-								columnNumber: 17
-							}, this),
-							/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("th", { className: "w-20 px-3 py-2.5" }, void 0, false, {
-								fileName: _jsxFileName$1,
-								lineNumber: 142,
-								columnNumber: 17
-							}, this)
-						]
-					}, void 0, true, {
-						fileName: _jsxFileName$1,
-						lineNumber: 126,
-						columnNumber: 15
-					}, this) }, void 0, false, {
-						fileName: _jsxFileName$1,
-						lineNumber: 125,
-						columnNumber: 13
-					}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("tbody", {
-						className: "divide-y divide-sand-100/80",
-						children: tokens.map((token) => {
-							const expiry = formatExpiry(getExpiresAt(token));
-							return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("tr", {
-								className: `transition-colors duration-150 hover:bg-sand-100/60 ${token.active ? "" : "opacity-50"}`,
-								children: [
-									/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
-										className: "px-5 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
-											className: "text-xs font-medium text-sand-500 uppercase",
-											children: token.provider
-										}, void 0, false, {
-											fileName: _jsxFileName$1,
-											lineNumber: 155,
-											columnNumber: 23
-										}, this)
-									}, void 0, false, {
-										fileName: _jsxFileName$1,
-										lineNumber: 154,
-										columnNumber: 21
-									}, this),
-									/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
-										className: "px-5 py-3",
-										children: token.name ? /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
-											className: "text-sm text-sand-700",
-											children: token.name
-										}, void 0, false, {
-											fileName: _jsxFileName$1,
-											lineNumber: 161,
-											columnNumber: 25
-										}, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", {
-											className: "text-[11px] text-sand-400",
-											children: "—"
-										}, void 0, false, {
-											fileName: _jsxFileName$1,
-											lineNumber: 163,
-											columnNumber: 25
-										}, this)
-									}, void 0, false, {
-										fileName: _jsxFileName$1,
-										lineNumber: 159,
-										columnNumber: 21
-									}, this),
-									/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
-										className: "px-5 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("code", {
-											className: "text-[13px] font-mono text-sand-800",
-											children: maskAccessToken(token.credentials)
-										}, void 0, false, {
-											fileName: _jsxFileName$1,
-											lineNumber: 167,
-											columnNumber: 23
-										}, this)
-									}, void 0, false, {
-										fileName: _jsxFileName$1,
-										lineNumber: 166,
-										columnNumber: 21
-									}, this),
-									/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
-										className: "px-5 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("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_dev_runtime.jsxDEV)("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"}` }, void 0, false, {
-												fileName: _jsxFileName$1,
-												lineNumber: 185,
-												columnNumber: 25
-											}, this)
-										}, void 0, false, {
-											fileName: _jsxFileName$1,
-											lineNumber: 172,
-											columnNumber: 23
-										}, this)
-									}, void 0, false, {
-										fileName: _jsxFileName$1,
-										lineNumber: 171,
-										columnNumber: 21
-									}, this),
-									/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
-										className: "px-5 py-3",
-										children: expiry.text && /* @__PURE__ */ (void 0)("span", {
-											className: `text-xs ${expiry.color}`,
-											children: expiry.text
-										}, void 0, false, {
-											fileName: _jsxFileName$1,
-											lineNumber: 192,
-											columnNumber: 25
-										}, this)
-									}, void 0, false, {
-										fileName: _jsxFileName$1,
-										lineNumber: 190,
-										columnNumber: 21
-									}, this),
-									/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("td", {
-										className: "px-3 py-3",
-										children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("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_dev_runtime.jsxDEV)(lucidePencil, { className: "size-4" }, void 0, false, {
-													fileName: _jsxFileName$1,
-													lineNumber: 202,
-													columnNumber: 27
-												}, this)
-											}, void 0, false, {
-												fileName: _jsxFileName$1,
-												lineNumber: 197,
-												columnNumber: 25
-											}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("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_dev_runtime.jsxDEV)(lucideTrash2, { className: "size-4" }, void 0, false, {
-													fileName: _jsxFileName$1,
-													lineNumber: 209,
-													columnNumber: 27
-												}, this)
-											}, void 0, false, {
-												fileName: _jsxFileName$1,
-												lineNumber: 204,
-												columnNumber: 25
-											}, this)]
-										}, void 0, true, {
-											fileName: _jsxFileName$1,
-											lineNumber: 196,
-											columnNumber: 23
-										}, this)
-									}, void 0, false, {
-										fileName: _jsxFileName$1,
-										lineNumber: 195,
-										columnNumber: 21
-									}, this)
-								]
-							}, token.id, true, {
-								fileName: _jsxFileName$1,
-								lineNumber: 150,
-								columnNumber: 19
-							}, this);
-						})
-					}, void 0, false, {
-						fileName: _jsxFileName$1,
-						lineNumber: 145,
-						columnNumber: 13
-					}, this)]
-				}, void 0, true, {
-					fileName: _jsxFileName$1,
-					lineNumber: 124,
-					columnNumber: 11
-				}, this)
-			}, void 0, false, {
-				fileName: _jsxFileName$1,
-				lineNumber: 123,
-				columnNumber: 9
-			}, this)
-		}, void 0, false, {
-			fileName: _jsxFileName$1,
-			lineNumber: 120,
-			columnNumber: 7
-		}, this),
-		editTarget && /* @__PURE__ */ (void 0)("div", {
-			className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
-			children: [/* @__PURE__ */ (void 0)("div", {
-				className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
-				onClick: () => setEditTarget(null),
-				onKeyDown: () => {}
-			}, void 0, false, {
-				fileName: _jsxFileName$1,
-				lineNumber: 224,
-				columnNumber: 11
-			}, this), /* @__PURE__ */ (void 0)("div", {
-				className: "relative panel shadow-xl w-full max-w-sm mx-4",
-				children: [
-					/* @__PURE__ */ (void 0)("div", {
-						className: "px-5 py-4 border-b border-sand-100/60",
-						children: /* @__PURE__ */ (void 0)("h3", {
-							className: "text-base font-medium text-sand-900",
-							children: "Edit Token"
-						}, void 0, false, {
-							fileName: _jsxFileName$1,
-							lineNumber: 231,
-							columnNumber: 15
-						}, this)
-					}, void 0, false, {
-						fileName: _jsxFileName$1,
-						lineNumber: 230,
-						columnNumber: 13
-					}, this),
-					/* @__PURE__ */ (void 0)("div", {
-						className: "px-5 py-4 space-y-3",
-						children: /* @__PURE__ */ (void 0)("div", { children: [/* @__PURE__ */ (void 0)("label", {
-							htmlFor: "token-name",
-							className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-							children: "Name"
-						}, void 0, false, {
-							fileName: _jsxFileName$1,
-							lineNumber: 235,
-							columnNumber: 17
-						}, this), /* @__PURE__ */ (void 0)(o, {
-							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"
-						}, void 0, false, {
-							fileName: _jsxFileName$1,
-							lineNumber: 241,
-							columnNumber: 17
-						}, this)] }, void 0, true, {
-							fileName: _jsxFileName$1,
-							lineNumber: 234,
-							columnNumber: 15
-						}, this)
-					}, void 0, false, {
-						fileName: _jsxFileName$1,
-						lineNumber: 233,
-						columnNumber: 13
-					}, this),
-					/* @__PURE__ */ (void 0)("div", {
-						className: "px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2",
-						children: [/* @__PURE__ */ (void 0)("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"
-						}, void 0, false, {
-							fileName: _jsxFileName$1,
-							lineNumber: 250,
-							columnNumber: 15
-						}, this), /* @__PURE__ */ (void 0)("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"
-						}, void 0, false, {
-							fileName: _jsxFileName$1,
-							lineNumber: 257,
-							columnNumber: 15
-						}, this)]
-					}, void 0, true, {
-						fileName: _jsxFileName$1,
-						lineNumber: 249,
-						columnNumber: 13
-					}, this)
-				]
-			}, void 0, true, {
-				fileName: _jsxFileName$1,
-				lineNumber: 229,
-				columnNumber: 11
-			}, this)]
-		}, void 0, true, {
-			fileName: _jsxFileName$1,
-			lineNumber: 223,
-			columnNumber: 9
-		}, this),
-		deleteTarget && /* @__PURE__ */ (void 0)("div", {
-			className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh]",
-			children: [/* @__PURE__ */ (void 0)("div", {
-				className: "absolute inset-0 bg-sand-900/8 backdrop-blur-sm",
-				onClick: () => setDeleteTarget(null),
-				onKeyDown: () => {}
-			}, void 0, false, {
-				fileName: _jsxFileName$1,
-				lineNumber: 273,
-				columnNumber: 11
-			}, this), /* @__PURE__ */ (void 0)("div", {
-				className: "relative panel shadow-xl w-full max-w-sm mx-4",
-				children: [/* @__PURE__ */ (void 0)("div", {
-					className: "px-5 py-4",
-					children: [/* @__PURE__ */ (void 0)("h3", {
-						className: "text-base font-medium text-sand-900",
-						children: "Remove Token"
-					}, void 0, false, {
-						fileName: _jsxFileName$1,
-						lineNumber: 280,
-						columnNumber: 15
-					}, this), /* @__PURE__ */ (void 0)("p", {
-						className: "text-sm text-sand-700 mt-2",
-						children: [
-							"Are you sure you want to remove",
-							" ",
-							/* @__PURE__ */ (void 0)("code", {
-								className: "text-[13px] font-mono text-sand-800",
-								children: maskAccessToken(deleteTarget.credentials)
-							}, void 0, false, {
-								fileName: _jsxFileName$1,
-								lineNumber: 283,
-								columnNumber: 17
-							}, this),
-							deleteTarget.name && /* @__PURE__ */ (void 0)("span", {
-								className: "text-sand-500",
-								children: [
-									" (",
-									deleteTarget.name,
-									")"
-								]
-							}, void 0, true, {
-								fileName: _jsxFileName$1,
-								lineNumber: 286,
-								columnNumber: 39
-							}, this),
-							"?"
-						]
-					}, void 0, true, {
-						fileName: _jsxFileName$1,
-						lineNumber: 281,
-						columnNumber: 15
-					}, this)]
-				}, void 0, true, {
-					fileName: _jsxFileName$1,
-					lineNumber: 279,
-					columnNumber: 13
-				}, this), /* @__PURE__ */ (void 0)("div", {
-					className: "px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2",
-					children: [/* @__PURE__ */ (void 0)("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"
-					}, void 0, false, {
-						fileName: _jsxFileName$1,
-						lineNumber: 291,
-						columnNumber: 15
-					}, this), /* @__PURE__ */ (void 0)("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"
-					}, void 0, false, {
-						fileName: _jsxFileName$1,
-						lineNumber: 298,
-						columnNumber: 15
-					}, this)]
-				}, void 0, true, {
-					fileName: _jsxFileName$1,
-					lineNumber: 290,
-					columnNumber: 13
-				}, this)]
-			}, void 0, true, {
-				fileName: _jsxFileName$1,
-				lineNumber: 278,
-				columnNumber: 11
-			}, this)]
-		}, void 0, true, {
-			fileName: _jsxFileName$1,
-			lineNumber: 272,
-			columnNumber: 9
-		}, this)
-	] }, void 0, true);
-}
-//#endregion
-//#region src/routes/tokens.tsx?tsr-split=component
-var _jsxFileName = "/home/runner/work/qgrid/qgrid/packages/web/src/routes/tokens.tsx?tsr-split=component";
-function TokensPage() {
-	const { data, isLoading } = TokenService.useTokens("A");
-	return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-		className: "max-w-6xl mx-auto space-y-4",
-		children: [/* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", {
-			className: "flex items-center justify-end",
-			children: /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(AddTokenModal, {}, void 0, false, {
-				fileName: _jsxFileName,
-				lineNumber: 11,
-				columnNumber: 9
-			}, this)
-		}, void 0, false, {
-			fileName: _jsxFileName,
-			lineNumber: 10,
-			columnNumber: 7
-		}, this), /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(TokenTable, {
-			data: data?.rows,
-			isLoading
-		}, void 0, false, {
-			fileName: _jsxFileName,
-			lineNumber: 13,
-			columnNumber: 7
-		}, this)]
-	}, void 0, true, {
-		fileName: _jsxFileName,
-		lineNumber: 9,
-		columnNumber: 10
-	}, this);
-}
-//#endregion
-export { TokensPage as component };