@cartanova/qgrid-cli 2.7.0 → 2.7.2

package/bundle/web-dist/server/assets/settings-DOQjV28c.js

@@ -1,598 +0,0 @@
-import { V as __toESM, _ as useQuery, a as SettingService, b as require_jsx_runtime, h as isAxiosError, n as QgridService, s as isSonamuError, x as require_react, y as useQueryClient } from "./services.generated-D3Q3FYot.js";
-import { s as lucideRotateCcw } from "../entry-server.generated.js";
-import { t as lucidePlus } from "./plus-DLFUHsfx.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/minus.jsx
-var lucideMinus = (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 12h14"
-	})
-});
-//#endregion
-//#region src/components/qgrid/SettingsPanel.tsx
-var GROUP_LABELS = {
-	openai: "OpenAI 워커",
-	slack: "Slack 알림",
-	slackConnection: "Slack 연결"
-};
-var RESTART_READY_TIMEOUT_MS = 180 * 1e3;
-function maskValue(value) {
-	if (!value) return "";
-	if (value.length <= 12) return "•".repeat(value.length);
-	return `${value.slice(0, 8)}${"•".repeat(12)}${value.slice(-4)}`;
-}
-/** 정수·실수는 타이핑보다 증감이 빠르다. 범위도 버튼이 알아서 지킨다. */
-function Stepper({ value, min, max, step, disabled, onChange }) {
-	const current = Number(value);
-	const valid = Number.isFinite(current);
-	const lower = min ?? Number.NEGATIVE_INFINITY;
-	const upper = max ?? Number.POSITIVE_INFINITY;
-	const adjust = (delta) => {
-		const next = Math.min(Math.max((valid ? current : min ?? 0) + delta, lower), upper);
-		onChange(String(Number(next.toFixed(2))));
-	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "inline-flex items-center rounded-lg border border-sand-200/80 bg-white overflow-hidden",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-				type: "button",
-				"aria-label": "감소",
-				onClick: () => adjust(-step),
-				disabled: disabled || valid && current <= lower,
-				className: "size-7 grid place-items-center text-sand-500 hover:bg-sand-100 disabled:opacity-30 disabled:hover:bg-transparent transition-colors duration-150",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideMinus, { className: "size-3" })
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-				value,
-				onChange: (e) => onChange(e.target.value),
-				disabled,
-				inputMode: "decimal",
-				className: "w-12 text-center text-[12px] tabular-nums text-sand-800 bg-transparent border-x border-sand-200/80 py-1 focus:outline-none focus:bg-sand-50"
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-				type: "button",
-				"aria-label": "증가",
-				onClick: () => adjust(step),
-				disabled: disabled || valid && current >= upper,
-				className: "size-7 grid place-items-center text-sand-500 hover:bg-sand-100 disabled:opacity-30 disabled:hover:bg-transparent transition-colors duration-150",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucidePlus, { className: "size-3" })
-			})
-		]
-	});
-}
-/** 고정 선택지. 자유 입력보다 고르는 편이 빠르고, 범위를 벗어난 값이 생기지 않는다. */
-function PresetGroup({ value, presets, disabled, onChange }) {
-	const current = Number(value);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "segmented-control inline-flex",
-		children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-			type: "button",
-			disabled,
-			"data-active": current === preset,
-			onClick: () => onChange(String(preset)),
-			className: "rounded-[6px] px-2.5 py-1 text-[11px] font-medium tabular-nums text-sand-500 transition-colors hover:text-sand-800 disabled:opacity-50 data-[active=true]:text-sand-900",
-			children: preset >= 60 ? `${preset / 60}시간` : `${preset}분`
-		}, preset))
-	});
-}
-/** 값이 어디서 왔는지. 되돌림 버튼이 무엇을 지우는지 이 배지가 설명한다. */
-function SourceBadge({ source }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		className: `text-[10px] px-1.5 py-0.5 rounded ${source === "db" ? "bg-sienna-50 text-sienna-600" : "bg-sand-100 text-sand-500"}`,
-		children: source === "db" ? "저장값" : source === "env" ? "환경변수" : "기본값"
-	});
-}
-function Toggle({ on, disabled, onChange }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": on,
-		disabled,
-		onClick: () => onChange(!on),
-		className: `relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors duration-200 disabled:opacity-50 ${on ? "bg-sage-400" : "bg-sand-300"}`,
-		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 ${on ? "translate-x-4.5" : "translate-x-0.5"}` })
-	});
-}
-function SettingRow({ item }) {
-	const [draft, setDraft] = (0, import_react.useState)(null);
-	const [revealed, setRevealed] = (0, import_react.useState)(false);
-	const [error, setError] = (0, import_react.useState)(null);
-	const queryClient = useQueryClient();
-	const updateMutation = SettingService.useUpdateSettingMutation();
-	const resetMutation = SettingService.useResetSettingMutation();
-	const pending = updateMutation.isPending || resetMutation.isPending;
-	const value = draft ?? item.value;
-	const dirty = draft !== null && draft !== item.value;
-	const invalidate = () => queryClient.invalidateQueries({ queryKey: SettingService.getSettingListQueryOptions().queryKey });
-	const commit = async (next) => {
-		setError(null);
-		try {
-			await updateMutation.mutateAsync({
-				key: item.key,
-				value: next
-			});
-			await invalidate();
-			setDraft(null);
-		} catch (e) {
-			setError(e.message);
-		}
-	};
-	const reset = async () => {
-		setError(null);
-		try {
-			await resetMutation.mutateAsync({ key: item.key });
-			await invalidate();
-			setDraft(null);
-		} catch (e) {
-			setError(e.message);
-		}
-	};
-	const isSecret = item.kind === "secret";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "px-4 py-3 sm:px-5",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-start gap-4",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "text-[13px] text-sand-800",
-							children: item.label
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SourceBadge, { source: item.source }),
-						item.applies === "restart" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "text-[10px] text-caution-500",
-							title: "저장해도 다음 재시작부터 반영됩니다",
-							children: "재시작 필요"
-						})
-					]
-				}), item.help && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "mt-0.5 text-[11px] text-sand-500",
-					children: item.help
-				})]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-1.5 shrink-0",
-				children: [
-					item.kind === "boolean" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
-						on: value === "true",
-						disabled: pending,
-						onChange: (next) => void commit(String(next))
-					}),
-					item.kind === "preset" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PresetGroup, {
-						value,
-						presets: item.presets,
-						disabled: pending,
-						onChange: (next) => void commit(next)
-					}),
-					(item.kind === "integer" || item.kind === "number") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stepper, {
-						value,
-						min: item.min,
-						max: item.max,
-						step: item.kind === "integer" ? 1 : .5,
-						disabled: pending,
-						onChange: setDraft
-					}),
-					(item.kind === "string" || isSecret) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-							value: isSecret && !revealed ? maskValue(value) : value,
-							onChange: (e) => setDraft(e.target.value),
-							onFocus: () => isSecret && setRevealed(true),
-							disabled: pending,
-							className: `w-48 sm:w-64 rounded-lg border border-sand-200/80 bg-white py-1.5 pl-2.5 text-[12px] text-sand-800 focus:outline-none focus:border-sienna-300 ${isSecret ? "pr-8 font-mono" : "pr-2.5"}`
-						}), isSecret && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							type: "button",
-							"aria-label": revealed ? "값 숨기기" : "값 보기",
-							onClick: () => setRevealed((r) => !r),
-							className: "absolute right-1.5 top-1/2 -translate-y-1/2 size-6 grid place-items-center text-sand-400 hover:text-sand-600 transition-colors duration-150",
-							children: revealed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEyeOff, { className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideEye, { className: "size-3.5" })
-						})]
-					}),
-					dirty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: () => void commit(value),
-						disabled: pending,
-						className: "px-2.5 py-1.5 text-[11px] font-medium rounded-lg bg-sienna-400 text-white hover:bg-sienna-500 disabled:opacity-50 transition-colors duration-150",
-						children: updateMutation.isPending ? "저장 중" : "저장"
-					}),
-					!dirty && item.source === "db" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-						type: "button",
-						title: "저장값을 지웁니다 — 환경변수 또는 기본값으로 돌아갑니다",
-						onClick: () => void reset(),
-						disabled: pending,
-						className: "size-7 grid place-items-center rounded-lg text-sand-400 hover:text-sand-600 hover:bg-sand-100 disabled:opacity-50 transition-colors duration-150",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideRotateCcw, { className: "size-3.5" })
-					})
-				]
-			})]
-		}), error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-			className: "mt-1.5 text-[11px] text-red-500",
-			children: error
-		})]
-	});
-}
-/** 만료 알림을 주기를 기다리지 않고 지금 보낸다. 설정이 제대로 붙었는지 확인하는 용도. */
-function TriggerReminderButton() {
-	const [result, setResult] = (0, import_react.useState)(null);
-	const mutation = SettingService.useTriggerExpiryReminderMutation();
-	const trigger = async () => {
-		setResult(null);
-		try {
-			const { sent } = await mutation.mutateAsync();
-			setResult(sent === 0 ? "재로그인이 필요한 토큰이 없습니다" : `${sent}건 발송`);
-		} catch (e) {
-			setResult(e.message);
-		}
-	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2",
-		children: [result && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-			className: "text-[11px] text-sand-500",
-			children: result
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-			type: "button",
-			onClick: () => void trigger(),
-			disabled: mutation.isPending,
-			className: "px-2 py-1 text-[11px] rounded-lg border border-sand-200/80 text-sand-600 hover:bg-sand-100 disabled:opacity-50 transition-colors duration-150",
-			children: mutation.isPending ? "보내는 중" : "지금 보내기"
-		})]
-	});
-}
-/**
-* 재시작은 스스로 종료하고 감독자(pm2)가 다시 띄우는 것에 맡긴다. 되돌릴 수 없고 1~2분간
-* 요청이 실패하므로 확인 단계를 둔다 — 무엇이 일어나는지 모달이 먼저 설명한다.
-*/
-function RestartPanel({ supervisor }) {
-	const [confirming, setConfirming] = (0, import_react.useState)(false);
-	const [restartRequested, setRestartRequested] = (0, import_react.useState)(false);
-	const [restartStartedAt, setRestartStartedAt] = (0, import_react.useState)(null);
-	const [sawUnavailable, setSawUnavailable] = (0, import_react.useState)(false);
-	const [completing, setCompleting] = (0, import_react.useState)(false);
-	const [error, setError] = (0, import_react.useState)(null);
-	const completingRef = (0, import_react.useRef)(false);
-	const restartAttemptRef = (0, import_react.useRef)(0);
-	const queryClient = useQueryClient();
-	const mutation = SettingService.useRestartServerMutation();
-	const resetMutation = mutation.reset;
-	const healthQuery = useQuery({
-		...QgridService.healthQueryOptions(),
-		enabled: restartRequested && !completing,
-		refetchInterval: restartRequested && !completing ? 1e3 : false,
-		refetchIntervalInBackground: true,
-		retry: false
-	});
-	(0, import_react.useEffect)(() => {
-		if (!restartRequested || restartStartedAt === null || completing) return;
-		const remaining = Math.max(0, RESTART_READY_TIMEOUT_MS - (Date.now() - restartStartedAt));
-		const timeout = window.setTimeout(() => {
-			restartAttemptRef.current += 1;
-			resetMutation();
-			setConfirming(false);
-			setRestartRequested(false);
-			setRestartStartedAt(null);
-			setSawUnavailable(false);
-			setError("재시작 후 3분 안에 서버 준비를 확인하지 못했습니다. 상태를 확인한 뒤 다시 시도하세요.");
-		}, remaining);
-		return () => window.clearTimeout(timeout);
-	}, [
-		completing,
-		resetMutation,
-		restartRequested,
-		restartStartedAt
-	]);
-	(0, import_react.useEffect)(() => {
-		if (!restartRequested || restartStartedAt === null) return;
-		const currentAttemptError = healthQuery.isError && healthQuery.errorUpdatedAt >= restartStartedAt;
-		const currentAttemptData = healthQuery.isSuccess && healthQuery.dataUpdatedAt >= restartStartedAt;
-		if (currentAttemptError || currentAttemptData && !healthQuery.data.ready) {
-			setSawUnavailable(true);
-			return;
-		}
-		if (!sawUnavailable || !currentAttemptData || !healthQuery.data.ready || completingRef.current) return;
-		completingRef.current = true;
-		setCompleting(true);
-		queryClient.invalidateQueries({ queryKey: SettingService.getSettingListQueryOptions().queryKey }).then(() => {
-			restartAttemptRef.current += 1;
-			resetMutation();
-			setConfirming(false);
-			setRestartRequested(false);
-			setRestartStartedAt(null);
-			setSawUnavailable(false);
-		}).catch((cause) => {
-			restartAttemptRef.current += 1;
-			resetMutation();
-			setConfirming(false);
-			setRestartRequested(false);
-			setRestartStartedAt(null);
-			setSawUnavailable(false);
-			setError(`서버는 준비됐지만 설정을 새로고침하지 못했습니다: ${cause.message}`);
-		}).finally(() => {
-			completingRef.current = false;
-			setCompleting(false);
-		});
-	}, [
-		healthQuery.dataUpdatedAt,
-		healthQuery.data?.ready,
-		healthQuery.errorUpdatedAt,
-		healthQuery.isError,
-		healthQuery.isSuccess,
-		queryClient,
-		resetMutation,
-		restartStartedAt,
-		restartRequested,
-		sawUnavailable
-	]);
-	const restart = async () => {
-		const attempt = restartAttemptRef.current + 1;
-		restartAttemptRef.current = attempt;
-		setError(null);
-		setSawUnavailable(false);
-		setCompleting(false);
-		completingRef.current = false;
-		setRestartRequested(true);
-		setRestartStartedAt(Date.now());
-		try {
-			await mutation.mutateAsync();
-		} catch (e) {
-			if (restartAttemptRef.current !== attempt) return;
-			if (isSonamuError(e) ? e.code >= 400 && e.code < 500 : isAxiosError(e) && e.response !== void 0 && e.response.status >= 400 && e.response.status < 500) {
-				restartAttemptRef.current += 1;
-				resetMutation();
-				setConfirming(false);
-				setRestartRequested(false);
-				setRestartStartedAt(null);
-				setError(e.message || "재시작 요청이 거부되었습니다.");
-			}
-		}
-	};
-	const closeConfirmation = () => {
-		if (restartRequested) return;
-		setConfirming(false);
-		setError(null);
-	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "panel overflow-hidden",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "panel-header px-4 py-2.5 sm:px-5",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-[13px] font-medium text-sand-700",
-					children: "서버 제어"
-				})
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "px-4 py-3 sm:px-5 flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "min-w-0",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-						className: "text-[13px] text-sand-800",
-						children: "qgrid 재시작"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-						className: "mt-0.5 text-[11px] text-sand-500",
-						children: supervisor ? "재시작 필요 설정을 반영하고 qgrid·Codex·Claude CLI를 확인합니다" : "로컬 실행 환경에서는 재시작할 수 없습니다"
-					})]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-					type: "button",
-					disabled: !supervisor || restartRequested || mutation.isPending,
-					onClick: () => setConfirming(true),
-					className: "shrink-0 px-2.5 py-1.5 text-[11px] font-medium rounded-lg border border-red-200 text-red-600 hover:bg-red-50 disabled:opacity-40 disabled:hover:bg-transparent transition-colors duration-150",
-					children: "재시작"
-				})]
-			}),
-			error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "px-4 pb-3 sm:px-5 text-[11px] text-red-500",
-				children: error
-			}),
-			confirming && /* @__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: closeConfirmation,
-					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: restartRequested ? mutation.isPending ? "재시작 요청 중" : "서버 재연결 중" : "qgrid 재시작"
-							})
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "px-5 py-4 space-y-2",
-							children: [
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-									className: "text-[13px] text-sand-700",
-									children: [
-										"워커가 다시 뜰 때까지 ",
-										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
-											className: "text-sand-900",
-											children: "1~2분간 요청이 실패"
-										}),
-										"합니다."
-									]
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-									className: "text-[12px] text-sand-500",
-									children: "서버를 종료하면 모니터링 도구가 다시 띄웁니다. 이때 재시작 필요 설정을 반영하고, qgrid와 Codex CLI·Claude Code의 최신 버전을 확인합니다."
-								}),
-								restartRequested && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-									className: "text-[12px] font-medium text-sienna-600",
-									children: mutation.isPending ? "종료 요청을 처리하고 있습니다…" : sawUnavailable ? "새 서버가 준비될 때까지 연결을 확인하고 있습니다…" : "서버 종료를 기다리고 있습니다…"
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "px-5 py-3 border-t border-sand-100/60 flex justify-end gap-2",
-							children: [!restartRequested && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-								type: "button",
-								onClick: closeConfirmation,
-								className: "px-3 py-1.5 text-[12px] rounded-lg text-sand-600 hover:bg-sand-100 transition-colors duration-150",
-								children: "취소"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-								type: "button",
-								disabled: restartRequested || mutation.isPending,
-								onClick: () => void restart(),
-								className: "px-3 py-1.5 text-[12px] font-medium rounded-lg bg-red-500 text-white hover:bg-red-600 disabled:opacity-50 transition-colors duration-150",
-								children: restartRequested ? mutation.isPending ? "요청 중" : "재연결 중" : "재시작"
-							})]
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-function SettingsPanel() {
-	const settingsQuery = SettingService.useSettingList();
-	const { data, isLoading } = settingsQuery;
-	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "space-y-4",
-		children: [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "panel overflow-hidden",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "panel-header px-4 py-2.5 sm:px-5",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-24 rounded bg-sand-200 animate-pulse" })
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "divide-y divide-sand-100/80",
-				children: [
-					0,
-					1,
-					2
-				].map((j) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "px-4 py-3 sm:px-5 flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-40 rounded bg-sand-100 animate-pulse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-7 w-24 rounded-lg bg-sand-100 animate-pulse" })]
-				}, j))
-			})]
-		}, i))
-	});
-	if (settingsQuery.isError && !data) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "panel px-5 py-6 text-center",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "text-[13px] font-medium text-sand-800",
-				children: "설정을 불러오지 못했습니다"
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "mt-1 text-[11px] text-red-500",
-				children: settingsQuery.error.message
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-				type: "button",
-				onClick: () => void settingsQuery.refetch(),
-				disabled: settingsQuery.isFetching,
-				className: "mt-3 px-3 py-1.5 text-[12px] rounded-lg border border-sand-200 text-sand-600 hover:bg-sand-100 disabled:opacity-50",
-				children: settingsQuery.isFetching ? "다시 불러오는 중" : "다시 시도"
-			})
-		]
-	});
-	const settings = data?.settings ?? [];
-	const runtime = data?.runtime ?? [];
-	const groups = [...new Set(settings.map((s) => s.group))];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "panel overflow-hidden",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "panel-header flex items-center justify-between px-4 py-2.5 sm:px-5",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "text-[13px] font-medium text-sand-700",
-						children: "환경"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "text-[11px] text-sand-400",
-						children: "기동 시점 값"
-					})]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", {
-					className: "px-4 py-3 sm:px-5 grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-1.5",
-					children: runtime.map((info) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-baseline justify-between gap-3 min-w-0",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-							className: "text-[11px] text-sand-500 shrink-0",
-							children: info.label
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-							className: "text-[12px] font-mono text-sand-700 truncate",
-							children: info.value
-						})]
-					}, info.label))
-				})]
-			}),
-			groups.map((group) => {
-				const items = settings.filter((s) => s.group === group);
-				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "panel overflow-hidden",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "panel-header flex items-center justify-between px-4 py-2.5 sm:px-5",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "text-[13px] font-medium text-sand-700",
-							children: GROUP_LABELS[group] ?? group
-						}), group === "slack" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriggerReminderButton, {})]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "divide-y divide-sand-100/80",
-						children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingRow, { item }, item.key))
-					})]
-				}, group);
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RestartPanel, { supervisor: data?.supervisor ?? null })
-		]
-	});
-}
-//#endregion
-//#region src/routes/settings.tsx?tsr-split=component
-function SettingsPage() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "max-w-4xl mx-auto",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsPanel, {})
-	});
-}
-//#endregion
-export { SettingsPage as component };