hdsp-jupyter-extension 2.0.22__py3-none-any.whl → 2.0.25__py3-none-any.whl

jupyter_ext/labextension/static/lib_index_js.90f80cb80187de8c5ae5.js → hdsp_jupyter_extension-2.0.25.data/data/share/jupyter/labextensions/hdsp-agent/static/lib_index_js.67505497667f9c0a763d.js

@@ -22,10 +22,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_markdownRenderer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/markdownRenderer */ "./lib/utils/markdownRenderer.js");
 /* harmony import */ var _FileSelectionDialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./FileSelectionDialog */ "./lib/components/FileSelectionDialog.js");
 /* harmony import */ var _StreamingMessage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./StreamingMessage */ "./lib/components/StreamingMessage.js");
-/* harmony import */ var _utils_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/icons */ "./lib/utils/icons.js");
-/* harmony import */ var _mui_icons_material_ExpandLess__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/icons-material/ExpandLess */ "./node_modules/@mui/icons-material/esm/ExpandLess.js");
-/* harmony import */ var _mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/icons-material/ExpandMore */ "./node_modules/@mui/icons-material/esm/ExpandMore.js");
-/* harmony import */ var _logoSvg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../logoSvg */ "./lib/logoSvg.js");
+/* harmony import */ var _ContextAutocomplete__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ContextAutocomplete */ "./lib/components/ContextAutocomplete.js");
+/* harmony import */ var _utils_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/icons */ "./lib/utils/icons.js");
+/* harmony import */ var _mui_icons_material_ExpandLess__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/icons-material/ExpandLess */ "./node_modules/@mui/icons-material/esm/ExpandLess.js");
+/* harmony import */ var _mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/icons-material/ExpandMore */ "./node_modules/@mui/icons-material/esm/ExpandMore.js");
+/* harmony import */ var _logoSvg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../logoSvg */ "./lib/logoSvg.js");
 /**
  * Agent Panel - Main sidebar panel for Jupyter Agent
  * Cursor AI Style: Unified Chat + Agent Interface
@@ -41,12 +42,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // 로고 이미지 (SVG) - TypeScript 모듈에서 인라인 문자열로 import
 
 // 탭바 아이콘 생성
 const hdspTabIcon = new _jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1__.LabIcon({
     name: 'hdsp-agent:tab-icon',
-    svgstr: _logoSvg__WEBPACK_IMPORTED_MODULE_11__.tabbarLogoSvg
+    svgstr: _logoSvg__WEBPACK_IMPORTED_MODULE_12__.tabbarLogoSvg
 });
 // ═══════════════════════════════════════════════════════════════════════════
 // Python 파일 에러 감지 및 처리 유틸리티
@@ -179,6 +181,11 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
     // File selection state
     const [fileSelectionMetadata, setFileSelectionMetadata] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
     const [pendingAgentRequest, setPendingAgentRequest] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    // Context autocomplete state (@file)
+    const [showAutocomplete, setShowAutocomplete] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [hasAutocompleteOptions, setHasAutocompleteOptions] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [cursorPosition, setCursorPosition] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
+    const textareaRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     // Human-in-the-Loop state
     const [debugStatus, setDebugStatusRaw] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
     const [isDebugExpanded, setIsDebugExpanded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
@@ -892,7 +899,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             const successMessage = {
                 id: makeMessageId('apply-success'),
                 role: 'assistant',
-                content: `${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.success} **${fix.path}** 파일이 수정되었습니다.\n\n파일 에디터에서 변경사항을 확인하세요.`,
+                content: `✅ **${fix.path}** 파일이 수정되었습니다.\n\n파일 에디터에서 변경사항을 확인하세요.`,
                 timestamp: Date.now(),
             };
             setMessages(prev => [...prev, successMessage]);
@@ -908,7 +915,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         const errorMessage = {
             id: makeMessageId('error'),
             role: 'assistant',
-            content: `${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.warning} ${message}`,
+            content: `⚠️ ${message}`,
             timestamp: Date.now(),
         };
         setMessages(prev => [...prev, errorMessage]);
@@ -1013,26 +1020,66 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         showNotification('작업이 중단되었습니다.', 'info');
         console.log('[AgentPanel] Task stopped successfully');
     };
+    // Auto-scroll state refs for smooth scrolling
+    const scrollRafRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const lastScrollTimeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+    const userScrolledUpRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+    // Track user scroll to detect if they scrolled up
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        const container = messagesContainerRef.current;
+        if (!container)
+            return;
+        const handleScroll = () => {
+            const isNearBottom = container.scrollHeight - container.scrollTop - container.clientHeight < 100;
+            userScrolledUpRef.current = !isNearBottom;
+        };
+        container.addEventListener('scroll', handleScroll, { passive: true });
+        return () => container.removeEventListener('scroll', handleScroll);
+    }, []);
     // Auto-scroll to bottom when messages change or streaming (only if near bottom)
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         const container = messagesContainerRef.current;
         if (!container)
             return;
+        // If user scrolled up, don't auto-scroll
+        if (userScrolledUpRef.current && isStreaming) {
+            return;
+        }
         // Check if user is near bottom (within 100px threshold)
         const isNearBottom = container.scrollHeight - container.scrollTop - container.clientHeight < 100;
-        if (isNearBottom) {
+        if (isNearBottom || !isStreaming) {
             if (isStreaming) {
-                // 스트리밍 중에는 즉시 스크롤 (scrollTop 사용으로 jitter 방지)
-                container.scrollTop = container.scrollHeight;
+                // 스트리밍 중: requestAnimationFrame으로 부드럽게 스크롤
+                // 이전 RAF가 있으면 취소하고 새로 스케줄링
+                if (scrollRafRef.current) {
+                    cancelAnimationFrame(scrollRafRef.current);
+                }
+                scrollRafRef.current = requestAnimationFrame(() => {
+                    const now = Date.now();
+                    // 최소 16ms 간격 유지 (60fps)
+                    if (now - lastScrollTimeRef.current >= 16) {
+                        container.scrollTop = container.scrollHeight;
+                        lastScrollTimeRef.current = now;
+                    }
+                    scrollRafRef.current = null;
+                });
             }
-            else {
+            else if (isNearBottom) {
                 // 일반 메시지 추가 시 부드러운 스크롤
                 container.scrollTo({
                     top: container.scrollHeight,
                     behavior: 'smooth'
                 });
+                // 새 메시지 추가 시 userScrolledUp 리셋
+                userScrolledUpRef.current = false;
             }
         }
+        // Cleanup RAF on unmount
+        return () => {
+            if (scrollRafRef.current) {
+                cancelAnimationFrame(scrollRafRef.current);
+            }
+        };
     }, [messages, isStreaming]);
     const handleNextItemSelection = async (nextText) => {
         const trimmed = nextText.trim();
@@ -1124,6 +1171,8 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             // Agent V2 모드 또는 그 외: LangChain Deep Agent (sendAgentV2Stream)
             if (inputMode === 'chat') {
                 // 단순 Chat 모드 - /chat/stream 사용
+                // Create AbortController for chat streaming
+                abortControllerRef.current = new AbortController();
                 await apiService.sendChatStream({
                     message: messageToSend,
                     conversationId: conversationId || undefined,
@@ -1141,7 +1190,9 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                     if (metadata.conversationId && !conversationId) {
                         setConversationId(metadata.conversationId);
                     }
-                });
+                }, 
+                // AbortSignal for stopping the stream
+                abortControllerRef.current.signal);
             }
             else {
                 // Agent V2 모드 - /agent/langchain/stream 사용 (HITL, Todo, 도구 실행)
@@ -1207,7 +1258,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                         const question = interrupt.args?.question || '응답을 입력하세요...';
                         const options = interrupt.args?.options;
                         const inputType = interrupt.args?.input_type || 'text';
-                        let questionContent = `${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.question} **${question}**`;
+                        let questionContent = `❓ **${question}**`;
                         if (options && options.length > 0) {
                             questionContent += '\n\n선택지:\n' + options.map((opt, i) => `${i + 1}. ${opt}`).join('\n');
                         }
@@ -1284,20 +1335,34 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             }
         }
         catch (error) {
-            const message = error instanceof Error ? error.message : 'Failed to send message';
-            setDebugStatus(`오류: ${message}`);
-            // Update the assistant message with error
-            setMessages(prev => prev.map(msg => msg.id === assistantMessageId && isChatMessage(msg)
-                ? {
-                    ...msg,
-                    content: streamedContent + `\n\nError: ${message}`
+            // Handle abort error gracefully (user clicked stop)
+            if (error instanceof Error && error.name === 'AbortError') {
+                console.log('[AgentPanel] Chat stream stopped by user');
+                setDebugStatus(null);
+                // Keep the streamed content as-is, just add a stopped indicator
+                if (streamedContent) {
+                    setMessages(prev => prev.map(msg => msg.id === assistantMessageId && isChatMessage(msg)
+                        ? { ...msg, content: streamedContent + '\n\n*(응답 중단됨)*' }
+                        : msg));
                 }
-                : msg));
+            }
+            else {
+                const message = error instanceof Error ? error.message : 'Failed to send message';
+                setDebugStatus(`오류: ${message}`);
+                // Update the assistant message with error
+                setMessages(prev => prev.map(msg => msg.id === assistantMessageId && isChatMessage(msg)
+                    ? {
+                        ...msg,
+                        content: streamedContent + `\n\nError: ${message}`
+                    }
+                    : msg));
+            }
         }
         finally {
             setIsLoading(false);
             setIsStreaming(false);
             setStreamingMessageId(null);
+            abortControllerRef.current = null;
             // Keep completed todos visible after the run
         }
     };
@@ -2025,7 +2090,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         const outputMessage = {
             id: messageId,
             role: 'system',
-            content: `${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.terminal} ${command}\n`,
+            content: `${command}\n`,
             timestamp: Date.now(),
             metadata: {
                 kind: 'shell-output',
@@ -2488,7 +2553,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                     const question = nextInterrupt.args?.question || '응답을 입력하세요...';
                     const options = nextInterrupt.args?.options;
                     const inputType = nextInterrupt.args?.input_type || 'text';
-                    let questionContent = `${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.question} **${question}**`;
+                    let questionContent = `❓ **${question}**`;
                     if (options && options.length > 0) {
                         questionContent += '\n\n선택지:\n' + options.map((opt, i) => `${i + 1}. ${opt}`).join('\n');
                     }
@@ -3037,7 +3102,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                     const question = nextInterrupt.args?.question || '응답을 입력하세요...';
                     const options = nextInterrupt.args?.options;
                     const inputType = nextInterrupt.args?.input_type || 'text';
-                    let questionContent = `${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.question} **${question}**`;
+                    let questionContent = `❓ **${question}**`;
                     if (options && options.length > 0) {
                         questionContent += '\n\n선택지:\n' + options.map((opt, i) => `${i + 1}. ${opt}`).join('\n');
                     }
@@ -3320,7 +3385,137 @@ SyntaxError: '(' was never closed
         }
         await resumeFromInterrupt(interruptData, decision);
     };
+    // Handle input change and track cursor position for autocomplete
+    const handleInputChange = (e) => {
+        const newValue = e.target.value;
+        const newCursorPosition = e.target.selectionStart || 0;
+        setInput(newValue);
+        setCursorPosition(newCursorPosition);
+        // Check if we should show autocomplete (when typing @ or @file:)
+        const textBeforeCursor = newValue.slice(0, newCursorPosition);
+        const lastAtIndex = textBeforeCursor.lastIndexOf('@');
+        if (lastAtIndex >= 0) {
+            // Check if there's a space between @ and cursor (means @ is complete)
+            const textAfterAt = textBeforeCursor.slice(lastAtIndex);
+            if (!/\s/.test(textAfterAt) || textAfterAt.includes(':')) {
+                // Show autocomplete if typing a context command
+                setShowAutocomplete(true);
+            }
+            else {
+                setShowAutocomplete(false);
+            }
+        }
+        else {
+            setShowAutocomplete(false);
+        }
+    };
+    // Handle autocomplete selection
+    // viaEnter: true = Enter key or click (final selection), false = Tab key (navigation)
+    const handleAutocompleteSelect = async (option, viaEnter) => {
+        // Check if this is an action command (like @reset)
+        if (option.id === '@reset' && option.is_complete) {
+            // Execute reset action
+            await executeResetAction();
+            setShowAutocomplete(false);
+            setHasAutocompleteOptions(false);
+            setInput('');
+            return;
+        }
+        if (!textareaRef.current)
+            return;
+        const text = input;
+        // Find the start of the current context command
+        let start = cursorPosition;
+        while (start > 0 && !/\s/.test(text[start - 1])) {
+            start--;
+        }
+        // Build new text with the selected option
+        const beforeCommand = text.slice(0, start);
+        const afterCursor = text.slice(cursorPosition);
+        // For Enter (final selection): add space after complete options
+        // For Tab (navigation): don't add space, allow further navigation
+        const addSpace = viaEnter && option.is_complete;
+        const newText = beforeCommand + option.label + (addSpace ? ' ' : '') + afterCursor;
+        const newCursorPosition = beforeCommand.length + option.label.length + (addSpace ? 1 : 0);
+        setInput(newText);
+        setCursorPosition(newCursorPosition);
+        // Close autocomplete only on Enter (final selection)
+        if (viaEnter) {
+            setShowAutocomplete(false);
+            setHasAutocompleteOptions(false);
+        }
+        // For Tab on directory, keep autocomplete open - it will refetch options
+        // Focus and set cursor position
+        setTimeout(() => {
+            if (textareaRef.current) {
+                textareaRef.current.focus();
+                textareaRef.current.setSelectionRange(newCursorPosition, newCursorPosition);
+            }
+        }, 0);
+    };
+    // Execute @reset action
+    const executeResetAction = async () => {
+        try {
+            // Reset both agent thread and conversation
+            const threadId = agentThreadId || conversationId;
+            if (threadId) {
+                const result = await apiService.resetAgent(threadId);
+                console.log('[AgentPanel] Reset result:', result);
+            }
+            // Clear local state
+            setMessages([]);
+            setConversationId('');
+            setAgentThreadId(null);
+            setIsAgentRunning(false);
+            setIsLoading(false);
+            setIsStreaming(false);
+            setTodos([]);
+            setInterruptData(null);
+            setIsRejectionMode(false);
+            setIsAskUserMode(false);
+            // Add system message about reset
+            const resetMessage = {
+                id: `reset-${Date.now()}`,
+                role: 'assistant',
+                content: 'Agent가 reset되었습니다. 새로운 대화를 시작하세요.',
+                timestamp: Date.now(),
+            };
+            setMessages([resetMessage]);
+            console.log('[AgentPanel] Session reset complete');
+        }
+        catch (error) {
+            console.error('[AgentPanel] Failed to reset session:', error);
+            const errorMessage = {
+                id: `error-${Date.now()}`,
+                role: 'assistant',
+                content: `Failed to reset session: ${error}`,
+                timestamp: Date.now(),
+            };
+            setMessages(prev => [...prev, errorMessage]);
+        }
+    };
     const handleKeyDown = (e) => {
+        // If autocomplete is visible AND has options, let it handle Tab/Enter
+        if (showAutocomplete && hasAutocompleteOptions) {
+            // These keys are handled by ContextAutocomplete
+            if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+                return; // Let autocomplete handle it
+            }
+            if (e.key === 'Enter' && !e.shiftKey) {
+                return; // Let autocomplete handle it
+            }
+            if (e.key === 'Escape') {
+                setShowAutocomplete(false);
+                setHasAutocompleteOptions(false);
+                return;
+            }
+        }
+        // Escape: Stop chat streaming (only in chat mode when streaming)
+        if (e.key === 'Escape' && inputMode === 'chat' && isStreaming) {
+            e.preventDefault();
+            stopCurrentTask();
+            return;
+        }
         // Enter: 전송
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
@@ -3387,7 +3582,7 @@ SyntaxError: '(' was never closed
         if (!debugStatus || typeof debugStatus === 'string')
             return '';
         if (debugStatus.icon) {
-            return (0,_utils_icons__WEBPACK_IMPORTED_MODULE_8__.getIconByName)(debugStatus.icon);
+            return (0,_utils_icons__WEBPACK_IMPORTED_MODULE_9__.getIconByName)(debugStatus.icon);
         }
         return '';
     };
@@ -3415,7 +3610,7 @@ SyntaxError: '(' was never closed
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-panel" },
         showSettings && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SettingsPanel__WEBPACK_IMPORTED_MODULE_3__.SettingsPanel, { onClose: () => setShowSettings(false), onSave: handleSaveConfig, currentConfig: llmConfig || undefined })),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-header" },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-header-logo", dangerouslySetInnerHTML: { __html: _logoSvg__WEBPACK_IMPORTED_MODULE_11__.headerLogoSvg } }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-header-logo", dangerouslySetInnerHTML: { __html: _logoSvg__WEBPACK_IMPORTED_MODULE_12__.headerLogoSvg } }),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-header-buttons" },
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-clear-button", onClick: clearChat, title: "\uB300\uD654 \uCD08\uAE30\uD654" },
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
@@ -3522,7 +3717,7 @@ SyntaxError: '(' was never closed
                                     const decision = msg.metadata?.interrupt?.decision;
                                     const autoApproved = msg.metadata?.interrupt?.autoApproved;
                                     // 자동 승인일 때는 코드블럭 헤더에 배지가 표시되므로 actionHtml에는 표시하지 않음
-                                    const resolvedIcon = autoApproved ? '' : (decision === 'reject' ? _utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.rejectCircle : _utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.doubleCheck);
+                                    const resolvedIcon = autoApproved ? '' : (decision === 'reject' ? _utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.rejectCircle : _utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.doubleCheck);
                                     const resolvedClass = autoApproved ? '' : (decision === 'reject' ? 'jp-agent-interrupt-actions--rejected' : 'jp-agent-interrupt-actions--resolved');
                                     const actionHtml = resolved && !autoApproved
                                         ? `<div class="jp-agent-interrupt-actions ${resolvedClass}">${resolvedIcon}</div>`
@@ -3530,8 +3725,8 @@ SyntaxError: '(' was never closed
                                             ? '' // 자동 승인일 때는 actionHtml 비움 (코드블럭 헤더에 배지 표시)
                                             : `
 <div class="code-block-actions jp-agent-interrupt-actions">
-  <button class="jp-agent-interrupt-approve-btn" data-action="approve" title="승인">${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.approveCircle}</button>
-  <button class="jp-agent-interrupt-reject-btn" data-action="reject" title="거부">${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.rejectCircle}</button>
+  <button class="jp-agent-interrupt-approve-btn" data-action="approve" title="승인">${_utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.approveCircle}</button>
+  <button class="jp-agent-interrupt-reject-btn" data-action="reject" title="거부">${_utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.rejectCircle}</button>
 </div>
 `;
                                     // Get tool description from args (for jupyter_cell_tool)
@@ -3547,7 +3742,7 @@ SyntaxError: '(' was never closed
                                         }
                                         if ((isEditFile || isMultiEditFile) && editPath) {
                                             const safePath = escapeHtml(editPath);
-                                            const editIcon = _utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.edit;
+                                            const editIcon = _utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.edit;
                                             html = html.replace(/<span class="code-block-language">[^<]*<\/span>/, `<span class="code-block-language jp-agent-interrupt-path">${editIcon} ${safePath}</span>`);
                                         }
                                         // actionHtml이 비어있지 않을 때만 추가
@@ -3574,12 +3769,12 @@ SyntaxError: '(' was never closed
                                                 .replace(/\n/g, ' ') // Remove actual newlines
                                                 .replace(/\s+/g, ' ') // Collapse multiple spaces
                                                 .trim();
-                                            result += `<div class="jp-agent-code-description">${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.description} ${safeDescription}</div>`;
+                                            result += `<div class="jp-agent-code-description">${_utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.description} ${safeDescription}</div>`;
                                         }
                                         // 2. 승인 메시지 (자동 승인이 아닐 때만) - 코드 블록 바로 위
                                         if (!msg.metadata?.interrupt?.autoApproved && msg.content) {
                                             const safeContent = escapeHtml(msg.content);
-                                            result += `<div class="jp-agent-interrupt-description">${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.approvalWarning} ${safeContent}</div>`;
+                                            result += `<div class="jp-agent-interrupt-description">${_utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.approvalWarning} ${safeContent}</div>`;
                                         }
                                         // 3. 코드 블록
                                         result += codeHtml;
@@ -3664,7 +3859,7 @@ SyntaxError: '(' was never closed
                                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-todo-compact-current" }, "\uC791\uC5C5 \uB9C8\uBB34\uB9AC \uC911...")));
                         }
                         else {
-                            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-todo-compact-current", dangerouslySetInnerHTML: { __html: `${_utils_icons__WEBPACK_IMPORTED_MODULE_8__.Icons.check} 모든 작업 완료` } }));
+                            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-todo-compact-current", dangerouslySetInnerHTML: { __html: `${_utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.check} 모든 작업 완료` } }));
                         }
                     })()),
                 (isStreaming || isLoading || isAgentRunning || todos.some(t => t.status === 'in_progress')) && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-todo-stop-btn", onClick: (e) => {
@@ -3684,7 +3879,7 @@ SyntaxError: '(' was never closed
                     getDebugStatusIcon() && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-debug-icon", dangerouslySetInnerHTML: { __html: getDebugStatusIcon() } })),
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: `jp-agent-debug-text${isDebugStatusExpandable() ? ' jp-agent-debug-text--expandable' : ''}`, onClick: isDebugStatusExpandable() ? () => setIsDebugExpanded(!isDebugExpanded) : undefined, title: isDebugStatusExpandable() ? (isDebugExpanded ? '접기' : '펼치기') : undefined },
                         statusText,
-                        isDebugStatusExpandable() && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-debug-expand-icon" }, isDebugExpanded ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandLess__WEBPACK_IMPORTED_MODULE_9__["default"], { sx: { fontSize: 14 } }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_10__["default"], { sx: { fontSize: 14 } }))))))),
+                        isDebugStatusExpandable() && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-debug-expand-icon" }, isDebugExpanded ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandLess__WEBPACK_IMPORTED_MODULE_10__["default"], { sx: { fontSize: 14 } }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_11__["default"], { sx: { fontSize: 14 } }))))))),
             isTodoExpanded && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-todo-expanded" }, todos.map((todo, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: index, className: `jp-agent-todo-item jp-agent-todo-item--${todo.status}` },
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-todo-item-indicator" },
                     todo.status === 'completed' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "12", height: "12" },
@@ -3697,15 +3892,22 @@ SyntaxError: '(' was never closed
                 getDebugStatusIcon() && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-debug-icon", dangerouslySetInnerHTML: { __html: getDebugStatusIcon() } })),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: `jp-agent-debug-text${isDebugStatusExpandable() ? ' jp-agent-debug-text--expandable' : ''}`, onClick: isDebugStatusExpandable() ? () => setIsDebugExpanded(!isDebugExpanded) : undefined, title: isDebugStatusExpandable() ? (isDebugExpanded ? '접기' : '펼치기') : undefined },
                     statusText,
-                    isDebugStatusExpandable() && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-debug-expand-icon" }, isDebugExpanded ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandLess__WEBPACK_IMPORTED_MODULE_9__["default"], { sx: { fontSize: 14 } }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_10__["default"], { sx: { fontSize: 14 } }))))))),
+                    isDebugStatusExpandable() && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-debug-expand-icon" }, isDebugExpanded ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandLess__WEBPACK_IMPORTED_MODULE_10__["default"], { sx: { fontSize: 14 } }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_11__["default"], { sx: { fontSize: 14 } }))))))),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-input-container" },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-input-wrapper" },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { className: `jp-agent-input ${inputMode !== 'chat' ? 'jp-agent-input--agent-mode' : ''} ${isRejectionMode ? 'jp-agent-input--rejection-mode' : ''}`, value: input, onChange: (e) => setInput(e.target.value), onKeyDown: handleKeyDown, placeholder: isRejectionMode
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-input-wrapper", style: { position: 'relative' } },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ContextAutocomplete__WEBPACK_IMPORTED_MODULE_8__.ContextAutocomplete, { apiService: apiService, inputValue: input, cursorPosition: cursorPosition, baseDir: notebookTracker?.currentWidget?.context?.path ?
+                        notebookTracker.currentWidget.context.path.replace(/[^/]*$/, '') : undefined, onSelect: handleAutocompleteSelect, onClose: () => { setShowAutocomplete(false); setHasAutocompleteOptions(false); }, onOptionsChange: setHasAutocompleteOptions, visible: showAutocomplete, anchorEl: textareaRef.current }),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { ref: textareaRef, className: `jp-agent-input ${inputMode !== 'chat' ? 'jp-agent-input--agent-mode' : ''} ${isRejectionMode ? 'jp-agent-input--rejection-mode' : ''}`, value: input, onChange: handleInputChange, onKeyDown: handleKeyDown, onSelect: (e) => setCursorPosition(e.target.selectionStart || 0), placeholder: isRejectionMode
                         ? '다른 방향 제시'
                         : (inputMode === 'agent'
-                            ? '노트북 작업을 입력하세요... (예: 데이터 시각화 해줘)'
-                            : '메시지를 입력하세요...'), rows: 3, disabled: isLoading || isAgentRunning }),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-send-button", onClick: handleSendMessage, disabled: (!input.trim() && !isRejectionMode) || isLoading || isStreaming || isAgentRunning, title: isRejectionMode ? "거부 전송 (Enter)" : "전송 (Enter)" }, isAgentRunning ? '실행 중...' : (isRejectionMode ? '거부' : '전송'))),
+                            ? '노트북 작업을 입력하세요... (예: @file:path로 파일 참조)'
+                            : '메시지를 입력하세요... (@file:path로 파일 참조)'), rows: 3, disabled: isLoading || isAgentRunning }),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-button-container" },
+                    inputMode === 'chat' && isStreaming && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-stop-button", onClick: stopCurrentTask, title: "\uC751\uB2F5 \uC911\uB2E8 (Esc)" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "14", height: "14" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1" })),
+                        "\uC911\uB2E8")),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-send-button", onClick: handleSendMessage, disabled: (!input.trim() && !isRejectionMode) || isLoading || isStreaming || isAgentRunning, title: isRejectionMode ? "거부 전송 (Enter)" : "전송 (Enter)" }, isAgentRunning ? '실행 중...' : (isRejectionMode ? '거부' : '전송')))),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-mode-bar" },
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-mode-toggle-container" },
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: `jp-agent-mode-toggle ${inputMode !== 'chat' ? 'jp-agent-mode-toggle--active' : ''}`, onClick: toggleMode, title: `${inputMode === 'chat' ? 'Chat' : 'Agent'} 모드 (⇧Tab)` },
@@ -3909,6 +4111,216 @@ ${cell.output}
 }
 
 
+/***/ },
+
+/***/ "./lib/components/ContextAutocomplete.js"
+/*!***********************************************!*\
+  !*** ./lib/components/ContextAutocomplete.js ***!
+  \***********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ContextAutocomplete: () => (/* binding */ ContextAutocomplete),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _mui_icons_material_InsertDriveFile__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/icons-material/InsertDriveFile */ "./node_modules/@mui/icons-material/esm/InsertDriveFile.js");
+/* harmony import */ var _mui_icons_material_Folder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/icons-material/Folder */ "./node_modules/@mui/icons-material/esm/Folder.js");
+/* harmony import */ var _mui_icons_material_Description__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/icons-material/Description */ "./node_modules/@mui/icons-material/esm/Description.js");
+/**
+ * Context Autocomplete Component
+ *
+ * Provides autocomplete functionality for @file and other context commands.
+ * Inspired by jupyter-ai's autocomplete implementation.
+ */
+
+
+
+
+/**
+ * Extract the word at cursor position that might be a context command.
+ * Returns the partial command (e.g., "@file:" or "@file:src/")
+ */
+function getPartialCommand(text, cursorPosition) {
+    // Find the start of the current word
+    let start = cursorPosition;
+    while (start > 0 && !/\s/.test(text[start - 1])) {
+        start--;
+    }
+    const word = text.slice(start, cursorPosition);
+    // Check if it looks like a context command
+    if (word.startsWith('@')) {
+        return word;
+    }
+    return null;
+}
+/**
+ * Get icon for autocomplete option
+ */
+function getOptionIcon(option) {
+    const description = option.description.toLowerCase();
+    if (description.includes('directory') || description.includes('folder')) {
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Folder__WEBPACK_IMPORTED_MODULE_2__["default"], { sx: { fontSize: 16, color: 'var(--jp-ui-font-color2)' } });
+    }
+    if (description.includes('python') || description.includes('.py')) {
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_InsertDriveFile__WEBPACK_IMPORTED_MODULE_1__["default"], { sx: { fontSize: 16, color: '#3572A5' } });
+    }
+    if (description.includes('notebook') || description.includes('.ipynb')) {
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_InsertDriveFile__WEBPACK_IMPORTED_MODULE_1__["default"], { sx: { fontSize: 16, color: '#F37626' } });
+    }
+    if (description.includes('javascript') || description.includes('typescript')) {
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_InsertDriveFile__WEBPACK_IMPORTED_MODULE_1__["default"], { sx: { fontSize: 16, color: '#f1e05a' } });
+    }
+    if (description.includes('markdown')) {
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Description__WEBPACK_IMPORTED_MODULE_3__["default"], { sx: { fontSize: 16, color: 'var(--jp-ui-font-color2)' } });
+    }
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_InsertDriveFile__WEBPACK_IMPORTED_MODULE_1__["default"], { sx: { fontSize: 16, color: 'var(--jp-ui-font-color2)' } });
+}
+const ContextAutocomplete = ({ apiService, inputValue, cursorPosition, baseDir, onSelect, onClose, onOptionsChange, visible, anchorEl, }) => {
+    const [options, setOptions] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
+    const [selectedIndex, setSelectedIndex] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
+    const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [partialCommand, setPartialCommand] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    // Fetch autocomplete options
+    const fetchOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async (partial) => {
+        setLoading(true);
+        try {
+            const response = await apiService.getContextAutocomplete({
+                partialCommand: partial,
+                baseDir,
+            });
+            setOptions(response.options);
+            setSelectedIndex(0);
+        }
+        catch (error) {
+            console.error('[ContextAutocomplete] Failed to fetch options:', error);
+            setOptions([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [apiService, baseDir]);
+    // Update options when input changes
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        const partial = getPartialCommand(inputValue, cursorPosition);
+        setPartialCommand(partial);
+        if (partial) {
+            // Debounce the fetch
+            const timer = setTimeout(() => {
+                fetchOptions(partial);
+            }, 150);
+            return () => clearTimeout(timer);
+        }
+        else {
+            setOptions([]);
+        }
+    }, [inputValue, cursorPosition, fetchOptions]);
+    // Notify parent when options change
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        onOptionsChange?.(options.length > 0);
+    }, [options, onOptionsChange]);
+    // Handle keyboard navigation
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (!visible || options.length === 0)
+            return;
+        const handleKeyDown = (e) => {
+            const selectedOption = options[selectedIndex];
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    setSelectedIndex(prev => (prev + 1) % options.length);
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    setSelectedIndex(prev => (prev - 1 + options.length) % options.length);
+                    break;
+                case 'Tab':
+                    // Tab: Only navigate into directories (is_complete=false)
+                    // On files (is_complete=true), do nothing
+                    if (selectedOption && !selectedOption.is_complete) {
+                        e.preventDefault();
+                        onSelect(selectedOption, false); // viaEnter=false (Tab navigation)
+                    }
+                    else {
+                        // On complete file, just prevent default but don't select
+                        e.preventDefault();
+                    }
+                    break;
+                case 'Enter':
+                    // Enter: Select any option (directory or file) and close autocomplete
+                    if (selectedOption) {
+                        e.preventDefault();
+                        e.stopPropagation(); // Prevent AgentPanel from sending message
+                        onSelect(selectedOption, true); // viaEnter=true (final selection)
+                    }
+                    break;
+                case 'Escape':
+                    e.preventDefault();
+                    onClose();
+                    break;
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown, true);
+        return () => document.removeEventListener('keydown', handleKeyDown, true);
+    }, [visible, options, selectedIndex, onSelect, onClose]);
+    // Scroll selected item into view
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (containerRef.current && options.length > 0) {
+            const selectedItem = containerRef.current.querySelector('.jp-context-autocomplete-item--selected');
+            if (selectedItem) {
+                selectedItem.scrollIntoView({ block: 'nearest' });
+            }
+        }
+    }, [selectedIndex, options]);
+    // Close on click outside
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (!visible || options.length === 0)
+            return;
+        const handleClickOutside = (e) => {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                // Also check if click is on the anchor element (textarea)
+                if (anchorEl && !anchorEl.contains(e.target)) {
+                    onClose();
+                }
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [visible, options, anchorEl, onClose]);
+    // Don't render if not visible or no partial command
+    if (!visible || !partialCommand || options.length === 0) {
+        return null;
+    }
+    // Calculate position based on anchor element
+    const style = {
+        position: 'absolute',
+        bottom: anchorEl ? anchorEl.offsetHeight + 4 : 'auto',
+        left: 0,
+        right: 0,
+        zIndex: 1000,
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: containerRef, className: "jp-context-autocomplete", style: style },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-context-autocomplete-header" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-context-autocomplete-hint" }, partialCommand.includes(':') ? 'Select a file' : 'Context commands'),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-context-autocomplete-loading" }, loading && 'Loading...')),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-context-autocomplete-list" }, options.map((option, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: `${option.id}-${option.label}-${index}`, className: `jp-context-autocomplete-item ${index === selectedIndex ? 'jp-context-autocomplete-item--selected' : ''}`, onClick: () => onSelect(option, true), onMouseEnter: () => setSelectedIndex(index) },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-context-autocomplete-item-icon" }, getOptionIcon(option)),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-context-autocomplete-item-label" }, option.label),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-context-autocomplete-item-description" }, option.description))))),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-context-autocomplete-footer" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("kbd", null, "Tab"),
+            " navigate, ",
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("kbd", null, "Enter"),
+            " select, ",
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("kbd", null, "Esc"),
+            " close")));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContextAutocomplete);
+
+
 /***/ },
 
 /***/ "./lib/components/FileSelectionDialog.js"
@@ -9062,7 +9474,7 @@ class ApiService {
      * 단순 Chat용 스트리밍 - /chat/stream 사용
      * 원래 main 브랜치의 구현 복원 - LangChain 에이전트 없이 단순 Q&A
      */
-    async sendChatStream(request, onChunk, onMetadata) {
+    async sendChatStream(request, onChunk, onMetadata, abortSignal) {
         const MAX_RETRIES = 10;
         let currentConfig = request.llmConfig;
         let lastError = null;
@@ -9071,11 +9483,16 @@ class ApiService {
                 ? { ...request, llmConfig: (0,_ApiKeyManager__WEBPACK_IMPORTED_MODULE_0__.buildSingleKeyConfig)(currentConfig) }
                 : request;
             try {
-                await this.sendChatStreamInternal(requestToSend, onChunk, onMetadata);
+                await this.sendChatStreamInternal(requestToSend, onChunk, onMetadata, abortSignal);
                 (0,_ApiKeyManager__WEBPACK_IMPORTED_MODULE_0__.resetKeyRotation)();
                 return;
             }
             catch (error) {
+                // Check if it's an abort error
+                if (error instanceof Error && error.name === 'AbortError') {
+                    console.log('[ApiService] Chat stream aborted by user');
+                    throw error;
+                }
                 const errorMsg = error instanceof Error ? error.message : String(error);
                 lastError = error instanceof Error ? error : new Error(errorMsg);
                 if ((0,_ApiKeyManager__WEBPACK_IMPORTED_MODULE_0__.isRateLimitError)(errorMsg) && request.llmConfig) {
@@ -9097,12 +9514,13 @@ class ApiService {
     /**
      * 단순 Chat 스트리밍 내부 구현 - /chat/stream 엔드포인트 사용
      */
-    async sendChatStreamInternal(request, onChunk, onMetadata) {
+    async sendChatStreamInternal(request, onChunk, onMetadata, abortSignal) {
         const response = await fetch(`${this.baseUrl}/chat/stream`, {
             method: 'POST',
             headers: this.getHeaders(),
             credentials: 'include',
-            body: JSON.stringify(request)
+            body: JSON.stringify(request),
+            signal: abortSignal
         });
         if (!response.ok) {
             const error = await response.text();
@@ -9624,6 +10042,23 @@ class ApiService {
         }
         return response.json();
     }
+    /**
+     * Reset an agent thread (clear session and recreate agent)
+     */
+    async resetAgent(threadId) {
+        const response = await fetch(`${this.baseUrl}/agent/langchain/reset`, {
+            method: 'POST',
+            headers: this.getHeaders(),
+            credentials: 'include',
+            body: JSON.stringify({ thread_id: threadId })
+        });
+        if (!response.ok) {
+            const error = await response.text();
+            console.warn('[ApiService] Failed to reset agent:', error);
+            return { status: 'error', message: error };
+        }
+        return response.json();
+    }
     async executeCommand(command, timeout, cwd, stdin, workspaceRoot) {
         const response = await fetch(`${this.baseUrl}/execute-command`, {
             method: 'POST',
@@ -10045,6 +10480,49 @@ class ApiService {
         }
         return response.json();
     }
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Context Provider APIs (@file autocomplete)
+    // ═══════════════════════════════════════════════════════════════════════════
+    /**
+     * Get autocomplete options for context commands (@file, etc.)
+     */
+    async getContextAutocomplete(options) {
+        const params = new URLSearchParams();
+        if (options?.partialCommand) {
+            params.append('partialCommand', options.partialCommand);
+        }
+        if (options?.baseDir) {
+            params.append('baseDir', options.baseDir);
+        }
+        const url = `${this.baseUrl}/context/autocomplete${params.toString() ? '?' + params.toString() : ''}`;
+        console.log('[ApiService] getContextAutocomplete:', url);
+        const response = await fetch(url, {
+            method: 'GET',
+            headers: this.getHeaders(),
+            credentials: 'include'
+        });
+        if (!response.ok) {
+            const error = await response.text();
+            throw new Error(`Failed to get autocomplete options: ${error}`);
+        }
+        return response.json();
+    }
+    /**
+     * List available context providers
+     */
+    async listContextProviders() {
+        const response = await fetch(`${this.baseUrl}/context/providers`, {
+            method: 'GET',
+            headers: this.getHeaders(),
+            credentials: 'include'
+        });
+        if (!response.ok) {
+            const error = await response.text();
+            throw new Error(`Failed to list context providers: ${error}`);
+        }
+        const data = await response.json();
+        return data.providers;
+    }
 }
 
 
@@ -11657,6 +12135,28 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ },
 
+/***/ "./node_modules/@mui/icons-material/esm/Description.js"
+/*!*************************************************************!*\
+  !*** ./node_modules/@mui/icons-material/esm/Description.js ***!
+  \*************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/createSvgIcon.js */ "./node_modules/@mui/material/utils/createSvgIcon.js");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+"use client";
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_0__["default"])(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path", {
+  d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z"
+}), 'Description'));
+
+/***/ },
+
 /***/ "./node_modules/@mui/icons-material/esm/Error.js"
 /*!*******************************************************!*\
   !*** ./node_modules/@mui/icons-material/esm/Error.js ***!
@@ -11723,6 +12223,28 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ },
 
+/***/ "./node_modules/@mui/icons-material/esm/Folder.js"
+/*!********************************************************!*\
+  !*** ./node_modules/@mui/icons-material/esm/Folder.js ***!
+  \********************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/createSvgIcon.js */ "./node_modules/@mui/material/utils/createSvgIcon.js");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+"use client";
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_0__["default"])(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path", {
+  d: "M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"
+}), 'Folder'));
+
+/***/ },
+
 /***/ "./node_modules/@mui/icons-material/esm/GpsFixed.js"
 /*!**********************************************************!*\
   !*** ./node_modules/@mui/icons-material/esm/GpsFixed.js ***!
@@ -11767,6 +12289,28 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ },
 
+/***/ "./node_modules/@mui/icons-material/esm/InsertDriveFile.js"
+/*!*****************************************************************!*\
+  !*** ./node_modules/@mui/icons-material/esm/InsertDriveFile.js ***!
+  \*****************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/createSvgIcon.js */ "./node_modules/@mui/material/utils/createSvgIcon.js");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+"use client";
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_0__["default"])(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path", {
+  d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
+}), 'InsertDriveFile'));
+
+/***/ },
+
 /***/ "./node_modules/@mui/icons-material/esm/Lightbulb.js"
 /*!***********************************************************!*\
   !*** ./node_modules/@mui/icons-material/esm/Lightbulb.js ***!
@@ -11878,4 +12422,4 @@ __webpack_require__.r(__webpack_exports__);
 /***/ }
 
 }]);
-//# sourceMappingURL=lib_index_js.90f80cb80187de8c5ae5.js.map
+//# sourceMappingURL=lib_index_js.67505497667f9c0a763d.js.map