mito-ai 0.1.56__py3-none-any.whl → 0.1.58__py3-none-any.whl

mito_ai-0.1.56.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.dfd7975de75d64db80d6.js → mito_ai-0.1.58.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.03302cc521d72eb56b00.js

@@ -489,6 +489,25 @@ class ChatHistoryManager {
         });
         return agentExecutionMetadata;
     }
+    addScratchpadResultMessage(activeThreadId, scratchpadResult) {
+        const scratchpadResultMetadata = {
+            promptType: 'agent:scratchpad-result',
+            threadId: activeThreadId,
+            scratchpadResult: scratchpadResult,
+        };
+        // Add empty user message to display history (like agent execution does for empty input)
+        const userMessage = {
+            role: 'user',
+            content: ''
+        };
+        this.displayOptimizedChatHistory.push({
+            message: userMessage,
+            type: 'openai message',
+            promptType: 'agent:scratchpad-result',
+            scratchpadResult: scratchpadResult,
+        });
+        return scratchpadResultMetadata;
+    }
     addSmartDebugMessage(activeThreadId, errorMessage) {
         const activeCellID = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_1__.getActiveCellID)(this.notebookTracker) || '';
         const activeCellCode = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_1__.getCellCodeByID)(this.notebookTracker, activeCellID) || '';
@@ -1855,9 +1874,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_AgentComponents_GetCellOutputToolUI__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../components/AgentComponents/GetCellOutputToolUI */ "./lib/components/AgentComponents/GetCellOutputToolUI.js");
 /* harmony import */ var _components_AgentComponents_AssumptionToolUI__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../components/AgentComponents/AssumptionToolUI */ "./lib/components/AgentComponents/AssumptionToolUI.js");
 /* harmony import */ var _components_SelectedContextContainer__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../components/SelectedContextContainer */ "./lib/components/SelectedContextContainer.js");
-/* harmony import */ var _components_AgentComponents_RunAllCellsToolUI__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../components/AgentComponents/RunAllCellsToolUI */ "./lib/components/AgentComponents/RunAllCellsToolUI.js");
-/* harmony import */ var _components_AgentComponents_CreateStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../components/AgentComponents/CreateStreamlitAppToolUI */ "./lib/components/AgentComponents/CreateStreamlitAppToolUI.js");
-/* harmony import */ var _components_AgentComponents_EditStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../components/AgentComponents/EditStreamlitAppToolUI */ "./lib/components/AgentComponents/EditStreamlitAppToolUI.js");
+/* harmony import */ var _components_AgentComponents_RunAllCellsToolUI__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../components/AgentComponents/RunAllCellsToolUI */ "./lib/components/AgentComponents/RunAllCellsToolUI.js");
+/* harmony import */ var _components_AgentComponents_AskUserQuestionToolUI__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../components/AgentComponents/AskUserQuestionToolUI */ "./lib/components/AgentComponents/AskUserQuestionToolUI.js");
+/* harmony import */ var _components_AgentComponents_ScratchpadToolUI__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../components/AgentComponents/ScratchpadToolUI */ "./lib/components/AgentComponents/ScratchpadToolUI.js");
+/* harmony import */ var _components_AgentComponents_CreateStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../components/AgentComponents/CreateStreamlitAppToolUI */ "./lib/components/AgentComponents/CreateStreamlitAppToolUI.js");
+/* harmony import */ var _components_AgentComponents_EditStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../components/AgentComponents/EditStreamlitAppToolUI */ "./lib/components/AgentComponents/EditStreamlitAppToolUI.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -1885,7 +1906,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const ChatMessage = ({ app, message, promptType, agentResponse, messageIndex, mitoAIConnectionError, mitoAIConnectionErrorType, notebookTracker, renderMimeRegistry, isLastAiMessage, isLastMessage, operatingSystem, previewAICode, acceptAICode, rejectAICode, contextManager, codeReviewStatus, setNextSteps, agentModeEnabled, additionalContext, handleSubmitUserMessage, }) => {
+
+
+const ChatMessage = ({ app, message, promptType, agentResponse, messageIndex, mitoAIConnectionError, mitoAIConnectionErrorType, notebookTracker, renderMimeRegistry, isLastAiMessage, isLastMessage, operatingSystem, previewAICode, acceptAICode, rejectAICode, contextManager, codeReviewStatus, setNextSteps, agentModeEnabled, additionalContext, handleSubmitUserMessage, scratchpadResult, }) => {
     const [isEditing, setIsEditing] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     if (message.role !== 'user' && message.role !== 'assistant') {
         return null;
@@ -1915,7 +1938,7 @@ const ChatMessage = ({ app, message, promptType, agentResponse, messageIndex, mi
         setNextSteps(agentResponse.next_steps);
     }
     if (isEditing) {
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatInput__WEBPACK_IMPORTED_MODULE_4__["default"], { app: app, initialContent: message.content.replace(/```[\s\S]*?```/g, '').trim(), onCancel: handleCancel, isEditing: isEditing, contextManager: contextManager, notebookTracker: notebookTracker, agentModeEnabled: false, handleSubmitUserMessage: handleSubmitUserMessageAndCloseEditing, messageIndex: messageIndex }));
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatInput__WEBPACK_IMPORTED_MODULE_4__["default"], { app: app, initialContent: message.content.replace(/```[\s\S]*?```/g, '').trim(), onCancel: handleCancel, isEditing: isEditing, contextManager: contextManager, notebookTracker: notebookTracker, agentModeEnabled: agentModeEnabled, handleSubmitUserMessage: handleSubmitUserMessageAndCloseEditing, messageIndex: messageIndex }));
     }
     if (mitoAIConnectionError) {
         return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_5__.classNames)("message") },
@@ -1977,12 +2000,18 @@ const ChatMessage = ({ app, message, promptType, agentResponse, messageIndex, mi
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_Pencil__WEBPACK_IMPORTED_MODULE_18__["default"], null))),
         (agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.type) === 'get_cell_output' &&
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_GetCellOutputToolUI__WEBPACK_IMPORTED_MODULE_19__["default"], null),
+        (agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.type) === 'scratchpad' &&
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_ScratchpadToolUI__WEBPACK_IMPORTED_MODULE_20__["default"], { scratchpadCode: agentResponse.scratchpad_code, scratchpadSummary: agentResponse.scratchpad_summary, scratchpadResult: scratchpadResult, renderMimeRegistry: renderMimeRegistry }),
         (agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.type) === 'run_all_cells' && agentModeEnabled &&
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_RunAllCellsToolUI__WEBPACK_IMPORTED_MODULE_20__["default"], null),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_RunAllCellsToolUI__WEBPACK_IMPORTED_MODULE_21__["default"], null),
+        (agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.type) === 'ask_user_question' &&
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_AskUserQuestionToolUI__WEBPACK_IMPORTED_MODULE_22__["default"], { question: agentResponse.question || '', answers: agentResponse.answers, isLastMessage: isLastMessage, onAnswerSelected: (answer) => {
+                    handleSubmitUserMessage(answer);
+                } }),
         (agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.type) === 'create_streamlit_app' && agentModeEnabled &&
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_CreateStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_21__["default"], { isRunning: isLastMessage }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_CreateStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_23__["default"], { isRunning: isLastMessage }),
         (agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.type) === 'edit_streamlit_app' && agentModeEnabled &&
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_EditStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_22__["default"], { isRunning: isLastMessage })));
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_EditStreamlitAppToolUI__WEBPACK_IMPORTED_MODULE_24__["default"], { isRunning: isLastMessage })));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChatMessage);
 
@@ -2876,6 +2905,23 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, str
         };
         await _sendMessageAndSaveResponse(completionRequest, newChatHistoryManager);
     };
+    const sendScratchpadResultMessage = async (scratchpadResult) => {
+        // Step 0: reset the state for a new message
+        resetForNewMessage();
+        // Step 1: Add the scratchpad result message to the chat history
+        const newChatHistoryManager = getDuplicateChatHistoryManager();
+        const scratchpadResultMetadata = newChatHistoryManager.addScratchpadResultMessage(activeThreadIdRef.current, scratchpadResult);
+        setChatHistoryManager(newChatHistoryManager);
+        setLoadingStatus('thinking');
+        // Step 2: Send the message to the AI
+        const completionRequest = {
+            type: 'agent:scratchpad-result',
+            message_id: _lumino_coreutils__WEBPACK_IMPORTED_MODULE_2__.UUID.uuid4(),
+            metadata: scratchpadResultMetadata,
+            stream: false
+        };
+        await _sendMessageAndSaveResponse(completionRequest, newChatHistoryManager);
+    };
     /*
         Send whatever message is currently in the chat input
     */
@@ -3024,8 +3070,8 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, str
                 }
                 else {
                     const content = (_b = (_a = aiResponse.items[0]) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : '';
-                    if (completionRequest.metadata.promptType === 'agent:execution' || completionRequest.metadata.promptType === 'agent:autoErrorFixup') {
-                        // Agent:Execution prompts return a CellUpdate object that we need to parse
+                    if (completionRequest.metadata.promptType === 'agent:execution' || completionRequest.metadata.promptType === 'agent:scratchpad-result' || completionRequest.metadata.promptType === 'agent:autoErrorFixup') {
+                        // Agent:Execution and Agent:ScratchpadResult prompts return a CellUpdate object that we need to parse
                         const agentResponse = JSON.parse(content);
                         newChatHistoryManager.addAIMessageFromAgentResponse(agentResponse);
                     }
@@ -3087,6 +3133,7 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, str
         addAIMessageFromResponseAndUpdateState,
         getDuplicateChatHistoryManager,
         sendAgentExecutionMessage,
+        sendScratchpadResultMessage,
         sendAgentSmartDebugMessage,
         agentReview,
         agentTargetNotebookPanelRef,
@@ -3339,7 +3386,7 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, str
                     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_ErrorFixupToolUI__WEBPACK_IMPORTED_MODULE_36__["default"], { key: index, messages: displayOptimizedChat, renderMimeRegistry: renderMimeRegistry, notebookTracker: notebookTracker }));
                 }
                 else {
-                    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_ChatMessage__WEBPACK_IMPORTED_MODULE_37__["default"], { key: index, message: displayOptimizedChat.message, promptType: displayOptimizedChat.promptType, agentResponse: displayOptimizedChat.agentResponse, codeCellID: displayOptimizedChat.codeCellID, mitoAIConnectionError: displayOptimizedChat.type === 'connection error', mitoAIConnectionErrorType: displayOptimizedChat.mitoAIConnectionErrorType || null, messageIndex: index, notebookTracker: notebookTracker, renderMimeRegistry: renderMimeRegistry, app: app, isLastAiMessage: index === lastAIMessagesIndex, isLastMessage: index === displayOptimizedChatHistory.length - 1, operatingSystem: operatingSystem, previewAICode: previewAICodeToActiveCell, acceptAICode: acceptAICode, rejectAICode: rejectAICode, handleSubmitUserMessage: handleSubmitUserMessage, contextManager: contextManager, codeReviewStatus: codeReviewStatus, setNextSteps: setNextSteps, agentModeEnabled: agentModeEnabled, additionalContext: displayOptimizedChat.additionalContext }));
+                    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_ChatMessage__WEBPACK_IMPORTED_MODULE_37__["default"], { key: index, message: displayOptimizedChat.message, promptType: displayOptimizedChat.promptType, agentResponse: displayOptimizedChat.agentResponse, codeCellID: displayOptimizedChat.codeCellID, mitoAIConnectionError: displayOptimizedChat.type === 'connection error', mitoAIConnectionErrorType: displayOptimizedChat.mitoAIConnectionErrorType || null, messageIndex: index, notebookTracker: notebookTracker, renderMimeRegistry: renderMimeRegistry, app: app, isLastAiMessage: index === lastAIMessagesIndex, isLastMessage: index === displayOptimizedChatHistory.length - 1, operatingSystem: operatingSystem, previewAICode: previewAICodeToActiveCell, acceptAICode: acceptAICode, rejectAICode: rejectAICode, handleSubmitUserMessage: handleSubmitUserMessage, contextManager: contextManager, codeReviewStatus: codeReviewStatus, setNextSteps: setNextSteps, agentModeEnabled: agentModeEnabled, additionalContext: displayOptimizedChat.additionalContext, scratchpadResult: displayOptimizedChat.scratchpadResult }));
                 }
             }).filter(message => message !== null),
             loadingStatus === 'thinking' &&
@@ -3958,6 +4005,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_strings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/strings */ "./lib/utils/strings.js");
 /* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/notebook */ "./lib/utils/notebook.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./lib/Extensions/AiChat/utils.js");
+/* harmony import */ var _utils_scratchpadExecution__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../utils/scratchpadExecution */ "./lib/utils/scratchpadExecution.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -3971,8 +4019,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 const AGENT_EXECUTION_DEPTH_LIMIT = 20;
-const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, websocketClient, documentManager, chatHistoryManagerRef, activeThreadIdRef, activeRequestControllerRef, setLoadingStatus, setAutoScrollFollowMode, setHasCheckpoint, addAIMessageFromResponseAndUpdateState, getDuplicateChatHistoryManager, sendAgentExecutionMessage, sendAgentSmartDebugMessage, agentReview, agentTargetNotebookPanelRef, audioContextRef, }) => {
+const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, websocketClient, documentManager, chatHistoryManagerRef, activeThreadIdRef, activeRequestControllerRef, setLoadingStatus, setAutoScrollFollowMode, setHasCheckpoint, addAIMessageFromResponseAndUpdateState, getDuplicateChatHistoryManager, sendAgentExecutionMessage, sendScratchpadResultMessage, sendAgentSmartDebugMessage, agentReview, agentTargetNotebookPanelRef, audioContextRef, }) => {
     // Agent execution state
     const [agentExecutionStatus, setAgentExecutionStatus] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('idle');
     const shouldContinueAgentExecution = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
@@ -4020,6 +4069,7 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
         let isAgentFinished = false;
         let agentExecutionDepth = 1;
         let sendCellIDOutput = undefined;
+        let processedScratchpadResult = undefined;
         // Sometimes its useful to send extra information back to the agent. For example, 
         // if the agent tries to create a streamlit app and it errors, we want to let the 
         // orchestrator agent know about the issue. 
@@ -4039,6 +4089,11 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
             if (agentExecutionDepth === 1) {
                 await sendAgentExecutionMessage(input, messageIndex, undefined, additionalContext);
             }
+            else if (processedScratchpadResult !== undefined) {
+                // If we have scratchpad results, send them using the scratchpad result message type
+                await sendScratchpadResultMessage(processedScratchpadResult);
+                processedScratchpadResult = undefined;
+            }
             else {
                 await sendAgentExecutionMessage(messageToShareWithAgent || '', undefined, sendCellIDOutput);
                 // Reset flag back to false until the agent requests the active cell output again
@@ -4056,7 +4111,7 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
                     const securityCheck = (0,_utils_blacklistedWords__WEBPACK_IMPORTED_MODULE_7__.checkForBlacklistedWords)(aiGeneratedCode);
                     if (!securityCheck.safe) {
                         console.error('Security Warning:', securityCheck.reason);
-                        addAIMessageFromResponseAndUpdateState(`I cannot execute this code without your approval because this code did not pass my security checks. ${securityCheck.reason}. For your safety, I am stopping execution of this plan.`, 'agent:execution', chatHistoryManagerRef.current);
+                        addAIMessageFromResponseAndUpdateState(`I cannot automatically execute this code because it did not pass my security checks. ${securityCheck.reason}. If you decide that this code is safe, you can manually run it.`, 'agent:execution', chatHistoryManagerRef.current);
                         await markAgentForStopping();
                         break;
                     }
@@ -4144,6 +4199,13 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
                     }
                 }
             }
+            if (agentResponse.type === 'ask_user_question') {
+                // When the agent asks a question, we stop execution and wait for the user's response.
+                // The agent will automatically resume when the user responds
+                await markAgentForStopping();
+                isAgentFinished = true;
+                break;
+            }
             if (agentResponse.type === 'create_streamlit_app') {
                 // Create new preview using the service
                 const createStreamlitAppPrompt = agentResponse.streamlit_app_prompt || '';
@@ -4165,6 +4227,27 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
                     messageToShareWithAgent = streamlitPreviewResponse.message;
                 }
             }
+            if (agentResponse.type === 'scratchpad' && agentResponse.scratchpad_code) {
+                // Check the scratchpad code for blacklisted words before executing it
+                const securityCheck = (0,_utils_blacklistedWords__WEBPACK_IMPORTED_MODULE_7__.checkForBlacklistedWords)(agentResponse.scratchpad_code);
+                if (!securityCheck.safe) {
+                    console.error('Security Warning:', securityCheck.reason);
+                    addAIMessageFromResponseAndUpdateState(`I cannot automatically execute this code because it did not pass my security checks. ${securityCheck.reason}. If you decide that this code is safe, you can manually run it.`, 'agent:execution', chatHistoryManagerRef.current);
+                    await markAgentForStopping();
+                    break;
+                }
+                // Execute scratchpad code silently
+                setLoadingStatus('running-code');
+                let scratchpadResult;
+                try {
+                    scratchpadResult = await (0,_utils_scratchpadExecution__WEBPACK_IMPORTED_MODULE_9__.executeScratchpadCode)(agentTargetNotebookPanelRef.current, agentResponse.scratchpad_code);
+                }
+                finally {
+                    setLoadingStatus(undefined);
+                }
+                // Format the results for the agent
+                processedScratchpadResult = (0,_utils_scratchpadExecution__WEBPACK_IMPORTED_MODULE_9__.formatScratchpadResult)(scratchpadResult);
+            }
         }
         if (agentExecutionDepth > AGENT_EXECUTION_DEPTH_LIMIT) {
             addAIMessageFromResponseAndUpdateState("Since I've been working for a while now, give my work a review and then tell me how to continue.", 'agent:execution', chatHistoryManagerRef.current);
@@ -5337,7 +5420,16 @@ function validateAndCorrectAgentResponse(agentResponse) {
     // Create a copy to avoid mutating the original
     const correctedResponse = { ...agentResponse };
     // Ensure type is valid. Default to finished_task if not valid.
-    const validTypes = ['cell_update', 'get_cell_output', 'run_all_cells', 'finished_task', 'create_streamlit_app', 'edit_streamlit_app'];
+    const validTypes = [
+        'cell_update',
+        'get_cell_output',
+        'run_all_cells',
+        'ask_user_question',
+        'finished_task',
+        'create_streamlit_app',
+        'edit_streamlit_app',
+        'scratchpad'
+    ];
     correctedResponse.type = (correctedResponse.type && validTypes.includes(correctedResponse.type))
         ? correctedResponse.type
         : 'finished_task';
@@ -5352,6 +5444,13 @@ function validateAndCorrectAgentResponse(agentResponse) {
     if (correctedResponse.next_steps !== undefined && correctedResponse.next_steps !== null) {
         correctedResponse.next_steps = correctStringArray(correctedResponse.next_steps);
     }
+    // Correct ask_user_question
+    if (correctedResponse.answers !== undefined && correctedResponse.answers !== null) {
+        correctedResponse.answers = correctStringArray(correctedResponse.answers);
+    }
+    if (correctedResponse.type === 'ask_user_question' && typeof correctedResponse.question !== 'string') {
+        correctedResponse.question = "";
+    }
     // Correct analysis_assumptions - handle string to array conversion
     if (correctedResponse.analysis_assumptions !== undefined && correctedResponse.analysis_assumptions !== null) {
         correctedResponse.analysis_assumptions = correctStringArray(correctedResponse.analysis_assumptions);
@@ -5361,6 +5460,13 @@ function validateAndCorrectAgentResponse(agentResponse) {
     // Correct streamlit_app_prompt - ensure it's a string when present
     const editStreamlitAppPromptType = typeof correctedResponse.streamlit_app_prompt;
     correctedResponse.streamlit_app_prompt = editStreamlitAppPromptType === 'string' ? correctedResponse.streamlit_app_prompt : undefined;
+    // Correct scratchpad_code and scratchpad_summary - ensure they're strings when present
+    if (correctedResponse.type === 'scratchpad') {
+        const scratchpadCodeType = typeof correctedResponse.scratchpad_code;
+        correctedResponse.scratchpad_code = scratchpadCodeType === 'string' ? correctedResponse.scratchpad_code : undefined;
+        const scratchpadSummaryType = typeof correctedResponse.scratchpad_summary;
+        correctedResponse.scratchpad_summary = scratchpadSummaryType === 'string' ? correctedResponse.scratchpad_summary : undefined;
+    }
     // For now we don't validate the cell_update object itself, as this is more complex and has 
     // not caused issues thus far.
     return correctedResponse;
@@ -7313,25 +7419,24 @@ const getAppNameFromNotebookID = (notebookID) => {
 
 /***/ }),
 
-/***/ "./lib/Extensions/ContextManager/ContextManagerPlugin.js":
-/*!***************************************************************!*\
-  !*** ./lib/Extensions/ContextManager/ContextManagerPlugin.js ***!
-  \***************************************************************/
+/***/ "./lib/Extensions/ChartWizard/AddFieldButton.js":
+/*!******************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/AddFieldButton.js ***!
+  \******************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ContextManager: () => (/* binding */ ContextManager),
-/* harmony export */   ContextManagerPlugin: () => (/* binding */ ContextManagerPlugin),
-/* harmony export */   IContextManager: () => (/* binding */ IContextManager),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/notebook */ "webpack/sharing/consume/default/@jupyterlab/notebook");
-/* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lumino/coreutils */ "webpack/sharing/consume/default/@lumino/coreutils");
-/* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _VariableInspector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VariableInspector */ "./lib/Extensions/ContextManager/VariableInspector.js");
-/* harmony import */ var _FileInspector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./FileInspector */ "./lib/Extensions/ContextManager/FileInspector.js");
+/* 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 _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @jupyterlab/apputils */ "webpack/sharing/consume/default/@jupyterlab/apputils");
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils_parser__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/parser */ "./lib/Extensions/ChartWizard/utils/parser.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _utils_strings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/strings */ "./lib/utils/strings.js");
+/* harmony import */ var _style_AddFieldButton_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/AddFieldButton.css */ "./style/AddFieldButton.css");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -7340,183 +7445,1440 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-// The provides field in JupyterLab's JupyterFrontEndPlugin expects a token 
-// that can be used to look up the service in the dependency injection system,
-// so we define a new token for the ContextManager
-const IContextManager = new _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__.Token('mito-ai:IContextManager');
-class ContextManager {
-    constructor(app, notebookTracker) {
-        this.notebookContexts = new Map();
-        this._startKernelListener = async (app, notebookPanel) => {
-            if (notebookPanel === null) {
-                return;
-            }
-            // Initialize context for this notebook if it doesn't exist
-            if (!this.notebookContexts.has(notebookPanel.id)) {
-                this.notebookContexts.set(notebookPanel.id, { variables: [], files: [] });
-            }
-            // As soon as the notebook is opened, fetch the files since these are not related to the kernel, 
-            // but to the notebook itself. This is useful so we can tell the agent which files are available 
-            // or let the user select a file from the dropdown menu before the kernel is started.
-            // We use the notebookPanel.id to identify the notebook because we might need to access
-            // NotebookContext even before the kernel is started. For example, to figure out 
-            // which files are available.
-            const updatedFiles = await (0,_FileInspector__WEBPACK_IMPORTED_MODULE_2__.getFiles)(app, notebookPanel);
-            this.updateNotebookFiles(notebookPanel.id, updatedFiles);
-            // Listen for kernel restart or shut down events and clear the variables for this notebook
-            notebookPanel.context.sessionContext.statusChanged.connect((sender, status) => {
-                if (status === 'restarting' || status === 'terminating' || status === 'unknown') {
-                    // Clear the variables for this specific notebook, but don't clear the files 
-                    // as they have not changed.
-                    this.updateNotebookVariables(notebookPanel.id, []); // Clear variables for this specific notebook
-                }
-            });
-            // Listen to kernel messages
-            notebookPanel.context.sessionContext.iopubMessage.connect(async (sender, msg) => {
-                // Watch for execute_input messages, which indicate is a request to execute code. 
-                // Previosuly, we watched for 'execute_result' messages, but these are only returned
-                // from the kernel when a code cell prints a value to the output cell, which is not what we want.
-                // TODO: Check if there is a race condition where we might end up fetching variables before the 
-                // code is executed. I don't think this is the case because the kernel runs in one thread I believe.
-                // TODO: Eventually we should create a document manager listener so if the user uploads a new file
-                // to jupyter, we can update the available files even if they have not executed a kernel message.
-                if (msg.header.msg_type === 'execute_input') {
-                    void (0,_VariableInspector__WEBPACK_IMPORTED_MODULE_3__.fetchVariablesAndUpdateState)(notebookPanel, this.updateNotebookVariables.bind(this, notebookPanel.id));
-                    const updatedFiles = await (0,_FileInspector__WEBPACK_IMPORTED_MODULE_2__.getFiles)(app, notebookPanel);
-                    this.updateNotebookFiles(notebookPanel.id, updatedFiles);
-                }
+
+
+/**
+ * Component that renders a button to add a new field to the chart configuration.
+ * When clicked, prompts the user for a description and uses LLM to add the field.
+ */
+const AddFieldButton = ({ code, onFieldAdded, clearPendingUpdate, onLoadingStateChange }) => {
+    /**
+     * Handles adding a new field to the chart configuration.
+     */
+    const handleAddField = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
+        if (!code) {
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('No source code available', 'error', {
+                autoClose: 3000
             });
+            return;
+        }
+        // Create a component that manages its own input state
+        // Use a ref to store the value so we can access it after dialog closes
+        const inputValueRef = { current: '' };
+        const InputDialogBody = () => {
+            const [value, setValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
+            const textareaRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
+            (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+                // Focus the textarea when component mounts
+                // Use a small timeout to ensure the dialog is fully rendered and focusable
+                const timeoutId = setTimeout(() => {
+                    if (textareaRef.current) {
+                        textareaRef.current.focus();
+                        // Also select any existing text for better UX
+                        textareaRef.current.select();
+                    }
+                }, 100);
+                return () => clearTimeout(timeoutId);
+            }, []);
+            const handleChange = (e) => {
+                const newValue = e.target.value;
+                setValue(newValue);
+                inputValueRef.current = newValue;
+            };
+            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null,
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Describe what field you would like to add to the chart configuration:"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { ref: textareaRef, value: value, onChange: handleChange, placeholder: "e.g., font size for the title, background color, grid visibility...", className: "add-field-dialog-textarea" })));
         };
-        this.notebookTracker = notebookTracker;
-        // Setup the kernel listener to update context as kernel messages are received
-        this.setupKernelListener(app, notebookTracker);
-    }
-    getNotebookContext(notebookId) {
-        return this.notebookContexts.get(notebookId);
-    }
-    getActiveNotebookContext() {
-        const activeNotebook = this.notebookTracker.currentWidget;
-        if (!activeNotebook)
-            return undefined;
-        return this.getNotebookContext(activeNotebook.id);
-    }
-    updateNotebookVariables(notebookID, variables) {
-        const context = this.notebookContexts.get(notebookID) || { variables: [], files: [] };
-        context.variables = variables;
-        this.notebookContexts.set(notebookID, context);
-    }
-    updateNotebookFiles(notebookID, files) {
-        const context = this.notebookContexts.get(notebookID) || { variables: [], files: [] };
-        context.files = files;
-        this.notebookContexts.set(notebookID, context);
-    }
-    // Setup kernel execution listener
-    setupKernelListener(app, notebookTracker) {
-        // Start the kernel listener for the currently active notebook
-        const notebookPanel = notebookTracker.currentWidget;
-        void this._startKernelListener(app, notebookPanel);
-        // Update the kernel listener whenever the active notebook changes
-        notebookTracker.currentChanged.connect(async (_, notebookPanel) => {
-            void this._startKernelListener(app, notebookPanel);
+        // Show dialog to get user description
+        const result = await (0,_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.showDialog)({
+            title: 'Add New Field',
+            body: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InputDialogBody, null),
+            buttons: [
+                _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Dialog.cancelButton({ label: 'Cancel' }),
+                _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Dialog.okButton({ label: 'Add Field' })
+            ],
+            defaultButton: 1
         });
-    }
-}
-const ContextManagerPlugin = {
-    id: 'mito-ai:context-manager',
-    autoStart: true,
-    requires: [_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__.INotebookTracker],
-    provides: IContextManager,
-    activate: (app, notebookTracker) => {
-        console.log("mito-ai: ContextManagerPlugin activated");
-        return new ContextManager(app, notebookTracker);
-    }
+        if (!result.button.accept) {
+            return;
+        }
+        // Get the input value from the ref
+        const description = inputValueRef.current.trim();
+        if (!description) {
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('Please provide a description of the field you want to add', 'warning', {
+                autoClose: 3000
+            });
+            return;
+        }
+        // Log the field addition event with user input
+        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_3__.logEvent)('chart_wizard_add_chart_field', {
+            user_input: description
+        });
+        // Clear any pending debounced updates
+        clearPendingUpdate();
+        onLoadingStateChange(true);
+        try {
+            // Get existing variable names
+            const parsed = (0,_utils_parser__WEBPACK_IMPORTED_MODULE_4__.parseChartConfig)(code);
+            const existingVariables = parsed ? parsed.variables.map(v => v.name) : [];
+            const response = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_3__.addChartField)(code, description, existingVariables);
+            if (response.updated_code) {
+                // Check if the response contains a code block
+                // If no code block is found, the AI couldn't add the field
+                const hasCodeBlock = response.updated_code.includes(_utils_strings__WEBPACK_IMPORTED_MODULE_5__.PYTHON_CODE_BLOCK_START_WITH_NEW_LINE);
+                if (!hasCodeBlock) {
+                    // AI couldn't add the field and didn't return a code block
+                    console.log('AI response does not contain a code block - field addition was not possible.');
+                    _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('Unable to add the requested field. Please try a different description or ensure your request is clear and applicable to chart configuration.', 'warning', {
+                        autoClose: 5000
+                    });
+                    return;
+                }
+                // Extract code from markdown code blocks if present
+                const extractedCode = (0,_utils_strings__WEBPACK_IMPORTED_MODULE_5__.removeMarkdownCodeFormatting)(response.updated_code);
+                // Validate that extracted code is not empty
+                if (!extractedCode || extractedCode.trim().length === 0) {
+                    console.error('Error: Extracted code is empty. Cannot update notebook cell.');
+                    _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('Failed to add field: The updated code is empty. Please try again.', 'error', {
+                        autoClose: 5000
+                    });
+                    return;
+                }
+                // Notify parent component of the updated code
+                onFieldAdded(extractedCode);
+                _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('Field added successfully!', 'success', {
+                    autoClose: 3000
+                });
+            }
+            else {
+                // Handle case where updated_code is missing, null, or empty
+                console.error('Error: No updated code returned from server.');
+                _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('Failed to add field: The server did not return updated code. Please try again.', 'error', {
+                    autoClose: 5000
+                });
+            }
+        }
+        catch (error) {
+            console.error('Error adding field:', error);
+            const errorMessage = error instanceof Error ? error.message : 'An unknown error occurred';
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(`Failed to add field: ${errorMessage}. Please try again.`, 'error', {
+                autoClose: 5000
+            });
+        }
+        finally {
+            onLoadingStateChange(false);
+        }
+    }, [code, onFieldAdded, clearPendingUpdate, onLoadingStateChange]);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "add-field-container" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "button-base button-purple add-field-button", onClick: handleAddField, type: "button" }, "+ Add New Field")));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContextManagerPlugin);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AddFieldButton);
 
 
 /***/ }),
 
-/***/ "./lib/Extensions/ContextManager/FileInspector.js":
-/*!********************************************************!*\
-  !*** ./lib/Extensions/ContextManager/FileInspector.js ***!
-  \********************************************************/
+/***/ "./lib/Extensions/ChartWizard/ChartWizardPlugin.js":
+/*!*********************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/ChartWizardPlugin.js ***!
+  \*********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   getFiles: () => (/* binding */ getFiles)
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/coreutils */ "webpack/sharing/consume/default/@jupyterlab/coreutils");
-/* harmony import */ var _jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0__);
+/* 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 react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ "./node_modules/react-dom/client.js");
+/* harmony import */ var _jupyterlab_application__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @jupyterlab/application */ "webpack/sharing/consume/default/@jupyterlab/application");
+/* harmony import */ var _jupyterlab_application__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_application__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @jupyterlab/apputils */ "webpack/sharing/consume/default/@jupyterlab/apputils");
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @jupyterlab/notebook */ "webpack/sharing/consume/default/@jupyterlab/notebook");
+/* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _jupyterlab_cells__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @jupyterlab/cells */ "webpack/sharing/consume/default/@jupyterlab/cells");
+/* harmony import */ var _jupyterlab_cells__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_cells__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _jupyterlab_rendermime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @jupyterlab/rendermime */ "webpack/sharing/consume/default/@jupyterlab/rendermime");
+/* harmony import */ var _jupyterlab_rendermime__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_rendermime__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _lumino_widgets__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @lumino/widgets */ "webpack/sharing/consume/default/@lumino/widgets");
+/* harmony import */ var _lumino_widgets__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_lumino_widgets__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _ChartWizardWidget__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ChartWizardWidget */ "./lib/Extensions/ChartWizard/ChartWizardWidget.js");
+/* harmony import */ var _commands__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../commands */ "./lib/commands.js");
+/* harmony import */ var _components_TextAndIconButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/TextAndIconButton */ "./lib/components/TextAndIconButton.js");
+/* harmony import */ var _icons_MagicWand__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../icons/MagicWand */ "./lib/icons/MagicWand.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../utils/notebook */ "./lib/utils/notebook.js");
+/* harmony import */ var _style_ChartWizardPlugin_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../style/ChartWizardPlugin.css */ "./style/ChartWizardPlugin.css");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
 
-/*
-    Fetches all files in the current directory and updates the state of the files.
-*/
-const getFiles = async (app, notebookPanel) => {
-    const fileManager = app.serviceManager.contents;
-    const relativeNotebookPath = notebookPanel.context.path;
-    const relativeDirectoryPath = _jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0__.PathExt.dirname(relativeNotebookPath);
-    try {
-        const contents = await fileManager.get(relativeDirectoryPath);
-        if (contents.type === 'directory') {
-            // Filter for only csv and Excel files
-            const data_files = contents.content.filter((file) => {
-                var _a;
-                const extension = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                return extension === 'csv' ||
-                    extension === 'xlsx' ||
-                    extension === 'xls' ||
-                    extension === 'xlsm';
-            });
-            // Map the files to the File type
-            const files = data_files.map((file) => ({
-                file_name: file.name
-            }));
-            // Update the state of the files
-            return files;
-        }
-        else {
-            // If the contents are not a directory, set the files to an empty array
-            return [];
-        }
-    }
-    catch (error) {
-        console.error('Error listing directory contents:', error);
-        return [];
-    }
-};
 
 
-/***/ }),
 
-/***/ "./lib/Extensions/ContextManager/VariableInspector.js":
-/*!************************************************************!*\
-  !*** ./lib/Extensions/ContextManager/VariableInspector.js ***!
-  \************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   fetchVariablesAndUpdateState: () => (/* binding */ fetchVariablesAndUpdateState)
-/* harmony export */ });
-/* harmony import */ var _jupyterlab_services__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/services */ "webpack/sharing/consume/default/@jupyterlab/services");
-/* harmony import */ var _jupyterlab_services__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_services__WEBPACK_IMPORTED_MODULE_0__);
-/*
- * Copyright (c) Saga Inc.
- * Distributed under the terms of the GNU Affero General Public License v3.0 License.
- */
 
-// TODO: Use something like raw-loader to load an actual python file 
-// to make it easier to modify the script without creating syntax errors.
-const pythonVariableInspectionScript = `import json
-import inspect
 
 
-# We need to check if pandas is imported so we know if its safe
+
+
+
+
+
+
+
+const ChartWizardButton = ({ onButtonClick }) => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextAndIconButton__WEBPACK_IMPORTED_MODULE_9__["default"], { icon: _icons_MagicWand__WEBPACK_IMPORTED_MODULE_10__["default"], text: "Chart Wizard", title: "Chart Wizard", onClick: onButtonClick, variant: 'purple', width: 'fit-contents', iconPosition: 'left' })));
+};
+const ChartWizardPlugin = {
+    id: 'mito-ai:chart-wizard',
+    autoStart: true,
+    requires: [_jupyterlab_rendermime__WEBPACK_IMPORTED_MODULE_6__.IRenderMimeRegistry, _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_3__.ICommandPalette, _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_4__.INotebookTracker],
+    optional: [_jupyterlab_application__WEBPACK_IMPORTED_MODULE_2__.ILayoutRestorer],
+    activate: (app, rendermime, palette, notebookTracker, restorer) => {
+        // Create the Chart Wizard widget
+        const widget = new _ChartWizardWidget__WEBPACK_IMPORTED_MODULE_11__.ChartWizardWidget();
+        widget.id = 'mito-ai-chart-wizard';
+        widget.title.label = 'Chart Wizard';
+        widget.title.closable = true;
+        // Track and restore the widget state
+        const tracker = new _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_3__.WidgetTracker({
+            namespace: widget.id
+        });
+        // Function to open/update the Chart Wizard panel
+        const openChartWizard = (chartData) => {
+            // Update widget with new data if provided
+            if (chartData) {
+                widget.updateChartData(chartData);
+            }
+            // Add the widget to the tracker if not already there
+            if (!tracker.has(widget)) {
+                void tracker.add(widget);
+            }
+            // Get the current notebook panel for split-right mode
+            const notebookPanel = notebookTracker.currentWidget;
+            const refId = notebookPanel === null || notebookPanel === void 0 ? void 0 : notebookPanel.id;
+            // Add the widget to main area with split-right mode (like StreamlitPreviewPlugin)
+            if (!widget.isAttached) {
+                if (refId) {
+                    app.shell.add(widget, 'main', {
+                        mode: 'split-right',
+                        ref: refId
+                    });
+                }
+                else {
+                    // Fallback to right sidebar if no notebook is open
+                    app.shell.add(widget, 'right');
+                }
+            }
+            // Activate the widget
+            app.shell.activateById(widget.id);
+        };
+        app.commands.addCommand(_commands__WEBPACK_IMPORTED_MODULE_12__.COMMAND_MITO_AI_OPEN_CHART_WIZARD, {
+            label: 'Open Chart Wizard',
+            execute: () => {
+                void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_13__.logEvent)('chart_wizard_opened', { source: 'command_palette' });
+                openChartWizard();
+            }
+        });
+        palette.addItem({
+            command: _commands__WEBPACK_IMPORTED_MODULE_12__.COMMAND_MITO_AI_OPEN_CHART_WIZARD,
+            category: 'Mito AI'
+        });
+        if (!tracker.has(widget)) {
+            void tracker.add(widget);
+        }
+        if (restorer) {
+            restorer.add(widget, 'mito-ai-chart-wizard');
+        }
+        const factory = rendermime.getFactory('image/png');
+        if (factory) {
+            rendermime.addFactory({
+                safe: true,
+                mimeTypes: ['image/png'],
+                createRenderer: (options) => {
+                    const originalRenderer = factory.createRenderer(options);
+                    return new AugmentedImageRenderer(app, originalRenderer, notebookTracker, openChartWizard);
+                }
+            }, -1); // Giving this renderer a lower rank than the default renderer gives this default priority
+        }
+        console.log("mito-ai: ChartWizardPlugin activated");
+    }
+};
+/**
+ * A widget that extends the default ImageRenderer for matplotlib charts.
+*/
+class AugmentedImageRenderer extends _lumino_widgets__WEBPACK_IMPORTED_MODULE_7__.Widget {
+    constructor(app, originalRenderer, notebookTracker, openChartWizard) {
+        super();
+        this.reactRoot = null;
+        this.originalRenderer = originalRenderer;
+        this.notebookTracker = notebookTracker;
+        this.app = app;
+        this.openChartWizard = openChartWizard;
+    }
+    /**
+     * Render the original image and append the Chart Wizard button.
+     */
+    async renderModel(model) {
+        // Clean up any existing React root before creating a new one
+        if (this.reactRoot) {
+            this.reactRoot.unmount();
+            this.reactRoot = null;
+        }
+        const chartWizardDiv = document.createElement('div');
+        chartWizardDiv.className = 'chart-wizard-button-container';
+        const originalNode = this.originalRenderer.node;
+        // Store the root reference so we can unmount it later
+        this.reactRoot = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(chartWizardDiv);
+        this.reactRoot.render(react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ChartWizardButton, { onButtonClick: () => this.handleButtonClick(model) }));
+        this.node.style.position = 'relative';
+        this.node.classList.add('chart-wizard-output-container');
+        this.node.appendChild(chartWizardDiv);
+        await this.originalRenderer.renderModel(model);
+        this.node.appendChild(originalNode);
+    }
+    /**
+     * Dispose of the widget and clean up the React root.
+     */
+    dispose() {
+        if (this.reactRoot) {
+            this.reactRoot.unmount();
+            this.reactRoot = null;
+        }
+        super.dispose();
+    }
+    /*
+        Handle the Chart Wizard button click.
+        Extracts chart data and source code, then opens the Chart Wizard panel.
+    */
+    handleButtonClick(_model) {
+        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_13__.logEvent)('chart_wizard_opened', { source: 'chart_output_button' });
+        // Get the notebook panel
+        const notebookPanel = this.notebookTracker.currentWidget;
+        if (!notebookPanel) {
+            console.error('No active notebook panel');
+            return;
+        }
+        // Find the cell that contains this output by traversing up the DOM tree
+        const cellElement = this.node.closest('.jp-Cell');
+        if (!cellElement) {
+            console.error('Could not find cell element');
+            return;
+        }
+        // Find the cell widget by checking which cell's node contains our element
+        const cellWidget = notebookPanel.content.widgets.find(cell => {
+            if (cell instanceof _jupyterlab_cells__WEBPACK_IMPORTED_MODULE_5__.CodeCell) {
+                return cell.node.contains(cellElement) || cellElement.contains(cell.node);
+            }
+            return false;
+        });
+        if (!(cellWidget instanceof _jupyterlab_cells__WEBPACK_IMPORTED_MODULE_5__.CodeCell)) {
+            console.warn('Could not find CodeCell widget for this output');
+            return;
+        }
+        const sourceCode = cellWidget.model.sharedModel.source;
+        const cellId = cellWidget.model.id;
+        // Set the cell as active before collapsing and scrolling
+        (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_14__.setActiveCellByIDInNotebookPanel)(notebookPanel, cellId);
+        // Collapse the code cell when opening the chart wizard
+        cellWidget.inputHidden = true;
+        // Scroll to the top of the cell
+        void notebookPanel.content.scrollToCell(cellWidget, 'start');
+        // Open the Chart Wizard with the extracted data
+        this.openChartWizard({
+            sourceCode,
+            cellId,
+            notebookTracker: this.notebookTracker,
+            notebookPanelId: notebookPanel.id,
+            app: this.app
+        });
+    }
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChartWizardPlugin);
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/ChartWizardWidget.js":
+/*!*********************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/ChartWizardWidget.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ChartWizardWidget: () => (/* binding */ ChartWizardWidget)
+/* 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 _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @jupyterlab/apputils */ "webpack/sharing/consume/default/@jupyterlab/apputils");
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils_parser__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/parser */ "./lib/Extensions/ChartWizard/utils/parser.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _utils_strings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/strings */ "./lib/utils/strings.js");
+/* harmony import */ var _components_LoadingDots__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../components/LoadingDots */ "./lib/components/LoadingDots.js");
+/* harmony import */ var _AddFieldButton__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./AddFieldButton */ "./lib/Extensions/ChartWizard/AddFieldButton.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/BooleanInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/TupleInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/NumberInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/utils.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/ColorInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/StringInputRow.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks */ "./lib/Extensions/ChartWizard/hooks/useChartConfig.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks */ "./lib/Extensions/ChartWizard/hooks/useDebouncedNotebookUpdate.js");
+/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/notebook */ "./lib/utils/notebook.js");
+/* harmony import */ var _style_ChartWizardWidget_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/ChartWizardWidget.css */ "./style/ChartWizardWidget.css");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Formats a variable name into a human-readable label.
+ * Converts snake_case to Title Case (e.g., "figure_size" -> "Figure Size").
+ */
+const formatVariableLabel = (variableName) => {
+    return variableName
+        .replace(/_/g, ' ')
+        .toLowerCase()
+        .replace(/\b\w/g, (l) => l.toUpperCase());
+};
+const ChartWizardContent = ({ chartData }) => {
+    const [isConverting, setIsConverting] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [isAddingField, setIsAddingField] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [currentSourceCode, setCurrentSourceCode] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    const widgetRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const [overlayHeight, setOverlayHeight] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
+    const [isActiveCellMismatch, setIsActiveCellMismatch] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    // Reset currentSourceCode when switching to a different chart
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        setCurrentSourceCode(null);
+    }, [chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode]);
+    // Track active cell changes and compare with chart cell
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (!chartData) {
+            setIsActiveCellMismatch(false);
+            return;
+        }
+        const checkActiveCell = () => {
+            const activeCellId = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_3__.getActiveCellID)(chartData.notebookTracker);
+            const chartCellId = chartData.cellId;
+            // Show warning if active cell exists and doesn't match the chart cell
+            setIsActiveCellMismatch(activeCellId !== undefined && activeCellId !== chartCellId);
+        };
+        // Initial check
+        checkActiveCell();
+        // Listen to active cell changes
+        chartData.notebookTracker.activeCellChanged.connect(checkActiveCell);
+        return () => {
+            chartData.notebookTracker.activeCellChanged.disconnect(checkActiveCell);
+        };
+    }, [chartData]);
+    // Update overlay height to cover full scrollable content
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (!isAddingField) {
+            setOverlayHeight(0);
+            return;
+        }
+        const updateOverlayHeight = () => {
+            if (widgetRef.current) {
+                // Use scrollHeight to get the full scrollable content height
+                setOverlayHeight(widgetRef.current.scrollHeight);
+            }
+        };
+        // Initial update
+        updateOverlayHeight();
+        // Use ResizeObserver to watch for content size changes
+        let resizeObserver = null;
+        if (widgetRef.current && typeof ResizeObserver !== 'undefined') {
+            resizeObserver = new ResizeObserver(() => {
+                updateOverlayHeight();
+            });
+            resizeObserver.observe(widgetRef.current);
+        }
+        // Fallback: Update on window resize
+        window.addEventListener('resize', updateOverlayHeight);
+        return () => {
+            if (resizeObserver) {
+                resizeObserver.disconnect();
+            }
+            window.removeEventListener('resize', updateOverlayHeight);
+        };
+    }, [isAddingField]);
+    // Use custom hook for chart config management
+    const { configVariables, setConfigVariables, hasConfig } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useChartConfig)({
+        sourceCode: chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode,
+        currentSourceCode,
+    });
+    // Use custom hook for debounced notebook updates
+    const { updateNotebookCell, scheduleUpdate, clearPendingUpdate } = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useDebouncedNotebookUpdate)({
+        chartData,
+        debounceDelay: 500,
+    });
+    /**
+     * Handles variable value changes with debounced notebook updates.
+     */
+    const handleVariableChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((variableName, newValue) => {
+        const codeToUse = currentSourceCode || (chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode);
+        if (!codeToUse)
+            return;
+        // Update config variables state
+        const updated = configVariables.map((v) => v.name === variableName ? { ...v, value: newValue } : v);
+        setConfigVariables(updated);
+        // Update the source code
+        const updatedCode = (0,_utils_parser__WEBPACK_IMPORTED_MODULE_6__.updateChartConfig)(codeToUse, updated);
+        setCurrentSourceCode(updatedCode);
+        // Schedule debounced notebook update
+        scheduleUpdate(updatedCode);
+    }, [chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode, currentSourceCode, configVariables, setConfigVariables, scheduleUpdate]);
+    /**
+     * Handles chart conversion from matplotlib to Chart Wizard format.
+     */
+    const handleConvertChart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
+        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__.logEvent)('chart_wizard_convert_chart');
+        if (!(chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode)) {
+            console.error('No source code available');
+            return;
+        }
+        // Clear any pending debounced updates to prevent race conditions
+        clearPendingUpdate();
+        setIsConverting(true);
+        try {
+            const response = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__.convertChartCode)(chartData.sourceCode);
+            if (response.converted_code) {
+                // Extract code from markdown code blocks if present
+                const extractedCode = (0,_utils_strings__WEBPACK_IMPORTED_MODULE_8__.removeMarkdownCodeFormatting)(response.converted_code);
+                // Validate that extracted code is not empty to prevent deleting user's code
+                if (!extractedCode || extractedCode.trim().length === 0) {
+                    console.error('Error: Extracted code is empty. Cannot update notebook cell.');
+                    _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('Chart conversion failed: The converted code is empty. Please try again or check your chart code.', 'error', {
+                        autoClose: 5000
+                    });
+                    return;
+                }
+                // Update current source code so the useEffect will parse it
+                setCurrentSourceCode(extractedCode);
+                // Update the cell with the converted code and re-execute
+                updateNotebookCell(extractedCode);
+            }
+        }
+        catch (error) {
+            console.error('Error converting chart code:', error);
+            const errorMessage = error instanceof Error ? error.message : 'An unknown error occurred';
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(`Chart conversion failed: ${errorMessage}. Please try again.`, 'error', {
+                autoClose: 5000
+            });
+        }
+        finally {
+            setIsConverting(false);
+        }
+    }, [chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode, clearPendingUpdate, updateNotebookCell]);
+    /**
+     * Handles when a new field is added via the AddFieldButton component.
+     */
+    const handleFieldAdded = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((updatedCode) => {
+        // Update current source code so the useEffect will parse it
+        setCurrentSourceCode(updatedCode);
+        // Update the cell with the updated code
+        updateNotebookCell(updatedCode);
+    }, [updateNotebookCell]);
+    /**
+     * Renders the appropriate input field component based on variable type.
+     */
+    const renderInputField = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((variable) => {
+        const label = formatVariableLabel(variable.name);
+        const commonProps = {
+            variable,
+            label,
+            onVariableChange: handleVariableChange,
+        };
+        switch (variable.type) {
+            case 'boolean':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_9__.BooleanInputRow, { key: variable.name, ...commonProps });
+            case 'tuple':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_10__.TupleInputRow, { key: variable.name, ...commonProps });
+            case 'number':
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_11__.NumberInputRow, { key: variable.name, ...commonProps });
+            case 'string': {
+                // String input - check if it's a hex color
+                const stringValue = variable.value;
+                const isColor = (0,_inputs__WEBPACK_IMPORTED_MODULE_12__.isHexColor)(stringValue);
+                if (isColor) {
+                    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_13__.ColorInputRow, { key: variable.name, ...commonProps });
+                }
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_14__.StringInputRow, { key: variable.name, ...commonProps });
+            }
+            default:
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_14__.StringInputRow, { key: variable.name, ...commonProps });
+        }
+    }, [handleVariableChange]);
+    // Memoize input fields to prevent unnecessary re-renders
+    const inputFields = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => configVariables.map(renderInputField), [configVariables, renderInputField]);
+    // Early return for empty state
+    if (!chartData) {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-empty-state" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", null, "Chart Wizard"),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Click the Chart Wizard button on a matplotlib chart to get started.")));
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-widget", ref: widgetRef, style: { position: 'relative' } },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", null, "Chart Wizard"),
+        isActiveCellMismatch && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-warning" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-warning-content" }, "The active cell is no longer the chart cell. Changes may not be applied correctly."),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "chart-wizard-warning-button", onClick: () => {
+                    var _a;
+                    if (chartData) {
+                        // Find the notebook panel by ID
+                        const notebookPanel = chartData.notebookTracker.find(panel => panel.id === chartData.notebookPanelId);
+                        if (notebookPanel) {
+                            // Activate the notebook panel if it's not the current one
+                            if (((_a = chartData.notebookTracker.currentWidget) === null || _a === void 0 ? void 0 : _a.id) !== notebookPanel.id) {
+                                chartData.app.shell.activateById(notebookPanel.id);
+                                // Wait a bit for the notebook to activate before scrolling
+                                setTimeout(() => {
+                                    (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_3__.scrollToCell)(notebookPanel, chartData.cellId, undefined, 'start');
+                                }, 100);
+                            }
+                            else {
+                                // Navigate to and scroll to the chart cell
+                                (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_3__.scrollToCell)(notebookPanel, chartData.cellId, undefined, 'start');
+                            }
+                        }
+                    }
+                }, type: "button" }, "Go to Chart Cell"))),
+        hasConfig ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-config-container" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "chart-wizard-config-description" }, "Edit values below to customize your chart. Changes will be reflected in the notebook."),
+            inputFields,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AddFieldButton__WEBPACK_IMPORTED_MODULE_15__["default"], { code: currentSourceCode || (chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode) || null, onFieldAdded: handleFieldAdded, clearPendingUpdate: clearPendingUpdate, onLoadingStateChange: setIsAddingField }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-no-config" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null,
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("strong", null, "This chart isn't ready for Chart Wizard yet."),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null),
+                "Run the converter below or let Mito AI handle it automatically."),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "button-base button-purple", disabled: isConverting, onClick: handleConvertChart, type: "button" }, isConverting ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+                "Converting",
+                ' ',
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "chart-wizard-loading-dots" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingDots__WEBPACK_IMPORTED_MODULE_16__["default"], null)))) : ('Convert')))),
+        isAddingField && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-overlay", style: { height: overlayHeight > 0 ? `${overlayHeight}px` : '100%' } },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-overlay-text" },
+                "Adding new field",
+                ' ',
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "chart-wizard-loading-dots" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingDots__WEBPACK_IMPORTED_MODULE_16__["default"], null)))))));
+};
+class ChartWizardWidget extends _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.ReactWidget {
+    constructor() {
+        super();
+        this.chartData = null;
+        this.addClass('chart-wizard-widget');
+    }
+    updateChartData(chartData) {
+        this.chartData = chartData;
+        this.update();
+    }
+    render() {
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ChartWizardContent, { chartData: this.chartData });
+    }
+}
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/hooks/useChartConfig.js":
+/*!************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/hooks/useChartConfig.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useChartConfig: () => (/* binding */ useChartConfig)
+/* 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 _utils_parser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/parser */ "./lib/Extensions/ChartWizard/utils/parser.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+/**
+ * Hook to manage chart configuration parsing and state.
+ *
+ * Parses chart configuration from source code and provides:
+ * - configVariables: Array of parsed configuration variables
+ * - hasConfig: Boolean indicating if configuration exists
+ */
+const useChartConfig = ({ sourceCode, currentSourceCode }) => {
+    const [configVariables, setConfigVariables] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
+    // Parse config when chart data or current source code changes
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        const codeToParse = currentSourceCode || sourceCode;
+        if (!codeToParse) {
+            setConfigVariables([]);
+            return;
+        }
+        const parsed = (0,_utils_parser__WEBPACK_IMPORTED_MODULE_1__.parseChartConfig)(codeToParse);
+        if (parsed) {
+            setConfigVariables(parsed.variables);
+        }
+        else {
+            setConfigVariables([]);
+        }
+    }, [sourceCode, currentSourceCode]);
+    const hasConfig = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => configVariables.length > 0, [configVariables.length]);
+    return {
+        configVariables,
+        setConfigVariables,
+        hasConfig,
+    };
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/hooks/useDebouncedNotebookUpdate.js":
+/*!************************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/hooks/useDebouncedNotebookUpdate.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useDebouncedNotebookUpdate: () => (/* binding */ useDebouncedNotebookUpdate)
+/* 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 _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @jupyterlab/notebook */ "webpack/sharing/consume/default/@jupyterlab/notebook");
+/* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/notebook */ "./lib/utils/notebook.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+/**
+ * Hook to manage debounced notebook cell updates.
+ *
+ * Provides:
+ * - updateNotebookCell: Function to update and re-execute notebook cell with debouncing
+ * - clearPendingUpdate: Function to clear any pending debounced updates
+ */
+const useDebouncedNotebookUpdate = ({ chartData, debounceDelay = 500, }) => {
+    const executeTimeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    // Cleanup timeout on unmount or when chartData changes
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        return () => {
+            if (executeTimeoutRef.current) {
+                clearTimeout(executeTimeoutRef.current);
+            }
+        };
+    }, [chartData]);
+    const updateNotebookCell = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((updatedCode) => {
+        var _a;
+        if (!chartData)
+            return;
+        const notebookPanel = chartData.notebookTracker.currentWidget;
+        if (!notebookPanel)
+            return;
+        // Update the cell code
+        (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_2__.writeCodeToCellByIDInNotebookPanel)(notebookPanel, updatedCode, chartData.cellId);
+        // Re-execute the cell to show updated chart
+        const notebook = notebookPanel.content;
+        const sessionContext = (_a = notebookPanel.context) === null || _a === void 0 ? void 0 : _a.sessionContext;
+        void _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_1__.NotebookActions.run(notebook, sessionContext);
+    }, [chartData]);
+    const scheduleUpdate = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((updatedCode) => {
+        // Clear previous timeout
+        if (executeTimeoutRef.current) {
+            clearTimeout(executeTimeoutRef.current);
+        }
+        // Debounce the cell update and execution
+        executeTimeoutRef.current = setTimeout(() => {
+            updateNotebookCell(updatedCode);
+        }, debounceDelay);
+    }, [updateNotebookCell, debounceDelay]);
+    const clearPendingUpdate = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+        if (executeTimeoutRef.current) {
+            clearTimeout(executeTimeoutRef.current);
+            executeTimeoutRef.current = null;
+        }
+    }, []);
+    return {
+        updateNotebookCell,
+        scheduleUpdate,
+        clearPendingUpdate,
+    };
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/inputs/BooleanInputRow.js":
+/*!**************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/inputs/BooleanInputRow.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BooleanInputRow: () => (/* binding */ BooleanInputRow)
+/* 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__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const BooleanInputRow = ({ variable, label, onVariableChange }) => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: variable.name, className: "chart-wizard-input-row chart-wizard-boolean-row" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-input-label chart-wizard-boolean-label" }, label),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-toggle-container" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "checkbox", checked: variable.value, onChange: (e) => onVariableChange(variable.name, e.target.checked), className: "chart-wizard-toggle-input" }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "chart-wizard-toggle-slider" }))));
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/inputs/ColorInputRow.js":
+/*!************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/inputs/ColorInputRow.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ColorInputRow: () => (/* binding */ ColorInputRow)
+/* 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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ "./lib/Extensions/ChartWizard/inputs/utils.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+const ColorInputRow = ({ variable, label, onVariableChange }) => {
+    const stringValue = variable.value;
+    const normalizedColor = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.normalizeHexColor)(stringValue);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: variable.name, className: "chart-wizard-input-row" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-input-label" }, label),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-color-container" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "color", value: normalizedColor, onChange: (e) => {
+                    // Color picker returns #RRGGBB, store with #
+                    onVariableChange(variable.name, e.target.value);
+                }, className: "chart-wizard-color-picker" }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", value: normalizedColor, onChange: (e) => {
+                    let newValue = e.target.value.trim();
+                    // Normalize: ensure it has # for valid hex colors
+                    if (newValue && !newValue.startsWith('#')) {
+                        if ((0,_utils__WEBPACK_IMPORTED_MODULE_1__.isHexColor)(newValue)) {
+                            newValue = `#${newValue}`;
+                        }
+                    }
+                    // Only update if it's a valid hex color
+                    if ((0,_utils__WEBPACK_IMPORTED_MODULE_1__.isHexColor)(newValue) || newValue === '') {
+                        onVariableChange(variable.name, newValue);
+                    }
+                }, placeholder: "#RRGGBB", className: "chart-wizard-color-input" }))));
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/inputs/NumberInputRow.js":
+/*!*************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/inputs/NumberInputRow.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   NumberInputRow: () => (/* binding */ NumberInputRow)
+/* 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__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const NumberInputRow = ({ variable, label, onVariableChange }) => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: variable.name, className: "chart-wizard-input-row" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-input-label" }, label),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: variable.value, onChange: (e) => onVariableChange(variable.name, parseFloat(e.target.value) || 0), className: "chart-wizard-number-input" })));
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/inputs/StringInputRow.js":
+/*!*************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/inputs/StringInputRow.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   StringInputRow: () => (/* binding */ StringInputRow)
+/* 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__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const StringInputRow = ({ variable, label, onVariableChange }) => {
+    const stringValue = variable.value;
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: variable.name, className: "chart-wizard-input-row" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-input-label" }, label),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", value: stringValue, onChange: (e) => onVariableChange(variable.name, e.target.value), className: "chart-wizard-text-input" })));
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/inputs/TupleInputRow.js":
+/*!************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/inputs/TupleInputRow.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TupleInputRow: () => (/* binding */ TupleInputRow)
+/* 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__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const TupleInputRow = ({ variable, label, onVariableChange }) => {
+    const tupleValue = variable.value;
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: variable.name, className: "chart-wizard-input-row" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-input-label" }, label),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-tuple-container" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "("),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: tupleValue[0], onChange: (e) => {
+                    const newValue = [parseFloat(e.target.value) || 0, tupleValue[1]];
+                    onVariableChange(variable.name, newValue);
+                }, className: "chart-wizard-tuple-input" }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, ","),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: tupleValue[1], onChange: (e) => {
+                    const newValue = [tupleValue[0], parseFloat(e.target.value) || 0];
+                    onVariableChange(variable.name, newValue);
+                }, className: "chart-wizard-tuple-input" }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, ")"))));
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/inputs/utils.js":
+/*!****************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/inputs/utils.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   isHexColor: () => (/* binding */ isHexColor),
+/* harmony export */   normalizeHexColor: () => (/* binding */ normalizeHexColor)
+/* harmony export */ });
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+/**
+ * Checks if a string is a valid hex color code
+ */
+const isHexColor = (value) => {
+    const hexPattern = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
+    return hexPattern.test(value);
+};
+/**
+ * Normalizes hex color to ensure it has a # prefix and is in 6-digit format
+ * Expands 3-digit hex codes (e.g., #FFF) to 6-digit format (e.g., #FFFFFF)
+ * HTML color inputs require exactly 7 characters in #RRGGBB format
+ */
+const normalizeHexColor = (value) => {
+    // Remove # if present to work with the hex digits only
+    const hexDigits = value.startsWith('#') ? value.slice(1) : value;
+    // If it's a 3-digit hex code, expand it to 6-digit format
+    if (hexDigits.length === 3 && /^[0-9A-Fa-f]{3}$/.test(hexDigits)) {
+        // Expand each digit: #FFF -> #FFFFFF, #abc -> #aabbcc
+        const expanded = hexDigits
+            .split('')
+            .map(char => char + char)
+            .join('');
+        return `#${expanded}`;
+    }
+    // For 6-digit codes, just ensure it has the # prefix
+    if (value.startsWith('#')) {
+        return value;
+    }
+    return `#${value}`;
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/utils/parser.js":
+/*!****************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/utils/parser.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   parseChartConfig: () => (/* binding */ parseChartConfig),
+/* harmony export */   updateChartConfig: () => (/* binding */ updateChartConfig)
+/* harmony export */ });
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+/**
+ * Parses the chart configuration section from Python code.
+ * Looks for variables between "# === CHART CONFIG ===" and "# === END CONFIG ===" markers.
+ */
+function parseChartConfig(sourceCode) {
+    const configStartMarker = '# === CHART CONFIG ===';
+    const configEndMarker = '# === END CONFIG ===';
+    const startIndex = sourceCode.indexOf(configStartMarker);
+    const endIndex = sourceCode.indexOf(configEndMarker);
+    if (startIndex === -1 || endIndex === -1 || startIndex >= endIndex) {
+        return null;
+    }
+    const configSection = sourceCode.substring(startIndex + configStartMarker.length, endIndex).trim();
+    const lines = configSection.split('\n').map(line => line.trim()).filter(line => line.length > 0);
+    const variables = [];
+    for (const line of lines) {
+        // Skip comment lines
+        if (line.startsWith('#')) {
+            continue;
+        }
+        // Parse single variable assignments (one variable per line)
+        const match = line.match(/^([A-Z_][A-Z0-9_]*)\s*=\s*(.+)$/);
+        if (match && match[1] && match[2]) {
+            const varName = match[1];
+            const valueStr = match[2];
+            const parsed = parseValue(valueStr.trim());
+            if (parsed) {
+                variables.push({
+                    name: varName,
+                    value: parsed.value,
+                    type: parsed.type
+                });
+            }
+        }
+    }
+    return {
+        variables,
+        configStartIndex: startIndex,
+        configEndIndex: endIndex + configEndMarker.length
+    };
+}
+/**
+ * Parses a Python value string into its appropriate type.
+ */
+function parseValue(valueStr) {
+    // Remove surrounding whitespace
+    valueStr = valueStr.trim();
+    // Boolean values
+    if (valueStr === 'True') {
+        return { value: true, type: 'boolean' };
+    }
+    if (valueStr === 'False') {
+        return { value: false, type: 'boolean' };
+    }
+    // Tuple (e.g., (12, 6) or (-10, 6))
+    const tupleMatch = valueStr.match(/^\((-?\d+(?:\.\d+)?)\s*,\s*(-?\d+(?:\.\d+)?)\)$/);
+    if (tupleMatch) {
+        return {
+            value: [parseFloat(tupleMatch[1] || '0'), parseFloat(tupleMatch[2] || '0')],
+            type: 'tuple'
+        };
+    }
+    // Number
+    if (/^-?\d+(?:\.\d+)?$/.test(valueStr)) {
+        return { value: parseFloat(valueStr), type: 'number' };
+    }
+    // String (remove quotes and unescape)
+    const stringMatch = valueStr.match(/^(['"])(.*)\1$/);
+    if (stringMatch && stringMatch[1]) {
+        const quoteChar = stringMatch[1];
+        const stringContent = stringMatch[2] || '';
+        // Unescape the string content (convert \' to ', \\ to \, etc.)
+        const unescaped = unescapePythonString(stringContent, quoteChar);
+        return { value: unescaped, type: 'string' };
+    }
+    // Check if it's a Python expression (contains function calls, operators, etc.)
+    // This includes things like pd.to_datetime('2012-04-09'), list comprehensions, etc.
+    if (isPythonExpression(valueStr)) {
+        return { value: valueStr, type: 'expression' };
+    }
+    // If it doesn't match any pattern, treat as string literal
+    return { value: valueStr, type: 'string' };
+}
+/**
+ * Unescapes a Python string content, converting escape sequences to their actual characters.
+ */
+function unescapePythonString(content, quoteChar) {
+    let result = '';
+    let i = 0;
+    while (i < content.length) {
+        if (content[i] === '\\' && i + 1 < content.length) {
+            const next = content[i + 1];
+            if (next !== undefined) {
+                switch (next) {
+                    case '\\':
+                        result += '\\';
+                        i += 2;
+                        break;
+                    case quoteChar:
+                        result += quoteChar;
+                        i += 2;
+                        break;
+                    case 'n':
+                        result += '\n';
+                        i += 2;
+                        break;
+                    case 't':
+                        result += '\t';
+                        i += 2;
+                        break;
+                    case 'r':
+                        result += '\r';
+                        i += 2;
+                        break;
+                    default:
+                        // Unknown escape sequence, keep as-is
+                        result += content[i] + next;
+                        i += 2;
+                        break;
+                }
+            }
+            else {
+                result += content[i];
+                i += 1;
+            }
+        }
+        else {
+            result += content[i];
+            i += 1;
+        }
+    }
+    return result;
+}
+/**
+ * Escapes a string for use in a Python single-quoted string literal.
+ */
+function escapePythonString(content) {
+    return content
+        .replace(/\\/g, '\\\\') // Escape backslashes first
+        .replace(/'/g, "\\'"); // Then escape single quotes
+}
+/**
+ * Determines if a string is a Python expression (function call, operator, etc.)
+ * rather than a simple string literal.
+ */
+function isPythonExpression(valueStr) {
+    // Check for function calls (e.g., pd.to_datetime(...), datetime(...))
+    if (/[a-zA-Z_][a-zA-Z0-9_]*\s*\(/.test(valueStr)) {
+        return true;
+    }
+    // Check for operators (arithmetic, comparison, etc.)
+    if (/[+\-*/%<>=!&|]/.test(valueStr)) {
+        return true;
+    }
+    // Check for list/dict comprehensions, slices, etc.
+    if (/\[.*\]|{.*}/.test(valueStr) && !/^['"]/.test(valueStr)) {
+        return true;
+    }
+    // Check for attribute access (e.g., obj.attr)
+    if (/\.[a-zA-Z_][a-zA-Z0-9_]*/.test(valueStr)) {
+        return true;
+    }
+    return false;
+}
+/**
+ * Updates the chart configuration section with new variable values.
+ * Regenerates the config section in a simple, consistent format.
+ */
+function updateChartConfig(sourceCode, variables) {
+    const parsed = parseChartConfig(sourceCode);
+    if (!parsed) {
+        return sourceCode;
+    }
+    // Create a map of variable names to their new values
+    const varMap = new Map();
+    variables.forEach(v => varMap.set(v.name, v));
+    // Build new config section - simple one variable per line format
+    const configStartMarker = '# === CHART CONFIG ===';
+    const configEndMarker = '# === END CONFIG ===';
+    let newConfigSection = configStartMarker + '\n\n';
+    // Use updated variables if available, otherwise keep original
+    const variablesToWrite = parsed.variables.map(v => varMap.get(v.name) || v);
+    for (const variable of variablesToWrite) {
+        const formattedValue = formatValue(variable.value, variable.type);
+        newConfigSection += `${variable.name} = ${formattedValue}\n`;
+    }
+    newConfigSection += '\n' + configEndMarker;
+    // Replace the old config section with the new one
+    const beforeConfig = sourceCode.substring(0, parsed.configStartIndex);
+    const afterConfig = sourceCode.substring(parsed.configEndIndex);
+    return beforeConfig + newConfigSection + afterConfig;
+}
+/**
+ * Formats a value back to its Python string representation.
+ */
+function formatValue(value, type) {
+    if (type === 'boolean') {
+        return value ? 'True' : 'False';
+    }
+    if (type === 'tuple' && Array.isArray(value)) {
+        return `(${value[0]}, ${value[1]})`;
+    }
+    if (type === 'number') {
+        return String(value);
+    }
+    if (type === 'expression') {
+        // Python expressions should be preserved as-is without quotes
+        return String(value);
+    }
+    // String - escape properly and wrap in single quotes
+    return `'${escapePythonString(String(value))}'`;
+}
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ContextManager/ContextManagerPlugin.js":
+/*!***************************************************************!*\
+  !*** ./lib/Extensions/ContextManager/ContextManagerPlugin.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ContextManager: () => (/* binding */ ContextManager),
+/* harmony export */   ContextManagerPlugin: () => (/* binding */ ContextManagerPlugin),
+/* harmony export */   IContextManager: () => (/* binding */ IContextManager),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/notebook */ "webpack/sharing/consume/default/@jupyterlab/notebook");
+/* harmony import */ var _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lumino/coreutils */ "webpack/sharing/consume/default/@lumino/coreutils");
+/* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _VariableInspector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VariableInspector */ "./lib/Extensions/ContextManager/VariableInspector.js");
+/* harmony import */ var _FileInspector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./FileInspector */ "./lib/Extensions/ContextManager/FileInspector.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+
+// The provides field in JupyterLab's JupyterFrontEndPlugin expects a token 
+// that can be used to look up the service in the dependency injection system,
+// so we define a new token for the ContextManager
+const IContextManager = new _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__.Token('mito-ai:IContextManager');
+class ContextManager {
+    constructor(app, notebookTracker) {
+        this.notebookContexts = new Map();
+        this._startKernelListener = async (app, notebookPanel) => {
+            if (notebookPanel === null) {
+                return;
+            }
+            // Initialize context for this notebook if it doesn't exist
+            if (!this.notebookContexts.has(notebookPanel.id)) {
+                this.notebookContexts.set(notebookPanel.id, { variables: [], files: [] });
+            }
+            // As soon as the notebook is opened, fetch the files since these are not related to the kernel, 
+            // but to the notebook itself. This is useful so we can tell the agent which files are available 
+            // or let the user select a file from the dropdown menu before the kernel is started.
+            // We use the notebookPanel.id to identify the notebook because we might need to access
+            // NotebookContext even before the kernel is started. For example, to figure out 
+            // which files are available.
+            const updatedFiles = await (0,_FileInspector__WEBPACK_IMPORTED_MODULE_2__.getFiles)(app, notebookPanel);
+            this.updateNotebookFiles(notebookPanel.id, updatedFiles);
+            // Listen for kernel restart or shut down events and clear the variables for this notebook
+            notebookPanel.context.sessionContext.statusChanged.connect((sender, status) => {
+                if (status === 'restarting' || status === 'terminating' || status === 'unknown') {
+                    // Clear the variables for this specific notebook, but don't clear the files 
+                    // as they have not changed.
+                    this.updateNotebookVariables(notebookPanel.id, []); // Clear variables for this specific notebook
+                }
+            });
+            // Listen to kernel messages
+            notebookPanel.context.sessionContext.iopubMessage.connect(async (sender, msg) => {
+                // Watch for execute_input messages, which indicate is a request to execute code. 
+                // Previosuly, we watched for 'execute_result' messages, but these are only returned
+                // from the kernel when a code cell prints a value to the output cell, which is not what we want.
+                // TODO: Check if there is a race condition where we might end up fetching variables before the 
+                // code is executed. I don't think this is the case because the kernel runs in one thread I believe.
+                // TODO: Eventually we should create a document manager listener so if the user uploads a new file
+                // to jupyter, we can update the available files even if they have not executed a kernel message.
+                if (msg.header.msg_type === 'execute_input') {
+                    void (0,_VariableInspector__WEBPACK_IMPORTED_MODULE_3__.fetchVariablesAndUpdateState)(notebookPanel, this.updateNotebookVariables.bind(this, notebookPanel.id));
+                    const updatedFiles = await (0,_FileInspector__WEBPACK_IMPORTED_MODULE_2__.getFiles)(app, notebookPanel);
+                    this.updateNotebookFiles(notebookPanel.id, updatedFiles);
+                }
+            });
+        };
+        this.notebookTracker = notebookTracker;
+        // Setup the kernel listener to update context as kernel messages are received
+        this.setupKernelListener(app, notebookTracker);
+    }
+    getNotebookContext(notebookId) {
+        return this.notebookContexts.get(notebookId);
+    }
+    getActiveNotebookContext() {
+        const activeNotebook = this.notebookTracker.currentWidget;
+        if (!activeNotebook)
+            return undefined;
+        return this.getNotebookContext(activeNotebook.id);
+    }
+    updateNotebookVariables(notebookID, variables) {
+        const context = this.notebookContexts.get(notebookID) || { variables: [], files: [] };
+        context.variables = variables;
+        this.notebookContexts.set(notebookID, context);
+    }
+    updateNotebookFiles(notebookID, files) {
+        const context = this.notebookContexts.get(notebookID) || { variables: [], files: [] };
+        context.files = files;
+        this.notebookContexts.set(notebookID, context);
+    }
+    // Setup kernel execution listener
+    setupKernelListener(app, notebookTracker) {
+        // Start the kernel listener for the currently active notebook
+        const notebookPanel = notebookTracker.currentWidget;
+        void this._startKernelListener(app, notebookPanel);
+        // Update the kernel listener whenever the active notebook changes
+        notebookTracker.currentChanged.connect(async (_, notebookPanel) => {
+            void this._startKernelListener(app, notebookPanel);
+        });
+    }
+}
+const ContextManagerPlugin = {
+    id: 'mito-ai:context-manager',
+    autoStart: true,
+    requires: [_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__.INotebookTracker],
+    provides: IContextManager,
+    activate: (app, notebookTracker) => {
+        console.log("mito-ai: ContextManagerPlugin activated");
+        return new ContextManager(app, notebookTracker);
+    }
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContextManagerPlugin);
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ContextManager/FileInspector.js":
+/*!********************************************************!*\
+  !*** ./lib/Extensions/ContextManager/FileInspector.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getFiles: () => (/* binding */ getFiles)
+/* harmony export */ });
+/* harmony import */ var _jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/coreutils */ "webpack/sharing/consume/default/@jupyterlab/coreutils");
+/* harmony import */ var _jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/*
+    Fetches all files in the current directory and updates the state of the files.
+*/
+const getFiles = async (app, notebookPanel) => {
+    const fileManager = app.serviceManager.contents;
+    const relativeNotebookPath = notebookPanel.context.path;
+    const relativeDirectoryPath = _jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0__.PathExt.dirname(relativeNotebookPath);
+    try {
+        const contents = await fileManager.get(relativeDirectoryPath);
+        if (contents.type === 'directory') {
+            // Filter for only csv and Excel files
+            const data_files = contents.content.filter((file) => {
+                var _a;
+                const extension = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                return extension === 'csv' ||
+                    extension === 'xlsx' ||
+                    extension === 'xls' ||
+                    extension === 'xlsm';
+            });
+            // Map the files to the File type
+            const files = data_files.map((file) => ({
+                file_name: file.name
+            }));
+            // Update the state of the files
+            return files;
+        }
+        else {
+            // If the contents are not a directory, set the files to an empty array
+            return [];
+        }
+    }
+    catch (error) {
+        console.error('Error listing directory contents:', error);
+        return [];
+    }
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ContextManager/VariableInspector.js":
+/*!************************************************************!*\
+  !*** ./lib/Extensions/ContextManager/VariableInspector.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   fetchVariablesAndUpdateState: () => (/* binding */ fetchVariablesAndUpdateState)
+/* harmony export */ });
+/* harmony import */ var _jupyterlab_services__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/services */ "webpack/sharing/consume/default/@jupyterlab/services");
+/* harmony import */ var _jupyterlab_services__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_services__WEBPACK_IMPORTED_MODULE_0__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+// TODO: Use something like raw-loader to load an actual python file 
+// to make it easier to modify the script without creating syntax errors.
+const pythonVariableInspectionScript = `import json
+import inspect
+
+
+# We need to check if pandas is imported so we know if its safe
 # to check for pandas dataframes 
 _is_pandas_imported = False
 try:
@@ -7574,6 +8936,10 @@ def structured_globals():
         if is_from_mitosheet(v):
             continue
 
+        if k.startswith("scratch_"):
+            # Skip scratchpad variables the agent creates
+            continue
+
         if not k.startswith("_") and k not in ("In", "Out", "json") and not callable(v):
             
             if _is_pandas_imported and isinstance(v, pd.DataFrame):
@@ -10405,6 +11771,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   COMMAND_MITO_AI_BETA_MODE_ENABLED: () => (/* binding */ COMMAND_MITO_AI_BETA_MODE_ENABLED),
 /* harmony export */   COMMAND_MITO_AI_CELL_TOOLBAR_ACCEPT_CODE: () => (/* binding */ COMMAND_MITO_AI_CELL_TOOLBAR_ACCEPT_CODE),
 /* harmony export */   COMMAND_MITO_AI_CELL_TOOLBAR_REJECT_CODE: () => (/* binding */ COMMAND_MITO_AI_CELL_TOOLBAR_REJECT_CODE),
+/* harmony export */   COMMAND_MITO_AI_OPEN_CHART_WIZARD: () => (/* binding */ COMMAND_MITO_AI_OPEN_CHART_WIZARD),
 /* harmony export */   COMMAND_MITO_AI_OPEN_CHAT: () => (/* binding */ COMMAND_MITO_AI_OPEN_CHAT),
 /* harmony export */   COMMAND_MITO_AI_PREVIEW_AS_STREAMLIT: () => (/* binding */ COMMAND_MITO_AI_PREVIEW_AS_STREAMLIT),
 /* harmony export */   COMMAND_MITO_AI_PREVIEW_LATEST_CODE: () => (/* binding */ COMMAND_MITO_AI_PREVIEW_LATEST_CODE),
@@ -10437,6 +11804,8 @@ const COMMAND_MITO_AI_CELL_TOOLBAR_REJECT_CODE = `toolbar-button:reject-code`;
 const COMMAND_MITO_AI_BETA_MODE_ENABLED = `${MITO_AI}:beta-mode-enabled`;
 // Streamlit commands
 const COMMAND_MITO_AI_PREVIEW_AS_STREAMLIT = 'mito-ai:preview-as-streamlit';
+// Chart Wizard commands
+const COMMAND_MITO_AI_OPEN_CHART_WIZARD = 'mito-ai:open-chart-wizard';
 
 
 /***/ }),
@@ -10478,6 +11847,70 @@ const AgentComponentHeader = ({ icon, text, onClick, isExpanded, displayBorder =
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AgentComponentHeader);
 
 
+/***/ }),
+
+/***/ "./lib/components/AgentComponents/AskUserQuestionToolUI.js":
+/*!*****************************************************************!*\
+  !*** ./lib/components/AgentComponents/AskUserQuestionToolUI.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var 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 _utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/classNames */ "./lib/utils/classNames.js");
+/* harmony import */ var _style_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../style/AgentToolUIComponent.css */ "./style/AgentToolUIComponent.css");
+/* harmony import */ var _style_AskUserQuestionToolUI_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/AskUserQuestionToolUI.css */ "./style/AskUserQuestionToolUI.css");
+/* harmony import */ var _icons_QuestionIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../icons/QuestionIcon */ "./lib/icons/QuestionIcon.js");
+/* harmony import */ var _AgentComponentHeader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AgentComponentHeader */ "./lib/components/AgentComponents/AgentComponentHeader.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+
+
+
+const AskUserQuestionToolUI = ({ question, answers, onAnswerSelected, isLastMessage = false, }) => {
+    const [isExpanded, setIsExpanded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const cleanedAnswers = answers === null || answers === void 0 ? void 0 : answers.filter(answer => answer.trim() !== '');
+    const handleAnswerClick = (answer) => {
+        if (onAnswerSelected) {
+            onAnswerSelected(answer);
+        }
+    };
+    if (question.trim() === '') {
+        return null;
+    }
+    // Collapsed mode: show as expandable item like Cell Updates
+    if (!isLastMessage) {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_3__.classNames)('ask-user-question-collapsed', { expanded: isExpanded }) },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AgentComponentHeader__WEBPACK_IMPORTED_MODULE_4__["default"], { icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_QuestionIcon__WEBPACK_IMPORTED_MODULE_5__["default"], null), text: question, onClick: () => setIsExpanded(!isExpanded), isExpanded: isExpanded, displayBorder: true }),
+            isExpanded && cleanedAnswers && cleanedAnswers.length > 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "ask-user-question-expanded-content" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", { className: "ask-user-question-collapsed-answers" }, cleanedAnswers.map((answer, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: index }, answer))))))));
+    }
+    // Active mode: show interactive UI with clickable buttons and purple glow
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_3__.classNames)('agent-tool-ui-container', 'ask-user-question-container', 'ask-user-question-active') },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-tool-ui-content" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "ask-user-question-pill" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_QuestionIcon__WEBPACK_IMPORTED_MODULE_5__["default"], null),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "ask-user-question-pill-text" }, "User Question")),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "ask-user-question-content" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "ask-user-question-question" }, question),
+                cleanedAnswers && cleanedAnswers.length > 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "ask-user-question-answers" }, cleanedAnswers.map((answer, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { key: index, className: "ask-user-question-answer-button", onClick: () => handleAnswerClick(answer), title: answer },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { className: "ask-user-question-radio-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5", fill: "none" })),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "ask-user-question-answer-text" }, answer)))))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "ask-user-question-subtext" }, cleanedAnswers && cleanedAnswers.length > 0 ? 'Or respond in the Chat Input below' : 'Respond in the Chat Input below')))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AskUserQuestionToolUI);
+
+
 /***/ }),
 
 /***/ "./lib/components/AgentComponents/AssumptionToolUI.js":
@@ -10734,6 +12167,55 @@ const RunAllCellsToolUI = ({ inErrorFixup }) => {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RunAllCellsToolUI);
 
 
+/***/ }),
+
+/***/ "./lib/components/AgentComponents/ScratchpadToolUI.js":
+/*!************************************************************!*\
+  !*** ./lib/components/AgentComponents/ScratchpadToolUI.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var 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 _utils_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/classNames */ "./lib/utils/classNames.js");
+/* harmony import */ var _style_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../style/AgentToolUIComponent.css */ "./style/AgentToolUIComponent.css");
+/* harmony import */ var _style_AgentComponentHeader_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/AgentComponentHeader.css */ "./style/AgentComponentHeader.css");
+/* harmony import */ var _style_CodeBlock_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../style/CodeBlock.css */ "./style/CodeBlock.css");
+/* harmony import */ var _AgentComponentHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./AgentComponentHeader */ "./lib/components/AgentComponents/AgentComponentHeader.js");
+/* harmony import */ var _icons_NotepadIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../icons/NotepadIcon */ "./lib/icons/NotepadIcon.js");
+/* harmony import */ var _Extensions_AiChat_ChatMessage_PythonCode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Extensions/AiChat/ChatMessage/PythonCode */ "./lib/Extensions/AiChat/ChatMessage/PythonCode.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+
+
+
+
+
+const ScratchpadToolUI = ({ scratchpadCode, scratchpadSummary, scratchpadResult, renderMimeRegistry, }) => {
+    const [isExpanded, setIsExpanded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    if (!scratchpadCode || scratchpadCode.trim() === '') {
+        return null;
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_4__.classNames)('code-block-container', 'agent-mode', {
+            'agent-mode-collapsed': !isExpanded,
+        }) },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AgentComponentHeader__WEBPACK_IMPORTED_MODULE_5__["default"], { icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_NotepadIcon__WEBPACK_IMPORTED_MODULE_6__["default"], null), text: scratchpadSummary || "Exploration code", onClick: () => setIsExpanded(!isExpanded), isExpanded: isExpanded, displayBorder: true }),
+        isExpanded && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Extensions_AiChat_ChatMessage_PythonCode__WEBPACK_IMPORTED_MODULE_7__["default"], { code: scratchpadCode, renderMimeRegistry: renderMimeRegistry }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "scratchpad-result" }, scratchpadResult ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("pre", null, scratchpadResult)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("pre", { className: "scratchpad-result-warning" }, "Scratchpad results not available for display")))))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ScratchpadToolUI);
+
+
 /***/ }),
 
 /***/ "./lib/components/AgentComponents/ShimmerWrapper.js":
@@ -11175,47 +12657,124 @@ const MODEL_MAPPINGS = [
         complexityHandling: 'High'
     }
 ];
-const ALL_MODEL_DISPLAY_NAMES = MODEL_MAPPINGS.map(mapping => mapping.displayName);
+// Removed ALL_MODEL_DISPLAY_NAMES - now using availableModels from backend
 // Maximum length for displayed model name before truncating
 const DEFAULT_MODEL = _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_HAIKU_DISPLAY_NAME;
 const ModelSelector = ({ onConfigChange }) => {
     const [selectedModel, setSelectedModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(DEFAULT_MODEL);
     const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     const [hoveredModel, setHoveredModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    const [availableModels, setAvailableModels] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
+    const [isLoadingModels, setIsLoadingModels] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
     const dropdownRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-    // Load config from localStorage on component mount and notify parent
+    // Fetch available models from backend on mount
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        var _a;
-        const storedConfig = localStorage.getItem('llmModelConfig');
-        let fullModelName;
-        let displayName;
-        if (storedConfig) {
+        const fetchModels = async () => {
+            var _a, _b;
             try {
-                const parsedConfig = JSON.parse(storedConfig);
-                fullModelName = parsedConfig.model;
-                displayName = (_a = MODEL_MAPPINGS.find(m => m.fullName === fullModelName)) === null || _a === void 0 ? void 0 : _a.displayName;
+                setIsLoadingModels(true);
+                const models = await (0,_utils_models__WEBPACK_IMPORTED_MODULE_3__.getAvailableModels)();
+                setAvailableModels(models);
+                // Load config from localStorage and validate against available models
+                const storedConfig = localStorage.getItem('llmModelConfig');
+                let fullModelName;
+                let displayName;
+                if (storedConfig) {
+                    try {
+                        const parsedConfig = JSON.parse(storedConfig);
+                        const storedModel = parsedConfig.model;
+                        if (storedModel && typeof storedModel === 'string') {
+                            fullModelName = storedModel;
+                            // Check if model is in available models list
+                            if (models.includes(fullModelName)) {
+                                // Check if it's a LiteLLM model (has provider prefix)
+                                if (fullModelName.includes('/')) {
+                                    // LiteLLM model - use model name directly as display name
+                                    displayName = fullModelName;
+                                }
+                                else {
+                                    // Standard model - find display name from MODEL_MAPPINGS
+                                    displayName = (_a = MODEL_MAPPINGS.find(m => m.fullName === fullModelName)) === null || _a === void 0 ? void 0 : _a.displayName;
+                                }
+                            }
+                        }
+                    }
+                    catch (e) {
+                        console.error('Failed to parse stored LLM config', e);
+                    }
+                }
+                // Fallback to default model or first available model if not found or invalid
+                if (!fullModelName || !displayName || (fullModelName && !models.includes(fullModelName))) {
+                    if (models.length > 0) {
+                        // First, try to use the default model if it's available
+                        const defaultMapping = MODEL_MAPPINGS.find(m => m.displayName === DEFAULT_MODEL);
+                        if (defaultMapping && models.includes(defaultMapping.fullName)) {
+                            fullModelName = defaultMapping.fullName;
+                            displayName = defaultMapping.displayName;
+                        }
+                        else {
+                            // Fallback to first available model
+                            const firstModel = models[0];
+                            fullModelName = firstModel;
+                            // Check if it's a LiteLLM model
+                            if (firstModel && firstModel.includes('/')) {
+                                displayName = firstModel;
+                            }
+                            else {
+                                displayName = ((_b = MODEL_MAPPINGS.find(m => m.fullName === firstModel)) === null || _b === void 0 ? void 0 : _b.displayName) || firstModel;
+                            }
+                        }
+                    }
+                    else {
+                        // Fallback to default if no models available
+                        const defaultMapping = MODEL_MAPPINGS.find(m => m.displayName === DEFAULT_MODEL) || MODEL_MAPPINGS[0];
+                        if (defaultMapping) {
+                            fullModelName = defaultMapping.fullName;
+                            displayName = defaultMapping.displayName;
+                        }
+                        else {
+                            // Ultimate fallback
+                            fullModelName = _utils_models__WEBPACK_IMPORTED_MODULE_3__.GPT_4_1_MODEL_NAME;
+                            displayName = _utils_models__WEBPACK_IMPORTED_MODULE_3__.GPT_4_1_DISPLAY_NAME;
+                        }
+                    }
+                }
+                if (displayName && fullModelName) {
+                    setSelectedModel(displayName);
+                    onConfigChange({ model: fullModelName });
+                }
             }
-            catch (e) {
-                console.error('Failed to parse stored LLM config', e);
+            catch (error) {
+                console.error('Failed to fetch available models:', error);
+                // Fallback to default models
+                const defaultMapping = MODEL_MAPPINGS.find(m => m.displayName === DEFAULT_MODEL) || MODEL_MAPPINGS[0];
+                setSelectedModel(defaultMapping.displayName);
+                onConfigChange({ model: defaultMapping.fullName });
             }
-        }
-        // Fallback to default if not found
-        let defaultMapping = MODEL_MAPPINGS.find(m => m.displayName === DEFAULT_MODEL);
-        if (!defaultMapping) {
-            defaultMapping = MODEL_MAPPINGS[0];
-        }
-        if (!fullModelName || !displayName) {
-            fullModelName = defaultMapping.fullName;
-            displayName = defaultMapping.displayName;
-        }
-        setSelectedModel(displayName);
-        onConfigChange({ model: fullModelName });
+            finally {
+                setIsLoadingModels(false);
+            }
+        };
+        void fetchModels();
     }, [onConfigChange]);
-    const handleModelChange = (displayName) => {
+    const handleModelChange = (modelName) => {
         var _a;
-        setSelectedModel(displayName);
+        if (!modelName) {
+            return;
+        }
+        setSelectedModel(modelName);
         setIsOpen(false);
-        const fullModelName = ((_a = MODEL_MAPPINGS.find(m => m.displayName === displayName)) === null || _a === void 0 ? void 0 : _a.fullName) || displayName;
+        // For LiteLLM models (with provider prefix), modelName is already the full model name
+        // For standard models, we need to find the full name from MODEL_MAPPINGS
+        let fullModelName;
+        if (modelName.includes('/')) {
+            // LiteLLM model - use model name directly
+            fullModelName = modelName;
+        }
+        else {
+            // Standard model - find full name from MODEL_MAPPINGS
+            fullModelName = ((_a = MODEL_MAPPINGS.find(m => m.displayName === modelName)) === null || _a === void 0 ? void 0 : _a.fullName) || modelName;
+        }
         const newConfig = {
             model: fullModelName
         };
@@ -11255,18 +12814,30 @@ const ModelSelector = ({ onConfigChange }) => {
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_NucleausIcon__WEBPACK_IMPORTED_MODULE_4__["default"], { height: 10, width: 10 })),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-name" }, selectedModel),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "dropdown-arrow" }, "\u25BC")),
-            isOpen && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: `model-options dropup`, style: { minWidth: '150px' }, onMouseLeave: () => setHoveredModel(null) }, ALL_MODEL_DISPLAY_NAMES.map(model => {
-                const modelMapping = MODEL_MAPPINGS.find(m => m.displayName === model);
-                return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: model, className: `model-option ${model === selectedModel ? 'selected' : ''}`, onClick: (e) => {
+            isOpen && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: `model-options dropup`, style: { minWidth: '150px' }, onMouseLeave: () => setHoveredModel(null) }, isLoadingModels ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-option" }, "Loading models...")) : (availableModels.map(modelName => {
+                // Check if it's a LiteLLM model (has provider prefix)
+                const isLiteLLMModel = modelName.includes('/');
+                let displayName;
+                let modelMapping;
+                if (isLiteLLMModel) {
+                    // LiteLLM model - use model name directly as display name
+                    displayName = modelName;
+                }
+                else {
+                    // Standard model - find display name from MODEL_MAPPINGS
+                    modelMapping = MODEL_MAPPINGS.find(m => m.fullName === modelName);
+                    displayName = (modelMapping === null || modelMapping === void 0 ? void 0 : modelMapping.displayName) || modelName;
+                }
+                return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: modelName, className: `model-option ${displayName === selectedModel ? 'selected' : ''}`, onClick: (e) => {
                         e.stopPropagation();
-                        handleModelChange(model);
+                        handleModelChange(displayName);
                     }, onMouseEnter: () => setHoveredModel(modelMapping || null), "data-testid": "model-option" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-option-name" }, model),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-option-name" }, displayName),
                     (modelMapping === null || modelMapping === void 0 ? void 0 : modelMapping.type) === 'smart' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-type-icon" },
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_BrainIcon__WEBPACK_IMPORTED_MODULE_5__["default"], { height: 12, width: 12 }))),
                     (modelMapping === null || modelMapping === void 0 ? void 0 : modelMapping.type) === 'fast' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-type-icon" },
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_LightningIcon__WEBPACK_IMPORTED_MODULE_6__["default"], { height: 12, width: 12 })))));
-            })))),
+            }))))),
         isOpen && hoveredModel && react_dom__WEBPACK_IMPORTED_MODULE_1___default().createPortal(react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-content" },
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-header" },
@@ -11288,7 +12859,14 @@ const ModelSelector = ({ onConfigChange }) => {
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-value" }, hoveredModel.complexityHandling)))),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-section" },
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-section-label" }, "Good For:"),
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", { className: "model-tooltip-bullet-list" }, hoveredModel.goodFor.map((item, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: index, className: "model-tooltip-bullet-item" }, item))))))), document.body)));
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", { className: "model-tooltip-bullet-list" }, hoveredModel.goodFor.map((item, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: index, className: "model-tooltip-bullet-item" }, item))))))), document.body),
+        isOpen && !hoveredModel && selectedModel.includes('/') && react_dom__WEBPACK_IMPORTED_MODULE_1___default().createPortal(react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-content" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-header" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-title-row" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-title" }, selectedModel))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-section-label" }, "No additional information available")))), document.body)));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModelSelector);
 
@@ -12652,6 +14230,34 @@ const TextIcon = () => (react__WEBPACK_IMPORTED_MODULE_0___default().createEleme
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TextIcon);
 
 
+/***/ }),
+
+/***/ "./lib/icons/NotepadIcon.js":
+/*!**********************************!*\
+  !*** ./lib/icons/NotepadIcon.js ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var 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__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const NotepadIcon = () => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: "14", height: "14", viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("rect", { x: "18", y: "18", width: "64", height: "72", rx: "8", ry: "8", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", opacity: "0.3" }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("rect", { x: "10", y: "10", width: "64", height: "72", rx: "8", ry: "8", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line", { x1: "24", y1: "35", x2: "60", y2: "35", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round" }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line", { x1: "24", y1: "48", x2: "60", y2: "48", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round" }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line", { x1: "24", y1: "61", x2: "60", y2: "61", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round" })));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotepadIcon);
+
+
 /***/ }),
 
 /***/ "./lib/icons/NucleausIcon.js":
@@ -12780,6 +14386,32 @@ const PlayButtonIcon = () => (react__WEBPACK_IMPORTED_MODULE_0___default().creat
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlayButtonIcon);
 
 
+/***/ }),
+
+/***/ "./lib/icons/QuestionIcon.js":
+/*!***********************************!*\
+  !*** ./lib/icons/QuestionIcon.js ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var 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__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const QuestionIcon = () => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: "14", height: "14", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M7.50018 11.5909C7.87674 11.5909 8.182 11.2856 8.182 10.9091C8.182 10.5325 7.87674 10.2273 7.50018 10.2273C7.12362 10.2273 6.81836 10.5325 6.81836 10.9091C6.81836 11.2856 7.12362 11.5909 7.50018 11.5909Z", fill: "currentColor" }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.74299 5.15462C7.41191 5.16915 7.23537 5.30235 7.17425 5.4322C7.0139 5.77291 6.60771 5.91912 6.267 5.75877C5.92629 5.59841 5.78008 5.19222 5.94044 4.85151C6.29647 4.09503 7.06347 3.81949 7.6832 3.79229C8.27933 3.76613 9.02119 3.95601 9.43162 4.49121C9.74745 4.90306 9.92489 5.42514 9.85323 5.97406C9.78058 6.53067 9.46309 7.02995 8.94794 7.40893C8.26004 7.91501 8.26125 8.17321 8.26143 8.21081C8.26143 8.21136 8.26144 8.21186 8.26144 8.21232C8.26144 8.58887 7.95618 8.89413 7.57962 8.89413C7.20306 8.89413 6.8978 8.58887 6.8978 8.21232C6.8978 7.56001 7.27722 6.94514 8.13987 6.31051C8.40503 6.11545 8.48394 5.92881 8.50107 5.79756C8.5192 5.65864 8.47982 5.49093 8.34953 5.32102C8.34036 5.30907 8.29056 5.25933 8.16587 5.21452C8.04681 5.17174 7.8971 5.14785 7.74299 5.15462Z", fill: "currentColor" }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M7.5 15C3.34091 15 0 11.6591 0 7.5C0 3.34091 3.34091 0 7.5 0C11.6591 0 15 3.34091 15 7.5C15 11.6591 11.6591 15 7.5 15ZM7.5 1.36364C4.09091 1.36364 1.36364 4.09091 1.36364 7.5C1.36364 10.9091 4.09091 13.6364 7.5 13.6364C10.9091 13.6364 13.6364 10.9091 13.6364 7.5C13.6364 4.09091 10.9091 1.36364 7.5 1.36364Z", fill: "currentColor" })));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuestionIcon);
+
+
 /***/ }),
 
 /***/ "./lib/icons/RejectIcon.js":
@@ -13056,6 +14688,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Extensions/NotebookFooter */ "./lib/Extensions/NotebookFooter/index.js");
 /* harmony import */ var _Extensions_MitoThemeLight__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Extensions/MitoThemeLight */ "./lib/Extensions/MitoThemeLight/index.js");
 /* harmony import */ var _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Extensions/AppManager/ManageAppsPlugin */ "./lib/Extensions/AppManager/ManageAppsPlugin.js");
+/* harmony import */ var _Extensions_ChartWizard_ChartWizardPlugin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Extensions/ChartWizard/ChartWizardPlugin */ "./lib/Extensions/ChartWizard/ChartWizardPlugin.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -13073,6 +14706,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // This is the main entry point to the mito-ai extension. It must export all of the top level
 // extensions that we want to load.
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([
@@ -13088,7 +14722,8 @@ __webpack_require__.r(__webpack_exports__);
     _Extensions_VersionCheck__WEBPACK_IMPORTED_MODULE_9__.versionCheckPlugin,
     _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__["default"],
     _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__["default"],
-    _Extensions_MitoThemeLight__WEBPACK_IMPORTED_MODULE_12__["default"]
+    _Extensions_MitoThemeLight__WEBPACK_IMPORTED_MODULE_12__["default"],
+    _Extensions_ChartWizard_ChartWizardPlugin__WEBPACK_IMPORTED_MODULE_13__["default"]
 ]);
 
 
@@ -13102,6 +14737,8 @@ __webpack_require__.r(__webpack_exports__);
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   addChartField: () => (/* binding */ addChartField),
+/* harmony export */   convertChartCode: () => (/* binding */ convertChartCode),
 /* harmony export */   getChatHistoryThread: () => (/* binding */ getChatHistoryThread),
 /* harmony export */   getChatHistoryThreads: () => (/* binding */ getChatHistoryThreads),
 /* harmony export */   getDatabaseConnections: () => (/* binding */ getDatabaseConnections),
@@ -13259,6 +14896,35 @@ const setUserKey = async (key, value) => {
     }
     return resp.data || '';
 };
+/************************************
+
+CHART WIZARD ENDPOINTS
+
+************************************/
+const convertChartCode = async (code) => {
+    const resp = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)('chart-wizard/convert', {
+        method: 'POST',
+        body: JSON.stringify({ code }),
+    });
+    if (resp.error) {
+        throw new Error(resp.error.message);
+    }
+    return resp.data;
+};
+const addChartField = async (code, userDescription, existingVariables) => {
+    const resp = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)('chart-wizard/add-field', {
+        method: 'POST',
+        body: JSON.stringify({
+            code,
+            user_description: userDescription,
+            existing_variables: existingVariables
+        }),
+    });
+    if (resp.error) {
+        throw new Error(resp.error.message);
+    }
+    return resp.data;
+};
 const getChatHistoryThreads = async () => {
     var _a;
     const resp = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)('chat-history/threads');
@@ -13507,6 +15173,12 @@ const retryIfExecutionError = async (notebookPanel, app, sendAgentSmartDebugMess
                 console.log('Error after running all cells:', result.errorMessage);
             }
         }
+        else if (agentResponse.type === 'ask_user_question' || agentResponse.type === 'finished_task') {
+            // When the agent asks a question during error retry, we should stop the agent execution
+            // and wait for the user's response, just like in the main execution loop
+            await markAgentForStopping();
+            return 'interupted';
+        }
         else {
             // Agent responded with an unexpected type for error fixing
             return 'failure';
@@ -13977,24 +15649,62 @@ const processChatHistoryForErrorGrouping = (displayOptimizedChatHistory) => {
     const processedDisplayOptimizedChatHistory = [];
     let groupedErrorMessages = [];
     for (let i = 0; i < displayOptimizedChatHistory.length; i++) {
-        const displayOptimizedChatItem = displayOptimizedChatHistory[i];
+        let displayOptimizedChatItem = displayOptimizedChatHistory[i];
         if (!displayOptimizedChatItem) {
             continue;
         }
+        // Associate scratchpad results with their corresponding scratchpad tool calls
+        // The scratchpad result is stored in the next message (the user message that follows the AI's scratchpad response)
+        if (((_a = displayOptimizedChatItem.agentResponse) === null || _a === void 0 ? void 0 : _a.type) === 'scratchpad') {
+            const nextIndex = i + 1;
+            if (nextIndex < displayOptimizedChatHistory.length) {
+                const nextItem = displayOptimizedChatHistory[nextIndex];
+                if (nextItem === null || nextItem === void 0 ? void 0 : nextItem.scratchpadResult) {
+                    displayOptimizedChatItem = {
+                        ...displayOptimizedChatItem,
+                        scratchpadResult: nextItem.scratchpadResult
+                    };
+                }
+            }
+        }
         const messageContent = (0,_strings__WEBPACK_IMPORTED_MODULE_0__.getContentStringFromMessage)(displayOptimizedChatItem.message);
         const _isErrorFixupMessage = (0,_errors__WEBPACK_IMPORTED_MODULE_1__.isErrorFixupMessage)(displayOptimizedChatItem.promptType, displayOptimizedChatItem.message, messageContent);
         if (_isErrorFixupMessage) {
-            // If the current message is an error fixup message, we need to group it with the next message
-            // which is the ai response to the error fixup message.
+            // If the current message is an error fixup message, we add it to the current group.
+            // This allows consecutive error/cell_update cycles to be grouped together, which
+            // results in a collapsed UI that keeps the error-fixing flow out of the way for users.
+            // For example: [error1, cellUpdate1, error2, askUserQuestion] →
+            //   [[error1, cellUpdate1, error2], askUserQuestion]
+            // All the error-fixing is grouped together, and askUserQuestion displays separately with its UI.
             groupedErrorMessages.push(displayOptimizedChatItem);
             // Note: We check that the next message is an ai response to the error fixup message.
             // If the user has stopped the agent, it might not be an ai response to the error fixup message.
             const next_index = i + 1;
+            const nextItem = displayOptimizedChatHistory[next_index];
             if (next_index < displayOptimizedChatHistory.length &&
-                ((_a = displayOptimizedChatHistory[next_index]) === null || _a === void 0 ? void 0 : _a.type) === 'openai message' &&
-                ((_b = displayOptimizedChatHistory[next_index]) === null || _b === void 0 ? void 0 : _b.message.role) === 'assistant') {
-                groupedErrorMessages.push(displayOptimizedChatHistory[next_index]);
-                i = next_index;
+                (nextItem === null || nextItem === void 0 ? void 0 : nextItem.type) === 'openai message' &&
+                (nextItem === null || nextItem === void 0 ? void 0 : nextItem.message.role) === 'assistant') {
+                // Only group if the agent response is cell_update or run_all_cells.
+                // Other types (finished_task, ask_user_question) should be displayed normally
+                // with their UI components, not grouped with the error message.
+                const agentResponseType = (_b = nextItem.agentResponse) === null || _b === void 0 ? void 0 : _b.type;
+                if (agentResponseType === 'cell_update' || agentResponseType === 'run_all_cells') {
+                    groupedErrorMessages.push(nextItem);
+                    i = next_index;
+                }
+                else {
+                    // Don't group - push the error message as a standalone item and let the next message
+                    // be displayed normally with its UI component (finished_task, ask_user_question, etc.)
+                    processedDisplayOptimizedChatHistory.push(groupedErrorMessages);
+                    groupedErrorMessages = new Array();
+                    // Continue to next iteration - don't skip the next item, let it be processed normally
+                }
+            }
+            else {
+                // No next message or next message is not an assistant message
+                // Push the error message as a standalone item
+                processedDisplayOptimizedChatHistory.push(groupedErrorMessages);
+                groupedErrorMessages = new Array();
             }
         }
         else {
@@ -14698,7 +16408,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   GPT_4_1_DISPLAY_NAME: () => (/* binding */ GPT_4_1_DISPLAY_NAME),
 /* harmony export */   GPT_4_1_MODEL_NAME: () => (/* binding */ GPT_4_1_MODEL_NAME),
 /* harmony export */   GPT_5_2_DISPLAY_NAME: () => (/* binding */ GPT_5_2_DISPLAY_NAME),
-/* harmony export */   GPT_5_2_MODEL_NAME: () => (/* binding */ GPT_5_2_MODEL_NAME)
+/* harmony export */   GPT_5_2_MODEL_NAME: () => (/* binding */ GPT_5_2_MODEL_NAME),
+/* harmony export */   getAvailableModels: () => (/* binding */ getAvailableModels)
 /* harmony export */ });
 /*
  * Copyright (c) Saga Inc.
@@ -14716,6 +16427,33 @@ const GEMINI_3_FLASH_DISPLAY_NAME = 'Gemini 3 Flash';
 const GEMINI_3_FLASH_MODEL_NAME = 'gemini-3-flash-preview';
 const GEMINI_3_PRO_DISPLAY_NAME = 'Gemini 3 Pro';
 const GEMINI_3_PRO_MODEL_NAME = 'gemini-3-pro-preview';
+/**
+ * Fetch available models from the backend API.
+ * Returns the list of model names that are available based on enterprise mode and LiteLLM configuration.
+ *
+ * @returns Promise resolving to an array of model names
+ */
+async function getAvailableModels() {
+    var _a;
+    // Lazy import to avoid loading JupyterLab dependencies when only constants are needed
+    const { requestAPI } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ../restAPI/utils */ "./lib/restAPI/utils.js"));
+    const response = await requestAPI('available-models', {
+        method: 'GET'
+    });
+    if (response.error) {
+        console.error('Failed to fetch available models:', response.error.message);
+        // Return default models as fallback
+        return [
+            GPT_4_1_MODEL_NAME,
+            GPT_5_2_MODEL_NAME,
+            CLAUDE_SONNET_MODEL_NAME,
+            CLAUDE_HAIKU_MODEL_NAME,
+            GEMINI_3_FLASH_MODEL_NAME,
+            GEMINI_3_PRO_MODEL_NAME,
+        ];
+    }
+    return ((_a = response.data) === null || _a === void 0 ? void 0 : _a.models) || [];
+}
 
 
 /***/ }),
@@ -15197,15 +16935,152 @@ const getNotebookID = (notebookPanel) => {
     if (notebookPanel === null) {
         return undefined;
     }
-    return (_a = notebookPanel.model) === null || _a === void 0 ? void 0 : _a.getMetadata(MITO_NOTEBOOK_ID_KEY);
-};
-const getNotebookIDAndSetIfNonexistant = (notebookPanel) => {
-    const notebookID = getNotebookID(notebookPanel);
-    if (notebookID === undefined) {
-        setNotebookID(notebookPanel);
+    return (_a = notebookPanel.model) === null || _a === void 0 ? void 0 : _a.getMetadata(MITO_NOTEBOOK_ID_KEY);
+};
+const getNotebookIDAndSetIfNonexistant = (notebookPanel) => {
+    const notebookID = getNotebookID(notebookPanel);
+    if (notebookID === undefined) {
+        setNotebookID(notebookPanel);
+    }
+    return getNotebookID(notebookPanel);
+};
+
+
+/***/ }),
+
+/***/ "./lib/utils/scratchpadExecution.js":
+/*!******************************************!*\
+  !*** ./lib/utils/scratchpadExecution.js ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   executeScratchpadCode: () => (/* binding */ executeScratchpadCode),
+/* harmony export */   formatScratchpadResult: () => (/* binding */ formatScratchpadResult)
+/* harmony export */ });
+/* harmony import */ var _jupyterlab_services__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/services */ "webpack/sharing/consume/default/@jupyterlab/services");
+/* harmony import */ var _jupyterlab_services__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_services__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Extensions_ErrorMimeRenderer_errorUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Extensions/ErrorMimeRenderer/errorUtils */ "./lib/Extensions/ErrorMimeRenderer/errorUtils.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+/**
+ * Executes Python code silently in the kernel and captures the output.
+ * This is used for scratchpad exploration work that shouldn't leave code in the notebook.
+ *
+ * @param notebookPanel - The notebook panel containing the kernel
+ * @param code - The Python code to execute
+ * @returns Promise resolving to the execution result with stdout, stderr, and any errors
+ */
+async function executeScratchpadCode(notebookPanel, code) {
+    var _a;
+    const kernel = (_a = notebookPanel.context.sessionContext.session) === null || _a === void 0 ? void 0 : _a.kernel;
+    if (!kernel) {
+        return {
+            success: false,
+            stdout: '',
+            stderr: '',
+            error: 'No kernel available'
+        };
+    }
+    return new Promise((resolve) => {
+        let stdout = '';
+        let stderr = '';
+        let errorMessage = undefined;
+        let traceback = undefined;
+        let hasError = false;
+        // Request the kernel to execute the code silently
+        const future = kernel.requestExecute({
+            code: code,
+            // Adding silent: true prevents an execute_input message from being sent
+            silent: true
+        });
+        // Listen for output from the kernel
+        future.onIOPub = (msg) => {
+            // Handle stream messages (stdout/stderr)
+            if (_jupyterlab_services__WEBPACK_IMPORTED_MODULE_0__.KernelMessage.isStreamMsg(msg)) {
+                if (msg.content.name === 'stdout') {
+                    // Accumulate stdout output (may come in chunks)
+                    stdout += msg.content.text;
+                }
+                else if (msg.content.name === 'stderr') {
+                    // Accumulate stderr output (may come in chunks)
+                    stderr += msg.content.text;
+                }
+            }
+            // Handle error messages
+            else if (msg.header.msg_type === 'error') {
+                hasError = true;
+                const errorContent = msg.content;
+                errorMessage = errorContent.ename + ': ' + errorContent.evalue;
+                // Extract traceback if available
+                if (errorContent.traceback && Array.isArray(errorContent.traceback)) {
+                    traceback = (0,_Extensions_ErrorMimeRenderer_errorUtils__WEBPACK_IMPORTED_MODULE_1__.getFullErrorMessageFromTraceback)(errorContent.traceback);
+                }
+                else if (errorContent.traceback) {
+                    traceback = String(errorContent.traceback);
+                }
+            }
+        };
+        // Handle execution completion
+        future.done.then(() => {
+            resolve({
+                success: !hasError,
+                stdout: stdout.trim(),
+                stderr: stderr.trim(),
+                error: errorMessage,
+                traceback: traceback
+            });
+        }).catch((error) => {
+            // Handle execution failure
+            resolve({
+                success: false,
+                stdout: stdout.trim(),
+                stderr: stderr.trim(),
+                error: error.message || 'Execution failed',
+                traceback: error.stack
+            });
+        });
+    });
+}
+/**
+ * Formats a scratchpad execution result into a string message for the agent.
+ * Handles both success and error cases, formatting stdout, stderr, errors, and tracebacks.
+ *
+ * @param scratchpadResult - The result from executing scratchpad code
+ * @returns Formatted string message containing the execution results
+ */
+function formatScratchpadResult(scratchpadResult) {
+    let resultMessage = '';
+    if (scratchpadResult.success) {
+        if (scratchpadResult.stdout) {
+            resultMessage += scratchpadResult.stdout;
+        }
+        if (scratchpadResult.stderr) {
+            resultMessage += (resultMessage ? '\n' : '') + `[stderr]\n${scratchpadResult.stderr}`;
+        }
+    }
+    else {
+        resultMessage += '[Execution Error]\n';
+        if (scratchpadResult.error) {
+            resultMessage += `${scratchpadResult.error}\n`;
+        }
+        if (scratchpadResult.traceback) {
+            resultMessage += `\n${scratchpadResult.traceback}`;
+        }
+        if (scratchpadResult.stdout) {
+            resultMessage += `\n[stdout before error]\n${scratchpadResult.stdout}`;
+        }
+        if (scratchpadResult.stderr) {
+            resultMessage += `\n[stderr]\n${scratchpadResult.stderr}`;
+        }
     }
-    return getNotebookID(notebookPanel);
-};
+    return resultMessage;
+}
 
 
 /***/ }),
@@ -16508,6 +18383,59 @@ class CompletionWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_M
 }
 
 
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AddFieldButton.css":
+/*!************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AddFieldButton.css ***!
+  \************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+.add-field-container {
+    margin-top: 16px;
+    padding-top: 16px;
+    border-top: 1px solid #e0e0e0;
+}
+
+.add-field-button {
+    width: 100%;
+}
+
+.add-field-dialog-textarea {
+    width: 100%;
+    padding: 8px;
+    margin-top: 10px;
+    font-size: 14px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    min-height: 100px;
+    resize: vertical;
+    font-family: inherit;
+    box-sizing: border-box;
+}
+`, "",{"version":3,"sources":["webpack://./style/AddFieldButton.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,gBAAgB;IAChB,iBAAiB;IACjB,6BAA6B;AACjC;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,sBAAsB;IACtB,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,oBAAoB;IACpB,sBAAsB;AAC1B","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.add-field-container {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid #e0e0e0;\n}\n\n.add-field-button {\n    width: 100%;\n}\n\n.add-field-dialog-textarea {\n    width: 100%;\n    padding: 8px;\n    margin-top: 10px;\n    font-size: 14px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    min-height: 100px;\n    resize: vertical;\n    font-family: inherit;\n    box-sizing: border-box;\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js!./style/AgentChangeControls.css":
@@ -16640,6 +18568,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .agent-component-header:hover {
     background-color: var(--jp-layout-color3);
+    opacity: 0.75;
 }
 
 .agent-component-header.no-border {
@@ -16650,6 +18579,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     border: none;
     border-radius: 5px 5px 0 0;
     background-color: var(--jp-layout-color2);
+    opacity: 0.85;
 }
 
 .agent-component-header.error-fixup {
@@ -16706,7 +18636,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .agent-component-header-expand-icon.expanded {
     transform: rotate(90deg);
-} `, "",{"version":3,"sources":["webpack://./style/AgentComponentHeader.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,eAAe;IACf,+DAA+D;IAC/D,+BAA+B;IAC/B,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,oDAAoD;IACpD,sDAAsD;IACtD,8DAA8D;AAClE;;AAEA;IACI,yCAAyC;AAC7C;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,YAAY;IACZ,0BAA0B;IAC1B,yCAAyC;AAC7C;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,yCAAyC;AAC7C;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,SAAS;IACT,OAAO;IACP,YAAY;AAChB;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,QAAQ;IACR,cAAc;AAClB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,uBAAuB;IACvB,eAAe;IACf,kBAAkB;IAClB,+BAA+B;IAC/B,yDAAyD;IACzD,UAAU;AACd;;AAEA;IACI,yCAAyC;IACzC,+BAA+B;AACnC;;AAEA;IACI,cAAc;IACd,+BAA+B;AACnC;;AAEA;IACI,wBAAwB;AAC5B","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.agent-component-header {\n    cursor: pointer;\n    padding: 10px var(--chat-taskpane-tool-call-horizontal-padding);\n    color: var(--jp-ui-font-color2);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border: 1px solid var(--jp-cell-editor-border-color);\n    border-radius: var(--chat-taskpane-item-border-radius);\n    transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.agent-component-header:hover {\n    background-color: var(--jp-layout-color3);\n}\n\n.agent-component-header.no-border {\n    border: none;\n}\n\n.agent-component-header.expanded {\n    border: none;\n    border-radius: 5px 5px 0 0;\n    background-color: var(--jp-layout-color2);\n}\n\n.agent-component-header.error-fixup {\n    border: none;\n}\n\n.agent-component-header.error-fixup.expanded {\n    background-color: var(--jp-layout-color2);\n}\n\n.agent-component-header-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    min-width: 0;\n}\n\n.agent-component-header-content svg {\n    flex-shrink: 0;\n}\n\n.agent-component-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.agent-component-header-action-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    border-radius: 4px;\n    color: var(--jp-ui-font-color2);\n    transition: background-color 0.15s ease, color 0.15s ease;\n    padding: 0;\n}\n\n.agent-component-header-action-button:hover {\n    background-color: var(--jp-layout-color3);\n    color: var(--jp-ui-font-color1);\n}\n\n.agent-component-header-expand-icon {\n    flex-shrink: 0;\n    transition: transform 0.2s ease;\n}\n\n.agent-component-header-expand-icon.expanded {\n    transform: rotate(90deg);\n} "],"sourceRoot":""}]);
+} `, "",{"version":3,"sources":["webpack://./style/AgentComponentHeader.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,eAAe;IACf,+DAA+D;IAC/D,+BAA+B;IAC/B,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,oDAAoD;IACpD,sDAAsD;IACtD,8DAA8D;AAClE;;AAEA;IACI,yCAAyC;IACzC,aAAa;AACjB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,YAAY;IACZ,0BAA0B;IAC1B,yCAAyC;IACzC,aAAa;AACjB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,yCAAyC;AAC7C;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,SAAS;IACT,OAAO;IACP,YAAY;AAChB;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,QAAQ;IACR,cAAc;AAClB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,uBAAuB;IACvB,eAAe;IACf,kBAAkB;IAClB,+BAA+B;IAC/B,yDAAyD;IACzD,UAAU;AACd;;AAEA;IACI,yCAAyC;IACzC,+BAA+B;AACnC;;AAEA;IACI,cAAc;IACd,+BAA+B;AACnC;;AAEA;IACI,wBAAwB;AAC5B","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.agent-component-header {\n    cursor: pointer;\n    padding: 10px var(--chat-taskpane-tool-call-horizontal-padding);\n    color: var(--jp-ui-font-color2);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border: 1px solid var(--jp-cell-editor-border-color);\n    border-radius: var(--chat-taskpane-item-border-radius);\n    transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.agent-component-header:hover {\n    background-color: var(--jp-layout-color3);\n    opacity: 0.75;\n}\n\n.agent-component-header.no-border {\n    border: none;\n}\n\n.agent-component-header.expanded {\n    border: none;\n    border-radius: 5px 5px 0 0;\n    background-color: var(--jp-layout-color2);\n    opacity: 0.85;\n}\n\n.agent-component-header.error-fixup {\n    border: none;\n}\n\n.agent-component-header.error-fixup.expanded {\n    background-color: var(--jp-layout-color2);\n}\n\n.agent-component-header-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    min-width: 0;\n}\n\n.agent-component-header-content svg {\n    flex-shrink: 0;\n}\n\n.agent-component-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.agent-component-header-action-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    border-radius: 4px;\n    color: var(--jp-ui-font-color2);\n    transition: background-color 0.15s ease, color 0.15s ease;\n    padding: 0;\n}\n\n.agent-component-header-action-button:hover {\n    background-color: var(--jp-layout-color3);\n    color: var(--jp-ui-font-color1);\n}\n\n.agent-component-header-expand-icon {\n    flex-shrink: 0;\n    transition: transform 0.2s ease;\n}\n\n.agent-component-header-expand-icon.expanded {\n    transform: rotate(90deg);\n} "],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -17151,46 +19081,274 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   font-size: 12px;
 }
 
-.app-item-last-deployed {
-  color: var(--jp-ui-font-color2);
-  font-size: 11px;
+.app-item-last-deployed {
+  color: var(--jp-ui-font-color2);
+  font-size: 11px;
+}
+
+.app-item-url-container {
+  display: flex;
+  align-items: center;
+  background-color: var(--jp-layout-color1);
+  border: 1px solid var(--jp-border-color2);
+  border-radius: 3px;
+  padding: 6px 8px;
+}
+
+.app-item-url {
+  flex: 1;
+  color: var(--jp-ui-font-color1);
+  font-size: 11px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--jp-code-font-family);
+}
+
+.app-item-copy-button {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  padding: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8px;
+  border-radius: 2px;
+}
+
+.app-item-copy-button:hover {
+  background-color: var(--jp-layout-color2);
+}
+`, "",{"version":3,"sources":["webpack://./style/AppsList.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,kBAAkB;AAClB;EACE,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,eAAe;EACf,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,gDAAgD;AAClD;;AAEA;EACE,OAAO;EACP,gBAAgB;EAChB,aAAa;EACb,aAAa;AACf;;AAEA;EACE,SAAS;EACT,eAAe;EACf,iBAAiB;EACjB,+BAA+B;AACjC;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,6BAA6B;EAC7B,+BAA+B;EAC/B,yCAAyC;EACzC,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,sCAAsC;AACxC;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,wCAAwC;EACxC,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,yCAAyC;EACzC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,qCAAqC;AACvC;;AAEA;EACE,eAAe;EACf,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,yCAAyC;EACzC,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,OAAO;EACP,+BAA+B;EAC/B,eAAe;EACf,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,eAAe;EACf,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,yCAAyC;AAC3C","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* apps-list.css */\n.apps-list-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-size: 13px;\n  font-family: var(--jp-ui-font-family);\n  overflow: hidden;\n}\n\n.apps-list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--jp-border-color2);\n}\n\n.apps-list-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  min-height: 0;\n}\n\n.apps-list-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n}\n\n.apps-list-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.apps-list-button {\n  padding: 4px 8px;\n  font-size: 11px;\n  background-color: transparent;\n  color: var(--jp-ui-font-color2);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  cursor: pointer;\n  font-weight: normal;\n  transition: background-color 0.2s ease;\n}\n\n.apps-list-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.apps-list-button:disabled {\n  cursor: not-allowed;\n}\n\n.apps-list-button.primary {\n  background-color: var(--jp-brand-color1);\n  color: white;\n  border: none;\n}\n\n.apps-list-loading {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.apps-list-error {\n  color: #f44336;\n  text-align: center;\n  padding: 20px 0;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid #f44336;\n  border-radius: 4px;\n}\n\n.apps-list-error-actions {\n  margin-top: 8px;\n}\n\n.apps-list-auth-message {\n  color: var(--jp-ui-font-color1);\n  background-color: var(--jp-layout-color0);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 4px;\n  padding: 24px 16px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.apps-list-auth-text {\n  font-size: 14px;\n  font-weight: bold;\n  font-family: var(--jp-ui-font-family);\n}\n\n.apps-list-auth-login-button {\n  font-size: 13px;\n  min-width: 96px;\n}\n\n.apps-list-empty {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.app-item {\n  border: 1px solid var(--jp-border-color1);\n  border-radius: 4px;\n  padding: 12px;\n  margin-bottom: 8px;\n  background-color: var(--jp-layout-color0);\n}\n\n.app-item-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 8px;\n}\n\n.app-item-content {\n  flex: 1;\n}\n\n.app-item-name {\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n  margin-bottom: 4px;\n}\n\n.app-item-status-container {\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n}\n\n.app-item-status-indicator {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 6px;\n}\n\n.app-item-status-text {\n  color: var(--jp-ui-font-color2);\n  font-size: 12px;\n}\n\n.app-item-last-deployed {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n}\n\n.app-item-url-container {\n  display: flex;\n  align-items: center;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  padding: 6px 8px;\n}\n\n.app-item-url {\n  flex: 1;\n  color: var(--jp-ui-font-color1);\n  font-size: 11px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--jp-code-font-family);\n}\n\n.app-item-copy-button {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 8px;\n  border-radius: 2px;\n}\n\n.app-item-copy-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AskUserQuestionToolUI.css":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AskUserQuestionToolUI.css ***!
+  \*******************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/* Active mode: purple border with glow effect */
+.ask-user-question-active {
+    border: 2px solid var(--jp-brand-color1) !important;
+    border-radius: 5px !important;
+    box-shadow: 0 0 8px rgba(76, 29, 149, 0.2), 0 0 16px rgba(76, 29, 149, 0.1), 0 0 2px rgba(76, 29, 149, 0.15) inset;
+    background-color: var(--jp-layout-color1);
+}
+
+.ask-user-question-container {
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 12px;
+}
+
+.ask-user-question-container .agent-tool-ui-content {
+    width: 100%;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+}
+
+/* Purple pill badge for active mode */
+.ask-user-question-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 10px;
+    background-color: var(--purple-300);
+    border-radius: 12px;
+    color: var(--purple-700);
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 1;
+}
+
+.ask-user-question-pill svg {
+    width: 12px;
+    height: 12px;
+    flex-shrink: 0;
+}
+
+.ask-user-question-pill-text {
+    white-space: nowrap;
+}
+
+.ask-user-question-content {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    width: 100%;
+    margin-left: 0;
+}
+
+.ask-user-question-message {
+    color: var(--jp-ui-font-color1);
+    font-size: var(--jp-ui-font-size1);
+    line-height: 1.5;
+}
+
+.ask-user-question-question {
+    color: var(--jp-ui-font-color0);
+    font-size: var(--jp-ui-font-size1);
+    font-weight: 500;
+    line-height: 1.5;
+}
+
+.ask-user-question-answers {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    width: 100%;
+    margin-top: 4px;
+    border-radius: 4px;
+    overflow: hidden;
+}
+
+.ask-user-question-answer-button {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 14px;
+    background-color: var(--jp-layout-color1);
+    border: none;
+    border-bottom: 1px solid var(--jp-border-color2);
+    border-radius: 0;
+    color: var(--jp-ui-font-color1);
+    font-size: var(--jp-ui-font-size1);
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+    text-align: left;
+    width: 100%;
+}
+
+.ask-user-question-answer-button:last-child {
+    border-bottom: none;
+}
+
+.ask-user-question-answer-button:hover:not(:disabled) {
+    background-color: var(--jp-layout-color2);
+    color: var(--jp-ui-font-color0);
+}
+
+.ask-user-question-answer-button:active:not(:disabled) {
+    background-color: var(--jp-layout-color3);
+}
+
+.ask-user-question-answer-button:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+.ask-user-question-radio-icon {
+    flex-shrink: 0;
+    color: var(--jp-ui-font-color2);
+    width: 16px;
+    height: 16px;
+}
+
+.ask-user-question-answer-button:hover:not(:disabled) .ask-user-question-radio-icon {
+    color: var(--jp-brand-color1);
+}
+
+.ask-user-question-answer-text {
+    flex: 1;
+    text-align: left;
+}
+
+.ask-user-question-subtext {
+    color: var(--jp-ui-font-color2);
+    font-size: 11px;
+    line-height: 1.4;
+    margin-top: 8px;
+    font-style: italic;
+    opacity: 0.7;
+}
+
+/* Align subtext with radio button circles when options are present */
+.ask-user-question-answers + .ask-user-question-subtext {
+    padding-left: 14px; /* Matches button left padding to align with radio button circles */
+}
+
+/* Collapsed mode styles */
+.ask-user-question-collapsed {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: start;
+    background-color: transparent;
+    margin: 0 0;
+    color: var(--jp-ui-font-color2);
+    overflow: hidden;
+}
+
+.ask-user-question-collapsed.expanded {
+    border: 1px solid var(--jp-cell-editor-border-color);
+    border-radius: 5px;
+    background-color: var(--chat-background-color);
+    margin-bottom: 5px;
+}
+
+.ask-user-question-collapsed-content {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    flex: 1;
 }
 
-.app-item-url-container {
-  display: flex;
-  align-items: center;
-  background-color: var(--jp-layout-color1);
-  border: 1px solid var(--jp-border-color2);
-  border-radius: 3px;
-  padding: 6px 8px;
+.ask-user-question-collapsed .ask-user-question-question {
+    color: var(--jp-ui-font-color1);
+    font-size: var(--jp-ui-font-size1);
+    font-weight: 500;
+    line-height: 1.5;
 }
 
-.app-item-url {
-  flex: 1;
-  color: var(--jp-ui-font-color1);
-  font-size: 11px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-family: var(--jp-code-font-family);
+.ask-user-question-collapsed-answers {
+    margin: 0;
+    padding-left: 20px;
+    color: var(--jp-ui-font-color1);
+    font-size: var(--jp-ui-font-size1);
+    line-height: 1.5;
+    list-style-type: disc;
 }
 
-.app-item-copy-button {
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  padding: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: 8px;
-  border-radius: 2px;
+.ask-user-question-collapsed-answers li {
+    margin: 4px 0;
 }
 
-.app-item-copy-button:hover {
-  background-color: var(--jp-layout-color2);
+/* Expanded content for collapsed mode */
+.ask-user-question-expanded-content {
+    padding: 10px var(--chat-taskpane-tool-call-horizontal-padding);
+    background-color: transparent;
+    color: var(--jp-ui-font-color1);
+    white-space: pre-wrap;
+    word-break: break-word;
+    border: none;
+    border-radius: 0;
 }
-`, "",{"version":3,"sources":["webpack://./style/AppsList.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,kBAAkB;AAClB;EACE,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,eAAe;EACf,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,gDAAgD;AAClD;;AAEA;EACE,OAAO;EACP,gBAAgB;EAChB,aAAa;EACb,aAAa;AACf;;AAEA;EACE,SAAS;EACT,eAAe;EACf,iBAAiB;EACjB,+BAA+B;AACjC;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,6BAA6B;EAC7B,+BAA+B;EAC/B,yCAAyC;EACzC,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,sCAAsC;AACxC;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,wCAAwC;EACxC,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,yCAAyC;EACzC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,qCAAqC;AACvC;;AAEA;EACE,eAAe;EACf,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,yCAAyC;EACzC,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,OAAO;EACP,+BAA+B;EAC/B,eAAe;EACf,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,eAAe;EACf,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,yCAAyC;AAC3C","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* apps-list.css */\n.apps-list-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-size: 13px;\n  font-family: var(--jp-ui-font-family);\n  overflow: hidden;\n}\n\n.apps-list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--jp-border-color2);\n}\n\n.apps-list-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  min-height: 0;\n}\n\n.apps-list-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n}\n\n.apps-list-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.apps-list-button {\n  padding: 4px 8px;\n  font-size: 11px;\n  background-color: transparent;\n  color: var(--jp-ui-font-color2);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  cursor: pointer;\n  font-weight: normal;\n  transition: background-color 0.2s ease;\n}\n\n.apps-list-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.apps-list-button:disabled {\n  cursor: not-allowed;\n}\n\n.apps-list-button.primary {\n  background-color: var(--jp-brand-color1);\n  color: white;\n  border: none;\n}\n\n.apps-list-loading {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.apps-list-error {\n  color: #f44336;\n  text-align: center;\n  padding: 20px 0;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid #f44336;\n  border-radius: 4px;\n}\n\n.apps-list-error-actions {\n  margin-top: 8px;\n}\n\n.apps-list-auth-message {\n  color: var(--jp-ui-font-color1);\n  background-color: var(--jp-layout-color0);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 4px;\n  padding: 24px 16px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.apps-list-auth-text {\n  font-size: 14px;\n  font-weight: bold;\n  font-family: var(--jp-ui-font-family);\n}\n\n.apps-list-auth-login-button {\n  font-size: 13px;\n  min-width: 96px;\n}\n\n.apps-list-empty {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.app-item {\n  border: 1px solid var(--jp-border-color1);\n  border-radius: 4px;\n  padding: 12px;\n  margin-bottom: 8px;\n  background-color: var(--jp-layout-color0);\n}\n\n.app-item-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 8px;\n}\n\n.app-item-content {\n  flex: 1;\n}\n\n.app-item-name {\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n  margin-bottom: 4px;\n}\n\n.app-item-status-container {\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n}\n\n.app-item-status-indicator {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 6px;\n}\n\n.app-item-status-text {\n  color: var(--jp-ui-font-color2);\n  font-size: 12px;\n}\n\n.app-item-last-deployed {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n}\n\n.app-item-url-container {\n  display: flex;\n  align-items: center;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  padding: 6px 8px;\n}\n\n.app-item-url {\n  flex: 1;\n  color: var(--jp-ui-font-color1);\n  font-size: 11px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--jp-code-font-family);\n}\n\n.app-item-copy-button {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 8px;\n  border-radius: 2px;\n}\n\n.app-item-copy-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/AskUserQuestionToolUI.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,gDAAgD;AAChD;IACI,mDAAmD;IACnD,6BAA6B;IAC7B,kHAAkH;IAClH,yCAAyC;AAC7C;;AAEA;IACI,sBAAsB;IACtB,uBAAuB;IACvB,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,sBAAsB;IACtB,uBAAuB;IACvB,SAAS;AACb;;AAEA,sCAAsC;AACtC;IACI,oBAAoB;IACpB,mBAAmB;IACnB,QAAQ;IACR,iBAAiB;IACjB,mCAAmC;IACnC,mBAAmB;IACnB,wBAAwB;IACxB,eAAe;IACf,gBAAgB;IAChB,cAAc;AAClB;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,cAAc;AAClB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,SAAS;IACT,WAAW;IACX,cAAc;AAClB;;AAEA;IACI,+BAA+B;IAC/B,kCAAkC;IAClC,gBAAgB;AACpB;;AAEA;IACI,+BAA+B;IAC/B,kCAAkC;IAClC,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,MAAM;IACN,WAAW;IACX,eAAe;IACf,kBAAkB;IAClB,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,SAAS;IACT,kBAAkB;IAClB,yCAAyC;IACzC,YAAY;IACZ,gDAAgD;IAChD,gBAAgB;IAChB,+BAA+B;IAC/B,kCAAkC;IAClC,eAAe;IACf,sCAAsC;IACtC,gBAAgB;IAChB,WAAW;AACf;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,yCAAyC;IACzC,+BAA+B;AACnC;;AAEA;IACI,yCAAyC;AAC7C;;AAEA;IACI,YAAY;IACZ,mBAAmB;AACvB;;AAEA;IACI,cAAc;IACd,+BAA+B;IAC/B,WAAW;IACX,YAAY;AAChB;;AAEA;IACI,6BAA6B;AACjC;;AAEA;IACI,OAAO;IACP,gBAAgB;AACpB;;AAEA;IACI,+BAA+B;IAC/B,eAAe;IACf,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,YAAY;AAChB;;AAEA,qEAAqE;AACrE;IACI,kBAAkB,EAAE,mEAAmE;AAC3F;;AAEA,0BAA0B;AAC1B;IACI,aAAa;IACb,sBAAsB;IACtB,oBAAoB;IACpB,sBAAsB;IACtB,6BAA6B;IAC7B,WAAW;IACX,+BAA+B;IAC/B,gBAAgB;AACpB;;AAEA;IACI,oDAAoD;IACpD,kBAAkB;IAClB,8CAA8C;IAC9C,kBAAkB;AACtB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,QAAQ;IACR,OAAO;AACX;;AAEA;IACI,+BAA+B;IAC/B,kCAAkC;IAClC,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,SAAS;IACT,kBAAkB;IAClB,+BAA+B;IAC/B,kCAAkC;IAClC,gBAAgB;IAChB,qBAAqB;AACzB;;AAEA;IACI,aAAa;AACjB;;AAEA,wCAAwC;AACxC;IACI,+DAA+D;IAC/D,6BAA6B;IAC7B,+BAA+B;IAC/B,qBAAqB;IACrB,sBAAsB;IACtB,YAAY;IACZ,gBAAgB;AACpB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* Active mode: purple border with glow effect */\n.ask-user-question-active {\n    border: 2px solid var(--jp-brand-color1) !important;\n    border-radius: 5px !important;\n    box-shadow: 0 0 8px rgba(76, 29, 149, 0.2), 0 0 16px rgba(76, 29, 149, 0.1), 0 0 2px rgba(76, 29, 149, 0.15) inset;\n    background-color: var(--jp-layout-color1);\n}\n\n.ask-user-question-container {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 12px;\n}\n\n.ask-user-question-container .agent-tool-ui-content {\n    width: 100%;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n/* Purple pill badge for active mode */\n.ask-user-question-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 10px;\n    background-color: var(--purple-300);\n    border-radius: 12px;\n    color: var(--purple-700);\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 1;\n}\n\n.ask-user-question-pill svg {\n    width: 12px;\n    height: 12px;\n    flex-shrink: 0;\n}\n\n.ask-user-question-pill-text {\n    white-space: nowrap;\n}\n\n.ask-user-question-content {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 100%;\n    margin-left: 0;\n}\n\n.ask-user-question-message {\n    color: var(--jp-ui-font-color1);\n    font-size: var(--jp-ui-font-size1);\n    line-height: 1.5;\n}\n\n.ask-user-question-question {\n    color: var(--jp-ui-font-color0);\n    font-size: var(--jp-ui-font-size1);\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n.ask-user-question-answers {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    width: 100%;\n    margin-top: 4px;\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.ask-user-question-answer-button {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    background-color: var(--jp-layout-color1);\n    border: none;\n    border-bottom: 1px solid var(--jp-border-color2);\n    border-radius: 0;\n    color: var(--jp-ui-font-color1);\n    font-size: var(--jp-ui-font-size1);\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    text-align: left;\n    width: 100%;\n}\n\n.ask-user-question-answer-button:last-child {\n    border-bottom: none;\n}\n\n.ask-user-question-answer-button:hover:not(:disabled) {\n    background-color: var(--jp-layout-color2);\n    color: var(--jp-ui-font-color0);\n}\n\n.ask-user-question-answer-button:active:not(:disabled) {\n    background-color: var(--jp-layout-color3);\n}\n\n.ask-user-question-answer-button:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.ask-user-question-radio-icon {\n    flex-shrink: 0;\n    color: var(--jp-ui-font-color2);\n    width: 16px;\n    height: 16px;\n}\n\n.ask-user-question-answer-button:hover:not(:disabled) .ask-user-question-radio-icon {\n    color: var(--jp-brand-color1);\n}\n\n.ask-user-question-answer-text {\n    flex: 1;\n    text-align: left;\n}\n\n.ask-user-question-subtext {\n    color: var(--jp-ui-font-color2);\n    font-size: 11px;\n    line-height: 1.4;\n    margin-top: 8px;\n    font-style: italic;\n    opacity: 0.7;\n}\n\n/* Align subtext with radio button circles when options are present */\n.ask-user-question-answers + .ask-user-question-subtext {\n    padding-left: 14px; /* Matches button left padding to align with radio button circles */\n}\n\n/* Collapsed mode styles */\n.ask-user-question-collapsed {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: start;\n    background-color: transparent;\n    margin: 0 0;\n    color: var(--jp-ui-font-color2);\n    overflow: hidden;\n}\n\n.ask-user-question-collapsed.expanded {\n    border: 1px solid var(--jp-cell-editor-border-color);\n    border-radius: 5px;\n    background-color: var(--chat-background-color);\n    margin-bottom: 5px;\n}\n\n.ask-user-question-collapsed-content {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    flex: 1;\n}\n\n.ask-user-question-collapsed .ask-user-question-question {\n    color: var(--jp-ui-font-color1);\n    font-size: var(--jp-ui-font-size1);\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n.ask-user-question-collapsed-answers {\n    margin: 0;\n    padding-left: 20px;\n    color: var(--jp-ui-font-color1);\n    font-size: var(--jp-ui-font-size1);\n    line-height: 1.5;\n    list-style-type: disc;\n}\n\n.ask-user-question-collapsed-answers li {\n    margin: 4px 0;\n}\n\n/* Expanded content for collapsed mode */\n.ask-user-question-expanded-content {\n    padding: 10px var(--chat-taskpane-tool-call-horizontal-padding);\n    background-color: transparent;\n    color: var(--jp-ui-font-color1);\n    white-space: pre-wrap;\n    word-break: break-word;\n    border: none;\n    border-radius: 0;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -17862,24 +20020,314 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     vertical-align: baseline;
 }
 
-.cell-reference:hover {
-    background-color: var(--purple-300);
-    color: var(--purple-700);
+.cell-reference:hover {
+    background-color: var(--purple-300);
+    color: var(--purple-700);
+}
+
+/* Greyed out style for missing/unresolved cell references (deleted or in different notebook) */
+.cell-reference.cell-reference-missing {
+    color: var(--jp-ui-font-color2);
+    text-decoration: none;
+    cursor: default;
+    opacity: 0.6;
+}
+
+.cell-reference.cell-reference-missing:hover {
+    background-color: var(--jp-layout-color3);
+    color: var(--jp-ui-font-color2);
+}
+`, "",{"version":3,"sources":["webpack://./style/CellReference.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,qEAAqE;AACrE;IACI,wBAAwB;IACxB,0BAA0B;IAC1B,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,wBAAwB;AAC5B;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;AAC5B;;AAEA,+FAA+F;AAC/F;IACI,+BAA+B;IAC/B,qBAAqB;IACrB,eAAe;IACf,YAAY;AAChB;;AAEA;IACI,yCAAyC;IACzC,+BAA+B;AACnC","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* Cell reference links in chat messages - styled as standard links */\n.cell-reference {\n    color: var(--purple-600);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 500;\n    padding: 1px 5px;\n    border-radius: 3px;\n    position: relative;\n    vertical-align: baseline;\n}\n\n.cell-reference:hover {\n    background-color: var(--purple-300);\n    color: var(--purple-700);\n}\n\n/* Greyed out style for missing/unresolved cell references (deleted or in different notebook) */\n.cell-reference.cell-reference-missing {\n    color: var(--jp-ui-font-color2);\n    text-decoration: none;\n    cursor: default;\n    opacity: 0.6;\n}\n\n.cell-reference.cell-reference-missing:hover {\n    background-color: var(--jp-layout-color3);\n    color: var(--jp-ui-font-color2);\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/ChartWizardPlugin.css":
+/*!***************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/ChartWizardPlugin.css ***!
+  \***************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/* Position the button container in the upper right */
+.chart-wizard-button-container {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    z-index: 10;
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
+}
+
+.chart-wizard-output-container:hover .chart-wizard-button-container {
+    opacity: 1;
+}`, "",{"version":3,"sources":["webpack://./style/ChartWizardPlugin.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,qDAAqD;AACrD;IACI,kBAAkB;IAClB,QAAQ;IACR,UAAU;IACV,WAAW;IACX,UAAU;IACV,oCAAoC;AACxC;;AAEA;IACI,UAAU;AACd","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* Position the button container in the upper right */\n.chart-wizard-button-container {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n}\n\n.chart-wizard-output-container:hover .chart-wizard-button-container {\n    opacity: 1;\n}"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/ChartWizardWidget.css":
+/*!***************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/ChartWizardWidget.css ***!
+  \***************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+.chart-wizard-widget {
+    padding: 10px;
+    height: 100%;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+}
+
+.chart-wizard-input-row {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 15px;
+    gap: 5px;
+}
+
+.chart-wizard-boolean-row {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+    gap: 12px;
+}
+
+.chart-wizard-input-label {
+    color: var(--jp-content-font-color2);
+    font-size: 12px;
+    font-weight: 500;
+    text-transform: none;
+}
+
+.chart-wizard-boolean-label {
+    flex: 1;
+    margin: 0;
+    cursor: pointer;
+}
+
+.chart-wizard-toggle-container {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+    flex-shrink: 0;
+}
+
+.chart-wizard-toggle-input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    width: 0;
+    height: 0;
+    margin: 0;
+}
+
+.chart-wizard-toggle-slider {
+    position: relative;
+    display: inline-block;
+    width: 44px;
+    height: 24px;
+    background-color: var(--jp-border-color2);
+    border-radius: 12px;
+    transition: background-color 0.3s ease;
+    box-sizing: border-box;
+}
+
+.chart-wizard-toggle-slider::before {
+    content: '';
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    left: 2px;
+    top: 2px;
+    background-color: white;
+    border-radius: 50%;
+    transition: transform 0.3s ease;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider {
+    background-color: var(--jp-brand-color1);
+}
+
+.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider::before {
+    transform: translateX(20px);
+}
+
+.chart-wizard-toggle-input:focus + .chart-wizard-toggle-slider {
+    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);
+}
+
+.chart-wizard-toggle-input:hover + .chart-wizard-toggle-slider {
+    background-color: var(--jp-border-color1);
+}
+
+.chart-wizard-toggle-input:checked:hover + .chart-wizard-toggle-slider {
+    background-color: var(--jp-brand-color0);
+}
+
+.chart-wizard-number-input,
+.chart-wizard-text-input,
+.chart-wizard-color-input,
+.chart-wizard-tuple-input {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.chart-wizard-color-container {
+    display: flex;
+    gap: 8px;
+    width: 100%;
+}
+
+.chart-wizard-color-picker {
+    flex-shrink: 0;
+}
+
+.chart-wizard-color-input {
+    flex: 1;
+}
+
+.chart-wizard-tuple-container {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    width: 100%;
+}
+
+.chart-wizard-tuple-input {
+    flex: 1;
+}
+
+.chart-wizard-config-container {
+    flex: 1;
+    min-height: 0;
+}
+
+.chart-wizard-empty-state,
+.chart-wizard-no-config {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.chart-wizard-no-config p {
+    text-align: center;
+}
+
+.chart-wizard-loading-dots {
+    display: inline-block;
+    min-width: 1.5em;
+    text-align: left;
+}
+
+.chart-wizard-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    /* Height is set dynamically via inline style to cover full scrollable content */
+    min-height: 100%;
+    background-color: rgba(255, 255, 255, 0.8);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1000;
+    pointer-events: all;
+}
+
+.chart-wizard-overlay-text {
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+}
+
+.chart-wizard-warning {
+    background-color: var(--yellow-100);
+    color: var(--yellow-900);
+    padding: 10px 12px;
+    border-radius: 4px;
+    margin-bottom: 15px;
+    font-size: 13px;
+    line-height: 1.4;
+    border: 1px solid var(--yellow-300);
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.chart-wizard-warning-content {
+    flex: 1;
 }
 
-/* Greyed out style for missing/unresolved cell references (deleted or in different notebook) */
-.cell-reference.cell-reference-missing {
-    color: var(--jp-ui-font-color2);
-    text-decoration: none;
-    cursor: default;
-    opacity: 0.6;
+.chart-wizard-warning strong {
+    font-weight: 600;
 }
 
-.cell-reference.cell-reference-missing:hover {
-    background-color: var(--jp-layout-color3);
-    color: var(--jp-ui-font-color2);
+.chart-wizard-warning-button {
+    background-color: var(--yellow-600);
+    color: var(--yellow-900);
+    border: none;
+    padding: 6px 12px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    align-self: flex-start;
+    transition: background-color 0.2s ease;
 }
-`, "",{"version":3,"sources":["webpack://./style/CellReference.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,qEAAqE;AACrE;IACI,wBAAwB;IACxB,0BAA0B;IAC1B,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,wBAAwB;AAC5B;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;AAC5B;;AAEA,+FAA+F;AAC/F;IACI,+BAA+B;IAC/B,qBAAqB;IACrB,eAAe;IACf,YAAY;AAChB;;AAEA;IACI,yCAAyC;IACzC,+BAA+B;AACnC","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* Cell reference links in chat messages - styled as standard links */\n.cell-reference {\n    color: var(--purple-600);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 500;\n    padding: 1px 5px;\n    border-radius: 3px;\n    position: relative;\n    vertical-align: baseline;\n}\n\n.cell-reference:hover {\n    background-color: var(--purple-300);\n    color: var(--purple-700);\n}\n\n/* Greyed out style for missing/unresolved cell references (deleted or in different notebook) */\n.cell-reference.cell-reference-missing {\n    color: var(--jp-ui-font-color2);\n    text-decoration: none;\n    cursor: default;\n    opacity: 0.6;\n}\n\n.cell-reference.cell-reference-missing:hover {\n    background-color: var(--jp-layout-color3);\n    color: var(--jp-ui-font-color2);\n}\n"],"sourceRoot":""}]);
+
+.chart-wizard-warning-button:hover {
+    background-color: var(--yellow-500);
+}
+
+.chart-wizard-warning-button:active {
+    background-color: var(--yellow-300);
+}`, "",{"version":3,"sources":["webpack://./style/ChartWizardWidget.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,aAAa;IACb,YAAY;IACZ,gBAAgB;IAChB,aAAa;IACb,sBAAsB;IACtB,sBAAsB;AAC1B;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,QAAQ;AACZ;;AAEA;IACI,mBAAmB;IACnB,mBAAmB;IACnB,8BAA8B;IAC9B,mBAAmB;IACnB,SAAS;AACb;;AAEA;IACI,oCAAoC;IACpC,eAAe;IACf,gBAAgB;IAChB,oBAAoB;AACxB;;AAEA;IACI,OAAO;IACP,SAAS;IACT,eAAe;AACnB;;AAEA;IACI,kBAAkB;IAClB,oBAAoB;IACpB,mBAAmB;IACnB,eAAe;IACf,cAAc;AAClB;;AAEA;IACI,kBAAkB;IAClB,UAAU;IACV,eAAe;IACf,QAAQ;IACR,SAAS;IACT,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,qBAAqB;IACrB,WAAW;IACX,YAAY;IACZ,yCAAyC;IACzC,mBAAmB;IACnB,sCAAsC;IACtC,sBAAsB;AAC1B;;AAEA;IACI,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,uBAAuB;IACvB,kBAAkB;IAClB,+BAA+B;IAC/B,wCAAwC;AAC5C;;AAEA;IACI,wCAAwC;AAC5C;;AAEA;IACI,2BAA2B;AAC/B;;AAEA;IACI,6CAA6C;AACjD;;AAEA;IACI,yCAAyC;AAC7C;;AAEA;IACI,wCAAwC;AAC5C;;AAEA;;;;IAII,WAAW;IACX,sBAAsB;AAC1B;;AAEA;IACI,aAAa;IACb,QAAQ;IACR,WAAW;AACf;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,QAAQ;IACR,WAAW;AACf;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,OAAO;IACP,aAAa;AACjB;;AAEA;;IAEI,OAAO;IACP,aAAa;IACb,sBAAsB;IACtB,uBAAuB;AAC3B;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,QAAQ;IACR,gFAAgF;IAChF,gBAAgB;IAChB,0CAA0C;IAC1C,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,aAAa;IACb,mBAAmB;AACvB;;AAEA;IACI,eAAe;IACf,gBAAgB;IAChB,WAAW;AACf;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;IACxB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,mCAAmC;IACnC,aAAa;IACb,sBAAsB;IACtB,SAAS;AACb;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;IACxB,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,eAAe;IACf,sBAAsB;IACtB,sCAAsC;AAC1C;;AAEA;IACI,mCAAmC;AACvC;;AAEA;IACI,mCAAmC;AACvC","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.chart-wizard-widget {\n    padding: 10px;\n    height: 100%;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n}\n\n.chart-wizard-input-row {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 15px;\n    gap: 5px;\n}\n\n.chart-wizard-boolean-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n    gap: 12px;\n}\n\n.chart-wizard-input-label {\n    color: var(--jp-content-font-color2);\n    font-size: 12px;\n    font-weight: 500;\n    text-transform: none;\n}\n\n.chart-wizard-boolean-label {\n    flex: 1;\n    margin: 0;\n    cursor: pointer;\n}\n\n.chart-wizard-toggle-container {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    flex-shrink: 0;\n}\n\n.chart-wizard-toggle-input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    width: 0;\n    height: 0;\n    margin: 0;\n}\n\n.chart-wizard-toggle-slider {\n    position: relative;\n    display: inline-block;\n    width: 44px;\n    height: 24px;\n    background-color: var(--jp-border-color2);\n    border-radius: 12px;\n    transition: background-color 0.3s ease;\n    box-sizing: border-box;\n}\n\n.chart-wizard-toggle-slider::before {\n    content: '';\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    left: 2px;\n    top: 2px;\n    background-color: white;\n    border-radius: 50%;\n    transition: transform 0.3s ease;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider {\n    background-color: var(--jp-brand-color1);\n}\n\n.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider::before {\n    transform: translateX(20px);\n}\n\n.chart-wizard-toggle-input:focus + .chart-wizard-toggle-slider {\n    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);\n}\n\n.chart-wizard-toggle-input:hover + .chart-wizard-toggle-slider {\n    background-color: var(--jp-border-color1);\n}\n\n.chart-wizard-toggle-input:checked:hover + .chart-wizard-toggle-slider {\n    background-color: var(--jp-brand-color0);\n}\n\n.chart-wizard-number-input,\n.chart-wizard-text-input,\n.chart-wizard-color-input,\n.chart-wizard-tuple-input {\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.chart-wizard-color-container {\n    display: flex;\n    gap: 8px;\n    width: 100%;\n}\n\n.chart-wizard-color-picker {\n    flex-shrink: 0;\n}\n\n.chart-wizard-color-input {\n    flex: 1;\n}\n\n.chart-wizard-tuple-container {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    width: 100%;\n}\n\n.chart-wizard-tuple-input {\n    flex: 1;\n}\n\n.chart-wizard-config-container {\n    flex: 1;\n    min-height: 0;\n}\n\n.chart-wizard-empty-state,\n.chart-wizard-no-config {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.chart-wizard-no-config p {\n    text-align: center;\n}\n\n.chart-wizard-loading-dots {\n    display: inline-block;\n    min-width: 1.5em;\n    text-align: left;\n}\n\n.chart-wizard-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    /* Height is set dynamically via inline style to cover full scrollable content */\n    min-height: 100%;\n    background-color: rgba(255, 255, 255, 0.8);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    pointer-events: all;\n}\n\n.chart-wizard-overlay-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: #333;\n}\n\n.chart-wizard-warning {\n    background-color: var(--yellow-100);\n    color: var(--yellow-900);\n    padding: 10px 12px;\n    border-radius: 4px;\n    margin-bottom: 15px;\n    font-size: 13px;\n    line-height: 1.4;\n    border: 1px solid var(--yellow-300);\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.chart-wizard-warning-content {\n    flex: 1;\n}\n\n.chart-wizard-warning strong {\n    font-weight: 600;\n}\n\n.chart-wizard-warning-button {\n    background-color: var(--yellow-600);\n    color: var(--yellow-900);\n    border: none;\n    padding: 6px 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    align-self: flex-start;\n    transition: background-color 0.2s ease;\n}\n\n.chart-wizard-warning-button:hover {\n    background-color: var(--yellow-500);\n}\n\n.chart-wizard-warning-button:active {\n    background-color: var(--yellow-300);\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -18195,6 +20643,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   font-size: 14px;
   border-radius: var(--chat-taskpane-item-border-radius);
   padding: 0 var(--chat-taskpane-item-indent);
+  margin-bottom: 10px;
 }
 
 .message:hover .message-start-editing-button {
@@ -18318,7 +20767,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .message-edit-buttons button:hover {
   background-color: var(--jp-layout-color2);
-}`, "",{"version":3,"sources":["webpack://./style/ChatMessage.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,kBAAkB;EAClB,mBAAmB;EACnB,sBAAsB;EACtB,WAAW;EACX,eAAe;EACf,sDAAsD;EACtD,2CAA2C;AAC7C;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,2DAA2D;EAC3D,0CAA0C;EAC1C,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,gBAAgB;EAChB,sBAAsB;EACtB,SAAS;EACT,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA,qCAAqC;AACrC;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;EACV,aAAa;EACb,kBAAkB;EAClB,gBAAgB,EAAE,0DAA0D;AAC9E;;AAEA,qCAAqC;AACrC;;EAEE,eAAe;EACf,UAAU;EACV;;qCAEmC;EACnC,yCAAyC;EACzC,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,oCAAoC;AACtC;;AAEA,gCAAgC;AAChC;EACE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,gBAAgB,EAAE,oCAAoC;AACxD;;AAEA,yCAAyC;AACzC;EACE,+CAA+C;AACjD;;AAEA,8FAA8F;AAC9F;;EAEE,gBAAgB;AAClB;;AAEA,2BAA2B;AAC3B;EACE,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AAEA,mBAAmB;AACnB;EACE,oCAAoC;AACtC;;AAEA,iBAAiB;AACjB;;EAEE,yCAAyC;AAC3C;;AAEA,kCAAkC;AAClC;;EAEE,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,YAAY;AACd;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,yCAAyC;EACzC,oCAAoC;EACpC,yCAAyC;EACzC,eAAe;AACjB;;AAEA;EACE,yCAAyC;AAC3C","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.message {\n  position: relative;\n  height: min-content;\n  box-sizing: border-box;\n  width: 100%;\n  font-size: 14px;\n  border-radius: var(--chat-taskpane-item-border-radius);\n  padding: 0 var(--chat-taskpane-item-indent);\n}\n\n.message:hover .message-start-editing-button {\n  opacity: 1 !important;\n}\n\n.message-user {\n  background-color: var(--chat-user-message-background-color);\n  color: var(--chat-user-message-font-color);\n  padding: 10px;\n  margin-bottom: 5px;\n}\n\n.message-assistant-chat {\n  color: var(--chat-assistant-message-font-color);\n}\n\n.chat-message-buttons {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  margin-top: 10px;\n  margin-bottom: 4px;\n  flex-wrap: wrap;\n}\n\n.chat-taskpane-smart-debug-error-message {\n  white-space: pre;\n  font-family: monospace;\n  margin: 0;\n  overflow-x: auto;\n}\n\n.message-text {\n  align-items: center;\n}\n\n/* Message Action Buttons Container */\n.message-action-buttons {\n  position: absolute;\n  bottom: 8px;\n  right: 8px;\n  display: flex;\n  border-radius: 4px;\n  overflow: hidden; /* Ensures inner buttons don't break the rounded corners */\n}\n\n/* Common styles for action buttons */\n.message-action-buttons button,\n.message-start-editing-button {\n  cursor: pointer;\n  opacity: 0;\n  transition:\n    opacity 0.2s ease-in-out,\n    background-color 0.2s ease-in-out;\n  background-color: var(--jp-layout-color3);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--jp-content-font-color1);\n}\n\n/* Action buttons in the group */\n.message-action-buttons button {\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: 0; /* Remove individual button radius */\n}\n\n/* Add subtle separator between buttons */\n.message-action-buttons button:not(:last-child) {\n  border-right: 1px solid var(--jp-border-color1);\n}\n\n/* Remove the individual button radius styles since we're handling it at the container level */\n.message-action-buttons button:first-child,\n.message-action-buttons button:last-child {\n  border-radius: 0;\n}\n\n/* Standalone edit button */\n.message-start-editing-button {\n  position: relative;\n  padding: 4px;\n  border-radius: 4px;\n}\n\n/* SVG icon color */\n.message-action-buttons button svg {\n  color: var(--jp-content-font-color1);\n}\n\n/* Hover states */\n.message-action-buttons button:hover,\n.message-start-editing-button:hover {\n  background-color: var(--jp-layout-color4);\n}\n\n/* Show buttons on message hover */\n.message:hover .message-action-buttons button,\n.message:hover .message-start-editing-button {\n  opacity: 1;\n}\n\n.message-edit-buttons {\n  display: flex;\n  gap: 8px;\n  padding: 5px;\n}\n\n.message-edit-buttons button {\n  padding: 4px 12px;\n  border-radius: 4px;\n  background-color: var(--jp-layout-color1);\n  color: var(--jp-content-font-color1);\n  border: 1px solid var(--jp-border-color1);\n  cursor: pointer;\n}\n\n.message-edit-buttons button:hover {\n  background-color: var(--jp-layout-color2);\n}"],"sourceRoot":""}]);
+}`, "",{"version":3,"sources":["webpack://./style/ChatMessage.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,kBAAkB;EAClB,mBAAmB;EACnB,sBAAsB;EACtB,WAAW;EACX,eAAe;EACf,sDAAsD;EACtD,2CAA2C;EAC3C,mBAAmB;AACrB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,2DAA2D;EAC3D,0CAA0C;EAC1C,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,gBAAgB;EAChB,sBAAsB;EACtB,SAAS;EACT,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA,qCAAqC;AACrC;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;EACV,aAAa;EACb,kBAAkB;EAClB,gBAAgB,EAAE,0DAA0D;AAC9E;;AAEA,qCAAqC;AACrC;;EAEE,eAAe;EACf,UAAU;EACV;;qCAEmC;EACnC,yCAAyC;EACzC,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,oCAAoC;AACtC;;AAEA,gCAAgC;AAChC;EACE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,gBAAgB,EAAE,oCAAoC;AACxD;;AAEA,yCAAyC;AACzC;EACE,+CAA+C;AACjD;;AAEA,8FAA8F;AAC9F;;EAEE,gBAAgB;AAClB;;AAEA,2BAA2B;AAC3B;EACE,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;AACpB;;AAEA,mBAAmB;AACnB;EACE,oCAAoC;AACtC;;AAEA,iBAAiB;AACjB;;EAEE,yCAAyC;AAC3C;;AAEA,kCAAkC;AAClC;;EAEE,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,YAAY;AACd;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,yCAAyC;EACzC,oCAAoC;EACpC,yCAAyC;EACzC,eAAe;AACjB;;AAEA;EACE,yCAAyC;AAC3C","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.message {\n  position: relative;\n  height: min-content;\n  box-sizing: border-box;\n  width: 100%;\n  font-size: 14px;\n  border-radius: var(--chat-taskpane-item-border-radius);\n  padding: 0 var(--chat-taskpane-item-indent);\n  margin-bottom: 10px;\n}\n\n.message:hover .message-start-editing-button {\n  opacity: 1 !important;\n}\n\n.message-user {\n  background-color: var(--chat-user-message-background-color);\n  color: var(--chat-user-message-font-color);\n  padding: 10px;\n  margin-bottom: 5px;\n}\n\n.message-assistant-chat {\n  color: var(--chat-assistant-message-font-color);\n}\n\n.chat-message-buttons {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  margin-top: 10px;\n  margin-bottom: 4px;\n  flex-wrap: wrap;\n}\n\n.chat-taskpane-smart-debug-error-message {\n  white-space: pre;\n  font-family: monospace;\n  margin: 0;\n  overflow-x: auto;\n}\n\n.message-text {\n  align-items: center;\n}\n\n/* Message Action Buttons Container */\n.message-action-buttons {\n  position: absolute;\n  bottom: 8px;\n  right: 8px;\n  display: flex;\n  border-radius: 4px;\n  overflow: hidden; /* Ensures inner buttons don't break the rounded corners */\n}\n\n/* Common styles for action buttons */\n.message-action-buttons button,\n.message-start-editing-button {\n  cursor: pointer;\n  opacity: 0;\n  transition:\n    opacity 0.2s ease-in-out,\n    background-color 0.2s ease-in-out;\n  background-color: var(--jp-layout-color3);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--jp-content-font-color1);\n}\n\n/* Action buttons in the group */\n.message-action-buttons button {\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: 0; /* Remove individual button radius */\n}\n\n/* Add subtle separator between buttons */\n.message-action-buttons button:not(:last-child) {\n  border-right: 1px solid var(--jp-border-color1);\n}\n\n/* Remove the individual button radius styles since we're handling it at the container level */\n.message-action-buttons button:first-child,\n.message-action-buttons button:last-child {\n  border-radius: 0;\n}\n\n/* Standalone edit button */\n.message-start-editing-button {\n  position: relative;\n  padding: 4px;\n  border-radius: 4px;\n}\n\n/* SVG icon color */\n.message-action-buttons button svg {\n  color: var(--jp-content-font-color1);\n}\n\n/* Hover states */\n.message-action-buttons button:hover,\n.message-start-editing-button:hover {\n  background-color: var(--jp-layout-color4);\n}\n\n/* Show buttons on message hover */\n.message:hover .message-action-buttons button,\n.message:hover .message-start-editing-button {\n  opacity: 1;\n}\n\n.message-edit-buttons {\n  display: flex;\n  gap: 8px;\n  padding: 5px;\n}\n\n.message-edit-buttons button {\n  padding: 4px 12px;\n  border-radius: 4px;\n  background-color: var(--jp-layout-color1);\n  color: var(--jp-content-font-color1);\n  border: 1px solid var(--jp-border-color1);\n  cursor: pointer;\n}\n\n.message-edit-buttons button:hover {\n  background-color: var(--jp-layout-color2);\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -18805,9 +21254,29 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   margin: 0 0;
 }
 
+.scratchpad-result {
+  padding: 8px 12px;
+  border-top: 1px solid var(--jp-cell-editor-border-color);
+  background-color: var(--jp-layout-color1);
+}
+
+.scratchpad-result pre {
+  margin: 0;
+  font-family: var(--jp-code-font-family);
+  font-size: var(--jp-code-font-size);
+  color: var(--jp-ui-font-color2);
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  max-height: 200px;
+  overflow-y: auto;
+}
 
+.scratchpad-result-warning {
+  color: var(--jp-warn-color1, #f0a000);
+  font-style: italic;
+}
 
-`, "",{"version":3,"sources":["webpack://./style/CodeBlock.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,cAAc;;EAEd,8CAA8C;EAC9C,kBAAkB;EAClB,oDAAoD;EACpD,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;;EAEpB,WAAW;EACX,2DAA2D;EAC3D,2DAA2D;EAC3D,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,gBAAgB;EAChB,0CAA0C;AAC5C;;AAEA;EACE,2DAA2D;EAC3D,YAAY;EACZ,yDAAyD;EACzD,kBAAkB;;EAElB,gBAAgB;EAChB,0CAA0C;AAC5C;;AAEA;EACE,8CAA8C;EAC9C,+CAA+C;AACjD;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,cAAc;EACd,WAAW;EACX,8CAA8C;EAC9C,iCAAiC;EACjC,eAAe;AACjB;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,SAAS;AACX;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,eAAe;EACf,aAAa;EACb,+BAA+B;EAC/B,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,oDAAoD;EACpD,kBAAkB;EAClB,8DAA8D;AAChE;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,YAAY;AACd;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,YAAY;EACZ,0BAA0B;EAC1B,yCAAyC;AAC3C;;AAEA;EACE,YAAY;EACZ,WAAW;AACb","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.code-block-container {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin: 10px 0;\n\n  background-color: var(--chat-background-color);\n  border-radius: 4px;\n  border: 1px solid var(--jp-cell-editor-border-color);\n  overflow: hidden;\n}\n\n.code-content {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.code-block-toolbar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n\n  width: 100%;\n  background-color: var(--chat-user-message-background-color);\n  border-bottom: 1px solid var(--jp-cell-editor-border-color);\n  font-size: 0.8em;\n}\n\n.code-location {\n  flex-grow: 1;\n  margin-left: 5px;\n  color: var(--chat-user-message-font-color);\n}\n\n.code-block-toolbar button {\n  background-color: var(--chat-user-message-background-color);\n  border: none;\n  border-left: 1px solid var(--jp-cell-editor-border-color);\n  border-radius: 0px;\n\n  font-size: 0.8em;\n  color: var(--chat-user-message-font-color);\n}\n\n.code-block-toolbar button:hover {\n  background-color: var(--chat-background-color);\n  color: var(--chat-assistant-message-font-color);\n}\n\n.active-cell-code-block {\n  opacity: 0.7;\n}\n\n.active-cell-code-block:hover {\n  opacity: 1;\n  transition: 0.3s;\n}\n\n.code-block-expand-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 0;\n  width: 100%;\n  background-color: var(--chat-background-color);\n  transition: background-color 0.2s;\n  cursor: pointer;\n}\n\n.code-block-expand-button:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.code-block-expand-button svg {\n  display: block;\n  margin: 0;\n}\n\n.code-block-expand-button .icon-button {\n  background-color: transparent;\n}\n\n.agent-mode-toggle {\n  cursor: pointer;\n  padding: 10px;\n  color: var(--jp-ui-font-color2);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border: 1px solid var(--jp-cell-editor-border-color);\n  border-radius: 5px;\n  transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.agent-mode-toggle:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.agent-mode-toggle.error-fixup {\n  border: none;\n}\n\n.agent-mode-toggle.error-fixup.expanded {\n  background-color: var(--jp-layout-color2);\n}\n\n.agent-mode-toggle-content {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex: 1;\n  min-width: 0;\n}\n\n.agent-mode-toggle-content svg {\n  flex-shrink: 0;\n}\n\n.agent-mode-toggle svg:last-child {\n  flex-shrink: 0;\n}\n\n.agent-mode-toggle.expanded {\n  border: none;\n  border-radius: 5px 5px 0 0;\n  background-color: var(--jp-layout-color2);\n}\n\n.agent-mode-collapsed {\n  border: none;\n  margin: 0 0;\n}\n\n\n\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/CodeBlock.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,cAAc;;EAEd,8CAA8C;EAC9C,kBAAkB;EAClB,oDAAoD;EACpD,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;;EAEpB,WAAW;EACX,2DAA2D;EAC3D,2DAA2D;EAC3D,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,gBAAgB;EAChB,0CAA0C;AAC5C;;AAEA;EACE,2DAA2D;EAC3D,YAAY;EACZ,yDAAyD;EACzD,kBAAkB;;EAElB,gBAAgB;EAChB,0CAA0C;AAC5C;;AAEA;EACE,8CAA8C;EAC9C,+CAA+C;AACjD;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,cAAc;EACd,WAAW;EACX,8CAA8C;EAC9C,iCAAiC;EACjC,eAAe;AACjB;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,SAAS;AACX;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,eAAe;EACf,aAAa;EACb,+BAA+B;EAC/B,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,oDAAoD;EACpD,kBAAkB;EAClB,8DAA8D;AAChE;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,YAAY;AACd;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,YAAY;EACZ,0BAA0B;EAC1B,yCAAyC;AAC3C;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,iBAAiB;EACjB,wDAAwD;EACxD,yCAAyC;AAC3C;;AAEA;EACE,SAAS;EACT,uCAAuC;EACvC,mCAAmC;EACnC,+BAA+B;EAC/B,qBAAqB;EACrB,qBAAqB;EACrB,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,qCAAqC;EACrC,kBAAkB;AACpB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.code-block-container {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin: 10px 0;\n\n  background-color: var(--chat-background-color);\n  border-radius: 4px;\n  border: 1px solid var(--jp-cell-editor-border-color);\n  overflow: hidden;\n}\n\n.code-content {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.code-block-toolbar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n\n  width: 100%;\n  background-color: var(--chat-user-message-background-color);\n  border-bottom: 1px solid var(--jp-cell-editor-border-color);\n  font-size: 0.8em;\n}\n\n.code-location {\n  flex-grow: 1;\n  margin-left: 5px;\n  color: var(--chat-user-message-font-color);\n}\n\n.code-block-toolbar button {\n  background-color: var(--chat-user-message-background-color);\n  border: none;\n  border-left: 1px solid var(--jp-cell-editor-border-color);\n  border-radius: 0px;\n\n  font-size: 0.8em;\n  color: var(--chat-user-message-font-color);\n}\n\n.code-block-toolbar button:hover {\n  background-color: var(--chat-background-color);\n  color: var(--chat-assistant-message-font-color);\n}\n\n.active-cell-code-block {\n  opacity: 0.7;\n}\n\n.active-cell-code-block:hover {\n  opacity: 1;\n  transition: 0.3s;\n}\n\n.code-block-expand-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 0;\n  width: 100%;\n  background-color: var(--chat-background-color);\n  transition: background-color 0.2s;\n  cursor: pointer;\n}\n\n.code-block-expand-button:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.code-block-expand-button svg {\n  display: block;\n  margin: 0;\n}\n\n.code-block-expand-button .icon-button {\n  background-color: transparent;\n}\n\n.agent-mode-toggle {\n  cursor: pointer;\n  padding: 10px;\n  color: var(--jp-ui-font-color2);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border: 1px solid var(--jp-cell-editor-border-color);\n  border-radius: 5px;\n  transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.agent-mode-toggle:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.agent-mode-toggle.error-fixup {\n  border: none;\n}\n\n.agent-mode-toggle.error-fixup.expanded {\n  background-color: var(--jp-layout-color2);\n}\n\n.agent-mode-toggle-content {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex: 1;\n  min-width: 0;\n}\n\n.agent-mode-toggle-content svg {\n  flex-shrink: 0;\n}\n\n.agent-mode-toggle svg:last-child {\n  flex-shrink: 0;\n}\n\n.agent-mode-toggle.expanded {\n  border: none;\n  border-radius: 5px 5px 0 0;\n  background-color: var(--jp-layout-color2);\n}\n\n.agent-mode-collapsed {\n  border: none;\n  margin: 0 0;\n}\n\n.scratchpad-result {\n  padding: 8px 12px;\n  border-top: 1px solid var(--jp-cell-editor-border-color);\n  background-color: var(--jp-layout-color1);\n}\n\n.scratchpad-result pre {\n  margin: 0;\n  font-family: var(--jp-code-font-family);\n  font-size: var(--jp-code-font-size);\n  color: var(--jp-ui-font-color2);\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  max-height: 200px;\n  overflow-y: auto;\n}\n\n.scratchpad-result-warning {\n  color: var(--jp-warn-color1, #f0a000);\n  font-style: italic;\n}\n\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -19204,10 +21673,9 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
-  min-width: 200px;
+  min-width: 225px;
   white-space: nowrap;
   height: 400px;
-  min-width: 225px;
   max-width: 350px;
   overflow-y: auto;
 }
@@ -19224,6 +21692,22 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   left: auto;
 }
 
+/* Responsive width based on chat taskpane container width */
+/* Make dropdown width relative to container width, accounting for padding */
+/* At minimum taskpane width (350px), dropdown should fit within available space (330px accounting for 20px padding) */
+@container (max-width: 350px) {
+  .dropdown-menu {
+    max-width: calc(100cqw - 20px);
+  }
+}
+
+/* For wider taskpanes, allow dropdown to use up to 350px but still respect container width */
+@container (min-width: 351px) {
+  .dropdown-menu {
+    max-width: min(350px, calc(100cqw - 20px));
+  }
+}
+
 .dropdown-item-row {
   display: flex;
   flex-direction: row;
@@ -19279,7 +21763,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   display: flex;
   align-items: center;
 }
-`, "",{"version":3,"sources":["webpack://./style/DropdownMenu.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,aAAa;EACb,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,wCAAwC;EACxC,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EACnB,aAAa;EACb,gBAAgB;EAChB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA,0BAA0B;AAC1B;EACE,OAAO;EACP,WAAW;AACb;;AAEA,2BAA2B;AAC3B;EACE,QAAQ;EACR,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB;EACnB,QAAQ;EACR,gBAAgB;EAChB,mBAAmB,EAAE,iDAAiD;AACxE;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,+BAA+B;EAC/B,OAAO;EACP,gBAAgB;EAChB,uBAAuB;EACvB,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,eAAe;EACf,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,iBAAiB,EAAE,2BAA2B;AAChD;;AAEA;EACE,YAAY;EACZ,eAAe;AACjB;;AAEA;;;CAGC;AACD;;EAEE,aAAa;EACb,mBAAmB;AACrB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.dropdown-container {\n  position: relative;\n  display: inline-block;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  z-index: 1000;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 3px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  display: flex;\n  flex-direction: column;\n  min-width: 200px;\n  white-space: nowrap;\n  height: 400px;\n  min-width: 225px;\n  max-width: 350px;\n  overflow-y: auto;\n}\n\n/* Left-aligned dropdown */\n.dropdown-menu-left {\n  left: 0;\n  right: auto;\n}\n\n/* Right-aligned dropdown */\n.dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n\n.dropdown-item-row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 2px;\n  padding-right: 20px; /* Add padding to leave space for the scrollbar */\n}\n\n.dropdown-item-row:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.dropdown-item-main {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  text-align: left;\n  border: none;\n  background: none;\n  color: var(--jp-ui-font-color1);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n\n.dropdown-item-icon {\n  width: 20px;\n  min-width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dropdown-item-label {\n  padding-left: 3px; /* Add consistent padding */\n}\n\n.dropdown-item-disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n/* \n  When using Lab Icons, we seem to get an extra div around the svg icon\n  This makes sure the svg is aligned properly in that div\n*/\n.dropdown-item-icon > div, \n.dropdown-item-secondary > div{\n  display: flex;\n  align-items: center;\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/DropdownMenu.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,aAAa;EACb,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,wCAAwC;EACxC,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EACnB,aAAa;EACb,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA,0BAA0B;AAC1B;EACE,OAAO;EACP,WAAW;AACb;;AAEA,2BAA2B;AAC3B;EACE,QAAQ;EACR,UAAU;AACZ;;AAEA,4DAA4D;AAC5D,4EAA4E;AAC5E,sHAAsH;AACtH;EACE;IACE,8BAA8B;EAChC;AACF;;AAEA,6FAA6F;AAC7F;EACE;IACE,0CAA0C;EAC5C;AACF;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB;EACnB,QAAQ;EACR,gBAAgB;EAChB,mBAAmB,EAAE,iDAAiD;AACxE;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,+BAA+B;EAC/B,OAAO;EACP,gBAAgB;EAChB,uBAAuB;EACvB,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,eAAe;EACf,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,iBAAiB,EAAE,2BAA2B;AAChD;;AAEA;EACE,YAAY;EACZ,eAAe;AACjB;;AAEA;;;CAGC;AACD;;EAEE,aAAa;EACb,mBAAmB;AACrB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.dropdown-container {\n  position: relative;\n  display: inline-block;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  z-index: 1000;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 3px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  display: flex;\n  flex-direction: column;\n  min-width: 225px;\n  white-space: nowrap;\n  height: 400px;\n  max-width: 350px;\n  overflow-y: auto;\n}\n\n/* Left-aligned dropdown */\n.dropdown-menu-left {\n  left: 0;\n  right: auto;\n}\n\n/* Right-aligned dropdown */\n.dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n\n/* Responsive width based on chat taskpane container width */\n/* Make dropdown width relative to container width, accounting for padding */\n/* At minimum taskpane width (350px), dropdown should fit within available space (330px accounting for 20px padding) */\n@container (max-width: 350px) {\n  .dropdown-menu {\n    max-width: calc(100cqw - 20px);\n  }\n}\n\n/* For wider taskpanes, allow dropdown to use up to 350px but still respect container width */\n@container (min-width: 351px) {\n  .dropdown-menu {\n    max-width: min(350px, calc(100cqw - 20px));\n  }\n}\n\n.dropdown-item-row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 2px;\n  padding-right: 20px; /* Add padding to leave space for the scrollbar */\n}\n\n.dropdown-item-row:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.dropdown-item-main {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  text-align: left;\n  border: none;\n  background: none;\n  color: var(--jp-ui-font-color1);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n\n.dropdown-item-icon {\n  width: 20px;\n  min-width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dropdown-item-label {\n  padding-left: 3px; /* Add consistent padding */\n}\n\n.dropdown-item-disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n/* \n  When using Lab Icons, we seem to get an extra div around the svg icon\n  This makes sure the svg is aligned properly in that div\n*/\n.dropdown-item-icon > div, \n.dropdown-item-secondary > div{\n  display: flex;\n  align-items: center;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -22091,6 +24575,12 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   padding: 5px 10px;
 }
 
+.button-base:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
 .button-green {
   background-color: var(--green-400);
   color: var(--green-900) !important;
@@ -22127,6 +24617,10 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   background-color: var(--purple-400);
 }
 
+.button-purple:disabled:hover {
+  background-color: var(--purple-300);
+}
+
 .button-blue {
   background-color: var(--blue-300);
   color: var(--blue-900) !important;
@@ -22160,7 +24654,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   font-size: 12px;
   padding: 2px 5px;
 }
-`, "",{"version":3,"sources":["webpack://./style/button.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;;;;CAIC;;AAED;EACE,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,eAAe;EACf,2EAA2E;EAC3E,mBAAmB;EACnB,iBAAiB;AACnB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,gCAAgC;EAChC,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,yCAAyC;EACzC,+CAA+C;AACjD;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mCAAmC;EACnC,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,iCAAiC;EACjC,iCAAiC;EACjC,mCAAmC;EACnC,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,mCAAmC;EACnC,8BAA8B;AAChC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,oCAAoC;EACpC,eAAe;EACf,gBAAgB;AAClB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* \n    Classes that can be used for any button, making it easier to keep \n    the theme consistent. For example, use them to make a textButton or\n    textAndIconButton green.\n*/\n\n.button-base {\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 14px;\n  /* Make sure the button grows large enough so that the text does not wrap */\n  white-space: nowrap;\n  padding: 5px 10px;\n}\n\n.button-green {\n  background-color: var(--green-400);\n  color: var(--green-900) !important;\n}\n\n.button-green:hover {\n  background-color: var(--green-500);\n}\n\n.button-red {\n  background-color: var(--red-400);\n  color: var(--red-900) !important;\n}\n\n.button-red:hover {\n  background-color: var(--red-500);\n}\n\n.button-gray {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-content-font-color1) !important;\n}\n\n.button-gray:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.button-purple {\n  background-color: var(--purple-300);\n  color: var(--purple-700) !important;\n}\n\n.button-purple:hover {\n  background-color: var(--purple-400);\n}\n\n.button-blue {\n  background-color: var(--blue-300);\n  color: var(--blue-900) !important;\n  border: 0.5px solid var(--blue-900);\n  border-radius: 4px;\n}\n\n.button-blue:hover {\n  background-color: var(--blue-400);\n}\n\n.button-dark-purple {\n  background-color: var(--purple-500);\n  color: var(--white) !important;\n}\n\n.button-dark-purple:hover {\n  background-color: var(--purple-600);\n}\n\n.button-width-block {\n  width: 100%;\n}\n\n.button-width-fit-contents {\n  width: fit-content;\n}\n\n.button-small {\n  height: var(--toolbar-button-height);\n  font-size: 12px;\n  padding: 2px 5px;\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/button.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;;;;CAIC;;AAED;EACE,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,eAAe;EACf,2EAA2E;EAC3E,mBAAmB;EACnB,iBAAiB;AACnB;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,gCAAgC;EAChC,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,yCAAyC;EACzC,+CAA+C;AACjD;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mCAAmC;EACnC,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,iCAAiC;EACjC,iCAAiC;EACjC,mCAAmC;EACnC,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,mCAAmC;EACnC,8BAA8B;AAChC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,oCAAoC;EACpC,eAAe;EACf,gBAAgB;AAClB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* \n    Classes that can be used for any button, making it easier to keep \n    the theme consistent. For example, use them to make a textButton or\n    textAndIconButton green.\n*/\n\n.button-base {\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 14px;\n  /* Make sure the button grows large enough so that the text does not wrap */\n  white-space: nowrap;\n  padding: 5px 10px;\n}\n\n.button-base:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.button-green {\n  background-color: var(--green-400);\n  color: var(--green-900) !important;\n}\n\n.button-green:hover {\n  background-color: var(--green-500);\n}\n\n.button-red {\n  background-color: var(--red-400);\n  color: var(--red-900) !important;\n}\n\n.button-red:hover {\n  background-color: var(--red-500);\n}\n\n.button-gray {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-content-font-color1) !important;\n}\n\n.button-gray:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.button-purple {\n  background-color: var(--purple-300);\n  color: var(--purple-700) !important;\n}\n\n.button-purple:hover {\n  background-color: var(--purple-400);\n}\n\n.button-purple:disabled:hover {\n  background-color: var(--purple-300);\n}\n\n.button-blue {\n  background-color: var(--blue-300);\n  color: var(--blue-900) !important;\n  border: 0.5px solid var(--blue-900);\n  border-radius: 4px;\n}\n\n.button-blue:hover {\n  background-color: var(--blue-400);\n}\n\n.button-dark-purple {\n  background-color: var(--purple-500);\n  color: var(--white) !important;\n}\n\n.button-dark-purple:hover {\n  background-color: var(--purple-600);\n}\n\n.button-width-block {\n  width: 100%;\n}\n\n.button-width-fit-contents {\n  width: fit-content;\n}\n\n.button-small {\n  height: var(--toolbar-button-height);\n  font-size: 12px;\n  padding: 2px 5px;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -22255,6 +24749,60 @@ module.exports = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 10 10\" fill=\"n
 
 module.exports = "<svg width=\"33\" height=\"33\" viewBox=\"0 0 33 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g fill=\"currentColor\">\n        <path d=\"M27.8204 5.193C24.7983 2.1709 20.7805 0.506836 16.5068 0.506836C7.78625 0.506836 0.506836 7.78625 0.506836 16.5068C0.506836 25.2274 7.78625 32.5068 16.5068 32.5068C25.2274 32.5068 32.5068 25.2274 32.5068 16.5068C32.5068 12.2332 30.8426 8.2151 27.8207 5.19329L27.8204 5.193ZM23.627 21.5962L21.7553 17.7403L23.4737 16.9062L24.3955 18.8053L24.4401 18.6209C24.608 17.9267 24.6932 17.2155 24.6932 16.5068C24.6932 11.6336 20.7854 7.66893 15.9819 7.66893C11.1788 7.66893 7.27066 11.6336 7.27066 16.5068C7.27066 21.3572 11.1414 25.3073 15.9137 25.3444V27.2546C10.0885 27.217 5.36066 22.41 5.36066 16.5067C5.36066 10.5804 10.1253 5.75855 15.9819 5.75855C21.8385 5.75855 26.6032 10.5801 26.6032 16.5067C26.6032 17.2903 26.5175 18.0775 26.3484 18.8468L26.315 18.999L27.9027 18.0676L28.8693 19.7151L24.9693 22.003C24.3869 22.4896 23.6689 21.9597 23.6268 21.5962L23.627 21.5962Z\"/>\n    </g>\n</svg>\n";
 
+/***/ }),
+
+/***/ "./style/AddFieldButton.css":
+/*!**********************************!*\
+  !*** ./style/AddFieldButton.css ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_AddFieldButton_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AddFieldButton.css */ "./node_modules/css-loader/dist/cjs.js!./style/AddFieldButton.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_AddFieldButton_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AddFieldButton_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AddFieldButton_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AddFieldButton_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "./style/AgentChangeControls.css":
@@ -22525,6 +25073,60 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
+/***/ }),
+
+/***/ "./style/AskUserQuestionToolUI.css":
+/*!*****************************************!*\
+  !*** ./style/AskUserQuestionToolUI.css ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_AskUserQuestionToolUI_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AskUserQuestionToolUI.css */ "./node_modules/css-loader/dist/cjs.js!./style/AskUserQuestionToolUI.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_AskUserQuestionToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AskUserQuestionToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AskUserQuestionToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AskUserQuestionToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "./style/AssumptionTool.css":
@@ -22741,6 +25343,114 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_CellReference_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_CellReference_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_CellReference_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
+/***/ }),
+
+/***/ "./style/ChartWizardPlugin.css":
+/*!*************************************!*\
+  !*** ./style/ChartWizardPlugin.css ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ChartWizardPlugin_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./ChartWizardPlugin.css */ "./node_modules/css-loader/dist/cjs.js!./style/ChartWizardPlugin.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ChartWizardPlugin_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ChartWizardPlugin_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ChartWizardPlugin_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ChartWizardPlugin_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
+/***/ }),
+
+/***/ "./style/ChartWizardWidget.css":
+/*!*************************************!*\
+  !*** ./style/ChartWizardWidget.css ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ChartWizardWidget_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./ChartWizardWidget.css */ "./node_modules/css-loader/dist/cjs.js!./style/ChartWizardWidget.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ChartWizardWidget_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ChartWizardWidget_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ChartWizardWidget_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ChartWizardWidget_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "./style/ChatDropdown.css":
@@ -24580,4 +27290,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.dfd7975de75d64db80d6.js.map
+//# sourceMappingURL=lib_index_js.03302cc521d72eb56b00.js.map