@cartanova/qgrid-cli 1.0.4 → 1.1.1

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

@@ -1,860 +0,0 @@
-import { b as require_jsx_runtime, c as array, d as custom, f as date, g as string, h as object, i as SonamuQueryMode, l as bigint, m as number, o as zArrayable, p as int, s as _enum, tt as __toESM, u as boolean, x as require_react, y as useQueryClient } from "./sd.generated-BnonqqKr.js";
-import { r as TokenService, t as QgridService } from "./services.generated-D5ABD5fr.js";
-import { i as lucideKeyRound, n as m5, r as mn } from "../entry-server.generated.js";
-//#region ~icons/lucide/eye.jsx
-var import_react = /* @__PURE__ */ __toESM(require_react());
-var import_jsx_runtime = require_jsx_runtime();
-var lucideEye = (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.jsxs)("g", {
-		fill: "none",
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: 2,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-			cx: 12,
-			cy: 12,
-			r: 3
-		})]
-	})
-});
-//#endregion
-//#region ~icons/lucide/eye-off.jsx
-var lucideEyeOff = (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.jsxs)("g", {
-		fill: "none",
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: 2,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20" })]
-	})
-});
-//#endregion
-//#region ~icons/lucide/plus.jsx
-var lucidePlus = (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: "M5 12h14m-7-7v14"
-	})
-});
-//#endregion
-//#region src/services/sonamu.generated.ts
-/**
-* @generated
-* API에서 동기화된 파일입니다. 직접 수정하지 마세요.
-*/
-var RequestLogOrderBy = _enum(["id-desc"]).describe("RequestLogOrderBy");
-var RequestLogSearchField = _enum([
-	"id",
-	"token_name",
-	"query"
-]).describe("RequestLogSearchField");
-var TokenOrderBy = _enum(["id-desc"]).describe("TokenOrderBy");
-var TokenSearchField = _enum(["id", "name"]).describe("TokenSearchField");
-object({
-	id: int(),
-	created_at: date(),
-	token_name: string().max(100),
-	query: string(),
-	response: string(),
-	input_tokens: int(),
-	output_tokens: int(),
-	cache_read_tokens: int(),
-	cache_creation_tokens: int(),
-	duration_ms: int()
-});
-var TokenBaseSchema = object({
-	id: int(),
-	created_at: date(),
-	token: string(),
-	name: string(),
-	refresh_token: string().nullable(),
-	expires_at: bigint().nullable(),
-	account_uuid: string().nullable(),
-	active: boolean()
-});
-object({
-	num: number().int().nonnegative(),
-	page: number().int().min(1),
-	search: RequestLogSearchField,
-	keyword: string(),
-	orderBy: RequestLogOrderBy,
-	queryMode: SonamuQueryMode,
-	id: zArrayable(number().int().positive()),
-	sonamuFilter: custom(),
-	token_name: string().max(100)
-}).partial();
-object({
-	num: number().int().nonnegative(),
-	page: number().int().min(1),
-	search: TokenSearchField,
-	keyword: string(),
-	orderBy: TokenOrderBy,
-	queryMode: SonamuQueryMode,
-	id: zArrayable(number().int().positive()),
-	sonamuFilter: custom(),
-	token: string()
-}).partial();
-object({
-	id: int(),
-	created_at: date(),
-	token_name: string().max(100),
-	query: string(),
-	response: string(),
-	input_tokens: int(),
-	output_tokens: int(),
-	cache_read_tokens: int(),
-	cache_creation_tokens: int(),
-	duration_ms: int()
-});
-_enum(["A"]);
-object({
-	id: int(),
-	created_at: date(),
-	token: string(),
-	name: string(),
-	refresh_token: string().nullable(),
-	expires_at: bigint().nullable(),
-	account_uuid: string().nullable(),
-	active: boolean()
-});
-_enum(["A"]);
-//#endregion
-//#region src/services/token/token.types.ts
-var TokenSaveParams = TokenBaseSchema.partial({
-	id: true,
-	created_at: true,
-	refresh_token: true,
-	expires_at: true,
-	account_uuid: true,
-	active: true
-});
-TokenSaveParams.pick({
-	id: true,
-	token: true,
-	refresh_token: true,
-	name: true
-});
-//#endregion
-//#region src/components/qgrid/AddTokenModal.tsx
-function AddTokenModal() {
-	const [open, setOpen] = (0, import_react.useState)(false);
-	const [showToken, setShowToken] = (0, import_react.useState)(false);
-	const [oauthLoading, setOauthLoading] = (0, import_react.useState)(false);
-	const { form, register, reset } = m5(TokenSaveParams, {
-		name: "",
-		token: "",
-		refresh_token: ""
-	});
-	const queryClient = useQueryClient();
-	const addMutation = QgridService.useAddTokenMutation();
-	const oauthStartMutation = QgridService.useOauthStartMutation();
-	const handleOAuthLogin = async () => {
-		if (!form.name?.trim()) return;
-		setOauthLoading(true);
-		try {
-			const { authUrl } = await oauthStartMutation.mutateAsync({ name: form.name.trim() });
-			window.location.href = authUrl;
-		} catch {
-			setOauthLoading(false);
-		}
-	};
-	const handleManualSubmit = async () => {
-		if (!form.token?.trim() || !form.name?.trim()) return;
-		if (!(await addMutation.mutateAsync({
-			token: form.token.trim(),
-			name: form.name.trim(),
-			refreshToken: form.refresh_token?.trim() ?? ""
-		})).added) return;
-		await Promise.all([queryClient.invalidateQueries({ queryKey: ["Qgrid"] }), queryClient.invalidateQueries({ queryKey: ["Token"] })]);
-		close();
-	};
-	const close = () => {
-		setOpen(false);
-		reset();
-		setShowToken(false);
-		setOauthLoading(false);
-	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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 active:scale-[0.98] flex items-center gap-1",
-		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",
-			onClick: close,
-			onKeyDown: () => {}
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "relative bg-white rounded-lg 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",
-					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)(mn, {
-							...register("name"),
-							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"
-						})] }),
-						/* @__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: !form.name?.trim() || oauthLoading,
-							onClick: handleOAuthLogin,
-							children: oauthLoading ? /* @__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 Claude"] })
-						}),
-						/* @__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.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-							htmlFor: "oauth-token",
-							className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-							children: "Access Token"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "relative mt-1",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(mn, {
-								type: showToken ? "text" : "password",
-								...register("token"),
-								placeholder: "sk-ant-oat01-...",
-								className: "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 pr-10"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-sand-400 hover:text-sand-600 transition-colors duration-150",
-								onClick: () => setShowToken(!showToken),
-								children: showToken ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEyeOff, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEye, { className: "size-4" })
-							})]
-						})] }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
-								htmlFor: "refresh-token",
-								className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-								children: [
-									"Refresh Token",
-									" ",
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sand-400 normal-case tracking-normal",
-										children: "(optional)"
-									})
-								]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(mn, {
-								type: "password",
-								...register("refresh_token"),
-								placeholder: "sk-ant-ort01-...",
-								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.jsx)("p", {
-								className: "text-[10px] text-sand-400 mt-1",
-								children: "Enables auto-refresh when access token expires (~8h)"
-							})
-						] })
-					]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "px-5 py-3 border-t border-sand-100 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"
-					}), form.token?.trim() && /* @__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: !form.name?.trim() || !form.token?.trim() || addMutation.isPending,
-						onClick: handleManualSubmit,
-						children: addMutation.isPending ? "Adding..." : "Add Token"
-					})]
-				})
-			]
-		})]
-	})] });
-}
-//#endregion
-//#region ~icons/lucide/check.jsx
-var lucideCheck = (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: "M20 6L9 17l-5-5"
-	})
-});
-//#endregion
-//#region ~icons/lucide/copy.jsx
-var lucideCopy = (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.jsxs)("g", {
-		fill: "none",
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: 2,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
-			width: 14,
-			height: 14,
-			x: 8,
-			y: 8,
-			rx: 2,
-			ry: 2
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
-	})
-});
-//#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"
-	})
-});
-object({
-	system: string().optional(),
-	prompt: string(),
-	timeout: number().optional()
-});
-object({
-	text: string(),
-	usage: object({
-		input_tokens: number(),
-		output_tokens: number(),
-		cache_creation_input_tokens: number(),
-		cache_read_input_tokens: number()
-	}),
-	durationMs: number(),
-	costUsd: number()
-});
-object({
-	tokens: array(string()),
-	size: number().optional(),
-	model: string().optional(),
-	timeout: number().optional(),
-	cwd: string().optional(),
-	maxCalls: number().optional()
-});
-object({
-	token: string(),
-	name: string()
-});
-object({ token: string() });
-object({
-	token: string(),
-	name: string(),
-	requests: number(),
-	active: boolean()
-});
-object({ authUrl: string() });
-var RateLimit = object({
-	utilization: number().nullable(),
-	resets_at: string().nullable()
-}).nullable();
-object({
-	error: string().optional(),
-	five_hour: RateLimit.optional(),
-	seven_day: RateLimit.optional(),
-	seven_day_opus: RateLimit.optional(),
-	seven_day_sonnet: RateLimit.optional(),
-	seven_day_oauth_apps: RateLimit.optional(),
-	seven_day_cowork: RateLimit.optional(),
-	extra_usage: object({
-		is_enabled: boolean(),
-		monthly_limit: number().nullable(),
-		used_credits: number().nullable(),
-		utilization: number().nullable()
-	}).nullable().optional()
-});
-object({
-	status: string(),
-	workers: number(),
-	activeTokens: number()
-});
-function maskToken(token) {
-	return token.length > 4 ? `...${token.slice(-4)}` : token;
-}
-//#endregion
-//#region src/components/qgrid/TokenTable.tsx
-function formatExpiry(expiresAt) {
-	if (!expiresAt) return {
-		text: "",
-		color: ""
-	};
-	const diff = Number(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 [showEditToken, setShowEditToken] = (0, import_react.useState)(false);
-	const [showRefreshToken, setShowRefreshToken] = (0, import_react.useState)(false);
-	const [copiedToken, setCopiedToken] = (0, import_react.useState)(false);
-	const [copiedRefreshToken, setCopiedRefreshToken] = (0, import_react.useState)(false);
-	const { form, setForm, register } = m5(TokenSaveParams, {
-		name: "",
-		token: "",
-		active: true
-	});
-	const queryClient = useQueryClient();
-	const removeMutation = QgridService.useRemoveTokenMutation();
-	const updateMutation = QgridService.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({ token: deleteTarget.token });
-		await invalidate();
-		setDeleteTarget(null);
-	};
-	const openEdit = (token) => {
-		setEditTarget(token);
-		setForm({
-			name: token.name ?? "",
-			token: token.token,
-			active: token.active,
-			refresh_token: token.refresh_token ?? ""
-		});
-		setShowEditToken(false);
-		setShowRefreshToken(false);
-		setCopiedToken(false);
-		setCopiedRefreshToken(false);
-	};
-	const handleUpdate = async () => {
-		if (!editTarget) return;
-		const newToken = form.token && form.token !== editTarget.token ? form.token.trim() : void 0;
-		const mutations = [updateMutation.mutateAsync({
-			token: editTarget.token,
-			name: form.name?.trim() ?? "",
-			newToken: newToken ?? "",
-			refreshToken: form.refresh_token?.trim() ?? ""
-		})];
-		if (form.active !== editTarget.active) mutations.push(toggleMutation.mutateAsync({ id: editTarget.id }));
-		await Promise.all(mutations);
-		await invalidate();
-		setEditTarget(null);
-	};
-	const handleCopyToken = () => {
-		if (!editTarget) return;
-		navigator.clipboard.writeText(editTarget.token);
-		setCopiedToken(true);
-		setTimeout(() => setCopiedToken(false), 1500);
-	};
-	const handleCopyRefreshToken = () => {
-		if (!editTarget?.refresh_token) return;
-		navigator.clipboard.writeText(editTarget.refresh_token);
-		setCopiedRefreshToken(true);
-		setTimeout(() => setCopiedRefreshToken(false), 1500);
-	};
-	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: "rounded-lg bg-sand-50 overflow-hidden",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
-				className: "w-full text-sm",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
-					className: "border-b border-sand-200",
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-							className: "text-left px-5 py-3 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-3 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-3 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-3 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-3" })
-					]
-				}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
-					className: "divide-y divide-sand-200/60",
-					children: tokens.map((token) => {
-						const expiry = formatExpiry(token.expires_at);
-						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)("code", {
-										className: "text-[13px] font-mono text-sand-800",
-										children: maskToken(token.token)
-									})
-								}),
-								/* @__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)("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,
-										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",
-				onClick: () => setEditTarget(null),
-				onKeyDown: () => {}
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "relative bg-white rounded-lg 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",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "text-base font-medium text-sand-900",
-							children: "Edit Token"
-						})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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)(mn, {
-								...register("name"),
-								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: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-									id: "token-active",
-									type: "checkbox",
-									checked: form.active ?? true,
-									onChange: (e) => setForm({
-										...form,
-										active: e.target.checked
-									}),
-									className: "h-4 w-4 rounded border-sand-300 text-sienna-500 focus:ring-sienna-300"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-									htmlFor: "token-active",
-									className: "text-sm text-sand-700",
-									children: "Active"
-								})]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-									htmlFor: "token-value",
-									className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-									children: "Token"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "flex items-center gap-1 text-[10px] text-sand-400 hover:text-sienna-500 transition-colors duration-150",
-										onClick: handleCopyToken,
-										children: copiedToken ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCheck, { className: "size-3 text-sage-500" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-											className: "text-sage-500",
-											children: "Copied"
-										})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCopy, { className: "size-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Copy" })] })
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "flex items-center gap-1 text-[10px] text-sand-400 hover:text-sand-600 transition-colors duration-150",
-										onClick: () => setShowEditToken(!showEditToken),
-										children: showEditToken ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEyeOff, { className: "size-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Hide" })] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEye, { className: "size-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Show" })] })
-									})]
-								})]
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-								id: "token-value",
-								type: showEditToken ? "text" : "password",
-								value: form.token || (showEditToken ? editTarget.token : ""),
-								onChange: (e) => setForm({
-									...form,
-									token: e.target.value
-								}),
-								placeholder: showEditToken ? "" : "●●●●●●●●●●●●●●●●",
-								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-400 focus:outline-none focus:border-sienna-300"
-							})] }),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
-										htmlFor: "edit-refresh-token",
-										className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-										children: [
-											"Refresh Token",
-											" ",
-											/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-												className: "text-sand-400 normal-case tracking-normal",
-												children: "(optional)"
-											})
-										]
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: "flex items-center gap-1 text-[10px] text-sand-400 hover:text-sienna-500 transition-colors duration-150",
-											onClick: handleCopyRefreshToken,
-											children: copiedRefreshToken ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCheck, { className: "size-3 text-sage-500" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-												className: "text-sage-500",
-												children: "Copied"
-											})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCopy, { className: "size-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Copy" })] })
-										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: "flex items-center gap-1 text-[10px] text-sand-400 hover:text-sand-600 transition-colors duration-150",
-											onClick: () => setShowRefreshToken(!showRefreshToken),
-											children: showRefreshToken ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEyeOff, { className: "size-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Hide" })] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEye, { className: "size-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Show" })] })
-										})]
-									})]
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-									id: "edit-refresh-token",
-									type: showRefreshToken ? "text" : "password",
-									value: form.refresh_token ?? "",
-									onChange: (e) => setForm({
-										...form,
-										refresh_token: e.target.value
-									}),
-									placeholder: "sk-ant-ort01-...",
-									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.jsx)("p", {
-									className: "text-[10px] text-sand-400 mt-1",
-									children: "Enables auto-refresh when access token expires"
-								})
-							] })
-						]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "px-5 py-3 border-t border-sand-100 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",
-				onClick: () => setDeleteTarget(null),
-				onKeyDown: () => {}
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "relative bg-white rounded-lg 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: maskToken(deleteTarget.token)
-							}),
-							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 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: "space-y-5 max-w-300 mx-auto -translate-x-4",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-				className: "text-xl font-medium text-sand-900 tracking-tight",
-				children: "Tokens"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AddTokenModal, {})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenTable, {
-			data: data?.rows,
-			isLoading
-		})]
-	});
-}
-//#endregion
-export { TokensPage as component };