hdsp-jupyter-extension 2.0.26__py3-none-any.whl → 2.0.28__py3-none-any.whl

hdsp_jupyter_extension-2.0.26.data/data/share/jupyter/labextensions/hdsp-agent/static/lib_index_js.67505497667f9c0a763d.js → jupyter_ext/labextension/static/lib_index_js.df05d90f366bfd5fa023.js

@@ -1,6 +1,560 @@
 "use strict";
 (self["webpackChunkhdsp_agent"] = self["webpackChunkhdsp_agent"] || []).push([["lib_index_js"],{
 
+/***/ "./lib/components/AdminSettingsPanel.js"
+/*!**********************************************!*\
+  !*** ./lib/components/AdminSettingsPanel.js ***!
+  \**********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AdminSettingsPanel: () => (/* binding */ AdminSettingsPanel)
+/* 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_CheckCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/icons-material/CheckCircle */ "./node_modules/@mui/icons-material/esm/CheckCircle.js");
+/* harmony import */ var _mui_icons_material_Error__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/icons-material/Error */ "./node_modules/@mui/icons-material/esm/Error.js");
+/* harmony import */ var _mui_icons_material_HourglassEmpty__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/icons-material/HourglassEmpty */ "./node_modules/@mui/icons-material/esm/HourglassEmpty.js");
+/* harmony import */ var _mui_icons_material_Code__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/icons-material/Code */ "./node_modules/@mui/icons-material/esm/Code.js");
+/* harmony import */ var _mui_icons_material_Search__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/icons-material/Search */ "./node_modules/@mui/icons-material/esm/Search.js");
+/* harmony import */ var _mui_icons_material_Analytics__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/icons-material/Analytics */ "./node_modules/@mui/icons-material/esm/Analytics.js");
+/* harmony import */ var _mui_icons_material_GpsFixed__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/icons-material/GpsFixed */ "./node_modules/@mui/icons-material/esm/GpsFixed.js");
+/* harmony import */ var _mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/icons-material/ExpandMore */ "./node_modules/@mui/icons-material/esm/ExpandMore.js");
+/* harmony import */ var _mui_icons_material_ChevronRight__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/icons-material/ChevronRight */ "./node_modules/@mui/icons-material/esm/ChevronRight.js");
+/* harmony import */ var _services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../services/ApiKeyManager */ "./lib/services/ApiKeyManager.js");
+/**
+ * Admin Settings Panel Component
+ *
+ * Comprehensive configuration for administrators:
+ * - LLM Provider settings (API keys, models, endpoints)
+ * - Summarization LLM settings
+ * - Embedding configuration
+ * - RAG/Qdrant settings
+ * - User preferences (also editable by admin)
+ * - Agent prompts
+ * - Server settings
+ */
+
+
+
+
+
+
+
+
+
+
+
+const AdminSettingsPanel = ({ onClose, onSave, apiService }) => {
+    const [isLoading, setIsLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
+    const [isSaving, setIsSaving] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    // Collapsible sections
+    const [expandedSections, setExpandedSections] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
+        llm: true,
+        summarization: false,
+        embedding: false,
+        rag: false,
+        user: true,
+        server: false,
+        prompts: false
+    });
+    // ═══════════════════════════════════════════════════════════════════════════
+    // LLM Provider Settings
+    // ═══════════════════════════════════════════════════════════════════════════
+    const [provider, setProvider] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('gemini');
+    // Gemini
+    const [geminiApiKeys, setGeminiApiKeys] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(['']);
+    const [geminiModel, setGeminiModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('gemini-2.5-flash');
+    // vLLM / OpenRouter
+    const [vllmEndpoint, setVllmEndpoint] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('https://openrouter.ai/api/v1');
+    const [vllmApiKey, setVllmApiKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    const [vllmModel, setVllmModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('openai/gpt-4o');
+    const [vllmUseResponsesApi, setVllmUseResponsesApi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    // OpenAI
+    const [openaiApiKey, setOpenaiApiKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    const [openaiModel, setOpenaiModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('gpt-4o');
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Summarization LLM
+    // ═══════════════════════════════════════════════════════════════════════════
+    const [summarizationEnabled, setSummarizationEnabled] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [summarizationProvider, setSummarizationProvider] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('gemini');
+    const [summarizationModel, setSummarizationModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    const [summarizationEndpoint, setSummarizationEndpoint] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    const [summarizationApiKey, setSummarizationApiKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Embedding Settings
+    // ═══════════════════════════════════════════════════════════════════════════
+    const [embeddingProvider, setEmbeddingProvider] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('openai');
+    const [embeddingModel, setEmbeddingModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('text-embedding-3-small');
+    const [embeddingApiKey, setEmbeddingApiKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    const [embeddingEndpoint, setEmbeddingEndpoint] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    // ═══════════════════════════════════════════════════════════════════════════
+    // RAG Settings
+    // ═══════════════════════════════════════════════════════════════════════════
+    const [qdrantUrl, setQdrantUrl] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('http://localhost:6333');
+    // ═══════════════════════════════════════════════════════════════════════════
+    // User Settings (also editable by admin)
+    // ═══════════════════════════════════════════════════════════════════════════
+    const [workspaceRoot, setWorkspaceRoot] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    const [temperature, setTemperature] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0.7);
+    const [autoApprove, setAutoApprove] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Server Settings
+    // ═══════════════════════════════════════════════════════════════════════════
+    const [agentServerUrl, setAgentServerUrl] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('http://localhost:8000');
+    const [agentServerTimeout, setAgentServerTimeout] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(120);
+    const [idleTimeout, setIdleTimeout] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(300);
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Agent Prompts
+    // ═══════════════════════════════════════════════════════════════════════════
+    const [agentPrompts, setAgentPrompts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
+    const [expandedAgents, setExpandedAgents] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
+    const [defaultPrompts, setDefaultPrompts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__.getCachedPrompts)());
+    const [isLoadingPrompts, setIsLoadingPrompts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!(0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__.getCachedPrompts)());
+    // Test state
+    const [isTesting, setIsTesting] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [testResults, setTestResults] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Load Config
+    // ═══════════════════════════════════════════════════════════════════════════
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        loadConfig();
+        if (!defaultPrompts) {
+            setIsLoadingPrompts(true);
+            (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__.fetchDefaultPrompts)().then(prompts => {
+                setDefaultPrompts(prompts);
+                setIsLoadingPrompts(false);
+            });
+        }
+    }, []);
+    const loadConfig = async () => {
+        try {
+            setIsLoading(true);
+            // Load admin config
+            const adminConfig = await apiService.getAdminConfig();
+            // Provider
+            setProvider(adminConfig.provider);
+            // Gemini
+            if (adminConfig.gemini) {
+                const keys = adminConfig.gemini.apiKeys?.length
+                    ? adminConfig.gemini.apiKeys
+                    : adminConfig.gemini.apiKey ? [adminConfig.gemini.apiKey] : [''];
+                setGeminiApiKeys(keys);
+                setGeminiModel(adminConfig.gemini.model || 'gemini-2.5-flash');
+            }
+            // vLLM
+            if (adminConfig.vllm) {
+                setVllmEndpoint(adminConfig.vllm.endpoint || 'https://openrouter.ai/api/v1');
+                setVllmApiKey(adminConfig.vllm.apiKey || '');
+                setVllmModel(adminConfig.vllm.model || 'openai/gpt-4o');
+                setVllmUseResponsesApi(Boolean(adminConfig.vllm.useResponsesApi));
+            }
+            // OpenAI
+            if (adminConfig.openai) {
+                setOpenaiApiKey(adminConfig.openai.apiKey || '');
+                setOpenaiModel(adminConfig.openai.model || 'gpt-4o');
+            }
+            // Summarization
+            if (adminConfig.summarization) {
+                setSummarizationEnabled(Boolean(adminConfig.summarization.enabled));
+                setSummarizationProvider(adminConfig.summarization.provider || 'gemini');
+                setSummarizationModel(adminConfig.summarization.model || '');
+                setSummarizationEndpoint(adminConfig.summarization.endpoint || '');
+                setSummarizationApiKey(adminConfig.summarization.apiKey || '');
+            }
+            // Embedding
+            if (adminConfig.embedding) {
+                setEmbeddingProvider(adminConfig.embedding.provider || 'openai');
+                setEmbeddingModel(adminConfig.embedding.model || 'text-embedding-3-small');
+                setEmbeddingApiKey(adminConfig.embedding.apiKey || '');
+                setEmbeddingEndpoint(adminConfig.embedding.endpoint || '');
+            }
+            // RAG
+            if (adminConfig.rag) {
+                setQdrantUrl(adminConfig.rag.qdrantUrl || 'http://localhost:6333');
+            }
+            // Server
+            setAgentServerUrl(adminConfig.agentServerUrl || 'http://localhost:8000');
+            setAgentServerTimeout(adminConfig.agentServerTimeout || 120);
+            setIdleTimeout(adminConfig.idleTimeout || 300);
+            // Prompts
+            if (adminConfig.prompts) {
+                setAgentPrompts(adminConfig.prompts);
+            }
+            // Load user config
+            const userConfig = await apiService.getUserConfig();
+            setWorkspaceRoot(userConfig.workspaceRoot || '');
+            setTemperature(userConfig.temperature ?? 0.7);
+            setAutoApprove(Boolean(userConfig.autoApprove));
+            setError(null);
+        }
+        catch (err) {
+            setError(`설정을 불러오는데 실패했습니다: ${err}`);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Save Config
+    // ═══════════════════════════════════════════════════════════════════════════
+    const handleSave = async () => {
+        try {
+            setIsSaving(true);
+            // Admin config
+            const adminConfig = {
+                provider,
+                gemini: {
+                    apiKey: geminiApiKeys[0] || '',
+                    apiKeys: geminiApiKeys.filter(k => k && k.trim()),
+                    model: geminiModel
+                },
+                openai: {
+                    apiKey: openaiApiKey,
+                    model: openaiModel
+                },
+                vllm: {
+                    endpoint: vllmEndpoint,
+                    apiKey: vllmApiKey,
+                    model: vllmModel,
+                    useResponsesApi: vllmUseResponsesApi
+                },
+                summarization: {
+                    enabled: summarizationEnabled,
+                    provider: summarizationProvider,
+                    model: summarizationModel || undefined,
+                    ...(summarizationProvider === 'vllm' ? {
+                        endpoint: summarizationEndpoint,
+                        apiKey: summarizationApiKey
+                    } : {})
+                },
+                embedding: {
+                    provider: embeddingProvider,
+                    model: embeddingModel,
+                    apiKey: embeddingApiKey || undefined,
+                    ...(embeddingProvider === 'vllm' ? { endpoint: embeddingEndpoint } : {})
+                },
+                rag: {
+                    qdrantUrl,
+                    collectionName: '' // Will be set by agent
+                },
+                agentServerUrl,
+                agentServerTimeout,
+                prompts: agentPrompts,
+                idleTimeout
+            };
+            await apiService.updateAdminConfig(adminConfig);
+            // User config
+            await apiService.updateUserConfig({
+                workspaceRoot: workspaceRoot.trim(),
+                temperature,
+                autoApprove
+            });
+            // Also save to localStorage for Chat mode compatibility
+            const llmConfigForLocalStorage = {
+                provider,
+                gemini: {
+                    apiKey: geminiApiKeys[0] || '',
+                    apiKeys: geminiApiKeys.filter(k => k && k.trim()),
+                    model: geminiModel
+                },
+                openai: {
+                    apiKey: openaiApiKey,
+                    model: openaiModel
+                },
+                vllm: {
+                    endpoint: vllmEndpoint,
+                    apiKey: vllmApiKey,
+                    model: vllmModel
+                },
+                workspaceRoot: workspaceRoot.trim(),
+                autoApprove,
+                agentPrompts
+            };
+            (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__.saveLLMConfig)(llmConfigForLocalStorage);
+            console.log('[AdminSettingsPanel] Config saved to localStorage for Chat mode');
+            onSave(adminConfig);
+            onClose();
+        }
+        catch (err) {
+            setError(`설정 저장에 실패했습니다: ${err}`);
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Helpers
+    // ═══════════════════════════════════════════════════════════════════════════
+    const toggleSection = (key) => {
+        setExpandedSections(prev => ({ ...prev, [key]: !prev[key] }));
+    };
+    const handleAddKey = () => {
+        if (geminiApiKeys.length < 10) {
+            setGeminiApiKeys([...geminiApiKeys, '']);
+        }
+    };
+    const handleRemoveKey = (index) => {
+        if (geminiApiKeys.length > 1) {
+            setGeminiApiKeys(geminiApiKeys.filter((_, i) => i !== index));
+        }
+    };
+    const handleKeyChange = (index, value) => {
+        const newKeys = [...geminiApiKeys];
+        newKeys[index] = value;
+        setGeminiApiKeys(newKeys);
+    };
+    const validKeyCount = geminiApiKeys.filter(k => k && k.trim()).length;
+    const handleTest = async () => {
+        setIsTesting(true);
+        setTestResults({});
+        if (provider === 'gemini') {
+            geminiApiKeys.forEach((key, index) => {
+                if (key && key.trim()) {
+                    setTestResults(prev => ({ ...prev, [index]: key.startsWith('AIza') ? 'success' : 'error' }));
+                }
+            });
+        }
+        else if (provider === 'openai') {
+            setTestResults({ 0: openaiApiKey.startsWith('sk-') ? 'success' : 'error' });
+        }
+        else {
+            setTestResults({ 0: vllmEndpoint ? 'success' : 'error' });
+        }
+        setIsTesting(false);
+    };
+    const getTestStatusIcon = (index) => {
+        const status = testResults[index];
+        if (status === 'testing')
+            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_HourglassEmpty__WEBPACK_IMPORTED_MODULE_3__["default"], { sx: { fontSize: 16, color: 'info.main' } });
+        if (status === 'success')
+            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_CheckCircle__WEBPACK_IMPORTED_MODULE_1__["default"], { sx: { fontSize: 16, color: 'success.main' } });
+        if (status === 'error')
+            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Error__WEBPACK_IMPORTED_MODULE_2__["default"], { sx: { fontSize: 16, color: 'error.main' } });
+        return null;
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Section Header Component
+    // ═══════════════════════════════════════════════════════════════════════════
+    const SectionHeader = ({ title, sectionKey, subtitle }) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-header", onClick: () => toggleSection(sectionKey) },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-title" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-section-icon" }, expandedSections[sectionKey] ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_8__["default"], null) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ChevronRight__WEBPACK_IMPORTED_MODULE_9__["default"], null)),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, title),
+            subtitle && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-section-subtitle" }, subtitle))));
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Render
+    // ═══════════════════════════════════════════════════════════════════════════
+    if (isLoading) {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-overlay" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-dialog jp-admin-dialog" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-content", style: { textAlign: 'center', padding: '40px' } },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_HourglassEmpty__WEBPACK_IMPORTED_MODULE_3__["default"], { sx: { fontSize: 48, color: 'info.main' } }),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "\uC124\uC815\uC744 \uBD88\uB7EC\uC624\uB294 \uC911...")))));
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-overlay" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-dialog jp-admin-dialog" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-header" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", null, "\uAD00\uB9AC\uC790 \uC124\uC815"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-close", onClick: onClose, title: "\uB2EB\uAE30" }, "\u00D7")),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-content" },
+                error && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-error" }, error)),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SectionHeader, { title: "LLM \uC124\uC815", sectionKey: "llm", subtitle: "\uBA54\uC778 \uC5B8\uC5B4 \uBAA8\uB378" }),
+                    expandedSections.llm && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uD504\uB85C\uBC14\uC774\uB354"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("select", { className: "jp-admin-select", value: provider, onChange: (e) => setProvider(e.target.value) },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gemini" }, "Google Gemini"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "vllm" }, "vLLM / OpenRouter"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "openai" }, "OpenAI"))),
+                        provider === 'gemini' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" },
+                                    "API \uD0A4 (",
+                                    validKeyCount,
+                                    "/10)",
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-label-hint" }, "Rate limit \uC2DC \uC790\uB3D9 \uB85C\uD14C\uC774\uC158")),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-keys-container" },
+                                    geminiApiKeys.map((key, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: index, className: "jp-admin-key-row" },
+                                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-key-index" },
+                                            index + 1,
+                                            "."),
+                                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "password", className: "jp-admin-input", value: key, onChange: (e) => handleKeyChange(index, e.target.value), placeholder: "AIza..." }),
+                                        getTestStatusIcon(index),
+                                        geminiApiKeys.length > 1 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-admin-btn-remove", onClick: () => handleRemoveKey(index) }, "\u00D7"))))),
+                                    geminiApiKeys.length < 10 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-admin-btn-add", onClick: handleAddKey }, "+ \uD0A4 \uCD94\uAC00")))),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uBAA8\uB378"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("select", { className: "jp-admin-select", value: geminiModel, onChange: (e) => setGeminiModel(e.target.value) },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gemini-2.5-flash" }, "Gemini 2.5 Flash"),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gemini-2.5-pro" }, "Gemini 2.5 Pro"))))),
+                        provider === 'vllm' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "API Base URL"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: vllmEndpoint, onChange: (e) => setVllmEndpoint(e.target.value), placeholder: "https://openrouter.ai/api/v1" })),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "API \uD0A4"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "password", className: "jp-admin-input", value: vllmApiKey, onChange: (e) => setVllmApiKey(e.target.value), placeholder: "sk-or-..." })),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uBAA8\uB378"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: vllmModel, onChange: (e) => setVllmModel(e.target.value), placeholder: "openai/gpt-4o" })),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-checkbox" },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "checkbox", checked: vllmUseResponsesApi, onChange: (e) => setVllmUseResponsesApi(e.target.checked) }),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Use Responses API (/v1/responses)"))))),
+                        provider === 'openai' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "API \uD0A4"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "password", className: "jp-admin-input", value: openaiApiKey, onChange: (e) => setOpenaiApiKey(e.target.value), placeholder: "sk-..." })),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uBAA8\uB378"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("select", { className: "jp-admin-select", value: openaiModel, onChange: (e) => setOpenaiModel(e.target.value) },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gpt-4o" }, "GPT-4o"),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gpt-4o-mini" }, "GPT-4o Mini"),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gpt-4-turbo" }, "GPT-4 Turbo")))))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SectionHeader, { title: "\uC0AC\uC6A9\uC790 \uC124\uC815", sectionKey: "user", subtitle: "\uC6CC\uD06C\uC2A4\uD398\uC774\uC2A4, \uC628\uB3C4, \uC790\uB3D9 \uC2B9\uC778" }),
+                    expandedSections.user && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" },
+                                "\uC6CC\uD06C\uC2A4\uD398\uC774\uC2A4 \uB8E8\uD2B8",
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-label-hint" }, "\uBE44\uC6B0\uBA74 \uD604\uC7AC \uB178\uD2B8\uBD81 \uD3F4\uB354 \uAE30\uC900")),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: workspaceRoot, onChange: (e) => setWorkspaceRoot(e.target.value), placeholder: "/path/to/project" })),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" },
+                                "Temperature",
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-label-hint" }, "0.0 = \uACB0\uC815\uC801, 1.0+ = \uCC3D\uC758\uC801")),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-slider-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "range", min: 0, max: 2, step: 0.1, value: temperature, onChange: (e) => setTemperature(parseFloat(e.target.value)), className: "jp-admin-slider" }),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", className: "jp-admin-input jp-admin-input-small", value: temperature, onChange: (e) => setTemperature(Math.max(0, Math.min(2, parseFloat(e.target.value) || 0))), min: 0, max: 2, step: 0.1 }))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-checkbox" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "checkbox", checked: autoApprove, onChange: (e) => setAutoApprove(e.target.checked) }),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "\uC790\uB3D9 \uC2E4\uD589 \uC2B9\uC778 (\uCF54\uB4DC/\uD30C\uC77C/\uC178 \uD3EC\uD568)")),
+                            autoApprove && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-warning" }, "\uC8FC\uC758: \uC5D0\uC774\uC804\uD2B8\uAC00 \uC0DD\uC131\uD55C \uCF54\uB4DC\uAC00 \uC790\uB3D9\uC73C\uB85C \uC2E4\uD589\uB429\uB2C8\uB2E4.")))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SectionHeader, { title: "\uC694\uC57D\uC6A9 LLM", sectionKey: "summarization", subtitle: "\uB300\uD654 \uC555\uCD95 \uC2DC \uC0AC\uC6A9" }),
+                    expandedSections.summarization && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-checkbox" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "checkbox", checked: summarizationEnabled, onChange: (e) => setSummarizationEnabled(e.target.checked) }),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "\uBCC4\uB3C4 LLM\uC73C\uB85C \uC694\uC57D \uC218\uD589 (\uBBF8\uC124\uC815 \uC2DC \uBA54\uC778 LLM \uC0AC\uC6A9)"))),
+                        summarizationEnabled && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uD504\uB85C\uBC14\uC774\uB354"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("select", { className: "jp-admin-select", value: summarizationProvider, onChange: (e) => setSummarizationProvider(e.target.value) },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gemini" }, "Gemini (\uBA54\uC778 \uC124\uC815 \uC0AC\uC6A9)"),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "openai" }, "OpenAI (\uBA54\uC778 \uC124\uC815 \uC0AC\uC6A9)"),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "vllm" }, "vLLM / OpenRouter (\uBCC4\uB3C4 \uC124\uC815)"))),
+                            summarizationProvider === 'vllm' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "API Base URL"),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: summarizationEndpoint, onChange: (e) => setSummarizationEndpoint(e.target.value), placeholder: "https://openrouter.ai/api/v1" })),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "API \uD0A4"),
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "password", className: "jp-admin-input", value: summarizationApiKey, onChange: (e) => setSummarizationApiKey(e.target.value), placeholder: "sk-or-..." })))),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" },
+                                    "\uBAA8\uB378",
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-label-hint" }, "\uBE44\uC6B0\uBA74 \uAE30\uBCF8 \uBAA8\uB378 \uC0AC\uC6A9")),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: summarizationModel, onChange: (e) => setSummarizationModel(e.target.value), placeholder: summarizationProvider === 'vllm' ? 'openai/gpt-4o-mini' : '' }))))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SectionHeader, { title: "\uC784\uBCA0\uB529 \uC124\uC815", sectionKey: "embedding", subtitle: "RAG \uBCA1\uD130 \uAC80\uC0C9\uC6A9" }),
+                    expandedSections.embedding && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uD504\uB85C\uBC14\uC774\uB354"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("select", { className: "jp-admin-select", value: embeddingProvider, onChange: (e) => setEmbeddingProvider(e.target.value) },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "openai" }, "OpenAI"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gemini" }, "Gemini"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "vllm" }, "vLLM / OpenRouter (\uBCC4\uB3C4 \uC124\uC815)"))),
+                        embeddingProvider === 'vllm' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "API Base URL"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: embeddingEndpoint, onChange: (e) => setEmbeddingEndpoint(e.target.value), placeholder: "https://api.openai.com/v1" }))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "API \uD0A4"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "password", className: "jp-admin-input", value: embeddingApiKey, onChange: (e) => setEmbeddingApiKey(e.target.value), placeholder: embeddingProvider === 'openai' ? 'sk-... (비우면 메인 OpenAI 키 사용)' : 'API 키' })),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uBAA8\uB378"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: embeddingModel, onChange: (e) => setEmbeddingModel(e.target.value), placeholder: "text-embedding-3-small" }))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SectionHeader, { title: "RAG / Qdrant", sectionKey: "rag", subtitle: "\uBCA1\uD130 \uB370\uC774\uD130\uBCA0\uC774\uC2A4" }),
+                    expandedSections.rag && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "Qdrant URL"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: qdrantUrl, onChange: (e) => setQdrantUrl(e.target.value), placeholder: "http://localhost:6333" }))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SectionHeader, { title: "\uC11C\uBC84 \uC124\uC815", sectionKey: "server", subtitle: "Agent \uC11C\uBC84, \uD0C0\uC784\uC544\uC6C3" }),
+                    expandedSections.server && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "Agent Server URL"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-admin-input", value: agentServerUrl, onChange: (e) => setAgentServerUrl(e.target.value), placeholder: "http://localhost:8000" })),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-row jp-admin-row-inline" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-inline-field" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "\uC694\uCCAD Timeout (\uCD08)"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", className: "jp-admin-input jp-admin-input-small", value: agentServerTimeout, onChange: (e) => setAgentServerTimeout(parseInt(e.target.value) || 120), min: 10, max: 600 })),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-inline-field" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-admin-label" }, "Idle Timeout (\uCD08)"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", className: "jp-admin-input jp-admin-input-small", value: idleTimeout, onChange: (e) => setIdleTimeout(Math.max(0, parseInt(e.target.value) || 0)), min: 0, max: 86400 })))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SectionHeader, { title: "\uC5D0\uC774\uC804\uD2B8 \uD504\uB86C\uD504\uD2B8", sectionKey: "prompts", subtitle: "\uC2DC\uC2A4\uD15C \uD504\uB86C\uD504\uD2B8 \uCEE4\uC2A4\uD130\uB9C8\uC774\uC9D5" }),
+                    expandedSections.prompts && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-section-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-card" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-header", onClick: () => setExpandedAgents(prev => ({ ...prev, planner: !prev.planner })) },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-icon" },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_GpsFixed__WEBPACK_IMPORTED_MODULE_7__["default"], { sx: { fontSize: 18 } })),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Planner (Supervisor)"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-chevron" }, expandedAgents.planner ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_8__["default"], null) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ChevronRight__WEBPACK_IMPORTED_MODULE_9__["default"], null))),
+                            expandedAgents.planner && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-body" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { className: "jp-admin-textarea", value: agentPrompts.planner || '', onChange: (e) => setAgentPrompts(prev => ({ ...prev, planner: e.target.value })), rows: 6 }),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-admin-btn-reset", onClick: () => defaultPrompts && setAgentPrompts(prev => ({ ...prev, planner: defaultPrompts.planner })), disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '기본값 복원')))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-card" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-header", onClick: () => setExpandedAgents(prev => ({ ...prev, python_developer: !prev.python_developer })) },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-icon" },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Code__WEBPACK_IMPORTED_MODULE_4__["default"], { sx: { fontSize: 18 } })),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Python Developer"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-chevron" }, expandedAgents.python_developer ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_8__["default"], null) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ChevronRight__WEBPACK_IMPORTED_MODULE_9__["default"], null))),
+                            expandedAgents.python_developer && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-body" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { className: "jp-admin-textarea", value: agentPrompts.python_developer || '', onChange: (e) => setAgentPrompts(prev => ({ ...prev, python_developer: e.target.value })), rows: 6 }),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-admin-btn-reset", onClick: () => defaultPrompts && setAgentPrompts(prev => ({ ...prev, python_developer: defaultPrompts.python_developer })), disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '기본값 복원')))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-card" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-header", onClick: () => setExpandedAgents(prev => ({ ...prev, researcher: !prev.researcher })) },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-icon" },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Search__WEBPACK_IMPORTED_MODULE_5__["default"], { sx: { fontSize: 18 } })),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Researcher"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-chevron" }, expandedAgents.researcher ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_8__["default"], null) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ChevronRight__WEBPACK_IMPORTED_MODULE_9__["default"], null))),
+                            expandedAgents.researcher && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-body" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { className: "jp-admin-textarea", value: agentPrompts.researcher || '', onChange: (e) => setAgentPrompts(prev => ({ ...prev, researcher: e.target.value })), rows: 6 }),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-admin-btn-reset", onClick: () => defaultPrompts && setAgentPrompts(prev => ({ ...prev, researcher: defaultPrompts.researcher })), disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '기본값 복원')))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-card" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-header", onClick: () => setExpandedAgents(prev => ({ ...prev, athena_query: !prev.athena_query })) },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-icon" },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Analytics__WEBPACK_IMPORTED_MODULE_6__["default"], { sx: { fontSize: 18 } })),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Athena Query"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-admin-prompt-chevron" }, expandedAgents.athena_query ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_8__["default"], null) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ChevronRight__WEBPACK_IMPORTED_MODULE_9__["default"], null))),
+                            expandedAgents.athena_query && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-admin-prompt-body" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { className: "jp-admin-textarea", value: agentPrompts.athena_query || '', onChange: (e) => setAgentPrompts(prev => ({ ...prev, athena_query: e.target.value })), rows: 6 }),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-admin-btn-reset", onClick: () => defaultPrompts && setAgentPrompts(prev => ({ ...prev, athena_query: defaultPrompts.athena_query })), disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '기본값 복원')))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-admin-btn-reset-all", onClick: () => {
+                                if (defaultPrompts) {
+                                    setAgentPrompts({
+                                        planner: defaultPrompts.planner,
+                                        python_developer: defaultPrompts.python_developer,
+                                        researcher: defaultPrompts.researcher,
+                                        athena_query: defaultPrompts.athena_query,
+                                    });
+                                }
+                            }, disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '모든 프롬프트 기본값 복원'))))),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-footer" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-button jp-agent-settings-button-secondary", onClick: onClose }, "\uCDE8\uC18C"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-button jp-agent-settings-button-test", onClick: handleTest, disabled: isTesting }, isTesting ? '테스트 중...' : 'API 테스트'),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-button jp-agent-settings-button-primary", onClick: handleSave, disabled: isSaving }, isSaving ? '저장 중...' : '저장')))));
+};
+
+
+/***/ },
+
 /***/ "./lib/components/AgentPanel.js"
 /*!**************************************!*\
   !*** ./lib/components/AgentPanel.js ***!
@@ -18,15 +572,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @jupyterlab/notebook */ "webpack/sharing/consume/default/@jupyterlab/notebook");
 /* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _SettingsPanel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./SettingsPanel */ "./lib/components/SettingsPanel.js");
-/* harmony import */ var _services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../services/ApiKeyManager */ "./lib/services/ApiKeyManager.js");
-/* 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 _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");
+/* harmony import */ var _AdminSettingsPanel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AdminSettingsPanel */ "./lib/components/AdminSettingsPanel.js");
+/* harmony import */ var _UserSettingsPanel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./UserSettingsPanel */ "./lib/components/UserSettingsPanel.js");
+/* harmony import */ var _services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../services/ApiKeyManager */ "./lib/services/ApiKeyManager.js");
+/* harmony import */ var _utils_markdownRenderer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/markdownRenderer */ "./lib/utils/markdownRenderer.js");
+/* harmony import */ var _FileSelectionDialog__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./FileSelectionDialog */ "./lib/components/FileSelectionDialog.js");
+/* harmony import */ var _StreamingMessage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./StreamingMessage */ "./lib/components/StreamingMessage.js");
+/* harmony import */ var _ContextAutocomplete__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ContextAutocomplete */ "./lib/components/ContextAutocomplete.js");
+/* harmony import */ var _utils_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/icons */ "./lib/utils/icons.js");
+/* harmony import */ var _mui_icons_material_ExpandLess__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/icons-material/ExpandLess */ "./node_modules/@mui/icons-material/esm/ExpandLess.js");
+/* harmony import */ var _mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/icons-material/ExpandMore */ "./node_modules/@mui/icons-material/esm/ExpandMore.js");
+/* harmony import */ var _logoSvg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../logoSvg */ "./lib/logoSvg.js");
 /**
  * Agent Panel - Main sidebar panel for Jupyter Agent
  * Cursor AI Style: Unified Chat + Agent Interface
@@ -34,6 +590,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+ // Fallback for legacy mode
+
 
 
 
@@ -48,7 +606,7 @@ __webpack_require__.r(__webpack_exports__);
 // 탭바 아이콘 생성
 const hdspTabIcon = new _jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1__.LabIcon({
     name: 'hdsp-agent:tab-icon',
-    svgstr: _logoSvg__WEBPACK_IMPORTED_MODULE_12__.tabbarLogoSvg
+    svgstr: _logoSvg__WEBPACK_IMPORTED_MODULE_14__.tabbarLogoSvg
 });
 // ═══════════════════════════════════════════════════════════════════════════
 // Python 파일 에러 감지 및 처리 유틸리티
@@ -156,9 +714,12 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
     const [streamingMessageId, setStreamingMessageId] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
     const [conversationId, setConversationId] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
     const [showSettings, setShowSettings] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [isAdmin, setIsAdmin] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null); // null = loading, false/true = resolved
     const [llmConfig, setLlmConfig] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
     // Agent 실행 상태
     const [isAgentRunning, setIsAgentRunning] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    // Compact 압축 상태
+    const [isCompacting, setIsCompacting] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     // 입력 모드 (Cursor AI 스타일) - 로컬 스토리지에서 복원
     // Note: 'agent_v2'는 'agent'로 마이그레이션
     const [inputMode, setInputMode] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => {
@@ -249,6 +810,8 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
     // Todo list state (from TodoListMiddleware)
     const [todos, setTodos] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
     const [isTodoExpanded, setIsTodoExpanded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    // When true, render in_progress todos as cancelled (survives late SSE overwrites)
+    const [isTodoStopped, setIsTodoStopped] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     // Agent thread ID for context persistence across cycles (SummarizationMiddleware support)
     const [agentThreadId, setAgentThreadId] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
     // AbortController for stopping long-running tasks
@@ -603,10 +1166,30 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             setInputMode(mode);
         }
     }));
-    // Load config on mount
+    // Load config and check admin mode on mount
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         loadConfig();
+        // Check admin mode for settings panel selection
+        const checkAdminMode = async () => {
+            try {
+                const result = await apiService.checkIsAdmin();
+                setIsAdmin(result.isAdmin);
+                console.log('[AgentPanel] Admin mode check:', result.isAdmin, result.reason);
+            }
+            catch (err) {
+                console.warn('[AgentPanel] Failed to check admin mode, defaulting to user mode:', err);
+                setIsAdmin(false); // Default to user mode on error
+            }
+        };
+        checkAdminMode();
     }, []);
+    // Force chat mode for non-admin users (agent mode is admin-only for now)
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (isAdmin === false && inputMode !== 'chat') {
+            console.log('[AgentPanel] Non-admin user detected, forcing chat mode');
+            setInputMode('chat');
+        }
+    }, [isAdmin]);
     // Reset expand state when debug status changes
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         setIsDebugExpanded(false);
@@ -706,10 +1289,10 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
     // Remove lastActiveNotebook state - just use currentWidget directly
     const loadConfig = () => {
         // Load from localStorage using ApiKeyManager
-        const config = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getLLMConfig)();
+        const config = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getLLMConfig)();
         if (!config) {
             console.log('[AgentPanel] No config in localStorage, using default');
-            const defaultConfig = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getDefaultLLMConfig)();
+            const defaultConfig = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getDefaultLLMConfig)();
             setLlmConfig(defaultConfig);
             return;
         }
@@ -923,9 +1506,9 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
     const handleSaveConfig = (config) => {
         console.log('[AgentPanel] Saving config to localStorage');
         console.log('Provider:', config.provider);
-        console.log('API Key configured:', (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.hasValidApiKey)(config) ? '✓ Yes' : '✗ No');
+        console.log('API Key configured:', (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.hasValidApiKey)(config) ? '✓ Yes' : '✗ No');
         // Save to localStorage using ApiKeyManager
-        (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.saveLLMConfig)(config);
+        (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.saveLLMConfig)(config);
         // Update state
         setLlmConfig(config);
         console.log('[AgentPanel] Config saved successfully');
@@ -963,7 +1546,15 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
      */
     const stopCurrentTask = async () => {
         console.log('[AgentPanel] Stopping current task...');
-        // 1. Cancel the server-side agent execution
+        // 1. Mark todos as stopped — rendering will show in_progress as cancelled
+        setIsTodoStopped(true);
+        // 2. Abort any ongoing fetch requests
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+            abortControllerRef.current = null;
+            console.log('[AgentPanel] Aborted fetch request');
+        }
+        // 2. Cancel the server-side agent execution
         if (agentThreadId) {
             try {
                 const result = await apiService.cancelAgent(agentThreadId);
@@ -973,12 +1564,6 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                 console.warn('[AgentPanel] Error cancelling server-side agent:', error);
             }
         }
-        // 2. Abort any ongoing fetch requests
-        if (abortControllerRef.current) {
-            abortControllerRef.current.abort();
-            abortControllerRef.current = null;
-            console.log('[AgentPanel] Aborted fetch request');
-        }
         // 3. Interrupt the Jupyter kernel if executing (try all possible kernels)
         try {
             // Try notebook kernel first
@@ -1014,7 +1599,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         setAgentThreadId(null);
         // 6. Update current in_progress todo to show it was stopped
         setTodos(prev => prev.map(todo => todo.status === 'in_progress'
-            ? { ...todo, content: `${todo.content} (중단됨)`, status: 'pending' }
+            ? { ...todo, status: 'cancelled' }
             : todo));
         // Show notification
         showNotification('작업이 중단되었습니다.', 'info');
@@ -1022,15 +1607,25 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
     };
     // 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 lastScrollHeightRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+    const wasStreamingRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
     const userScrolledUpRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+    // Flag to suppress scroll-event detection during programmatic scrolls
+    const isProgrammaticScrollRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
     // Track user scroll to detect if they scrolled up
+    // During streaming, only real user scroll (wheel/touch) should disable auto-scroll.
+    // Programmatic scrolls and rendering-induced scroll events are ignored.
     (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;
+            // Skip detection if this was triggered by our programmatic scroll
+            if (isProgrammaticScrollRef.current) {
+                return;
+            }
+            // Use wider threshold (200px) to tolerate rendering height fluctuations
+            const isNearBottom = container.scrollHeight - container.scrollTop - container.clientHeight < 200;
             userScrolledUpRef.current = !isNearBottom;
         };
         container.addEventListener('scroll', handleScroll, { passive: true });
@@ -1041,38 +1636,58 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         const container = messagesContainerRef.current;
         if (!container)
             return;
-        // If user scrolled up, don't auto-scroll
+        // 스트리밍 종료 감지: 이전에 스트리밍 중이었고 지금은 아닌 경우
+        const streamingJustEnded = wasStreamingRef.current && !isStreaming;
+        wasStreamingRef.current = isStreaming;
+        // 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 || !isStreaming) {
-            if (isStreaming) {
-                // 스트리밍 중: requestAnimationFrame으로 부드럽게 스크롤
-                // 이전 RAF가 있으면 취소하고 새로 스케줄링
+        // Use wider threshold during streaming (rendering can cause temporary height changes)
+        const threshold = isStreaming ? 200 : 100;
+        const isNearBottom = container.scrollHeight - container.scrollTop - container.clientHeight < threshold;
+        if (isStreaming) {
+            // 스트리밍 중: 높이가 20px 이상 변화했을 때만 스크롤
+            const scrollHeight = container.scrollHeight;
+            const heightChanged = scrollHeight - lastScrollHeightRef.current > 20;
+            if (heightChanged) {
                 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;
-                    }
+                    isProgrammaticScrollRef.current = true;
+                    container.scrollTo({
+                        top: container.scrollHeight,
+                        behavior: 'smooth'
+                    });
                     scrollRafRef.current = null;
+                    setTimeout(() => {
+                        isProgrammaticScrollRef.current = false;
+                    }, 150);
                 });
+                lastScrollHeightRef.current = scrollHeight;
             }
-            else if (isNearBottom) {
-                // 일반 메시지 추가 시 부드러운 스크롤
-                container.scrollTo({
-                    top: container.scrollHeight,
-                    behavior: 'smooth'
-                });
-                // 새 메시지 추가 시 userScrolledUp 리셋
-                userScrolledUpRef.current = false;
-            }
+        }
+        else if (streamingJustEnded) {
+            // 스트리밍 종료 시: 약간의 딜레이 후 최종 스크롤 (렌더링 완료 대기)
+            console.log('[AutoScroll] Streaming ended, scrolling to bottom');
+            setTimeout(() => {
+                if (container) {
+                    container.scrollTo({
+                        top: container.scrollHeight,
+                        behavior: 'smooth'
+                    });
+                }
+            }, 100);
+            userScrolledUpRef.current = false;
+            lastScrollHeightRef.current = 0; // 리셋
+        }
+        else if (isNearBottom) {
+            // 하단 근처일 때: 스크롤
+            container.scrollTo({
+                top: container.scrollHeight,
+                behavior: 'smooth'
+            });
         }
         // Cleanup RAF on unmount
         return () => {
@@ -1108,11 +1723,11 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         let currentConfig = llmConfig;
         if (!currentConfig) {
             // Config not loaded yet, try to load from localStorage
-            currentConfig = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getDefaultLLMConfig)();
+            currentConfig = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getDefaultLLMConfig)();
             setLlmConfig(currentConfig);
         }
         // Check API key using ApiKeyManager
-        const hasApiKey = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.hasValidApiKey)(currentConfig);
+        const hasApiKey = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.hasValidApiKey)(currentConfig);
         const autoApproveEnabled = getAutoApproveEnabled(currentConfig);
         if (!hasApiKey) {
             // Show error message and open settings
@@ -1139,6 +1754,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         }
         setIsLoading(true);
         setIsStreaming(true);
+        setIsTodoStopped(false);
         // Clear todos only when starting a new task (all completed or no todos)
         // Keep todos if there are pending/in_progress items (continuation of current task)
         const hasActiveTodos = todos.some(t => t.status === 'pending' || t.status === 'in_progress');
@@ -1147,9 +1763,11 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
         }
         setDebugStatus(null);
         // Clear the data attribute and ref after using it
-        if (textarea && llmPrompt) {
-            textarea.removeAttribute('data-llm-prompt');
+        if (llmPrompt) {
             pendingLlmPromptRef.current = null;
+            if (textarea) {
+                textarea.removeAttribute('data-llm-prompt');
+            }
         }
         // Create assistant message ID for streaming updates
         const assistantMessageId = makeMessageId('assistant');
@@ -1192,7 +1810,11 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                     }
                 }, 
                 // AbortSignal for stopping the stream
-                abortControllerRef.current.signal);
+                abortControllerRef.current.signal, 
+                // onDebug callback for status messages (auto-compact, etc.)
+                (status) => {
+                    setDebugStatus(status);
+                });
             }
             else {
                 // Agent V2 모드 - /agent/langchain/stream 사용 (HITL, Todo, 도구 실행)
@@ -2159,7 +2781,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             };
         }
     };
-    const executeCodeViaSubprocess = async (code, timeout) => {
+    const executeCodeViaSubprocess = async (code, timeout, onOutput) => {
         const isShell = isShellCell(code);
         const command = isShell ? extractShellCommand(code) : buildPythonCommand(code);
         if (!command) {
@@ -2173,7 +2795,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                 execution_method: 'subprocess'
             };
         }
-        const result = await executeSubprocessCommand(command, timeout);
+        const result = await executeSubprocessCommand(command, timeout, onOutput);
         return {
             ...result,
             execution_method: 'subprocess'
@@ -2469,7 +3091,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             else if (action === 'search_files_tool') {
                 setDebugStatus({ status: `파일 검색 중: ${args?.pattern || ''}`, icon: 'search' });
                 try {
-                    const currentLlmConfig = llmConfig || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getDefaultLLMConfig)();
+                    const currentLlmConfig = llmConfig || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getDefaultLLMConfig)();
                     const searchResult = await apiService.searchWorkspace({
                         pattern: args?.pattern || '',
                         file_types: args?.file_pattern ? [args.file_pattern] : ['*'],
@@ -2532,7 +3154,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             }, (nextInterrupt) => {
                 interrupted = true;
                 approvalPendingRef.current = true;
-                const autoApproveEnabled = getAutoApproveEnabled(llmConfig || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getDefaultLLMConfig)());
+                const autoApproveEnabled = getAutoApproveEnabled(llmConfig || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getDefaultLLMConfig)());
                 // Handle next interrupt (could be another search or code execution)
                 if (nextInterrupt.action === 'search_notebook_cells_tool'
                     || nextInterrupt.action === 'check_resource_tool'
@@ -2959,7 +3581,11 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                 const code = interrupt.args.code;
                 if (!shouldExecuteInNotebook(code)) {
                     setDebugStatus({ status: '서브프로세스로 코드 실행 중...', icon: 'terminal' });
-                    const execResult = await executeCodeViaSubprocess(code, interrupt.args?.timeout);
+                    const subCmd = isShellCell(code) ? extractShellCommand(code) : buildPythonCommand(code);
+                    const subOutputId = subCmd ? createCommandOutputMessage(subCmd) : null;
+                    const execResult = await executeCodeViaSubprocess(code, interrupt.args?.timeout, subOutputId
+                        ? (chunk) => appendCommandOutputMessage(subOutputId, chunk.text, chunk.stream)
+                        : undefined);
                     resumeDecision = 'edit';
                     resumeArgs = {
                         code,
@@ -2979,7 +3605,11 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                         const notebook = getActiveNotebookPanel();
                         if (!notebook) {
                             setDebugStatus({ status: '노트북이 없어 서브프로세스로 실행 중...', icon: 'terminal' });
-                            const execResult = await executeCodeViaSubprocess(code, interrupt.args?.timeout);
+                            const nbCmd = isShellCell(code) ? extractShellCommand(code) : buildPythonCommand(code);
+                            const nbOutputId = nbCmd ? createCommandOutputMessage(nbCmd) : null;
+                            const execResult = await executeCodeViaSubprocess(code, interrupt.args?.timeout, nbOutputId
+                                ? (chunk) => appendCommandOutputMessage(nbOutputId, chunk.text, chunk.stream)
+                                : undefined);
                             resumeDecision = 'edit';
                             resumeArgs = {
                                 code,
@@ -2990,7 +3620,11 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
                             const cellIndex = insertCell(notebook, 'code', code);
                             if (cellIndex === null) {
                                 setDebugStatus({ status: '노트북 모델이 없어 서브프로세스로 실행 중...', icon: 'terminal' });
-                                const execResult = await executeCodeViaSubprocess(code, interrupt.args?.timeout);
+                                const mdlCmd = isShellCell(code) ? extractShellCommand(code) : buildPythonCommand(code);
+                                const mdlOutputId = mdlCmd ? createCommandOutputMessage(mdlCmd) : null;
+                                const execResult = await executeCodeViaSubprocess(code, interrupt.args?.timeout, mdlOutputId
+                                    ? (chunk) => appendCommandOutputMessage(mdlOutputId, chunk.text, chunk.stream)
+                                    : undefined);
                                 resumeDecision = 'edit';
                                 resumeArgs = {
                                     code,
@@ -3081,7 +3715,7 @@ const ChatPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ apiServic
             }, (nextInterrupt) => {
                 interrupted = true;
                 approvalPendingRef.current = true;
-                const autoApproveEnabled = getAutoApproveEnabled(llmConfig || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_4__.getDefaultLLMConfig)());
+                const autoApproveEnabled = getAutoApproveEnabled(llmConfig || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getLLMConfig)() || (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.getDefaultLLMConfig)());
                 // Auto-approve search/file/resource tools
                 if (nextInterrupt.action === 'search_notebook_cells_tool'
                     || nextInterrupt.action === 'check_resource_tool'
@@ -3391,19 +4025,16 @@ SyntaxError: '(' was never closed
         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);
-            }
+        // Check if we should show autocomplete (when typing @ or / commands)
+        // Find the start of the current word (from cursor back to whitespace)
+        let wordStart = newCursorPosition;
+        while (wordStart > 0 && !/\s/.test(newValue[wordStart - 1])) {
+            wordStart--;
+        }
+        const currentWord = newValue.slice(wordStart, newCursorPosition);
+        // Show autocomplete if current word starts with @ or /
+        if (currentWord.startsWith('@') || currentWord.startsWith('/')) {
+            setShowAutocomplete(true);
         }
         else {
             setShowAutocomplete(false);
@@ -3412,8 +4043,8 @@ SyntaxError: '(' was never closed
     // 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) {
+        // Check if this is an action command (like /reset, /compact)
+        if (option.id === '/reset' && option.is_complete) {
             // Execute reset action
             await executeResetAction();
             setShowAutocomplete(false);
@@ -3421,6 +4052,23 @@ SyntaxError: '(' was never closed
             setInput('');
             return;
         }
+        if (option.id === '/compact' && option.is_complete) {
+            // Hide autocomplete immediately before async operation
+            setShowAutocomplete(false);
+            setHasAutocompleteOptions(false);
+            setInput('');
+            // Execute compact action
+            await executeCompactAction();
+            return;
+        }
+        if (option.id === '/help' && option.is_complete) {
+            // Execute help action (no async, just display help message)
+            executeHelpAction();
+            setShowAutocomplete(false);
+            setHasAutocompleteOptions(false);
+            setInput('');
+            return;
+        }
         if (!textareaRef.current)
             return;
         const text = input;
@@ -3453,7 +4101,7 @@ SyntaxError: '(' was never closed
             }
         }, 0);
     };
-    // Execute @reset action
+    // Execute /reset action
     const executeResetAction = async () => {
         try {
             // Reset both agent thread and conversation
@@ -3494,6 +4142,141 @@ SyntaxError: '(' was never closed
             setMessages(prev => [...prev, errorMessage]);
         }
     };
+    // Execute /compact action - LLM-based conversation summarization
+    const executeCompactAction = async () => {
+        const convId = agentThreadId || conversationId;
+        if (!convId) {
+            const noSessionMessage = {
+                id: `compact-info-${Date.now()}`,
+                role: 'assistant',
+                content: '세션이 없습니다. 대화를 먼저 시작해주세요.',
+                timestamp: Date.now(),
+            };
+            setMessages(prev => [...prev, noSessionMessage]);
+            return;
+        }
+        try {
+            setIsCompacting(true);
+            // Show compacting status (same as auto-compact)
+            setDebugStatus({ status: '대화 컨텍스트 요약 중...', icon: 'thinking' });
+            // Call compact API
+            const result = await apiService.compactConversation(convId, llmConfig || undefined);
+            if (result.success) {
+                // Show completion status with message count (Claude Code style - status only, no chat message)
+                const statusMsg = result.originalMessages && result.compressedMessages
+                    ? `대화가 압축되었습니다. (${result.originalMessages}개 → ${result.compressedMessages}개 메시지)`
+                    : '대화가 압축되었습니다.';
+                setDebugStatus({ status: statusMsg, icon: 'check' });
+                // Clear status after delay (summary stays in context only, not shown to user)
+                setTimeout(() => setDebugStatus(null), 3000);
+            }
+            else {
+                // Add error message
+                setDebugStatus(null);
+                const errorMessage = {
+                    id: `compact-error-${Date.now()}`,
+                    role: 'assistant',
+                    content: result.message,
+                    timestamp: Date.now(),
+                };
+                setMessages(prev => [...prev, errorMessage]);
+            }
+            console.log('[AgentPanel] Compact complete:', result);
+        }
+        catch (error) {
+            console.error('[AgentPanel] Failed to compact conversation:', error);
+            // Clear status and show error
+            setDebugStatus(null);
+            const errorMessage = {
+                id: `compact-error-${Date.now()}`,
+                role: 'assistant',
+                content: `압축 실패: ${error}`,
+                timestamp: Date.now(),
+            };
+            setMessages(prev => [...prev, errorMessage]);
+        }
+        finally {
+            setIsCompacting(false);
+        }
+    };
+    // Execute /help action - Display help guide (no LLM call)
+    const executeHelpAction = () => {
+        const helpContent = `## HDSP Agent 사용 가이드
+
+### 사용 가능한 명령어
+
+| 명령어 | 설명 |
+|--------|------|
+| \`/help\` | 이 도움말 표시 |
+| \`/reset\` | 세션 초기화 및 대화 기록 삭제 |
+| \`/compact\` | 대화 기록 요약 (컨텍스트 절약) |
+| \`@file:경로\` | 파일 내용을 프롬프트에 포함 |
+
+### 현재 사용 가능한 기능
+
+현재는 **Chat 모드**만 사용 가능합니다. Chat 모드에서는 AI와 자유롭게 대화하며 질문하고 답변을 받을 수 있습니다.
+
+### Agent 모드 (출시 예정!)
+
+**Agent 모드**가 곧 오픈될 예정입니다! Agent 모드에서는 AI가 단순 대화를 넘어 실제 작업을 수행합니다:
+
+- **코드 자동 실행**: 데이터 분석, 시각화, 모델 학습 등을 직접 실행
+- **파일 읽기/수정**: 프로젝트 파일을 읽고 수정하여 코드 개선
+- **셸 명령 실행**: 패키지 설치, 스크립트 실행 등 터미널 작업 수행
+- **멀티스텝 작업**: 복잡한 작업을 여러 단계로 나눠 자동 처리
+- **오류 자동 수정**: 코드 실행 중 오류 발생 시 자동으로 분석하고 수정
+
+기대해 주세요!
+
+### 노트북 셀 아이콘 버튼
+
+Jupyter 노트북의 각 코드 셀 옆에 있는 아이콘 버튼을 활용하세요:
+
+| 아이콘 | 기능 | 설명 |
+|--------|------|------|
+| 💬 | **질문하기** | 선택한 셀 코드에 대해 자유롭게 질문 |
+| ✏️ | **수정 제안** | 코드 개선, 버그 수정, 최적화 제안 요청 |
+| 📖 | **코드 설명** | 코드의 동작 원리와 로직을 상세히 설명 |
+
+버튼 클릭 시 해당 셀의 코드가 자동으로 대화창에 포함됩니다.
+
+### 파일 참조 사용법
+
+입력창에 \`@file:\`을 입력하면 자동완성으로 파일을 선택할 수 있습니다.
+
+**예시:**
+- \`@file:main.py 이 코드를 분석해줘\`
+- \`@file:src/utils.py 테스트 코드 작성해줘\`
+
+### 키보드 단축키
+
+| 단축키 | 동작 |
+|--------|------|
+| \`Enter\` | 메시지 전송 |
+| \`Shift+Enter\` | 줄바꿈 |
+| \`Escape\` | 스트리밍 중지 / 자동완성 닫기 |
+
+### 설정
+
+- 우측 상단 ⚙️ 아이콘으로 설정 패널 열기
+- **워크스페이스**: 파일 경로 기준 폴더 설정
+- **Temperature**: LLM 응답 다양성 조절 (0.0 = 일관됨, 1.0+ = 창의적)
+
+### 팁
+
+- 긴 대화 시 \`/compact\`로 컨텍스트 절약
+- 에러 발생 시 \`/reset\`으로 세션 초기화
+- 코드 분석 시 \`@file:\`로 파일 직접 참조
+- 노트북 셀의 아이콘 버튼으로 빠르게 코드 질문하기`;
+        const helpMessage = {
+            id: `help-${Date.now()}`,
+            role: 'assistant',
+            content: helpContent,
+            timestamp: Date.now(),
+        };
+        setMessages(prev => [...prev, helpMessage]);
+        console.log('[AgentPanel] Help displayed');
+    };
     const handleKeyDown = (e) => {
         // If autocomplete is visible AND has options, let it handle Tab/Enter
         if (showAutocomplete && hasAutocompleteOptions) {
@@ -3521,25 +4304,27 @@ SyntaxError: '(' was never closed
             e.preventDefault();
             handleSendMessage();
         }
-        // Shift+Tab: 모드 전환 (chat ↔ agent)
-        if (e.key === 'Tab' && e.shiftKey) {
+        // Shift+Tab: 모드 전환 (chat ↔ agent) - admin only
+        if (e.key === 'Tab' && e.shiftKey && isAdmin) {
             e.preventDefault();
             setInputMode(prev => prev === 'chat' ? 'agent' : 'chat');
             return;
         }
-        // Cmd/Ctrl + . : 모드 전환 (대체 단축키)
-        if (e.key === '.' && (e.metaKey || e.ctrlKey)) {
+        // Cmd/Ctrl + . : 모드 전환 (대체 단축키) - admin only
+        if (e.key === '.' && (e.metaKey || e.ctrlKey) && isAdmin) {
             e.preventDefault();
             setInputMode(prev => prev === 'chat' ? 'agent' : 'chat');
         }
-        // Tab (without Shift): Agent 모드일 때 드롭다운 토글
-        if (e.key === 'Tab' && !e.shiftKey && inputMode !== 'chat') {
+        // Tab (without Shift): Agent 모드일 때 드롭다운 토글 - admin only
+        if (e.key === 'Tab' && !e.shiftKey && inputMode !== 'chat' && isAdmin) {
             e.preventDefault();
             setShowModeDropdown(prev => !prev);
         }
     };
-    // 모드 토글 함수 (chat ↔ agent)
+    // 모드 토글 함수 (chat ↔ agent) - admin only
     const toggleMode = () => {
+        if (!isAdmin)
+            return; // Non-admin users can only use chat mode
         setInputMode(prev => prev === 'chat' ? 'agent' : 'chat');
         setShowModeDropdown(false);
     };
@@ -3582,7 +4367,7 @@ SyntaxError: '(' was never closed
         if (!debugStatus || typeof debugStatus === 'string')
             return '';
         if (debugStatus.icon) {
-            return (0,_utils_icons__WEBPACK_IMPORTED_MODULE_9__.getIconByName)(debugStatus.icon);
+            return (0,_utils_icons__WEBPACK_IMPORTED_MODULE_11__.getIconByName)(debugStatus.icon);
         }
         return '';
     };
@@ -3606,11 +4391,33 @@ SyntaxError: '(' was never closed
         return null;
     };
     const statusText = getStatusText();
-    const hasActiveTodos = todos.some(todo => todo.status === 'pending' || todo.status === 'in_progress');
+    // When stopped, treat in_progress as cancelled for rendering
+    const displayTodos = isTodoStopped
+        ? todos.map(t => t.status === 'in_progress' ? { ...t, status: 'cancelled' } : t)
+        : todos;
+    const hasActiveTodos = displayTodos.some(todo => todo.status === 'pending' || todo.status === 'in_progress');
     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 })),
+        showSettings && (isAdmin === true ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AdminSettingsPanel__WEBPACK_IMPORTED_MODULE_4__.AdminSettingsPanel, { onClose: () => setShowSettings(false), onSave: (config) => {
+                // Refresh llmConfig from localStorage after admin save
+                loadConfig();
+                console.log('[AgentPanel] Admin config saved');
+            }, apiService: apiService })) : isAdmin === false ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_UserSettingsPanel__WEBPACK_IMPORTED_MODULE_5__.UserSettingsPanel, { onClose: () => setShowSettings(false), onSave: (config) => {
+                // Update llmConfig with user settings
+                if (llmConfig) {
+                    const updatedConfig = {
+                        ...llmConfig,
+                        workspaceRoot: config.workspaceRoot,
+                        autoApprove: config.autoApprove
+                    };
+                    (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_6__.saveLLMConfig)(updatedConfig);
+                    setLlmConfig(updatedConfig);
+                }
+                console.log('[AgentPanel] User config saved');
+            }, apiService: apiService })) : (
+        // Fallback to legacy SettingsPanel while checking admin mode
+        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_12__.headerLogoSvg } }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-header-logo", dangerouslySetInnerHTML: { __html: _logoSvg__WEBPACK_IMPORTED_MODULE_14__.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" },
@@ -3717,7 +4524,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_9__.Icons.rejectCircle : _utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.doubleCheck);
+                                    const resolvedIcon = autoApproved ? '' : (decision === 'reject' ? _utils_icons__WEBPACK_IMPORTED_MODULE_11__.Icons.rejectCircle : _utils_icons__WEBPACK_IMPORTED_MODULE_11__.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>`
@@ -3725,8 +4532,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_9__.Icons.approveCircle}</button>
-  <button class="jp-agent-interrupt-reject-btn" data-action="reject" title="거부">${_utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.rejectCircle}</button>
+  <button class="jp-agent-interrupt-approve-btn" data-action="approve" title="승인">${_utils_icons__WEBPACK_IMPORTED_MODULE_11__.Icons.approveCircle}</button>
+  <button class="jp-agent-interrupt-reject-btn" data-action="reject" title="거부">${_utils_icons__WEBPACK_IMPORTED_MODULE_11__.Icons.rejectCircle}</button>
 </div>
 `;
                                     // Get tool description from args (for jupyter_cell_tool)
@@ -3734,15 +4541,15 @@ SyntaxError: '(' was never closed
                                     const renderedHtml = (() => {
                                         // markdown_tool: render content as HTML directly, not as code block
                                         let html = isMarkdownTool
-                                            ? (0,_utils_markdownRenderer__WEBPACK_IMPORTED_MODULE_5__.formatMarkdownToHtml)(snippet)
-                                            : (0,_utils_markdownRenderer__WEBPACK_IMPORTED_MODULE_5__.formatMarkdownToHtml)(`\n\`\`\`${language}\n${snippet}\n\`\`\``);
+                                            ? (0,_utils_markdownRenderer__WEBPACK_IMPORTED_MODULE_7__.formatMarkdownToHtml)(snippet)
+                                            : (0,_utils_markdownRenderer__WEBPACK_IMPORTED_MODULE_7__.formatMarkdownToHtml)(`\n\`\`\`${language}\n${snippet}\n\`\`\``);
                                         if (isWriteFile && writePath) {
                                             const safePath = escapeHtml(writePath);
                                             html = html.replace(/<span class="code-block-language">[^<]*<\/span>/, `<span class="code-block-language jp-agent-interrupt-path">${safePath}</span>`);
                                         }
                                         if ((isEditFile || isMultiEditFile) && editPath) {
                                             const safePath = escapeHtml(editPath);
-                                            const editIcon = _utils_icons__WEBPACK_IMPORTED_MODULE_9__.Icons.edit;
+                                            const editIcon = _utils_icons__WEBPACK_IMPORTED_MODULE_11__.Icons.edit;
                                             html = html.replace(/<span class="code-block-language">[^<]*<\/span>/, `<span class="code-block-language jp-agent-interrupt-path">${editIcon} ${safePath}</span>`);
                                         }
                                         // actionHtml이 비어있지 않을 때만 추가
@@ -3769,12 +4576,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_9__.Icons.description} ${safeDescription}</div>`;
+                                            result += `<div class="jp-agent-code-description">${_utils_icons__WEBPACK_IMPORTED_MODULE_11__.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_9__.Icons.approvalWarning} ${safeContent}</div>`;
+                                            result += `<div class="jp-agent-interrupt-description">${_utils_icons__WEBPACK_IMPORTED_MODULE_11__.Icons.approvalWarning} ${safeContent}</div>`;
                                         }
                                         // 3. 코드 블록
                                         result += codeHtml;
@@ -3798,7 +4605,7 @@ SyntaxError: '(' was never closed
                                 })())))) : msg.role === 'assistant' ? (
                         // Assistant(AI) 메시지: 스트리밍 지원 마크다운 렌더링
                         // 이벤트 위임은 상위 messages-container에서 처리됨
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_StreamingMessage__WEBPACK_IMPORTED_MODULE_7__.StreamingMessage, { content: msg.content, isStreaming: streamingMessageId === msg.id, onInsertAbove: handleInsertCodeAbove, onInsertBelow: handleInsertCodeBelow, onInsertAsCell: handleInsertCodeAsCell, cellActionsEnabled: !!getActiveNotebookPanel() })) : (
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_StreamingMessage__WEBPACK_IMPORTED_MODULE_9__.StreamingMessage, { content: msg.content, isStreaming: streamingMessageId === msg.id, onInsertAbove: handleInsertCodeAbove, onInsertBelow: handleInsertCodeBelow, onInsertAsCell: handleInsertCodeAsCell, cellActionsEnabled: !!getActiveNotebookPanel() })) : (
                         // User(사용자) 메시지: 텍스트 그대로 줄바꿈만 처리
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { whiteSpace: 'pre-wrap' } }, msg.content)))));
                 }
@@ -3846,8 +4653,11 @@ SyntaxError: '(' was never closed
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { className: `jp-agent-todo-expand-icon ${isTodoExpanded ? 'jp-agent-todo-expand-icon--expanded' : ''}`, viewBox: "0 0 16 16", fill: "currentColor", width: "12", height: "12" },
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M6 12l4-4-4-4" })),
                     (() => {
-                        const currentTodo = todos.find(t => t.status === 'in_progress') || todos.find(t => t.status === 'pending');
                         const isStillWorking = isStreaming || isLoading || isAgentRunning;
+                        if (isTodoStopped) {
+                            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-todo-compact-current" }, "\uC791\uC5C5 \uC911\uB2E8\uB428");
+                        }
+                        const currentTodo = displayTodos.find(t => t.status === 'in_progress') || displayTodos.find(t => t.status === 'pending');
                         if (currentTodo) {
                             return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
                                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-todo-compact-spinner" }),
@@ -3859,10 +4669,10 @@ 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_9__.Icons.check} 모든 작업 완료` } }));
+                            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-todo-compact-current", dangerouslySetInnerHTML: { __html: `${_utils_icons__WEBPACK_IMPORTED_MODULE_11__.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) => {
+                !isTodoStopped && (isStreaming || isLoading || isAgentRunning || displayTodos.some(t => t.status === 'in_progress')) && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-todo-stop-btn", onClick: (e) => {
                         e.stopPropagation();
                         console.log('[AgentPanel] Stop button clicked');
                         stopCurrentTask();
@@ -3879,12 +4689,14 @@ 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_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}` },
+                        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_12__["default"], { sx: { fontSize: 14 } }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_13__["default"], { sx: { fontSize: 14 } }))))))),
+            isTodoExpanded && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-todo-expanded" }, displayTodos.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" },
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z" }))),
                     todo.status === 'in_progress' && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-todo-item-spinner" }),
+                    todo.status === 'cancelled' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "12", height: "12" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z" }))),
                     todo.status === 'pending' && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-todo-item-number" }, index + 1)),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: `jp-agent-todo-item-text ${todo.status === 'completed' ? 'jp-agent-todo-item-text--done' : ''}` }, todo.content)))))))),
         statusText && !hasActiveTodos && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: `jp-agent-message jp-agent-message-debug jp-agent-message-debug--above-input${statusText.startsWith('오류:') ? ' jp-agent-message-debug-error' : ''}` },
@@ -3892,23 +4704,21 @@ 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_10__["default"], { sx: { fontSize: 14 } }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_11__["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_12__["default"], { sx: { fontSize: 14 } }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_ExpandMore__WEBPACK_IMPORTED_MODULE_13__["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", 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 ?
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ContextAutocomplete__WEBPACK_IMPORTED_MODULE_10__.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'
                             ? '노트북 작업을 입력하세요... (예: @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" },
+                            : '메시지를 입력하세요... (@file:path로 파일 참조)'), 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 ? '거부' : '전송'))))),
+            isAdmin && (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)` },
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { className: "jp-agent-mode-icon", viewBox: inputMode === 'chat' ? "0 0 16 16" : "0 -960 960 960", fill: "currentColor", width: "14", height: "14" }, inputMode === 'chat' ? (
@@ -3931,8 +4741,8 @@ SyntaxError: '(' was never closed
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Agent"),
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-mode-shortcut" }, "\uB178\uD2B8\uBD81 \uC790\uB3D9 \uC2E4\uD589"))))),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-mode-hints" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-mode-hint" }, "\u21E7Tab \uBAA8\uB4DC \uC804\uD658")))),
-        fileSelectionMetadata && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FileSelectionDialog__WEBPACK_IMPORTED_MODULE_6__.FileSelectionDialog, { filename: fileSelectionMetadata.pattern, options: fileSelectionMetadata.options, message: fileSelectionMetadata.message, onSelect: handleFileSelect, onCancel: handleFileSelectCancel }))));
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "jp-agent-mode-hint" }, "\u21E7Tab \uBAA8\uB4DC \uC804\uD658"))))),
+        fileSelectionMetadata && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FileSelectionDialog__WEBPACK_IMPORTED_MODULE_8__.FileSelectionDialog, { filename: fileSelectionMetadata.pattern, options: fileSelectionMetadata.options, message: fileSelectionMetadata.message, onSelect: handleFileSelect, onCancel: handleFileSelectCancel }))));
 });
 ChatPanel.displayName = 'ChatPanel';
 /**
@@ -4150,8 +4960,8 @@ function getPartialCommand(text, cursorPosition) {
         start--;
     }
     const word = text.slice(start, cursorPosition);
-    // Check if it looks like a context command
-    if (word.startsWith('@')) {
+    // Check if it looks like a context command (@ for context, / for actions)
+    if (word.startsWith('@') || word.startsWith('/')) {
         return word;
     }
     return null;
@@ -4662,9 +5472,12 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
     const [autoApprove, setAutoApprove] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(Boolean(initConfig.autoApprove));
     const [idleTimeoutMinutes, setIdleTimeoutMinutes] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initConfig.idleTimeoutMinutes ?? 60);
     // Multi-Agent settings
-    const [agentMode, setAgentMode] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initConfig.agentMode || 'single');
     const [agentPrompts, setAgentPrompts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initConfig.agentPrompts || {});
     const [expandedAgents, setExpandedAgents] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
+    // Summarization LLM settings
+    const [summarizationEnabled, setSummarizationEnabled] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(Boolean(initConfig.summarization?.enabled));
+    const [summarizationProvider, setSummarizationProvider] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initConfig.summarization?.provider || 'gemini');
+    const [summarizationModel, setSummarizationModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initConfig.summarization?.model || '');
     // Default prompts fetched from API
     const [defaultPrompts, setDefaultPrompts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__.getCachedPrompts)());
     const [isLoadingPrompts, setIsLoadingPrompts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!(0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__.getCachedPrompts)());
@@ -4704,7 +5517,6 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
             setWorkspaceRoot(currentConfig.workspaceRoot || '');
             setAutoApprove(Boolean(currentConfig.autoApprove));
             setIdleTimeoutMinutes(currentConfig.idleTimeoutMinutes ?? 60);
-            setAgentMode(currentConfig.agentMode || 'single');
             // Use currentConfig prompts, or cached defaults, or empty object
             const cachedDefaults = (0,_services_ApiKeyManager__WEBPACK_IMPORTED_MODULE_10__.getCachedPrompts)();
             setAgentPrompts(currentConfig.agentPrompts || (cachedDefaults ? {
@@ -4713,6 +5525,10 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
                 researcher: cachedDefaults.researcher,
                 athena_query: cachedDefaults.athena_query,
             } : {}));
+            // Summarization settings
+            setSummarizationEnabled(Boolean(currentConfig.summarization?.enabled));
+            setSummarizationProvider(currentConfig.summarization?.provider || 'gemini');
+            setSummarizationModel(currentConfig.summarization?.model || '');
         }
     }, [currentConfig]);
     // Helper: Build LLM config from state
@@ -4736,8 +5552,12 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
         },
         workspaceRoot: workspaceRoot.trim() ? workspaceRoot.trim() : undefined,
         systemPrompt: systemPrompt && systemPrompt.trim() ? systemPrompt : undefined,
-        agentMode,
         agentPrompts,
+        summarization: summarizationEnabled ? {
+            enabled: true,
+            provider: summarizationProvider,
+            model: summarizationModel.trim() || undefined,
+        } : undefined,
         autoApprove,
         idleTimeoutMinutes
     });
@@ -4911,6 +5731,28 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gpt-4" }, "GPT-4"),
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gpt-4-turbo" }, "GPT-4 Turbo"),
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gpt-3.5-turbo" }, "GPT-3.5 Turbo"))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-summarization" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-summarization-header" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label", style: { marginBottom: 0 } }, "\uC694\uC57D\uC6A9 LLM \uC124\uC815"),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", null, "\uB300\uD654 \uC555\uCD95 (/compact) \uBC0F Agent \uC694\uC57D\uC5D0 \uC0AC\uC6A9")),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-checkbox" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "checkbox", checked: summarizationEnabled, onChange: (e) => setSummarizationEnabled(e.target.checked) }),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "\uBCC4\uB3C4 LLM\uC73C\uB85C \uC694\uC57D \uC218\uD589 (\uBBF8\uC124\uC815 \uC2DC \uAE30\uBCF8 LLM \uC0AC\uC6A9)")),
+                    summarizationEnabled && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-summarization-content" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label" }, "\uD504\uB85C\uBC14\uC774\uB354"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("select", { className: "jp-agent-settings-select", value: summarizationProvider, onChange: (e) => setSummarizationProvider(e.target.value) },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "gemini" }, "Gemini (gemini-2.5-flash)"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "openai" }, "OpenAI (gpt-4o-mini)"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "vllm" }, "vLLM / OpenRouter")),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { className: "jp-agent-settings-summarization-hint" }, "\uAE30\uBCF8 \uC124\uC815\uC758 API \uD0A4\uB97C \uC0AC\uC6A9\uD569\uB2C8\uB2E4")),
+                        summarizationProvider === 'vllm' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label" }, "\uBAA8\uB378\uBA85 (\uC120\uD0DD)"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", className: "jp-agent-settings-input", value: summarizationModel, onChange: (e) => setSummarizationModel(e.target.value), placeholder: "\uC608: mistralai/mistral-7b-instruct" }),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { className: "jp-agent-settings-summarization-hint" }, "\uBE44\uC6CC\uB450\uBA74 \uAE30\uBCF8 vLLM \uBAA8\uB378 \uC0AC\uC6A9"))),
+                        summarizationProvider !== 'vllm' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-summarization-default-model" },
+                            "\uAE30\uBCF8 \uBAA8\uB378: ",
+                            summarizationProvider === 'gemini' ? 'gemini-2.5-flash' : 'gpt-4o-mini'))))),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label" }, "\uC790\uB3D9 \uC2E4\uD589 \uC2B9\uC778"),
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-checkbox" },
@@ -4922,21 +5764,6 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { fontWeight: 'normal', marginLeft: '8px', color: '#666' } }, "\uBE44\uD65C\uB3D9 \uC2DC \uC790\uB3D9 \uC885\uB8CC (0 = \uBE44\uD65C\uC131\uD654)")),
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { id: "jp-agent-idle-timeout", type: "number", className: "jp-agent-settings-input", value: idleTimeoutMinutes, onChange: (e) => setIdleTimeoutMinutes(Math.max(0, parseInt(e.target.value) || 0)), min: 0, max: 1440, placeholder: "60", style: { width: '120px' }, "data-testid": "idle-timeout-input" })),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label" }, "\uC5D0\uC774\uC804\uD2B8 \uBAA8\uB4DC"),
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("select", { className: "jp-agent-settings-select", value: agentMode, onChange: (e) => setAgentMode(e.target.value) },
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "single" }, "Single Agent (\uBAA8\uB4E0 \uB3C4\uAD6C \uD1B5\uD569)"),
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("option", { value: "multi" }, "Multi-Agent (Planner + Subagents)")),
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { color: '#666', marginTop: '4px', display: 'block' } }, agentMode === 'single'
-                        ? '단일 에이전트가 모든 작업을 처리합니다.'
-                        : 'Planner가 Python Developer, Researcher 등 전문 에이전트에게 작업을 위임합니다.')),
-                agentMode === 'single' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label" },
-                        "System Prompt",
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { fontWeight: 'normal', marginLeft: '8px', color: '#666' } }, "\uB2E8\uC77C \uC5D0\uC774\uC804\uD2B8\uC5D0 \uC801\uC6A9\uB429\uB2C8\uB2E4.")),
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { className: "jp-agent-settings-input jp-agent-settings-textarea", value: systemPrompt, onChange: (e) => setSystemPrompt(e.target.value), rows: 8 }),
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-inline-actions" },
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-agent-settings-button jp-agent-settings-button-secondary jp-agent-settings-button-compact", onClick: () => defaultPrompts && setSystemPrompt(defaultPrompts.single), disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '기본값으로 되돌리기')))),
-                agentMode === 'multi' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label" },
                         "\uC5D0\uC774\uC804\uD2B8\uBCC4 System Prompt",
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { fontWeight: 'normal', marginLeft: '8px', color: '#666' } }, "\uAC01 \uC5D0\uC774\uC804\uD2B8\uC758 \uC5ED\uD560\uACFC \uB3D9\uC791\uC744 \uC815\uC758\uD569\uB2C8\uB2E4.")),
@@ -5011,9 +5838,6 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { marginTop: '12px' } },
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "jp-agent-settings-button jp-agent-settings-button-secondary", onClick: () => {
                                 if (defaultPrompts) {
-                                    // Reset single-mode prompt
-                                    setSystemPrompt(defaultPrompts.single);
-                                    // Reset multi-agent prompts
                                     setAgentPrompts({
                                         planner: defaultPrompts.planner,
                                         python_developer: defaultPrompts.python_developer,
@@ -5021,7 +5845,7 @@ const SettingsPanel = ({ onClose, onSave, currentConfig }) => {
                                         athena_query: defaultPrompts.athena_query,
                                     });
                                 }
-                            }, disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '모든 프롬프트 기본값으로 되돌리기'))))),
+                            }, disabled: isLoadingPrompts }, isLoadingPrompts ? '로딩중...' : '모든 프롬프트 기본값으로 되돌리기')))),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-footer" },
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-button jp-agent-settings-button-secondary", onClick: onClose }, "\uCDE8\uC18C"),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-button jp-agent-settings-button-test", onClick: handleTest, disabled: isTesting }, isTesting ? '테스트 중...' : 'API 테스트'),
@@ -5133,6 +5957,9 @@ const StreamingMessage = ({ content, isStreaming = false, className = '', deboun
     const rendererRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     const lastContentRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
     const [codeToolbarDefs, setCodeToolbarDefs] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
+    // Throttle refs for native Rendermime streaming render
+    const pendingRenderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const latestContentForRender = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
     // Synchronously determine renderer type (useMemo instead of useState+useEffect)
     // Use fallback renderer for summary JSON (native renderer doesn't parse it)
     const useNativeRenderer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
@@ -5189,7 +6016,11 @@ const StreamingMessage = ({ content, isStreaming = false, className = '', deboun
         });
         setCodeToolbarDefs(newDefs);
     }, []);
+    // Track whether renderer node is already mounted in DOM
+    const rendererMountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
     // Render content using Rendermime (native JupyterLab renderer)
+    // Key optimization: renderer.node is inserted into the DOM once and stays there.
+    // Subsequent renderModel() calls update it in-place — no DOM replacement, no height collapse.
     const renderWithRendermime = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async (contentToRender) => {
         const rmRegistry = getGlobalRenderMimeRegistry();
         if (!rmRegistry || !containerRef.current) {
@@ -5215,16 +6046,19 @@ const StreamingMessage = ({ content, isStreaming = false, className = '', deboun
             // Create or reuse renderer
             if (!rendererRef.current) {
                 rendererRef.current = rmRegistry.createRenderer(MD_MIME_TYPE);
+                rendererMountedRef.current = false;
             }
             const renderer = rendererRef.current;
-            // Render markdown
+            // renderModel() updates renderer.node in-place
             await renderer.renderModel(model);
             if (renderer.node && containerRef.current) {
-                // Find the content div
                 const contentDiv = containerRef.current.querySelector('.jp-streaming-content');
                 if (contentDiv) {
-                    contentDiv.innerHTML = '';
-                    contentDiv.appendChild(renderer.node.cloneNode(true));
+                    // Mount renderer node once — subsequent renderModel() calls update it in-place
+                    if (!rendererMountedRef.current || !contentDiv.contains(renderer.node)) {
+                        contentDiv.replaceChildren(renderer.node);
+                        rendererMountedRef.current = true;
+                    }
                     // Apply LaTeX typesetting if available
                     if (rmRegistry.latexTypesetter) {
                         rmRegistry.latexTypesetter.typeset(contentDiv);
@@ -5242,26 +6076,38 @@ const StreamingMessage = ({ content, isStreaming = false, className = '', deboun
             return false;
         }
     }, [isStreaming, attachCodeToolbars]);
-    // Effect for rendering with Rendermime
+    // Effect for rendering with Rendermime (throttle pattern during streaming)
+    // Uses throttle instead of debounce: if tokens arrive faster than debounceMs,
+    // debounce would keep resetting the timer and never render. Throttle ensures
+    // rendering happens at most once per debounceMs window.
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         if (!useNativeRenderer || !content) {
+            // Clear pending render when not using native renderer or no content
+            if (pendingRenderRef.current) {
+                clearTimeout(pendingRenderRef.current);
+                pendingRenderRef.current = null;
+            }
             return;
         }
-        // Debounce during streaming
-        let timeoutId = null;
-        if (isStreaming) {
-            timeoutId = setTimeout(() => {
-                void renderWithRendermime(content);
-            }, debounceMs);
-        }
-        else {
+        if (!isStreaming) {
+            // Not streaming: render immediately, clear any pending throttle
+            if (pendingRenderRef.current) {
+                clearTimeout(pendingRenderRef.current);
+                pendingRenderRef.current = null;
+            }
             void renderWithRendermime(content);
+            return;
         }
-        return () => {
-            if (timeoutId) {
-                clearTimeout(timeoutId);
-            }
-        };
+        // Streaming: throttle — always track latest content, schedule only if none pending
+        latestContentForRender.current = content;
+        if (!pendingRenderRef.current) {
+            pendingRenderRef.current = setTimeout(() => {
+                pendingRenderRef.current = null;
+                void renderWithRendermime(latestContentForRender.current);
+            }, debounceMs);
+        }
+        // No cleanup that clears the timeout — throttle pattern intentionally
+        // lets the scheduled render fire even when content updates again
     }, [content, isStreaming, useNativeRenderer, debounceMs, renderWithRendermime]);
     // Attach toolbars when streaming stops (only for native renderer)
     // Note: Fallback renderer has its own code-block-header with buttons
@@ -5287,13 +6133,18 @@ const StreamingMessage = ({ content, isStreaming = false, className = '', deboun
             }
         }
     }, [useNativeRenderer, renderedHtml, isStreaming, attachCodeToolbars]);
-    // Cleanup renderer and toolbar roots on unmount
+    // Cleanup renderer, throttle timer, and toolbar roots on unmount
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         return () => {
             if (rendererRef.current && rendererRef.current.dispose) {
                 rendererRef.current.dispose();
                 rendererRef.current = null;
             }
+            rendererMountedRef.current = false;
+            if (pendingRenderRef.current) {
+                clearTimeout(pendingRenderRef.current);
+                pendingRenderRef.current = null;
+            }
             // Clean up toolbar roots
             codeToolbarDefs.forEach(def => {
                 if (def.root.parentNode) {
@@ -5468,6 +6319,122 @@ const TaskProgressWidget = ({ taskStatus, onClose, onCancel, onOpenNotebook }) =
 };
 
 
+/***/ },
+
+/***/ "./lib/components/UserSettingsPanel.js"
+/*!*********************************************!*\
+  !*** ./lib/components/UserSettingsPanel.js ***!
+  \*********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UserSettingsPanel: () => (/* binding */ UserSettingsPanel)
+/* 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_HourglassEmpty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/icons-material/HourglassEmpty */ "./node_modules/@mui/icons-material/esm/HourglassEmpty.js");
+/**
+ * User Settings Panel Component
+ *
+ * User preferences configuration:
+ * - Workspace root path
+ * - Temperature setting
+ * - Auto-approve toggle
+ */
+
+
+const UserSettingsPanel = ({ onClose, onSave, apiService }) => {
+    const [isLoading, setIsLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
+    const [isSaving, setIsSaving] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    // User settings
+    const [workspaceRoot, setWorkspaceRoot] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+    const [temperature, setTemperature] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0.7);
+    const [autoApprove, setAutoApprove] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    // Load config on mount
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        loadConfig();
+    }, []);
+    const loadConfig = async () => {
+        try {
+            setIsLoading(true);
+            const config = await apiService.getUserConfig();
+            setWorkspaceRoot(config.workspaceRoot || '');
+            setTemperature(config.temperature ?? 0.7);
+            setAutoApprove(Boolean(config.autoApprove));
+            setError(null);
+        }
+        catch (err) {
+            setError(`설정을 불러오는데 실패했습니다: ${err}`);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const handleSave = async () => {
+        try {
+            setIsSaving(true);
+            const config = {
+                workspaceRoot: workspaceRoot.trim() || '',
+                temperature,
+                autoApprove
+            };
+            await apiService.updateUserConfig(config);
+            onSave(config);
+            onClose();
+        }
+        catch (err) {
+            setError(`설정 저장에 실패했습니다: ${err}`);
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    if (isLoading) {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-overlay" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-dialog", style: { maxWidth: '400px' } },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-content", style: { textAlign: 'center', padding: '40px' } },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_HourglassEmpty__WEBPACK_IMPORTED_MODULE_1__["default"], { sx: { fontSize: 48, color: 'info.main' } }),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "\uC124\uC815\uC744 \uBD88\uB7EC\uC624\uB294 \uC911...")))));
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-overlay" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-dialog", style: { maxWidth: '400px' } },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-header" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", null, "\uC0AC\uC6A9\uC790 \uC124\uC815"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-close", onClick: onClose, title: "\uB2EB\uAE30" }, "\u00D7")),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-content" },
+                error && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-error", style: { color: 'red', marginBottom: '12px' } }, error)),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-notice" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "\uAC1C\uC778 \uD658\uACBD\uC124\uC815\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4.")),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label", htmlFor: "jp-user-workspace-root" },
+                        "\uC6CC\uD06C\uC2A4\uD398\uC774\uC2A4 \uB8E8\uD2B8",
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { fontWeight: 'normal', marginLeft: '8px', color: '#666' } }, "\uBE44\uC6B0\uBA74 \uD604\uC7AC \uB178\uD2B8\uBD81 \uD3F4\uB354 \uAE30\uC900")),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { id: "jp-user-workspace-root", type: "text", className: "jp-agent-settings-input", value: workspaceRoot, onChange: (e) => setWorkspaceRoot(e.target.value), placeholder: "\uC608: /Users/you/project \uB610\uB294 ./my-project" }),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { color: '#666', display: 'block', marginTop: '4px' } }, "\uC808\uB300 \uACBD\uB85C \uB610\uB294 \uC0C1\uB300 \uACBD\uB85C \uBAA8\uB450 \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4.")),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label", htmlFor: "jp-user-temperature" },
+                        "Temperature",
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { fontWeight: 'normal', marginLeft: '8px', color: '#666' } }, "LLM \uC751\uB2F5\uC758 \uCC3D\uC758\uC131 \uC870\uC808")),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' } },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { id: "jp-user-temperature", type: "range", min: 0, max: 2, step: 0.1, value: temperature, onChange: (e) => setTemperature(parseFloat(e.target.value)), style: { flex: 1 } }),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", className: "jp-agent-settings-input", value: temperature, onChange: (e) => setTemperature(Math.max(0, Math.min(2, parseFloat(e.target.value) || 0))), min: 0, max: 2, step: 0.1, style: { width: '70px' } })),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { color: '#666', display: 'block', marginTop: '4px' } }, "0.0 = \uACB0\uC815\uC801 (\uC77C\uAD00\uB41C \uC751\uB2F5), 1.0+ = \uCC3D\uC758\uC801 (\uB2E4\uC591\uD55C \uC751\uB2F5)")),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-group" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-label" }, "\uC790\uB3D9 \uC2E4\uD589 \uC2B9\uC778"),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "jp-agent-settings-checkbox" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "checkbox", checked: autoApprove, onChange: (e) => setAutoApprove(e.target.checked) }),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "\uC2B9\uC778 \uC5C6\uC774 \uBC14\uB85C \uC2E4\uD589 (\uCF54\uB4DC/\uD30C\uC77C/\uC178 \uD3EC\uD568)")),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("small", { style: { color: '#666', display: 'block', marginTop: '4px' } }, autoApprove
+                        ? '주의: 에이전트가 생성한 코드가 자동으로 실행됩니다.'
+                        : '에이전트가 코드 실행, 파일 수정, 셸 명령 실행 전 승인을 요청합니다.'))),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "jp-agent-settings-footer" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-button jp-agent-settings-button-secondary", onClick: onClose }, "\uCDE8\uC18C"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "jp-agent-settings-button jp-agent-settings-button-primary", onClick: handleSave, disabled: isSaving }, isSaving ? '저장 중...' : '저장')))));
+};
+
+
 /***/ },
 
 /***/ "./lib/components/code-blocks/CodeToolbar.js"
@@ -5867,6 +6834,8 @@ function useStreamingMarkdown(content, options = {}) {
     const lastContentRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
     const lastRenderedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
     const renderCountRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+    // Ref to track latest streaming content for throttle pattern
+    const latestStreamContentRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
     // Analyze incomplete blocks
     const incompleteBlockInfo = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => analyzeIncompleteMarkdown(content), [content]);
     const hasIncompleteBlocks = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => hasAnyIncompleteBlocks(incompleteBlockInfo), [incompleteBlockInfo]);
@@ -5909,40 +6878,48 @@ function useStreamingMarkdown(content, options = {}) {
         }
         setIsRendering(false);
     }, [isStreaming, hasIncompleteBlocks, incompleteBlockInfo, minContentLength]);
-    // Effect for debounced rendering
+    // Effect for throttled rendering during streaming
+    // Uses throttle instead of debounce: debounce resets the timer on every content
+    // change, so if tokens arrive faster than debounceMs, rendering never fires.
+    // Throttle schedules a render and lets it fire even when content updates again,
+    // ensuring at least one render per debounceMs window.
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        // Clear any pending timeout
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
         // Empty content - clear immediately
         if (!content) {
             setRenderedHtml('');
             setIsRendering(false);
             lastContentRef.current = '';
             lastRenderedRef.current = '';
+            latestStreamContentRef.current = '';
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
             return;
         }
         // Force immediate render (e.g., when streaming stops)
         if (forceImmediate || !isStreaming) {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
             renderContent(content, true);
             return;
         }
-        // Debounced render during streaming
+        // Streaming: throttle pattern — always track latest content,
+        // only schedule a new render if none is pending
         setIsRendering(true);
-        // Dynamic debounce: shorter delay for longer content (user is waiting)
-        const dynamicDelay = content.length > 500 ? debounceMs * 0.5 : debounceMs;
-        timeoutRef.current = setTimeout(() => {
-            renderContent(content);
-        }, dynamicDelay);
-        // Cleanup
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
+        latestStreamContentRef.current = content;
+        if (!timeoutRef.current) {
+            // Dynamic delay: shorter for longer content (user is waiting)
+            const dynamicDelay = content.length > 500 ? debounceMs * 0.5 : debounceMs;
+            timeoutRef.current = setTimeout(() => {
                 timeoutRef.current = null;
-            }
-        };
+                renderContent(latestStreamContentRef.current);
+            }, dynamicDelay);
+        }
+        // No cleanup that clears the timeout — throttle pattern intentionally
+        // lets the scheduled render fire even when content updates again
     }, [content, isStreaming, forceImmediate, debounceMs, renderContent]);
     // Final render when streaming stops
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
@@ -8849,7 +9826,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   DEFAULT_AGENT_PROMPTS: () => (/* binding */ DEFAULT_AGENT_PROMPTS),
 /* harmony export */   DEFAULT_ATHENA_QUERY_PROMPT: () => (/* binding */ DEFAULT_ATHENA_QUERY_PROMPT),
-/* harmony export */   DEFAULT_LANGCHAIN_SYSTEM_PROMPT: () => (/* binding */ DEFAULT_LANGCHAIN_SYSTEM_PROMPT),
 /* harmony export */   DEFAULT_PLANNER_PROMPT: () => (/* binding */ DEFAULT_PLANNER_PROMPT),
 /* harmony export */   DEFAULT_PYTHON_DEVELOPER_PROMPT: () => (/* binding */ DEFAULT_PYTHON_DEVELOPER_PROMPT),
 /* harmony export */   DEFAULT_RESEARCHER_PROMPT: () => (/* binding */ DEFAULT_RESEARCHER_PROMPT),
@@ -8919,7 +9895,6 @@ async function fetchDefaultPrompts() {
         console.error('[ApiKeyManager] Failed to fetch default prompts:', error);
         // Return fallback
         return {
-            single: FALLBACK_PROMPT,
             planner: FALLBACK_PROMPT,
             python_developer: FALLBACK_PROMPT,
             researcher: FALLBACK_PROMPT,
@@ -8940,7 +9915,6 @@ function clearCachedPrompts() {
     cachedPrompts = null;
 }
 // Legacy exports for backward compatibility (will be populated after fetch)
-let DEFAULT_LANGCHAIN_SYSTEM_PROMPT = FALLBACK_PROMPT;
 let DEFAULT_PLANNER_PROMPT = FALLBACK_PROMPT;
 let DEFAULT_PYTHON_DEVELOPER_PROMPT = FALLBACK_PROMPT;
 let DEFAULT_RESEARCHER_PROMPT = FALLBACK_PROMPT;
@@ -8957,7 +9931,6 @@ let DEFAULT_AGENT_PROMPTS = {
  */
 async function initializePrompts() {
     const prompts = await fetchDefaultPrompts();
-    DEFAULT_LANGCHAIN_SYSTEM_PROMPT = prompts.single;
     DEFAULT_PLANNER_PROMPT = prompts.planner;
     DEFAULT_PYTHON_DEVELOPER_PROMPT = prompts.python_developer;
     DEFAULT_RESEARCHER_PROMPT = prompts.researcher;
@@ -9057,8 +10030,6 @@ function getDefaultLLMConfig() {
             endpoint: 'http://localhost:8000/v1',
             model: 'default'
         },
-        systemPrompt: prompts?.single || DEFAULT_LANGCHAIN_SYSTEM_PROMPT,
-        agentMode: 'single',
         agentPrompts: prompts ? {
             planner: prompts.planner,
             python_developer: prompts.python_developer,
@@ -9474,7 +10445,7 @@ class ApiService {
      * 단순 Chat용 스트리밍 - /chat/stream 사용
      * 원래 main 브랜치의 구현 복원 - LangChain 에이전트 없이 단순 Q&A
      */
-    async sendChatStream(request, onChunk, onMetadata, abortSignal) {
+    async sendChatStream(request, onChunk, onMetadata, abortSignal, onDebug) {
         const MAX_RETRIES = 10;
         let currentConfig = request.llmConfig;
         let lastError = null;
@@ -9483,7 +10454,7 @@ class ApiService {
                 ? { ...request, llmConfig: (0,_ApiKeyManager__WEBPACK_IMPORTED_MODULE_0__.buildSingleKeyConfig)(currentConfig) }
                 : request;
             try {
-                await this.sendChatStreamInternal(requestToSend, onChunk, onMetadata, abortSignal);
+                await this.sendChatStreamInternal(requestToSend, onChunk, onMetadata, abortSignal, onDebug);
                 (0,_ApiKeyManager__WEBPACK_IMPORTED_MODULE_0__.resetKeyRotation)();
                 return;
             }
@@ -9514,7 +10485,7 @@ class ApiService {
     /**
      * 단순 Chat 스트리밍 내부 구현 - /chat/stream 엔드포인트 사용
      */
-    async sendChatStreamInternal(request, onChunk, onMetadata, abortSignal) {
+    async sendChatStreamInternal(request, onChunk, onMetadata, abortSignal, onDebug) {
         const response = await fetch(`${this.baseUrl}/chat/stream`, {
             method: 'POST',
             headers: this.getHeaders(),
@@ -9547,6 +10518,15 @@ class ApiService {
                             if (data.error) {
                                 throw new Error(data.error);
                             }
+                            // Handle status events (auto-compact, etc.)
+                            if (data.status && onDebug) {
+                                if (data.icon) {
+                                    onDebug({ status: data.status, icon: data.icon });
+                                }
+                                else {
+                                    onDebug(data.status);
+                                }
+                            }
                             if (data.content) {
                                 onChunk(data.content);
                             }
@@ -9660,9 +10640,7 @@ class ApiService {
                 recent_cells: request.context.selectedCells?.map(cell => ({ source: cell })) || []
             } : undefined,
             llmConfig: requestConfig,
-            workspaceRoot: request.llmConfig?.workspaceRoot || '.',
-            // Agent mode: single (default) or multi (planner + subagents)
-            agentMode: request.llmConfig?.agentMode || 'single'
+            workspaceRoot: request.llmConfig?.workspaceRoot || '.'
         };
         // Debug: log request size
         const requestBody = JSON.stringify(langchainRequest);
@@ -9720,6 +10698,15 @@ class ApiService {
                                 currentEventType = '';
                                 continue;
                             }
+                            // Handle summary event (final_summary_tool result)
+                            if (currentEventType === 'summary' && data.summary !== undefined) {
+                                if (onChunk) {
+                                    // Convert to JSON string so StreamingMessage can detect and render as summary card
+                                    onChunk(JSON.stringify(data));
+                                }
+                                currentEventType = '';
+                                continue;
+                            }
                             if (currentEventType === 'complete' || currentEventType === 'done') {
                                 properlyTerminated = true;
                                 if (onDebugClear) {
@@ -9875,9 +10862,7 @@ class ApiService {
                     feedback
                 }],
             llmConfig: requestConfig,
-            workspaceRoot: llmConfig?.workspaceRoot || '.',
-            // Agent mode: single (default) or multi (planner + subagents)
-            agentMode: llmConfig?.agentMode || 'single'
+            workspaceRoot: llmConfig?.workspaceRoot || '.'
         };
         const response = await fetch(`${this.baseUrl}/agent/langchain/resume`, {
             method: 'POST',
@@ -9933,6 +10918,15 @@ class ApiService {
                                 currentEventType = '';
                                 continue;
                             }
+                            // Handle summary event (final_summary_tool result)
+                            if (currentEventType === 'summary' && data.summary !== undefined) {
+                                if (onChunk) {
+                                    // Convert to JSON string so StreamingMessage can detect and render as summary card
+                                    onChunk(JSON.stringify(data));
+                                }
+                                currentEventType = '';
+                                continue;
+                            }
                             if (currentEventType === 'complete' || currentEventType === 'done') {
                                 properlyTerminated = true;
                                 if (onDebugClear) {
@@ -10304,6 +11298,81 @@ class ApiService {
         }
         return response.json();
     }
+    // ═══════════════════════════════════════════════════════════════════════════
+    // Admin/User Config APIs (Settings Split)
+    // ═══════════════════════════════════════════════════════════════════════════
+    /**
+     * Check if current environment is in admin mode
+     */
+    async checkIsAdmin() {
+        const response = await fetch(`${this.baseUrl}/config/is-admin`, {
+            method: 'GET',
+            credentials: 'include'
+        });
+        if (!response.ok) {
+            throw new Error('Failed to check admin mode');
+        }
+        return response.json();
+    }
+    /**
+     * Get admin configuration (LLM settings, prompts, server URLs)
+     * API keys are masked for security
+     */
+    async getAdminConfig() {
+        const response = await fetch(`${this.baseUrl}/config/admin`, {
+            method: 'GET',
+            credentials: 'include'
+        });
+        if (!response.ok) {
+            throw new Error('Failed to load admin configuration');
+        }
+        return response.json();
+    }
+    /**
+     * Update admin configuration
+     */
+    async updateAdminConfig(updates) {
+        const response = await fetch(`${this.baseUrl}/config/admin`, {
+            method: 'POST',
+            headers: this.getHeaders(),
+            credentials: 'include',
+            body: JSON.stringify(updates)
+        });
+        if (!response.ok) {
+            const error = await response.text();
+            throw new Error(`Failed to update admin configuration: ${error}`);
+        }
+        return response.json();
+    }
+    /**
+     * Get user configuration (preferences)
+     */
+    async getUserConfig() {
+        const response = await fetch(`${this.baseUrl}/config/user`, {
+            method: 'GET',
+            credentials: 'include'
+        });
+        if (!response.ok) {
+            throw new Error('Failed to load user configuration');
+        }
+        return response.json();
+    }
+    /**
+     * Update user configuration
+     */
+    async updateUserConfig(updates) {
+        const response = await fetch(`${this.baseUrl}/config/user`, {
+            method: 'POST',
+            headers: this.getHeaders(),
+            credentials: 'include',
+            body: JSON.stringify(updates)
+        });
+        if (!response.ok) {
+            const error = await response.text();
+            throw new Error(`Failed to update user configuration: ${error}`);
+        }
+        return response.json();
+    }
     /**
      * Get health status
      */
@@ -10481,6 +11550,34 @@ class ApiService {
         return response.json();
     }
     // ═══════════════════════════════════════════════════════════════════════════
+    // Chat Compact API (Conversation Summarization)
+    // ═══════════════════════════════════════════════════════════════════════════
+    /**
+     * Compact conversation history by summarizing older messages.
+     *
+     * Strategy (Claude Code benchmark):
+     * - Keep the last 3 messages intact
+     * - Summarize all older messages using LLM
+     * - Replace history with [summary] + [last 3 messages]
+     */
+    async compactConversation(conversationId, llmConfig) {
+        console.log('[ApiService] compactConversation:', conversationId);
+        const response = await fetch(`${this.baseUrl}/chat/compact`, {
+            method: 'POST',
+            headers: this.getHeaders(),
+            credentials: 'include',
+            body: JSON.stringify({
+                conversationId,
+                llmConfig
+            })
+        });
+        if (!response.ok) {
+            const error = await response.text();
+            throw new Error(`Failed to compact conversation: ${error}`);
+        }
+        return response.json();
+    }
+    // ═══════════════════════════════════════════════════════════════════════════
     // Context Provider APIs (@file autocomplete)
     // ═══════════════════════════════════════════════════════════════════════════
     /**
@@ -12422,4 +13519,4 @@ __webpack_require__.r(__webpack_exports__);
 /***/ }
 
 }]);
-//# sourceMappingURL=lib_index_js.67505497667f9c0a763d.js.map
+//# sourceMappingURL=lib_index_js.df05d90f366bfd5fa023.js.map