@cartanova/qgrid-cli 2.6.10 → 2.7.0

package/bundle/web-dist/server/assets/{settings--aoatERH.js → settings-DOQjV28c.js}

@@ -1,6 +1,6 @@
-import { Y as __toESM, g as require_react, h as require_jsx_runtime, m as useQueryClient } from "./sd.generated-LO-h1_16.js";
-import { a as SettingService } from "./services.generated-CZIChgHV.js";
-import { t as lucidePlus } from "./plus-BISXNqRU.js";
+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();
@@ -55,28 +55,13 @@ var lucideMinus = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg",
 	})
 });
 //#endregion
-//#region ~icons/lucide/rotate-ccw.jsx
-var lucideRotateCcw = (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: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 3v5h5" })]
-	})
-});
-//#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);
@@ -164,7 +149,7 @@ function SettingRow({ item }) {
 	const pending = updateMutation.isPending || resetMutation.isPending;
 	const value = draft ?? item.value;
 	const dirty = draft !== null && draft !== item.value;
-	const invalidate = () => queryClient.invalidateQueries({ queryKey: ["Setting", "getSettingList"] });
+	const invalidate = () => queryClient.invalidateQueries({ queryKey: SettingService.getSettingListQueryOptions().queryKey });
 	const commit = async (next) => {
 		setError(null);
 		try {
@@ -301,8 +286,215 @@ function TriggerReminderButton() {
 		})]
 	});
 }
+/**
+* 재시작은 스스로 종료하고 감독자(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 { data, isLoading } = SettingService.useSettingList();
+	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", {
@@ -323,51 +515,75 @@ function SettingsPanel() {
 			})]
 		}, 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", {
+		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: 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))
+						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))
 				})]
-			}, group);
-		})]
+			}),
+			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