hdsp-jupyter-extension 2.0.2__py3-none-any.whl → 2.0.4__py3-none-any.whl

agent_server/langchain/agent.py

@@ -20,6 +20,43 @@ from agent_server.langchain.tools import (
 
 logger = logging.getLogger(__name__)
 
+DEFAULT_SYSTEM_PROMPT = """You are an expert Python data scientist and Jupyter notebook assistant.
+Your role is to help users with data analysis, visualization, and Python coding tasks in Jupyter notebooks.
+
+## ⚠️ CRITICAL RULE: NEVER produce an empty response
+
+You MUST ALWAYS call a tool in every response. After any tool result, you MUST:
+1. Check your todo list - are there pending or in_progress items?
+2. If YES → call the next appropriate tool (jupyter_cell_tool, markdown_tool, etc.)
+3. If ALL todos are completed → call final_answer_tool with a summary
+
+NEVER end your turn without calling a tool. NEVER produce an empty response.
+
+## Available Tools
+1. **jupyter_cell_tool**: Execute Python code in a new notebook cell
+2. **markdown_tool**: Add a markdown explanation cell
+3. **final_answer_tool**: Complete the task with a summary - REQUIRED when done
+4. **read_file_tool**: Read file contents
+5. **write_file_tool**: Write file contents
+6. **list_files_tool**: List directory contents
+7. **search_workspace_tool**: Search for patterns in workspace files
+8. **search_notebook_cells_tool**: Search for patterns in notebook cells
+9. **write_todos**: Create and update task list for complex multi-step tasks
+
+## Mandatory Workflow
+1. After EVERY tool result, immediately call the next tool
+2. Continue until ALL todos show status: "completed"
+3. ONLY THEN call final_answer_tool to summarize
+4. If `!pip install` fails, use `!pip3 install` instead
+5. For plots and charts, use English text only
+
+## ❌ FORBIDDEN (will break the workflow)
+- Producing an empty response (no tool call, no content)
+- Stopping after any tool without calling the next tool
+- Ending without calling final_answer_tool
+- Leaving todos in "in_progress" or "pending" state without continuing
+"""
+
 
 def _create_llm(llm_config: Dict[str, Any]):
     """Create LangChain LLM from config"""
@@ -107,6 +144,7 @@ def create_simple_chat_agent(
     enable_hitl: bool = True,
     enable_todo_list: bool = True,
     checkpointer: Optional[object] = None,
+    system_prompt_override: Optional[str] = None,
 ):
     """
     Create a simple chat agent using LangChain's create_agent with Human-in-the-Loop.
@@ -642,43 +680,12 @@ NEVER end your response after calling write_todos - always continue with the nex
     middleware.append(list_files_limit)
     logger.info("Added ToolCallLimitMiddleware for write_todos and list_files_tool")
 
-    # System prompt for the agent
-    system_prompt = """You are an expert Python data scientist and Jupyter notebook assistant.
-Your role is to help users with data analysis, visualization, and Python coding tasks in Jupyter notebooks.
-
-## ⚠️ CRITICAL RULE: NEVER produce an empty response
-
-You MUST ALWAYS call a tool in every response. After any tool result, you MUST:
-1. Check your todo list - are there pending or in_progress items?
-2. If YES → call the next appropriate tool (jupyter_cell_tool, markdown_tool, etc.)
-3. If ALL todos are completed → call final_answer_tool with a summary
-
-NEVER end your turn without calling a tool. NEVER produce an empty response.
-
-## Available Tools
-1. **jupyter_cell_tool**: Execute Python code in a new notebook cell
-2. **markdown_tool**: Add a markdown explanation cell
-3. **final_answer_tool**: Complete the task with a summary - REQUIRED when done
-4. **read_file_tool**: Read file contents
-5. **write_file_tool**: Write file contents
-6. **list_files_tool**: List directory contents
-7. **search_workspace_tool**: Search for patterns in workspace files
-8. **search_notebook_cells_tool**: Search for patterns in notebook cells
-9. **write_todos**: Create and update task list for complex multi-step tasks
-
-## Mandatory Workflow
-1. After EVERY tool result, immediately call the next tool
-2. Continue until ALL todos show status: "completed"
-3. ONLY THEN call final_answer_tool to summarize
-4. If `!pip install` fails, use `!pip3 install` instead
-5. For plots and charts, use English text only
-
-## ❌ FORBIDDEN (will break the workflow)
-- Producing an empty response (no tool call, no content)
-- Stopping after any tool without calling the next tool
-- Ending without calling final_answer_tool
-- Leaving todos in "in_progress" or "pending" state without continuing
-"""
+    # System prompt for the agent (override applies only to LangChain agent)
+    if system_prompt_override and system_prompt_override.strip():
+        system_prompt = system_prompt_override.strip()
+        logger.info("SimpleChatAgent using custom system prompt override")
+    else:
+        system_prompt = DEFAULT_SYSTEM_PROMPT
 
     logger.info("SimpleChatAgent system_prompt: %s", system_prompt)
 

agent_server/routers/langchain_agent.py

@@ -33,10 +33,17 @@ router = APIRouter(prefix="/langchain", tags=["langchain-agent"])
 class LLMConfig(BaseModel):
     """LLM configuration"""
 
+    model_config = ConfigDict(populate_by_name=True)
+
     provider: str = Field(default="gemini", description="LLM provider")
     gemini: Optional[Dict[str, Any]] = Field(default=None)
     openai: Optional[Dict[str, Any]] = Field(default=None)
     vllm: Optional[Dict[str, Any]] = Field(default=None)
+    system_prompt: Optional[str] = Field(
+        default=None,
+        alias="systemPrompt",
+        description="Override system prompt for LangChain agent",
+    )
 
 
 class NotebookContext(BaseModel):
@@ -364,6 +371,9 @@ async def stream_agent(request: AgentRequest):
                     config_dict["openai"] = request.llmConfig.openai
                 if request.llmConfig.vllm:
                     config_dict["vllm"] = request.llmConfig.vllm
+            system_prompt_override = (
+                request.llmConfig.system_prompt if request.llmConfig else None
+            )
 
             agent = create_simple_chat_agent(
                 llm_config=config_dict,
@@ -372,6 +382,7 @@ async def stream_agent(request: AgentRequest):
                 checkpointer=_simple_agent_checkpointers.setdefault(
                     thread_id, InMemorySaver()
                 ),
+                system_prompt_override=system_prompt_override,
             )
 
             # Prepare config with thread_id
@@ -392,7 +403,7 @@ async def stream_agent(request: AgentRequest):
             # Initial status: waiting for LLM
             yield {
                 "event": "debug",
-                "data": json.dumps({"status": "🤔 LLM 응답 대기 중..."}),
+                "data": json.dumps({"status": "🤔 LLM 응답 대기 중"}),
             }
 
             for step in agent.stream(agent_input, config, stream_mode="values"):
@@ -406,7 +417,7 @@ async def stream_agent(request: AgentRequest):
 
                     yield {
                         "event": "debug",
-                        "data": json.dumps({"status": "⏸️ 사용자 승인 대기 중..."}),
+                        "data": json.dumps({"status": "⏸️ 사용자 승인 대기 중"}),
                     }
 
                     # Process interrupts
@@ -427,7 +438,8 @@ async def stream_agent(request: AgentRequest):
                                 normalized_actions
                             )
 
-                        for action in normalized_actions:
+                        total_actions = len(normalized_actions)
+                        for idx, action in enumerate(normalized_actions):
                             yield {
                                 "event": "interrupt",
                                 "data": json.dumps(
@@ -436,6 +448,8 @@ async def stream_agent(request: AgentRequest):
                                         "action": action.get("name", "unknown"),
                                         "args": action.get("arguments", {}),
                                         "description": action.get("description", ""),
+                                        "action_index": idx,
+                                        "total_actions": total_actions,
                                     }
                                 ),
                             }
@@ -873,7 +887,7 @@ async def stream_agent(request: AgentRequest):
                             yield {
                                 "event": "debug",
                                 "data": json.dumps(
-                                    {"status": "🔄 Jupyter Cell로 변환 중..."}
+                                    {"status": "🔄 Jupyter Cell로 변환 중"}
                                 ),
                             }
                             yield {
@@ -973,6 +987,9 @@ async def resume_agent(request: ResumeRequest):
                     config_dict["openai"] = request.llmConfig.openai
                 if request.llmConfig.vllm:
                     config_dict["vllm"] = request.llmConfig.vllm
+            system_prompt_override = (
+                request.llmConfig.system_prompt if request.llmConfig else None
+            )
 
             # Create agent (will use same checkpointer)
             agent = create_simple_chat_agent(
@@ -982,16 +999,31 @@ async def resume_agent(request: ResumeRequest):
                 checkpointer=_simple_agent_checkpointers.setdefault(
                     request.threadId, InMemorySaver()
                 ),
+                system_prompt_override=system_prompt_override,
             )
 
             # Prepare config with thread_id
             config = {"configurable": {"thread_id": request.threadId}}
 
             pending_actions = _simple_agent_pending_actions.get(request.threadId, [])
+            num_pending = len(pending_actions)
+            num_decisions = len(request.decisions)
+
+            # If user provides fewer decisions than pending actions,
+            # apply the first decision to all remaining pending actions
+            # This handles cases where the model returns multiple tool calls at once
+            decisions_to_process = list(request.decisions)
+            if num_decisions < num_pending and num_decisions > 0:
+                logger.info(
+                    f"Expanding {num_decisions} decision(s) to match {num_pending} pending action(s)"
+                )
+                first_decision = request.decisions[0]
+                while len(decisions_to_process) < num_pending:
+                    decisions_to_process.append(first_decision)
 
             # Convert decisions to LangChain format
             langgraph_decisions = []
-            for index, decision in enumerate(request.decisions):
+            for index, decision in enumerate(decisions_to_process):
                 if decision.type == "approve":
                     langgraph_decisions.append({"type": "approve"})
                 elif decision.type == "edit":
@@ -1020,7 +1052,7 @@ async def resume_agent(request: ResumeRequest):
             # Resume execution
             yield {
                 "event": "debug",
-                "data": json.dumps({"status": "▶️ 실행 재개 중..."}),
+                "data": json.dumps({"status": "▶️ 실행 재개 중"}),
             }
 
             _simple_agent_pending_actions.pop(request.threadId, None)
@@ -1035,7 +1067,7 @@ async def resume_agent(request: ResumeRequest):
             # Status: waiting for LLM response
             yield {
                 "event": "debug",
-                "data": json.dumps({"status": "🤔 LLM 응답 대기 중..."}),
+                "data": json.dumps({"status": "🤔 LLM 응답 대기 중"}),
             }
 
             step_count = 0
@@ -1059,7 +1091,7 @@ async def resume_agent(request: ResumeRequest):
 
                     yield {
                         "event": "debug",
-                        "data": json.dumps({"status": "⏸️ 사용자 승인 대기 중..."}),
+                        "data": json.dumps({"status": "⏸️ 사용자 승인 대기 중"}),
                     }
 
                     for interrupt in interrupts:
@@ -1077,7 +1109,8 @@ async def resume_agent(request: ResumeRequest):
                                 normalized_actions
                             )
 
-                        for action in normalized_actions:
+                        total_actions = len(normalized_actions)
+                        for idx, action in enumerate(normalized_actions):
                             yield {
                                 "event": "interrupt",
                                 "data": json.dumps(
@@ -1086,6 +1119,8 @@ async def resume_agent(request: ResumeRequest):
                                         "action": action.get("name", "unknown"),
                                         "args": action.get("arguments", {}),
                                         "description": action.get("description", ""),
+                                        "action_index": idx,
+                                        "total_actions": total_actions,
                                     }
                                 ),
                             }

hdsp_agent_core/models/common.py

@@ -6,7 +6,7 @@ Shared data models used across all agent services.
 
 from typing import Any, Dict, List, Optional
 
-from pydantic import BaseModel, Field
+from pydantic import BaseModel, ConfigDict, Field
 
 
 class ToolCall(BaseModel):
@@ -87,9 +87,16 @@ class LLMConfig(BaseModel):
     API keys are managed client-side and passed with each request.
     """
 
+    model_config = ConfigDict(populate_by_name=True)
+
     provider: str = Field(
         default="gemini", description="LLM provider (gemini, openai, vllm)"
     )
     gemini: Optional[GeminiConfig] = Field(default=None, description="Gemini config")
     openai: Optional[OpenAIConfig] = Field(default=None, description="OpenAI config")
     vllm: Optional[VLLMConfig] = Field(default=None, description="vLLM config")
+    system_prompt: Optional[str] = Field(
+        default=None,
+        alias="systemPrompt",
+        description="LangChain system prompt override",
+    )

{hdsp_jupyter_extension-2.0.2.data → hdsp_jupyter_extension-2.0.4.data}/data/share/jupyter/labextensions/hdsp-agent/build_log.json

@@ -722,7 +722,7 @@
             "@mui/material": {},
             "react-markdown": {},
             "hdsp-agent": {
-              "version": "2.0.2",
+              "version": "2.0.4",
               "singleton": true,
               "import": "/Users/a421721/Desktop/hdsp/hdsp_agent/extensions/jupyter/lib/index.js"
             }

{hdsp_jupyter_extension-2.0.2.data → hdsp_jupyter_extension-2.0.4.data}/data/share/jupyter/labextensions/hdsp-agent/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hdsp-agent",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "HDSP Agent JupyterLab Extension - Thin client for Agent Server",
   "keywords": [
     "jupyter",
@@ -126,7 +126,7 @@
       }
     },
     "_build": {
-      "load": "static/remoteEntry.3379c4b222c042de2b01.js",
+      "load": "static/remoteEntry.f9bcbb6529a2bf9261a2.js",
       "extension": "./extension",
       "style": "./style"
     }

hdsp_jupyter_extension-2.0.2.data/data/share/jupyter/labextensions/hdsp-agent/static/frontend_styles_index_js.634cf0ae0f3592d0882f.js → hdsp_jupyter_extension-2.0.4.data/data/share/jupyter/labextensions/hdsp-agent/static/frontend_styles_index_js.4105453345c170c1d6e6.js

@@ -4008,6 +4008,13 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/**
   font-family: var(--jp-ui-font-family);
 }
 
+.jp-agent-settings-textarea {
+  min-height: 140px;
+  resize: vertical;
+  font-family: var(--jp-code-font-family);
+  line-height: 1.4;
+}
+
 .jp-agent-settings-input:focus,
 .jp-agent-settings-select:focus {
   outline: none;
@@ -4071,6 +4078,17 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/**
   background-color: var(--jp-layout-color3);
 }
 
+.jp-agent-settings-inline-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 6px;
+}
+
+.jp-agent-settings-button-compact {
+  padding: 6px 10px;
+  font-size: 12px;
+}
+
 .jp-agent-settings-button-test {
   background-color: var(--jp-warn-color1);
   color: white;
@@ -4311,7 +4329,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/**
   padding-top: 8px;
   border-top: 1px solid var(--jp-border-color2);
 }
-`, "",{"version":3,"sources":["webpack://./frontend/styles/settings-panel.css"],"names":[],"mappings":"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","sourcesContent":["/**\n * Settings Panel Styles\n */\n\n/* Overlay */\n.jp-agent-settings-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n}\n\n/* Dialog */\n.jp-agent-settings-dialog {\n  background-color: var(--jp-layout-color1);\n  border-radius: 8px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n  width: 90%;\n  max-width: 500px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header */\n.jp-agent-settings-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--jp-border-color1);\n}\n\n.jp-agent-settings-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-settings-close {\n  background: none;\n  border: none;\n  font-size: 24px;\n  color: var(--jp-ui-font-color2);\n  cursor: pointer;\n  padding: 0;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: background-color 0.2s;\n}\n\n.jp-agent-settings-close:hover {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-ui-font-color1);\n}\n\n/* Content */\n.jp-agent-settings-content {\n  padding: 20px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n.jp-agent-settings-group {\n  margin-bottom: 16px;\n}\n\n.jp-agent-settings-label {\n  display: block;\n  margin-bottom: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-settings-input,\n.jp-agent-settings-select {\n  width: 100%;\n  padding: 8px 12px;\n  font-size: 13px;\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 4px;\n  background-color: var(--jp-layout-color1);\n  color: var(--jp-ui-font-color1);\n  font-family: var(--jp-ui-font-family);\n}\n\n.jp-agent-settings-input:focus,\n.jp-agent-settings-select:focus {\n  outline: none;\n  border-color: var(--jp-brand-color1);\n  box-shadow: 0 0 0 1px var(--jp-brand-color1);\n}\n\n.jp-agent-settings-input::placeholder {\n  color: var(--jp-ui-font-color3);\n}\n\n.jp-agent-settings-provider {\n  margin-top: 20px;\n}\n\n.jp-agent-settings-provider h3 {\n  margin: 0 0 16px 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color1);\n}\n\n/* Test Result */\n.jp-agent-settings-test-result {\n  margin: 16px 20px 0;\n  padding: 12px;\n  border-radius: 4px;\n  font-size: 13px;\n  background-color: var(--jp-layout-color2);\n  border: 1px solid var(--jp-border-color2);\n  color: var(--jp-ui-font-color1);\n  font-family: var(--jp-code-font-family);\n}\n\n/* Footer */\n.jp-agent-settings-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--jp-border-color1);\n}\n\n.jp-agent-settings-button {\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  border-radius: 4px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s;\n  font-family: var(--jp-ui-font-family);\n}\n\n.jp-agent-settings-button-secondary {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-settings-button-secondary:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.jp-agent-settings-button-test {\n  background-color: var(--jp-warn-color1);\n  color: white;\n}\n\n.jp-agent-settings-button-test:hover:not(:disabled) {\n  background-color: var(--jp-warn-color0);\n}\n\n.jp-agent-settings-button-test:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.jp-agent-settings-button-primary {\n  background-color: var(--jp-brand-color1);\n  color: white;\n}\n\n.jp-agent-settings-button-primary:hover {\n  background-color: var(--jp-brand-color0);\n}\n\n.jp-agent-settings-button:active {\n  transform: translateY(1px);\n}\n\n.jp-agent-settings-button-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Small Button Variant */\n.jp-agent-settings-button-small {\n  padding: 4px 10px;\n  font-size: 11px;\n}\n\n/* Danger Button (Delete) */\n.jp-agent-settings-button-danger {\n  background-color: var(--jp-error-color1);\n  color: white;\n}\n\n.jp-agent-settings-button-danger:hover:not(:disabled) {\n  background-color: var(--jp-error-color0);\n}\n\n.jp-agent-settings-button-danger:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Outline Button (Inactive state) */\n.jp-agent-settings-button-outline {\n  background-color: transparent;\n  border: 1px solid var(--jp-brand-color1);\n  color: var(--jp-brand-color1);\n}\n\n.jp-agent-settings-button-outline:hover {\n  background-color: var(--jp-brand-color3);\n}\n\n/* ========== API Keys Panel Styles ========== */\n\n.jp-agent-keys-panel {\n  margin-top: 20px;\n  padding: 16px;\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 6px;\n  background-color: var(--jp-layout-color0);\n}\n\n.jp-agent-keys-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.jp-agent-keys-header h4 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-keys-count {\n  font-size: 12px;\n  color: var(--jp-ui-font-color2);\n  background-color: var(--jp-layout-color2);\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.jp-agent-keys-error {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n  margin-bottom: 12px;\n  background-color: var(--jp-error-color3);\n  border-radius: 4px;\n  color: var(--jp-error-color1);\n  font-size: 13px;\n}\n\n.jp-agent-keys-error button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--jp-error-color1);\n  padding: 0 4px;\n}\n\n.jp-agent-keys-error button:hover {\n  opacity: 0.8;\n}\n\n.jp-agent-keys-list {\n  max-height: 200px;\n  overflow-y: auto;\n  margin-bottom: 12px;\n}\n\n.jp-agent-keys-empty {\n  padding: 24px 20px;\n  text-align: center;\n  color: var(--jp-ui-font-color2);\n  font-size: 13px;\n  background-color: var(--jp-layout-color1);\n  border-radius: 4px;\n  border: 1px dashed var(--jp-border-color2);\n}\n\n.jp-agent-key-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 12px;\n  margin-bottom: 6px;\n  border-radius: 4px;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-border-color2);\n  transition: border-color 0.2s, background-color 0.2s;\n}\n\n.jp-agent-key-item:last-child {\n  margin-bottom: 0;\n}\n\n.jp-agent-key-item:hover {\n  border-color: var(--jp-border-color1);\n}\n\n.jp-agent-key-item-active {\n  border-color: var(--jp-brand-color1);\n  background-color: var(--jp-brand-color3);\n}\n\n.jp-agent-key-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.jp-agent-key-masked {\n  font-family: var(--jp-code-font-family);\n  font-size: 12px;\n  color: var(--jp-ui-font-color1);\n  background-color: var(--jp-layout-color2);\n  padding: 2px 6px;\n  border-radius: 3px;\n}\n\n.jp-agent-key-status {\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.jp-agent-key-status-active {\n  background-color: var(--jp-success-color3);\n  color: var(--jp-success-color1);\n}\n\n.jp-agent-key-status-cooldown {\n  background-color: var(--jp-warn-color3);\n  color: var(--jp-warn-color1);\n}\n\n.jp-agent-key-status-disabled {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-ui-font-color2);\n}\n\n.jp-agent-key-current {\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background-color: var(--jp-brand-color1);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.jp-agent-key-actions {\n  display: flex;\n  gap: 6px;\n}\n\n.jp-agent-keys-add {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.jp-agent-keys-add input {\n  flex: 1;\n  min-width: 0;\n}\n\n.jp-agent-keys-add button {\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.jp-agent-keys-info-text {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n  text-align: center;\n  line-height: 1.5;\n  padding-top: 8px;\n  border-top: 1px solid var(--jp-border-color2);\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./frontend/styles/settings-panel.css"],"names":[],"mappings":"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","sourcesContent":["/**\n * Settings Panel Styles\n */\n\n/* Overlay */\n.jp-agent-settings-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n}\n\n/* Dialog */\n.jp-agent-settings-dialog {\n  background-color: var(--jp-layout-color1);\n  border-radius: 8px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n  width: 90%;\n  max-width: 500px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header */\n.jp-agent-settings-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--jp-border-color1);\n}\n\n.jp-agent-settings-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-settings-close {\n  background: none;\n  border: none;\n  font-size: 24px;\n  color: var(--jp-ui-font-color2);\n  cursor: pointer;\n  padding: 0;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: background-color 0.2s;\n}\n\n.jp-agent-settings-close:hover {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-ui-font-color1);\n}\n\n/* Content */\n.jp-agent-settings-content {\n  padding: 20px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n.jp-agent-settings-group {\n  margin-bottom: 16px;\n}\n\n.jp-agent-settings-label {\n  display: block;\n  margin-bottom: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-settings-input,\n.jp-agent-settings-select {\n  width: 100%;\n  padding: 8px 12px;\n  font-size: 13px;\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 4px;\n  background-color: var(--jp-layout-color1);\n  color: var(--jp-ui-font-color1);\n  font-family: var(--jp-ui-font-family);\n}\n\n.jp-agent-settings-textarea {\n  min-height: 140px;\n  resize: vertical;\n  font-family: var(--jp-code-font-family);\n  line-height: 1.4;\n}\n\n.jp-agent-settings-input:focus,\n.jp-agent-settings-select:focus {\n  outline: none;\n  border-color: var(--jp-brand-color1);\n  box-shadow: 0 0 0 1px var(--jp-brand-color1);\n}\n\n.jp-agent-settings-input::placeholder {\n  color: var(--jp-ui-font-color3);\n}\n\n.jp-agent-settings-provider {\n  margin-top: 20px;\n}\n\n.jp-agent-settings-provider h3 {\n  margin: 0 0 16px 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color1);\n}\n\n/* Test Result */\n.jp-agent-settings-test-result {\n  margin: 16px 20px 0;\n  padding: 12px;\n  border-radius: 4px;\n  font-size: 13px;\n  background-color: var(--jp-layout-color2);\n  border: 1px solid var(--jp-border-color2);\n  color: var(--jp-ui-font-color1);\n  font-family: var(--jp-code-font-family);\n}\n\n/* Footer */\n.jp-agent-settings-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--jp-border-color1);\n}\n\n.jp-agent-settings-button {\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  border-radius: 4px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s;\n  font-family: var(--jp-ui-font-family);\n}\n\n.jp-agent-settings-button-secondary {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-settings-button-secondary:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.jp-agent-settings-inline-actions {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 6px;\n}\n\n.jp-agent-settings-button-compact {\n  padding: 6px 10px;\n  font-size: 12px;\n}\n\n.jp-agent-settings-button-test {\n  background-color: var(--jp-warn-color1);\n  color: white;\n}\n\n.jp-agent-settings-button-test:hover:not(:disabled) {\n  background-color: var(--jp-warn-color0);\n}\n\n.jp-agent-settings-button-test:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.jp-agent-settings-button-primary {\n  background-color: var(--jp-brand-color1);\n  color: white;\n}\n\n.jp-agent-settings-button-primary:hover {\n  background-color: var(--jp-brand-color0);\n}\n\n.jp-agent-settings-button:active {\n  transform: translateY(1px);\n}\n\n.jp-agent-settings-button-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Small Button Variant */\n.jp-agent-settings-button-small {\n  padding: 4px 10px;\n  font-size: 11px;\n}\n\n/* Danger Button (Delete) */\n.jp-agent-settings-button-danger {\n  background-color: var(--jp-error-color1);\n  color: white;\n}\n\n.jp-agent-settings-button-danger:hover:not(:disabled) {\n  background-color: var(--jp-error-color0);\n}\n\n.jp-agent-settings-button-danger:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Outline Button (Inactive state) */\n.jp-agent-settings-button-outline {\n  background-color: transparent;\n  border: 1px solid var(--jp-brand-color1);\n  color: var(--jp-brand-color1);\n}\n\n.jp-agent-settings-button-outline:hover {\n  background-color: var(--jp-brand-color3);\n}\n\n/* ========== API Keys Panel Styles ========== */\n\n.jp-agent-keys-panel {\n  margin-top: 20px;\n  padding: 16px;\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 6px;\n  background-color: var(--jp-layout-color0);\n}\n\n.jp-agent-keys-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.jp-agent-keys-header h4 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color1);\n}\n\n.jp-agent-keys-count {\n  font-size: 12px;\n  color: var(--jp-ui-font-color2);\n  background-color: var(--jp-layout-color2);\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.jp-agent-keys-error {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n  margin-bottom: 12px;\n  background-color: var(--jp-error-color3);\n  border-radius: 4px;\n  color: var(--jp-error-color1);\n  font-size: 13px;\n}\n\n.jp-agent-keys-error button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--jp-error-color1);\n  padding: 0 4px;\n}\n\n.jp-agent-keys-error button:hover {\n  opacity: 0.8;\n}\n\n.jp-agent-keys-list {\n  max-height: 200px;\n  overflow-y: auto;\n  margin-bottom: 12px;\n}\n\n.jp-agent-keys-empty {\n  padding: 24px 20px;\n  text-align: center;\n  color: var(--jp-ui-font-color2);\n  font-size: 13px;\n  background-color: var(--jp-layout-color1);\n  border-radius: 4px;\n  border: 1px dashed var(--jp-border-color2);\n}\n\n.jp-agent-key-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 12px;\n  margin-bottom: 6px;\n  border-radius: 4px;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-border-color2);\n  transition: border-color 0.2s, background-color 0.2s;\n}\n\n.jp-agent-key-item:last-child {\n  margin-bottom: 0;\n}\n\n.jp-agent-key-item:hover {\n  border-color: var(--jp-border-color1);\n}\n\n.jp-agent-key-item-active {\n  border-color: var(--jp-brand-color1);\n  background-color: var(--jp-brand-color3);\n}\n\n.jp-agent-key-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.jp-agent-key-masked {\n  font-family: var(--jp-code-font-family);\n  font-size: 12px;\n  color: var(--jp-ui-font-color1);\n  background-color: var(--jp-layout-color2);\n  padding: 2px 6px;\n  border-radius: 3px;\n}\n\n.jp-agent-key-status {\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.jp-agent-key-status-active {\n  background-color: var(--jp-success-color3);\n  color: var(--jp-success-color1);\n}\n\n.jp-agent-key-status-cooldown {\n  background-color: var(--jp-warn-color3);\n  color: var(--jp-warn-color1);\n}\n\n.jp-agent-key-status-disabled {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-ui-font-color2);\n}\n\n.jp-agent-key-current {\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background-color: var(--jp-brand-color1);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.jp-agent-key-actions {\n  display: flex;\n  gap: 6px;\n}\n\n.jp-agent-keys-add {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.jp-agent-keys-add input {\n  flex: 1;\n  min-width: 0;\n}\n\n.jp-agent-keys-add button {\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.jp-agent-keys-info-text {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n  text-align: center;\n  line-height: 1.5;\n  padding-top: 8px;\n  border-top: 1px solid var(--jp-border-color2);\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -4770,4 +4788,4 @@ module.exports = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYi
 /***/ }
 
 }]);
-//# sourceMappingURL=frontend_styles_index_js.634cf0ae0f3592d0882f.js.map
+//# sourceMappingURL=frontend_styles_index_js.4105453345c170c1d6e6.js.map