@yr-kits/dev-copilot 0.1.1 → 0.1.2

package/dist/copilot-overlay-ClRoIHew.mjs

@@ -0,0 +1,1129 @@
+import { n as useDevCopilotConfig } from "./dev-copilot-context-CA9bqV_U.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createEnterKeySubmitHandler } from "@yr-kits/cli/utils/ime-enter-handler";
+
+//#region src/shared/api/create-copilot-api-client.ts
+const DEFAULT_BASE_URL = "http://127.0.0.1:3339";
+const BRIDGE_CONNECTION_ERROR_MESSAGE = "브릿지 서버에 연결하지 못했습니다. 브릿지 서버를 켜주세요.";
+const parseResponse = async (response) => {
+	const payload = await response.json();
+	if (!response.ok) {
+		const errorMessage = typeof payload === "object" && payload && "error" in payload ? payload.error : "요청 처리 중 오류가 발생했습니다.";
+		throw new Error(errorMessage);
+	}
+	return payload;
+};
+const normalizeNetworkError = (error) => {
+	if (error instanceof TypeError && error.message.toLowerCase().includes("failed to fetch")) return new Error(BRIDGE_CONNECTION_ERROR_MESSAGE);
+	if (error instanceof Error) return error;
+	return /* @__PURE__ */ new Error("요청 처리 중 오류가 발생했습니다.");
+};
+const createCopilotApiClient = (options = {}) => {
+	const baseUrl = options.baseUrl ?? DEFAULT_BASE_URL;
+	const fetcher = options.fetcher ?? fetch;
+	const post = async (path, body) => {
+		try {
+			return parseResponse(await fetcher(`${baseUrl}${path}`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify(body)
+			}));
+		} catch (error) {
+			throw normalizeNetworkError(error);
+		}
+	};
+	return {
+		status: async (agent) => {
+			const query = agent ? `?agent=${agent}` : "";
+			try {
+				return parseResponse(await fetcher(`${baseUrl}/status${query}`));
+			} catch (error) {
+				throw normalizeNetworkError(error);
+			}
+		},
+		chat: (payload) => post("/chat", payload),
+		apply: (payload) => post("/apply", payload)
+	};
+};
+
+//#endregion
+//#region src/features/apply-copilot-patch/model/apply-copilot-patch.ts
+const applyCopilotPatch = async (patchId, baseUrl) => {
+	return createCopilotApiClient({ baseUrl }).apply({
+		patchId,
+		approvalToken: `approve:${patchId}`
+	});
+};
+
+//#endregion
+//#region src/features/copilot-session/model/use-copilot-session.ts
+const useCopilotSession = () => {
+	const [open, setOpen] = useState(false);
+	const [prompt, setPrompt] = useState("");
+	const [busy, setBusy] = useState(false);
+	const [applying, setApplying] = useState(false);
+	const [error, setError] = useState(null);
+	const [chatResult, setChatResult] = useState(null);
+	const [toastMessage, setToastMessage] = useState(null);
+	const [selectedAgent, setSelectedAgent] = useState("codex");
+	const [showResponsePanel, setShowResponsePanel] = useState(false);
+	const closePanel = useCallback(() => {
+		setOpen(false);
+		setShowResponsePanel(false);
+	}, []);
+	const togglePanel = useCallback(() => {
+		setOpen((prev) => !prev);
+	}, []);
+	return {
+		open,
+		prompt,
+		setPrompt,
+		busy,
+		applying,
+		error,
+		chatResult,
+		toastMessage,
+		selectedAgent,
+		setSelectedAgent,
+		showResponsePanel,
+		setError,
+		closePanel,
+		openPanel: useCallback(() => {
+			setOpen(true);
+		}, []),
+		togglePanel,
+		toggleResponsePanel: useCallback(() => {
+			setShowResponsePanel((prev) => !prev);
+		}, []),
+		startRequest: useCallback(() => {
+			setBusy(true);
+			setError(null);
+			setShowResponsePanel(true);
+		}, []),
+		finishRequest: useCallback((result) => {
+			setChatResult(result);
+			setBusy(false);
+		}, []),
+		failRequest: useCallback((message) => {
+			setError(message);
+			setBusy(false);
+		}, []),
+		startApply: useCallback(() => {
+			setApplying(true);
+			setError(null);
+		}, []),
+		finishApply: useCallback(() => {
+			setApplying(false);
+		}, []),
+		failApply: useCallback((message) => {
+			setError(message);
+			setApplying(false);
+		}, []),
+		showToast: useCallback((message) => {
+			setToastMessage(message);
+		}, []),
+		clearToast: useCallback(() => {
+			setToastMessage(null);
+		}, [])
+	};
+};
+
+//#endregion
+//#region src/features/select-agent/model/use-agent-status-polling.ts
+const useAgentStatusPolling = (open, selectedAgent, baseUrl) => {
+	const [agentStatus, setAgentStatus] = useState(null);
+	useEffect(() => {
+		if (!open) return;
+		let ignore = false;
+		createCopilotApiClient({ baseUrl }).status(selectedAgent).then((status) => {
+			if (!ignore) setAgentStatus(status);
+		}).catch((caughtError) => {
+			if (!ignore) setAgentStatus({
+				available: false,
+				authenticated: false,
+				agent: selectedAgent,
+				message: caughtError instanceof Error ? caughtError.message : "로컬 에이전트 상태 확인에 실패했습니다."
+			});
+		});
+		return () => {
+			ignore = true;
+		};
+	}, [
+		open,
+		selectedAgent,
+		baseUrl
+	]);
+	return {
+		agentStatus,
+		setAgentStatus
+	};
+};
+
+//#endregion
+//#region src/features/submit-copilot-request/model/submit-copilot-request.ts
+const submitCopilotRequest = async (input) => {
+	return createCopilotApiClient({ baseUrl: input.baseUrl }).chat({
+		selectedText: input.selectedText,
+		prompt: input.prompt,
+		mode: input.mode,
+		context: {
+			route: input.route,
+			fileHints: input.allowedPaths,
+			previousResponse: input.previousResponse,
+			agent: input.selectedAgent
+		}
+	});
+};
+
+//#endregion
+//#region src/entities/agent/model.ts
+const AGENT_LABELS = {
+	codex: "Codex CLI",
+	claude: "Claude Code CLI"
+};
+const isAgentReady = (status) => {
+	if (!status) return true;
+	return status.available && status.authenticated;
+};
+
+//#endregion
+//#region src/entities/patch/model.ts
+const hasApplicablePatch = (chatResult) => {
+	return Boolean(chatResult?.patchId);
+};
+
+//#endregion
+//#region src/entities/session/model.ts
+const toPreviousResponse = (chatResult) => {
+	if (!chatResult) return;
+	return [`message:\n${chatResult.message}`, chatResult.patchPreview ? `patchPreview:\n${chatResult.patchPreview}` : ""].filter(Boolean).join("\n\n");
+};
+
+//#endregion
+//#region src/shared/lib/error.ts
+const toErrorMessage = (error, fallbackMessage) => {
+	return error instanceof Error ? error.message : fallbackMessage;
+};
+
+//#endregion
+//#region src/shared/ui/use-selection-capture.ts
+const OVERLAY_ATTRIBUTE = "data-dev-copilot-overlay";
+const toSelectionText = () => {
+	return window.getSelection()?.toString().trim() ?? "";
+};
+const isNodeInsideOverlay = (node) => {
+	if (!node) return false;
+	const element = node instanceof Element ? node : node.parentElement;
+	return Boolean(element?.closest(`[${OVERLAY_ATTRIBUTE}]`));
+};
+const isInsideOverlay = (target) => {
+	return target instanceof Element && Boolean(target.closest(`[${OVERLAY_ATTRIBUTE}]`));
+};
+const useSelectionCapture = () => {
+	const [selectedText, setSelectedText] = useState("");
+	const syncSelection = useCallback((event) => {
+		const selection = window.getSelection();
+		const startedInsideOverlay = isNodeInsideOverlay(selection?.anchorNode ?? null);
+		const endedInsideOverlay = isNodeInsideOverlay(selection?.focusNode ?? null);
+		if (isInsideOverlay(event.target) || startedInsideOverlay || endedInsideOverlay) return;
+		const nextSelectedText = selection?.toString().trim() ?? toSelectionText();
+		if (!nextSelectedText) return;
+		setSelectedText(nextSelectedText);
+	}, []);
+	useEffect(() => {
+		document.addEventListener("mouseup", syncSelection);
+		document.addEventListener("keyup", syncSelection);
+		return () => {
+			document.removeEventListener("mouseup", syncSelection);
+			document.removeEventListener("keyup", syncSelection);
+		};
+	}, [syncSelection]);
+	return {
+		selectedText,
+		setSelectedText
+	};
+};
+
+//#endregion
+//#region src/widgets/copilot-overlay/model/use-draggable-fab.ts
+const FLOATING_BUTTON_SIZE = 48;
+const DRAG_CLICK_THRESHOLD = 4;
+const DEFAULT_FLOATING_OFFSET = 24;
+const FLOATING_Z_INDEX = 2147483e3;
+const clampPosition = (value, max) => {
+	return Math.min(Math.max(value, 0), Math.max(0, max - FLOATING_BUTTON_SIZE));
+};
+const useDraggableFab = () => {
+	const [position, setPosition] = useState(null);
+	const dragStateRef = useRef(null);
+	const suppressMainToggleClickRef = useRef(false);
+	useEffect(() => {
+		const onResize = () => {
+			setPosition((prev) => {
+				if (!prev) return prev;
+				return {
+					x: clampPosition(prev.x, window.innerWidth),
+					y: clampPosition(prev.y, window.innerHeight)
+				};
+			});
+		};
+		window.addEventListener("resize", onResize);
+		return () => window.removeEventListener("resize", onResize);
+	}, []);
+	const onPointerDown = useCallback((event, origin) => {
+		if (event.button !== 0) return;
+		event.currentTarget.setPointerCapture(event.pointerId);
+		dragStateRef.current = {
+			pointerId: event.pointerId,
+			startX: event.clientX,
+			startY: event.clientY,
+			originX: origin?.x ?? 0,
+			originY: origin?.y ?? 0,
+			moved: false
+		};
+	}, []);
+	const onPointerMove = useCallback((event) => {
+		const dragState = dragStateRef.current;
+		if (!dragState || dragState.pointerId !== event.pointerId) return;
+		const deltaX = event.clientX - dragState.startX;
+		const deltaY = event.clientY - dragState.startY;
+		if (!(Math.abs(deltaX) > DRAG_CLICK_THRESHOLD || Math.abs(deltaY) > DRAG_CLICK_THRESHOLD) && !dragState.moved) return;
+		dragState.moved = true;
+		setPosition({
+			x: clampPosition(dragState.originX + deltaX, window.innerWidth),
+			y: clampPosition(dragState.originY + deltaY, window.innerHeight)
+		});
+	}, []);
+	const onPointerEnd = useCallback((event) => {
+		if (dragStateRef.current?.pointerId !== event.pointerId) return;
+		suppressMainToggleClickRef.current = dragStateRef.current.moved;
+		dragStateRef.current = null;
+		event.currentTarget.releasePointerCapture(event.pointerId);
+	}, []);
+	const consumeToggleSuppression = useCallback(() => {
+		if (suppressMainToggleClickRef.current) {
+			suppressMainToggleClickRef.current = false;
+			return true;
+		}
+		return false;
+	}, []);
+	const resetDragState = useCallback(() => {
+		dragStateRef.current = null;
+		suppressMainToggleClickRef.current = false;
+		setPosition(null);
+	}, []);
+	return {
+		position,
+		floatingWrapperStyle: useMemo(() => {
+			if (position) return {
+				position: "fixed",
+				zIndex: FLOATING_Z_INDEX,
+				left: `${position.x}px`,
+				top: `${position.y}px`
+			};
+			return {
+				position: "fixed",
+				right: DEFAULT_FLOATING_OFFSET,
+				bottom: DEFAULT_FLOATING_OFFSET,
+				zIndex: FLOATING_Z_INDEX
+			};
+		}, [position]),
+		onPointerDown,
+		onPointerMove,
+		onPointerEnd,
+		consumeToggleSuppression,
+		resetDragState
+	};
+};
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/tokens.ts
+const OVERLAY_TOKENS = {
+	floatingButtonSize: 48,
+	panelWidth: "min(1028px, calc(100vw - 48px))",
+	inputPanelWidth: 420,
+	railWidth: 36
+};
+const OVERLAY_FONT = {
+	sans: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+	mono: "ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Consolas, monospace"
+};
+const OVERLAY_COLOR = {
+	textPrimary: "#111827",
+	textSecondary: "#6b7280",
+	textMuted: "#64748b",
+	textDark: "#0f172a",
+	border: "#e5e7eb",
+	borderSoft: "#d1d5db",
+	backgroundBase: "#f8fafc",
+	backgroundWhite: "#ffffff",
+	brandButtonBg: "#fff4b8",
+	brandButtonBorder: "#f2d675",
+	brandButtonText: "#ffb03d",
+	primaryActionBg: "#111827",
+	secondaryActionBg: "#2563eb",
+	successText: "#15803d",
+	successBorder: "#bbf7d0",
+	successBackground: "#f0fdf4",
+	dangerText: "#dc2626",
+	dangerBorder: "#fca5a5",
+	dangerBackground: "#fef2f2",
+	spinnerTop: "#2563eb"
+};
+const OVERLAY_LABELS = {
+	title: "Dev Copilot",
+	subtitle: "텍스트를 드래그한 뒤 Command+F(또는 Ctrl+F)로 Copilot을 열어 주세요.",
+	promptPlaceholder: "무엇을 도와드릴까요?",
+	askButton: "질문",
+	editButton: "코드 수정 제안",
+	applyButton: "미리보기 적용",
+	applyingButton: "적용 중..."
+};
+const OVERLAY_STYLE_TEXT = `
+.yrdc-trigger{transition:transform 150ms ease-out, box-shadow 150ms ease-out}
+.yrdc-trigger:hover{transform:scale(1.05)}
+.yrdc-pressable{transition:transform 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out}
+.yrdc-pressable:hover{transform:translateY(-1px)}
+.yrdc-spinner{animation:yrdc-spin 1s linear infinite}
+.yrdc-field:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.14);border-color:#93c5fd}
+@keyframes yrdc-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+`;
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/styles.ts
+const createPanelStyle = (showResponsePanel) => ({
+	position: "relative",
+	marginTop: 12,
+	display: "grid",
+	gridTemplateColumns: showResponsePanel ? `${OVERLAY_TOKENS.inputPanelWidth}px ${OVERLAY_TOKENS.railWidth}px minmax(0, 1fr)` : `${OVERLAY_TOKENS.inputPanelWidth}px ${OVERLAY_TOKENS.railWidth}px`,
+	width: showResponsePanel ? OVERLAY_TOKENS.panelWidth : OVERLAY_TOKENS.inputPanelWidth + OVERLAY_TOKENS.railWidth,
+	maxHeight: "calc(100vh - 96px)",
+	overflow: "hidden",
+	border: `1px solid ${OVERLAY_COLOR.border}`,
+	borderRadius: 24,
+	background: OVERLAY_COLOR.backgroundBase,
+	boxShadow: "0 18px 60px rgba(15, 23, 42, 0.16)",
+	color: OVERLAY_COLOR.textDark,
+	fontFamily: OVERLAY_FONT.sans,
+	textAlign: "left"
+});
+const triggerButtonStyle = {
+	display: "flex",
+	width: OVERLAY_TOKENS.floatingButtonSize,
+	height: OVERLAY_TOKENS.floatingButtonSize,
+	borderRadius: 9999,
+	border: `1px solid ${OVERLAY_COLOR.brandButtonBorder}`,
+	background: OVERLAY_COLOR.brandButtonBg,
+	color: OVERLAY_COLOR.brandButtonText,
+	alignItems: "center",
+	justifyContent: "center",
+	boxShadow: "0 12px 28px rgba(15, 23, 42, 0.18)",
+	cursor: "grab"
+};
+const railStyle = {
+	display: "flex",
+	minHeight: 320,
+	alignItems: "center",
+	justifyContent: "center",
+	borderLeft: `1px solid ${OVERLAY_COLOR.border}`,
+	background: OVERLAY_COLOR.backgroundBase
+};
+const railToggleStyle = {
+	display: "flex",
+	width: 24,
+	height: 24,
+	border: "0",
+	background: "transparent",
+	color: OVERLAY_COLOR.textMuted,
+	cursor: "pointer",
+	alignItems: "center",
+	justifyContent: "center"
+};
+const inputPanelStyle = {
+	padding: 16,
+	minHeight: 0,
+	overflowY: "auto",
+	background: OVERLAY_COLOR.backgroundWhite
+};
+const responsePanelStyle = {
+	minHeight: 0,
+	overflow: "hidden",
+	padding: 16,
+	borderLeft: `1px solid ${OVERLAY_COLOR.border}`,
+	background: OVERLAY_COLOR.backgroundBase
+};
+const titleStyle = {
+	margin: 0,
+	fontSize: 18,
+	fontWeight: 700,
+	lineHeight: 1.4,
+	color: OVERLAY_COLOR.textPrimary
+};
+const subtitleStyle = {
+	margin: "4px 0 0",
+	fontSize: 14,
+	lineHeight: 1.5,
+	color: OVERLAY_COLOR.textSecondary,
+	wordBreak: "keep-all"
+};
+const statusBoxStyle = {
+	marginTop: 12,
+	border: `1px solid ${OVERLAY_COLOR.border}`,
+	borderRadius: 16,
+	background: OVERLAY_COLOR.backgroundWhite,
+	padding: "12px 14px",
+	fontSize: 14,
+	lineHeight: 1.6,
+	color: OVERLAY_COLOR.textSecondary
+};
+const statusLineStyle = { margin: 0 };
+const labelStyle = {
+	display: "block",
+	marginTop: 16,
+	fontSize: 14,
+	lineHeight: 1.5,
+	color: OVERLAY_COLOR.textSecondary
+};
+const textareaStyle = {
+	width: "100%",
+	resize: "vertical",
+	borderRadius: 16,
+	border: `1px solid ${OVERLAY_COLOR.border}`,
+	background: OVERLAY_COLOR.backgroundWhite,
+	padding: "12px 14px",
+	marginTop: 6,
+	fontSize: 15,
+	lineHeight: 1.7,
+	color: OVERLAY_COLOR.textPrimary,
+	boxSizing: "border-box",
+	minHeight: 132
+};
+const agentToggleRowStyle = {
+	display: "flex",
+	gap: 8,
+	marginTop: 6
+};
+const agentToggleButtonStyle = {
+	border: 0,
+	borderRadius: 10,
+	padding: "8px 12px",
+	fontSize: 13,
+	fontWeight: 600,
+	lineHeight: 1.2,
+	cursor: "pointer"
+};
+const buttonRowStyle = {
+	display: "flex",
+	alignItems: "center",
+	gap: 8,
+	marginTop: 16
+};
+const buttonStyle = {
+	border: 0,
+	borderRadius: 12,
+	padding: "10px 14px",
+	fontSize: 14,
+	fontWeight: 600,
+	lineHeight: 1,
+	cursor: "pointer"
+};
+const responseCardStyle = {
+	marginTop: 12,
+	minHeight: 0,
+	flex: 1,
+	overflowY: "auto",
+	borderRadius: 18,
+	border: `1px solid ${OVERLAY_COLOR.border}`,
+	background: OVERLAY_COLOR.backgroundWhite,
+	padding: 16
+};
+const busyContainerStyle = {
+	display: "flex",
+	height: "100%",
+	minHeight: 192,
+	alignItems: "center",
+	justifyContent: "center",
+	gap: 12,
+	color: OVERLAY_COLOR.textSecondary,
+	fontSize: 14
+};
+const spinnerStyle = {
+	display: "inline-block",
+	width: 18,
+	height: 18,
+	borderRadius: 9999,
+	border: `2px solid ${OVERLAY_COLOR.borderSoft}`,
+	borderTopColor: OVERLAY_COLOR.spinnerTop
+};
+const articleStyle = {
+	display: "flex",
+	flexDirection: "column",
+	gap: 12
+};
+const errorBoxStyle = {
+	margin: 0,
+	border: `1px solid ${OVERLAY_COLOR.dangerBorder}`,
+	borderRadius: 12,
+	background: OVERLAY_COLOR.dangerBackground,
+	padding: "10px 12px",
+	fontSize: 14,
+	lineHeight: 1.6,
+	color: OVERLAY_COLOR.dangerText,
+	whiteSpace: "pre-wrap",
+	wordBreak: "break-word",
+	overflowWrap: "anywhere"
+};
+const warningBoxStyle = {
+	display: "flex",
+	flexDirection: "column",
+	gap: 6,
+	border: `1px solid ${OVERLAY_COLOR.dangerBorder}`,
+	borderRadius: 12,
+	background: OVERLAY_COLOR.dangerBackground,
+	padding: "10px 12px",
+	fontSize: 14,
+	lineHeight: 1.6,
+	color: OVERLAY_COLOR.dangerText,
+	wordBreak: "break-word",
+	overflowWrap: "anywhere"
+};
+const messageStyle = {
+	margin: 0,
+	whiteSpace: "pre-wrap",
+	wordBreak: "break-word",
+	overflowWrap: "anywhere",
+	fontSize: 15,
+	lineHeight: 1.7,
+	color: OVERLAY_COLOR.textPrimary
+};
+const patchPreviewStyle = {
+	margin: 0,
+	maxHeight: 288,
+	overflow: "auto",
+	borderRadius: 12,
+	border: `1px solid ${OVERLAY_COLOR.border}`,
+	background: OVERLAY_COLOR.backgroundBase,
+	padding: 12,
+	fontSize: 13,
+	lineHeight: 1.6,
+	color: OVERLAY_COLOR.textPrimary,
+	fontFamily: OVERLAY_FONT.mono,
+	whiteSpace: "pre-wrap",
+	wordBreak: "break-word"
+};
+const placeholderStyle = {
+	margin: 0,
+	fontSize: 14,
+	lineHeight: 1.6,
+	color: OVERLAY_COLOR.textSecondary
+};
+const toastStyle = {
+	position: "fixed",
+	top: 16,
+	right: 16,
+	zIndex: 2147483600,
+	maxWidth: 360,
+	borderRadius: 16,
+	border: `1px solid ${OVERLAY_COLOR.successBorder}`,
+	background: OVERLAY_COLOR.successBackground,
+	color: OVERLAY_COLOR.successText,
+	padding: "12px 14px",
+	boxShadow: "0 12px 28px rgba(15, 23, 42, 0.12)",
+	fontFamily: OVERLAY_FONT.sans,
+	fontSize: 14,
+	lineHeight: 1.6
+};
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/agent-selector.tsx
+function AgentSelector({ selectedAgent, disabled, onSelect }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("label", {
+		style: labelStyle,
+		children: "에이전트"
+	}), /* @__PURE__ */ jsx("div", {
+		style: agentToggleRowStyle,
+		children: ["codex", "claude"].map((agent) => {
+			const active = selectedAgent === agent;
+			return /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "yrdc-pressable",
+				onClick: () => onSelect(agent),
+				disabled,
+				style: {
+					...agentToggleButtonStyle,
+					background: active ? "#111827" : "#e2e8f0",
+					color: active ? "#ffffff" : "#1e293b",
+					opacity: disabled ? .6 : 1
+				},
+				children: AGENT_LABELS[agent]
+			}, agent);
+		})
+	})] });
+}
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/agent-status-card.tsx
+function AgentStatusCard({ selectedAgent, agentStatus }) {
+	return /* @__PURE__ */ jsxs("div", {
+		style: statusBoxStyle,
+		children: [
+			/* @__PURE__ */ jsxs("p", {
+				style: statusLineStyle,
+				children: ["로컬 에이전트: ", AGENT_LABELS[selectedAgent]]
+			}),
+			agentStatus?.model ? /* @__PURE__ */ jsxs("p", {
+				style: statusLineStyle,
+				children: ["모델: ", agentStatus.model]
+			}) : null,
+			agentStatus ? /* @__PURE__ */ jsxs("p", {
+				style: {
+					...statusLineStyle,
+					color: agentStatus.authenticated ? "#15803d" : "#dc2626"
+				},
+				children: [agentStatus.message, agentStatus.loginCommand && !agentStatus.message.includes(agentStatus.loginCommand) ? ` 터미널에서 ${agentStatus.loginCommand} 실행` : ""]
+			}) : null
+		]
+	});
+}
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/button-style.ts
+const BUTTON_COLORS = {
+	primary: {
+		background: "#2563eb",
+		color: "#ffffff"
+	},
+	secondary: {
+		background: "#111827",
+		color: "#ffffff"
+	},
+	success: {
+		background: "#15803d",
+		color: "#ffffff"
+	}
+};
+const createActionButtonStyle = (variant, disabled = false, overrides = {}) => ({
+	...buttonStyle,
+	...BUTTON_COLORS[variant],
+	opacity: disabled ? .55 : 1,
+	...overrides
+});
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/copilot-request-form.tsx
+function CopilotRequestForm({ selectedText, prompt, busy, selectedAgent, agentStatus, onSelectedTextChange, onPromptChange, onAgentChange, onSubmit }) {
+	const submitDisabled = busy || !isAgentReady(agentStatus);
+	const handlePromptKeyDown = createEnterKeySubmitHandler(() => onSubmit("edit"));
+	return /* @__PURE__ */ jsxs("div", {
+		style: inputPanelStyle,
+		children: [
+			/* @__PURE__ */ jsxs("header", { children: [/* @__PURE__ */ jsx("p", {
+				style: titleStyle,
+				children: OVERLAY_LABELS.title
+			}), /* @__PURE__ */ jsx("p", {
+				style: subtitleStyle,
+				children: OVERLAY_LABELS.subtitle
+			})] }),
+			/* @__PURE__ */ jsx(AgentStatusCard, {
+				selectedAgent,
+				agentStatus
+			}),
+			/* @__PURE__ */ jsx(AgentSelector, {
+				selectedAgent,
+				disabled: busy,
+				onSelect: onAgentChange
+			}),
+			/* @__PURE__ */ jsx("label", {
+				style: labelStyle,
+				children: "선택 텍스트"
+			}),
+			/* @__PURE__ */ jsx("textarea", {
+				value: selectedText,
+				onChange: (event) => onSelectedTextChange(event.target.value),
+				rows: 5,
+				className: "yrdc-field",
+				style: textareaStyle
+			}),
+			/* @__PURE__ */ jsx("label", {
+				style: labelStyle,
+				children: "프롬프트"
+			}),
+			/* @__PURE__ */ jsx("textarea", {
+				value: prompt,
+				onChange: (event) => onPromptChange(event.target.value),
+				onKeyDown: handlePromptKeyDown,
+				rows: 4,
+				placeholder: OVERLAY_LABELS.promptPlaceholder,
+				className: "yrdc-field",
+				style: textareaStyle
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				style: buttonRowStyle,
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "yrdc-pressable",
+					onClick: () => onSubmit("answer"),
+					disabled: submitDisabled,
+					style: createActionButtonStyle("secondary", submitDisabled),
+					children: OVERLAY_LABELS.askButton
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "yrdc-pressable",
+					onClick: () => onSubmit("edit"),
+					disabled: submitDisabled,
+					style: createActionButtonStyle("primary", submitDisabled),
+					children: OVERLAY_LABELS.editButton
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/copilot-response-panel.tsx
+function CopilotResponsePanel({ busy, applying, error, chatResult, selectedAgent, onApply }) {
+	return /* @__PURE__ */ jsx("aside", {
+		style: responsePanelStyle,
+		children: /* @__PURE__ */ jsxs("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				minHeight: 320,
+				height: "100%"
+			},
+			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", {
+				style: titleStyle,
+				children: "응답"
+			}) }), /* @__PURE__ */ jsx("div", {
+				style: responseCardStyle,
+				children: busy ? /* @__PURE__ */ jsxs("div", {
+					style: busyContainerStyle,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "yrdc-spinner",
+						style: spinnerStyle
+					}), /* @__PURE__ */ jsxs("span", { children: [AGENT_LABELS[selectedAgent], " 응답을 기다리는 중입니다."] })]
+				}) : chatResult ? /* @__PURE__ */ jsxs("article", {
+					style: articleStyle,
+					children: [
+						error ? /* @__PURE__ */ jsx("p", {
+							style: errorBoxStyle,
+							children: error
+						}) : null,
+						chatResult.warnings.length ? /* @__PURE__ */ jsx("div", {
+							style: warningBoxStyle,
+							children: chatResult.warnings.map((warning) => /* @__PURE__ */ jsx("p", {
+								style: { margin: 0 },
+								children: warning
+							}, warning))
+						}) : null,
+						/* @__PURE__ */ jsx("p", {
+							style: messageStyle,
+							children: chatResult.message
+						}),
+						chatResult.patchPreview ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("pre", {
+							style: patchPreviewStyle,
+							children: chatResult.patchPreview
+						}), chatResult.patchId ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: "yrdc-pressable",
+							onClick: onApply,
+							disabled: applying,
+							style: createActionButtonStyle("success", applying, { alignSelf: "flex-start" }),
+							children: applying ? OVERLAY_LABELS.applyingButton : OVERLAY_LABELS.applyButton
+						}) : null] }) : null
+					]
+				}) : error ? /* @__PURE__ */ jsx("p", {
+					style: errorBoxStyle,
+					children: error
+				}) : /* @__PURE__ */ jsx("p", {
+					style: placeholderStyle,
+					children: "질문 또는 코드 수정 제안을 실행하면 이 영역에 결과가 표시됩니다."
+				})
+			})]
+		})
+	});
+}
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/constants.ts
+const TOAST_DURATION_MS = 3e3;
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/overlay-toast.tsx
+function OverlayToast({ message }) {
+	if (!message) return null;
+	return /* @__PURE__ */ jsx("div", {
+		style: toastStyle,
+		children: /* @__PURE__ */ jsx("p", {
+			"aria-live": "polite",
+			style: { margin: 0 },
+			children: message
+		})
+	});
+}
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/icons.tsx
+const SparklesIcon = (props) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M12 3.75 13.68 8.32 18.25 10 13.68 11.68 12 16.25 10.32 11.68 5.75 10 10.32 8.32 12 3.75Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M18.5 3.75 19.08 5.42 20.75 6 19.08 6.58 18.5 8.25 17.92 6.58 16.25 6 17.92 5.42 18.5 3.75Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M6 15.5 7 18.25 9.75 19.25 7 20.25 6 23 5 20.25 2.25 19.25 5 18.25 6 15.5Z" })
+		]
+	});
+};
+const PanelRightOpenIcon = (props) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "3.75",
+				y: "4.75",
+				width: "16.5",
+				height: "14.5",
+				rx: "2.25"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M8.75 4.75v14.5" }),
+			/* @__PURE__ */ jsx("path", { d: "m13 9.25 3 2.75-3 2.75" })
+		]
+	});
+};
+const PanelRightCloseIcon = (props) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "3.75",
+				y: "4.75",
+				width: "16.5",
+				height: "14.5",
+				rx: "2.25"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M15.25 4.75v14.5" }),
+			/* @__PURE__ */ jsx("path", { d: "m11 9.25-3 2.75 3 2.75" })
+		]
+	});
+};
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/overlay-trigger.tsx
+function OverlayTrigger({ onClick, onPointerDown, onPointerMove, onPointerEnd }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "yrdc-trigger",
+		style: triggerButtonStyle,
+		onClick,
+		onPointerDown,
+		onPointerMove,
+		onPointerUp: onPointerEnd,
+		onPointerCancel: onPointerEnd,
+		"aria-label": "Dev Copilot 열기",
+		title: "Dev Copilot 열기/닫기 / 드래그해서 이동",
+		children: /* @__PURE__ */ jsx(SparklesIcon, {
+			"aria-hidden": true,
+			style: {
+				width: 16,
+				height: 16
+			}
+		})
+	});
+}
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/response-panel-rail.tsx
+function ResponsePanelRail({ showResponsePanel, onToggle }) {
+	return /* @__PURE__ */ jsx("div", {
+		style: railStyle,
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "yrdc-pressable",
+			style: railToggleStyle,
+			onClick: onToggle,
+			"aria-label": showResponsePanel ? "응답 패널 닫기" : "응답 패널 열기",
+			title: showResponsePanel ? "응답 패널 닫기" : "응답 패널 열기",
+			children: showResponsePanel ? /* @__PURE__ */ jsx(PanelRightCloseIcon, {
+				"aria-hidden": true,
+				style: {
+					width: 14,
+					height: 14
+				}
+			}) : /* @__PURE__ */ jsx(PanelRightOpenIcon, {
+				"aria-hidden": true,
+				style: {
+					width: 14,
+					height: 14
+				}
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/widgets/copilot-overlay/ui/copilot-overlay.tsx
+function CopilotOverlayWidget() {
+	const config = useDevCopilotConfig();
+	const { selectedText, setSelectedText } = useSelectionCapture();
+	const session = useCopilotSession();
+	const { agentStatus } = useAgentStatusPolling(session.open, session.selectedAgent, config.bridgeBaseUrl);
+	const draggable = useDraggableFab();
+	const containerRef = useRef(null);
+	useEffect(() => {
+		if (!session.open) return;
+		const onPointerDownOutside = (event) => {
+			const target = event.target;
+			if (!(target instanceof Node)) return;
+			if (containerRef.current?.contains(target)) return;
+			session.closePanel();
+			draggable.resetDragState();
+		};
+		document.addEventListener("pointerdown", onPointerDownOutside);
+		return () => document.removeEventListener("pointerdown", onPointerDownOutside);
+	}, [
+		session.open,
+		session.closePanel,
+		draggable.resetDragState
+	]);
+	useEffect(() => {
+		const onKeyDown = (event) => {
+			if (!(event.key.toLowerCase() === "f" && (event.metaKey || event.ctrlKey))) return;
+			const target = event.target;
+			if (target instanceof Element && target.closest(`[${OVERLAY_ATTRIBUTE}]`)) return;
+			const nextSelectedText = (window.getSelection()?.toString().trim() ?? "") || selectedText.trim();
+			if (!nextSelectedText) return;
+			event.preventDefault();
+			setSelectedText(nextSelectedText);
+			session.openPanel();
+		};
+		document.addEventListener("keydown", onKeyDown);
+		return () => document.removeEventListener("keydown", onKeyDown);
+	}, [
+		selectedText,
+		setSelectedText,
+		session.openPanel
+	]);
+	if (!config.enabled) return null;
+	const onSubmit = async (mode) => {
+		if (!isAgentReady(agentStatus)) {
+			session.setError(agentStatus?.message ?? "에이전트 상태를 확인할 수 없습니다.");
+			return;
+		}
+		if (!session.prompt.trim()) {
+			session.setError("프롬프트를 입력해 주세요.");
+			return;
+		}
+		session.startRequest();
+		try {
+			const route = typeof window !== "undefined" ? window.location.pathname : void 0;
+			const result = await submitCopilotRequest({
+				selectedText,
+				prompt: session.prompt,
+				mode,
+				allowedPaths: config.allowedPaths,
+				previousResponse: toPreviousResponse(session.chatResult),
+				selectedAgent: session.selectedAgent,
+				route,
+				baseUrl: config.bridgeBaseUrl
+			});
+			session.finishRequest(result);
+		} catch (error) {
+			session.failRequest(toErrorMessage(error, "요청 처리 중 오류가 발생했습니다."));
+		}
+	};
+	const onApply = async () => {
+		if (!hasApplicablePatch(session.chatResult)) {
+			session.setError("적용 가능한 패치가 없습니다.");
+			return;
+		}
+		session.startApply();
+		try {
+			const result = await applyCopilotPatch(session.chatResult.patchId, config.bridgeBaseUrl);
+			if (result.applied) {
+				session.showToast(result.summary);
+				window.setTimeout(session.clearToast, TOAST_DURATION_MS);
+			}
+			session.finishApply();
+		} catch (error) {
+			session.failApply(toErrorMessage(error, "패치 적용 중 오류가 발생했습니다."));
+		}
+	};
+	const onMainToggleClick = () => {
+		if (draggable.consumeToggleSuppression()) return;
+		if (session.open) draggable.resetDragState();
+		session.togglePanel();
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("style", { children: OVERLAY_STYLE_TEXT }),
+		/* @__PURE__ */ jsx(OverlayToast, { message: session.toastMessage }),
+		/* @__PURE__ */ jsxs("div", {
+			ref: containerRef,
+			style: draggable.floatingWrapperStyle,
+			[OVERLAY_ATTRIBUTE]: "",
+			children: [/* @__PURE__ */ jsx(OverlayTrigger, {
+				onClick: onMainToggleClick,
+				onPointerDown: (event) => {
+					const wrapperRect = containerRef.current?.getBoundingClientRect();
+					const originX = draggable.position?.x ?? wrapperRect?.left ?? 0;
+					const originY = draggable.position?.y ?? wrapperRect?.top ?? 0;
+					draggable.onPointerDown(event, {
+						x: originX,
+						y: originY
+					});
+				},
+				onPointerMove: draggable.onPointerMove,
+				onPointerEnd: draggable.onPointerEnd
+			}), session.open ? /* @__PURE__ */ jsxs("section", {
+				style: createPanelStyle(session.showResponsePanel),
+				children: [
+					/* @__PURE__ */ jsx(CopilotRequestForm, {
+						selectedText,
+						prompt: session.prompt,
+						busy: session.busy || session.applying,
+						selectedAgent: session.selectedAgent,
+						agentStatus,
+						onSelectedTextChange: setSelectedText,
+						onPromptChange: session.setPrompt,
+						onAgentChange: session.setSelectedAgent,
+						onSubmit
+					}),
+					/* @__PURE__ */ jsx(ResponsePanelRail, {
+						showResponsePanel: session.showResponsePanel,
+						onToggle: session.toggleResponsePanel
+					}),
+					session.showResponsePanel ? /* @__PURE__ */ jsx(CopilotResponsePanel, {
+						busy: session.busy,
+						applying: session.applying,
+						error: session.error,
+						chatResult: session.chatResult,
+						selectedAgent: session.selectedAgent,
+						onApply
+					}) : null
+				]
+			}) : null]
+		})
+	] });
+}
+
+//#endregion
+export { CopilotOverlayWidget as t };
+//# sourceMappingURL=copilot-overlay-ClRoIHew.mjs.map