mito-ai 0.1.40__py3-none-any.whl → 0.1.42__py3-none-any.whl

mito_ai-0.1.40.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.55d9f8ca386d87856d2d.js → mito_ai-0.1.42.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.a9a35b6fcc54a7bcb32c.js

@@ -140,6 +140,7 @@ const AiChatPlugin = {
         });
         // Update jupyter settings to work best with mito-ai
         void (0,_jupyterSettingsManager__WEBPACK_IMPORTED_MODULE_10__.setRenameUntitledFileOnSave)(settingRegistry, documentManager);
+        void (0,_jupyterSettingsManager__WEBPACK_IMPORTED_MODULE_10__.setDefaultWindowingMode)(settingRegistry);
         // By returning a tracker token, we can require the token in other 
         // plugins. This allows us to force plugin load order. For example, 
         // we can ensure that the COMMAND_MITO_AI_OPEN_CHAT is created 
@@ -523,10 +524,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _components_TextButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../components/TextButton */ "./lib/components/TextButton.js");
-/* harmony import */ var _utils_errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/errors */ "./lib/utils/errors.js");
+/* harmony import */ var _utils_errors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/errors */ "./lib/utils/errors.js");
 /* harmony import */ var _utils_stripe__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/stripe */ "./lib/utils/stripe.js");
-/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _style_AlertBlock_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../style/AlertBlock.css */ "./style/AlertBlock.css");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -536,26 +537,56 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+// Add calendly link constant
+const CALENDLY_LINK = 'https://calendly.com/jake_from_mito/mito-meeting';
 const AlertBlock = ({ content, mitoAIConnectionErrorType }) => {
     const [showEmailDetails, setShowEmailDetails] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     // The first time this AlertBlock is rendered, log the error type
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__.logEvent)('alert_block_displayed', { 'type': mitoAIConnectionErrorType, 'error': content });
+        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.logEvent)('alert_block_displayed', { 'type': mitoAIConnectionErrorType, 'error': content });
     }, []);
-    if (mitoAIConnectionErrorType === _utils_errors__WEBPACK_IMPORTED_MODULE_2__.FREE_TIER_LIMIT_REACHED_ERROR_TITLE) {
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chat-message-alert" },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null,
-                "You've used up your free trial of Mito AI for this month. To continue using Mito AI now, upgrade to ",
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", { href: "https://www.trymito.io/plans", target: "_blank", rel: "noreferrer" }, "Mito Pro"),
-                " and get access to:"),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", null,
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "Unlimited AI Chat and Agent"),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "Unlimited AI Autocompletes"),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "All Mito Spreadsheet Pro features")),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Or supply your own Open AI Key to continue using the basic version of Mito AI."),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextButton__WEBPACK_IMPORTED_MODULE_3__["default"], { title: "Upgrade to Pro", text: "Upgrade to Pro", action: _utils_stripe__WEBPACK_IMPORTED_MODULE_4__.STRIPE_PAYMENT_LINK, variant: "purple", width: "block" })));
-    }
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chat-message-alert-container" },
+    if (mitoAIConnectionErrorType === _utils_errors__WEBPACK_IMPORTED_MODULE_3__.FREE_TIER_LIMIT_REACHED_ERROR_TITLE) {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chat-message-alert-container upgrade" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chat-message-alert" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "alert-error-message" }, "Free Trial Limit Reached")),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "alert-actions-title" }, "You've used up your free trial of Mito AI for this month."),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "alert-actions-title", style: { marginTop: '0px', marginBottom: '5px' } }, "Choose how you'd like to continue:"),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ol", { style: { margin: '0', paddingLeft: '20px' } },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null,
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", { action: _utils_stripe__WEBPACK_IMPORTED_MODULE_4__.STRIPE_PAYMENT_LINK, method: "POST", target: "_blank", style: { display: 'inline' } },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "submit", className: "secondary-option-link", style: {
+                                background: 'none',
+                                border: 'none',
+                                padding: 0,
+                                font: 'inherit',
+                                color: 'var(--purple-700)',
+                                textDecoration: 'underline',
+                                cursor: 'pointer',
+                                transition: 'color 0.2s ease'
+                            } }, "Upgrade to Mito Pro")),
+                    ' ',
+                    " for unlimited AI access and dedicated support"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null,
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { onClick: () => {
+                            window.open(CALENDLY_LINK, '_blank');
+                        }, className: "secondary-option-link", style: {
+                            background: 'none',
+                            border: 'none',
+                            padding: 0,
+                            font: 'inherit',
+                            color: 'var(--purple-700)',
+                            textDecoration: 'underline',
+                            cursor: 'pointer',
+                            transition: 'color 0.2s ease'
+                        } }, "Schedule a call with our founders"),
+                    ' ',
+                    " to get 3 free months of Mito Pro"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null,
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", { href: "https://docs.trymito.io/mito-ai/configuring-ai-provider-keys", target: "_blank", rel: "noreferrer", className: "secondary-option-link" }, "Use your own API keys"),
+                    ' ',
+                    " to continue using Mito AI"))));
+    }
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chat-message-alert-container error" },
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chat-message-alert" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "alert-error-message" },
                 "\u26A0 ",
@@ -612,10 +643,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const AssistantCodeBlock = ({ code, codeSummary, isCodeComplete, renderMimeRegistry, previewAICode, acceptAICode, rejectAICode, isLastAiMessage, codeReviewStatus, agentModeEnabled, isErrorFixup }) => {
+const AssistantCodeBlock = ({ code, codeSummary, isCodeComplete, renderMimeRegistry, previewAICode, acceptAICode, rejectAICode, isLastAiMessage, codeReviewStatus, agentModeEnabled, isErrorFixup, }) => {
     const [isCodeExpanded, setIsCodeExpanded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     const shouldShowToolbar = isLastAiMessage || isCodeComplete;
     if (agentModeEnabled) {
+        // Handle regular code blocks
         return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_3__.classNames)('code-block-container', 'agent-mode', {
                 'agent-mode-collapsed': !isCodeExpanded,
             }) },
@@ -739,7 +771,8 @@ const ChatDropdown = ({ options, onSelect, filterText, maxDropdownItems = 10, is
             return option.file.variable_name.toLowerCase().includes(effectiveFilterText.toLowerCase());
         }
         else if (option.type === 'db') {
-            return option.variable.value.toLowerCase().includes(effectiveFilterText.toLowerCase());
+            return option.variable.variable_name.toLowerCase().includes(effectiveFilterText.toLowerCase()) ||
+                option.variable.value.toLowerCase().includes(effectiveFilterText.toLowerCase());
         }
         else {
             return option.rule.toLowerCase().includes(effectiveFilterText.toLowerCase());
@@ -932,12 +965,13 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_5__ = __webpack_require__(/*! ../../../utils/classNames */ "./lib/utils/classNames.js");
-/* harmony import */ var _ChatDropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ChatDropdown */ "./lib/Extensions/AiChat/ChatMessage/ChatDropdown.js");
+/* harmony import */ var _ChatDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ChatDropdown */ "./lib/Extensions/AiChat/ChatMessage/ChatDropdown.js");
 /* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/notebook */ "./lib/utils/notebook.js");
 /* harmony import */ var _style_ChatInput_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../style/ChatInput.css */ "./style/ChatInput.css");
 /* harmony import */ var _style_ChatDropdown_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../style/ChatDropdown.css */ "./style/ChatDropdown.css");
 /* harmony import */ var _hooks_useDebouncedFunction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../hooks/useDebouncedFunction */ "./lib/hooks/useDebouncedFunction.js");
-/* harmony import */ var _components_SelectedContextContainer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../components/SelectedContextContainer */ "./lib/components/SelectedContextContainer.js");
+/* harmony import */ var _components_SelectedContextContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../components/SelectedContextContainer */ "./lib/components/SelectedContextContainer.js");
+/* harmony import */ var _components_AttachFileButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../components/AttachFileButton */ "./lib/components/AttachFileButton.js");
 /* harmony import */ var _components_DatabaseButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../components/DatabaseButton */ "./lib/components/DatabaseButton.js");
 /*
  * Copyright (c) Saga Inc.
@@ -952,6 +986,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditing, contextManager, notebookTracker, agentModeEnabled = false, agentExecutionStatus = 'idle', }) => {
     var _a;
     const [input, setInput] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialContent);
@@ -963,6 +998,34 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
     const [dropdownFilter, setDropdownFilter] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
     const [additionalContext, setAdditionalContext] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
     const [isDropdownFromButton, setIsDropdownFromButton] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const handleFileUpload = (file) => {
+        if (file.type.startsWith('image/')) {
+            const reader = new FileReader();
+            reader.onload = () => {
+                const base64String = reader.result;
+                const base64Data = base64String.split(',')[1]; // Remove data URL prefix
+                // Add the uploaded file to the additional context
+                setAdditionalContext(prev => [
+                    ...prev, {
+                        type: file.type || 'image',
+                        value: base64Data || '',
+                        display: file.name
+                    }
+                ]);
+            };
+            reader.readAsDataURL(file);
+        }
+        else {
+            // Add the uploaded file to the additional context
+            setAdditionalContext(prev => [
+                ...prev, {
+                    type: 'file',
+                    value: file.name,
+                    display: file.name
+                }
+            ]);
+        }
+    };
     // Debounce the active cell ID change to avoid multiple rerenders. 
     // We use this to avoid a flickering screen when the active cell changes. 
     const debouncedSetActiveCellID = (0,_hooks_useDebouncedFunction__WEBPACK_IMPORTED_MODULE_4__.useDebouncedFunction)((newID) => {
@@ -1106,15 +1169,32 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
         setIsDropdownFromButton(false);
     };
     const mapAdditionalContext = () => {
-        return additionalContext.map(context => {
-            if (context.type === 'db') {
-                return {
-                    type: context.type,
-                    value: context.value
-                };
+        const result = [];
+        additionalContext.forEach(contextItem => {
+            if (contextItem.type === 'db') {
+                result.push({
+                    type: contextItem.type,
+                    value: contextItem.value
+                });
+            }
+            else if (contextItem.type.startsWith('image/')) {
+                // If the user uploaded an image, we:
+                // 1. Keep the original context item. This is the base64 encoded image 
+                //    that will be processed in ChatTaskpane.tsx.
+                // 2. Add a second item to the additionalContext array, which will
+                //    have the image's filename, and be used in the prompt.
+                result.push(contextItem);
+                const fileName = contextItem.display || contextItem.value.split('/').pop() || 'image';
+                result.push({
+                    type: 'img',
+                    value: fileName
+                });
+            }
+            else {
+                result.push(contextItem);
             }
-            return context;
         });
+        return result;
     };
     // Update the expandedVariables arr when the variable manager changes
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
@@ -1167,6 +1247,7 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_5__.classNames)("chat-input-container") },
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'context-container' },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_DatabaseButton__WEBPACK_IMPORTED_MODULE_6__["default"], { app: app }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AttachFileButton__WEBPACK_IMPORTED_MODULE_7__["default"], { onFileUploaded: handleFileUpload, notebookTracker: notebookTracker }),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "context-button", onClick: () => {
                     var _a;
                     setDropdownVisible(true);
@@ -1174,7 +1255,7 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
                     setIsDropdownFromButton(true);
                     (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 } }, "\uFF20 Add Context"),
-            additionalContext.map((context, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_SelectedContextContainer__WEBPACK_IMPORTED_MODULE_7__["default"], { key: `${context.type}-${context.value}-${index}`, title: context.type === 'db' && context.display ? context.display : context.value, type: context.type, onRemove: () => setAdditionalContext(additionalContext.filter((_, i) => i !== index)), notebookTracker: notebookTracker, activeCellID: activeCellID })))),
+            additionalContext.map((context, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_SelectedContextContainer__WEBPACK_IMPORTED_MODULE_8__["default"], { key: `${context.type}-${context.value}-${index}`, title: context.display || context.value, type: context.type, onRemove: () => setAdditionalContext(additionalContext.filter((_, i) => i !== index)), notebookTracker: notebookTracker, activeCellID: activeCellID })))),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'chat-input-text-area-container' },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { ref: textAreaRef, className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_5__.classNames)("message", "message-user", 'chat-input', { "agent-mode": agentModeEnabled }), placeholder: placeholder, value: input, disabled: agentExecutionStatus === 'working' || agentExecutionStatus === 'stopping', onChange: handleInputChange, onKeyDown: (e) => {
                     // If dropdown is visible, only handle escape to close it
@@ -1203,7 +1284,7 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
                         }
                     }
                 } }),
-            isDropdownVisible && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatDropdown__WEBPACK_IMPORTED_MODULE_8__["default"], { options: expandedVariables, onSelect: handleOptionSelect, filterText: dropdownFilter, isDropdownFromButton: isDropdownFromButton, onFilterChange: setDropdownFilter, onClose: handleDropdownClose }))),
+            isDropdownVisible && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatDropdown__WEBPACK_IMPORTED_MODULE_9__["default"], { options: expandedVariables, onSelect: handleOptionSelect, filterText: dropdownFilter, isDropdownFromButton: isDropdownFromButton, onFilterChange: setDropdownFilter, onClose: handleDropdownClose }))),
         isEditing &&
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "message-edit-buttons" },
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { onClick: () => onSave(input, undefined, mapAdditionalContext()) }, "Save"),
@@ -1244,6 +1325,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_AgentComponents_GetCellOutputToolUI__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../components/AgentComponents/GetCellOutputToolUI */ "./lib/components/AgentComponents/GetCellOutputToolUI.js");
 /* harmony import */ var _components_AgentComponents_AssumptionToolUI__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../components/AgentComponents/AssumptionToolUI */ "./lib/components/AgentComponents/AssumptionToolUI.js");
 /* harmony import */ var _components_SelectedContextContainer__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../components/SelectedContextContainer */ "./lib/components/SelectedContextContainer.js");
+/* harmony import */ var _components_AgentComponents_RunAllCellsToolUI__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../components/AgentComponents/RunAllCellsToolUI */ "./lib/components/AgentComponents/RunAllCellsToolUI.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -1267,6 +1349,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 const ChatMessage = ({ app, message, promptType, agentResponse, messageIndex, mitoAIConnectionError, mitoAIConnectionErrorType, notebookTracker, renderMimeRegistry, isLastAiMessage, isLastMessage, operatingSystem, previewAICode, acceptAICode, rejectAICode, onUpdateMessage, contextManager, codeReviewStatus, setNextSteps, agentModeEnabled, additionalContext, }) => {
     const [isEditing, setIsEditing] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     if (message.role !== 'user' && message.role !== 'assistant') {
@@ -1320,7 +1403,7 @@ const ChatMessage = ({ app, message, promptType, agentResponse, messageIndex, mi
                 // An empty code will look like this '```python  ```'
                 if (messagePart.length > 14) {
                     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
-                        message.role === 'user' ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_UserCodeBlock__WEBPACK_IMPORTED_MODULE_7__["default"], { code: messagePart, renderMimeRegistry: renderMimeRegistry, agentModeEnabled: agentModeEnabled })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AssistantCodeBlock__WEBPACK_IMPORTED_MODULE_8__["default"], { code: messagePart, codeSummary: (_b = (_a = agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.cell_update) === null || _a === void 0 ? void 0 : _a.code_summary) !== null && _b !== void 0 ? _b : undefined, isCodeComplete: isCodeComplete, renderMimeRegistry: renderMimeRegistry, previewAICode: previewAICode, acceptAICode: acceptAICode, rejectAICode: rejectAICode, isLastAiMessage: isLastAiMessage, codeReviewStatus: codeReviewStatus, agentModeEnabled: agentModeEnabled })),
+                        message.role === 'user' ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_UserCodeBlock__WEBPACK_IMPORTED_MODULE_7__["default"], { code: messagePart, renderMimeRegistry: renderMimeRegistry, agentModeEnabled: agentModeEnabled })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AssistantCodeBlock__WEBPACK_IMPORTED_MODULE_8__["default"], { code: messagePart, codeSummary: (_b = (_a = agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.cell_update) === null || _a === void 0 ? void 0 : _a.code_summary) !== null && _b !== void 0 ? _b : ((agentResponse === null || agentResponse === void 0 ? void 0 : agentResponse.type) === 'run_all_cells' ? 'Running all cells' : undefined), isCodeComplete: isCodeComplete, renderMimeRegistry: renderMimeRegistry, previewAICode: previewAICode, acceptAICode: acceptAICode, rejectAICode: rejectAICode, isLastAiMessage: isLastAiMessage, codeReviewStatus: codeReviewStatus, agentModeEnabled: agentModeEnabled })),
                         isLastAiMessage && isCodeComplete && codeReviewStatus === 'chatPreview' &&
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'chat-message-buttons' },
                                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextAndIconButton__WEBPACK_IMPORTED_MODULE_9__["default"], { onClick: () => { previewAICode(); }, text: 'Overwrite Active Cell', icon: _icons_PlayButtonIcon__WEBPACK_IMPORTED_MODULE_10__["default"], title: 'Write the Ai generated code to the active cell in the jupyter notebook, replacing the current code.', variant: 'gray', width: 'fit-contents' }),
@@ -1358,7 +1441,9 @@ const ChatMessage = ({ app, message, promptType, agentResponse, messageIndex, mi
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "message-start-editing-button", onClick: handleEditClick, title: "Edit message" },
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_Pencil__WEBPACK_IMPORTED_MODULE_17__["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_18__["default"], null)));
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentComponents_GetCellOutputToolUI__WEBPACK_IMPORTED_MODULE_18__["default"], null),
+        (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_19__["default"], null)));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChatMessage);
 
@@ -1916,6 +2001,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_scroll__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/scroll */ "./lib/utils/scroll.js");
 /* harmony import */ var _utils_strings__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../utils/strings */ "./lib/utils/strings.js");
 /* harmony import */ var _utils_waitForNotebookReady__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils/waitForNotebookReady */ "./lib/utils/waitForNotebookReady.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils */ "./lib/Extensions/AiChat/utils.js");
 /* harmony import */ var _SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../SettingsManager/SettingsManagerPlugin */ "./lib/Extensions/SettingsManager/SettingsManagerPlugin.js");
 /* harmony import */ var _CTACarousel__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./CTACarousel */ "./lib/Extensions/AiChat/CTACarousel.js");
 /* harmony import */ var _CodeDiffDisplay__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./CodeDiffDisplay */ "./lib/Extensions/AiChat/CodeDiffDisplay.js");
@@ -1928,7 +2014,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _style_button_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../style/button.css */ "./style/button.css");
 /* harmony import */ var _style_ChatTaskpane_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../style/ChatTaskpane.css */ "./style/ChatTaskpane.css");
 /* harmony import */ var _style_TextButton_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../style/TextButton.css */ "./style/TextButton.css");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils */ "./lib/Extensions/AiChat/utils.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -1966,6 +2051,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // Internal imports - Chat components
 
 
@@ -1979,7 +2065,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 const AGENT_EXECUTION_DEPTH_LIMIT = 20;
 const getDefaultChatHistoryManager = (notebookTracker, contextManager) => {
     const chatHistoryManager = new _ChatHistoryManager__WEBPACK_IMPORTED_MODULE_7__.ChatHistoryManager(contextManager, notebookTracker);
@@ -2366,6 +2451,8 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, app
         if (messageIndex !== undefined) {
             agentExecutionMetadata.index = messageIndex;
         }
+        // Extract images from additionalContext and update agentExecutionMetadata
+        additionalContext = (0,_utils__WEBPACK_IMPORTED_MODULE_12__.extractImagesFromContext)(additionalContext, agentExecutionMetadata);
         agentExecutionMetadata.base64EncodedActiveCellOutput = await (0,_utils__WEBPACK_IMPORTED_MODULE_12__.getBase64EncodedCellOutput)(notebookTracker, sendCellIDOutput);
         setChatHistoryManager(newChatHistoryManager);
         setLoadingAIResponse(true);
@@ -2406,6 +2493,8 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, app
         if (activeCellOutput !== undefined) {
             chatMessageMetadata.base64EncodedActiveCellOutput = activeCellOutput;
         }
+        // Extract images from additionalContext and update chatMessageMetadata
+        additionalContext = (0,_utils__WEBPACK_IMPORTED_MODULE_12__.extractImagesFromContext)(additionalContext, chatMessageMetadata);
         const completionRequest = {
             type: 'chat',
             message_id: _lumino_coreutils__WEBPACK_IMPORTED_MODULE_3__.UUID.uuid4(),
@@ -2642,6 +2731,22 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, app
                 // in the next loop iteration
                 sendCellIDOutput = agentResponse.get_cell_output_cell_id;
             }
+            if (agentResponse.type === 'run_all_cells') {
+                const result = await (0,_utils_agentActions__WEBPACK_IMPORTED_MODULE_17__.runAllCells)(app, notebookTracker);
+                // If run_all_cells resulted in an error, handle it through the error fixup process
+                if (!result.success && result.errorMessage && result.errorCellId) {
+                    // Set the error cell as active so the error retry logic can work with it
+                    (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_13__.setActiveCellByID)(notebookTracker, result.errorCellId);
+                    const status = await (0,_utils_agentActions__WEBPACK_IMPORTED_MODULE_17__.retryIfExecutionError)(notebookTracker, app, getDuplicateChatHistoryManager, addAIMessageFromResponseAndUpdateState, sendAgentSmartDebugMessage, previewAICodeToActiveCell, acceptAICode, shouldContinueAgentExecution, finalizeAgentStop, chatHistoryManagerRef);
+                    if (status === 'interupted') {
+                        break;
+                    }
+                    if (status === 'failure') {
+                        addAIMessageFromResponseAndUpdateState("I apologize, but I encountered an error while running all cells and was unable to fix it after multiple attempts. You may want to check the notebook for errors.", 'agent:execution', chatHistoryManager);
+                        break;
+                    }
+                }
+            }
         }
         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', chatHistoryManager);
@@ -3305,6 +3410,7 @@ const getFirstMessageFromCookie = () => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   setDefaultWindowingMode: () => (/* binding */ setDefaultWindowingMode),
 /* harmony export */   setRenameUntitledFileOnSave: () => (/* binding */ setRenameUntitledFileOnSave)
 /* harmony export */ });
 /*
@@ -3313,6 +3419,7 @@ __webpack_require__.r(__webpack_exports__);
  */
 // Document manager plugin ID
 const DOCMANAGER_PLUGIN_ID = '@jupyterlab/docmanager-extension:plugin';
+const NOTEBOOK_PLUGIN_ID = '@jupyterlab/notebook-extension:tracker';
 // Set renameUntitledFileOnSave to false when the extension loads
 const setRenameUntitledFileOnSave = async (settingRegistry, _documentManager) => {
     // Note we don't use the documentManager, but we require it as a parameter to make sure
@@ -3321,7 +3428,15 @@ const setRenameUntitledFileOnSave = async (settingRegistry, _documentManager) =>
         await settingRegistry.set(DOCMANAGER_PLUGIN_ID, 'renameUntitledFileOnSave', false);
     }
     catch (error) {
-        console.error('Failed to set renameUntitledFileOnSave setting:', error);
+        console.error('[mito-ai jupyter settings manager] Failed to set renameUntitledFileOnSave setting:', error);
+    }
+};
+const setDefaultWindowingMode = async (settingRegistry) => {
+    try {
+        await settingRegistry.set(NOTEBOOK_PLUGIN_ID, 'windowingMode', 'defer');
+    }
+    catch (error) {
+        console.log('[mito-ai jupyter settings manager] Failed to set windowingMode to defer', error);
     }
 };
 
@@ -3368,6 +3483,7 @@ const IChatTracker = new _lumino_coreutils__WEBPACK_IMPORTED_MODULE_0__.Token('m
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   extractImagesFromContext: () => (/* binding */ extractImagesFromContext),
 /* harmony export */   getBase64EncodedCellOutput: () => (/* binding */ getBase64EncodedCellOutput)
 /* harmony export */ });
 /* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/notebook */ "./lib/utils/notebook.js");
@@ -3397,6 +3513,18 @@ const getBase64EncodedCellOutput = async (notebookTracker, cellID) => {
     }
     return undefined;
 };
+const extractImagesFromContext = (additionalContext, metadata) => {
+    // Move any (base64 encoded) images from additionalContext into metadata.
+    // The metadata is used on the backend to "attach" the image to the prompt;
+    // plus the base64 encoded image is too big to include directly in the prompt.
+    additionalContext === null || additionalContext === void 0 ? void 0 : additionalContext.map((context) => {
+        if (context.type.startsWith('image/')) {
+            metadata.base64EncodedUploadedImage = context.value;
+        }
+    });
+    // Remove images from the additionalContext array and return the filtered result.
+    return additionalContext === null || additionalContext === void 0 ? void 0 : additionalContext.filter(c => !c.type.startsWith('image/'));
+};
 
 
 /***/ }),
@@ -3539,12 +3667,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jupyterlab_coreutils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_coreutils__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 _requirementsUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./requirementsUtils */ "./lib/Extensions/AppBuilder/requirementsUtils.js");
-/* harmony import */ var _fileUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fileUtils */ "./lib/Extensions/AppBuilder/fileUtils.js");
+/* harmony import */ var _requirementsUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./requirementsUtils */ "./lib/Extensions/AppBuilder/requirementsUtils.js");
+/* harmony import */ var _fileUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fileUtils */ "./lib/Extensions/AppBuilder/fileUtils.js");
 /* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @lumino/coreutils */ "webpack/sharing/consume/default/@lumino/coreutils");
 /* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_lumino_coreutils__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _DeployAppNotification__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DeployAppNotification */ "./lib/Extensions/AppBuilder/DeployAppNotification.js");
+/* harmony import */ var _DeployAppNotification__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./DeployAppNotification */ "./lib/Extensions/AppBuilder/DeployAppNotification.js");
 /* harmony import */ var _auth__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./auth */ "./lib/Extensions/AppBuilder/auth.js");
+/* harmony import */ var _authPopupUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./authPopupUtils */ "./lib/Extensions/AppBuilder/authPopupUtils.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -3556,15 +3685,32 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /*
 This function generates a requirements.txt file that lists the dependencies for the streamlit app
 */
 const convertNotebookToStreamlit = async (notebookTracker, appBuilderService) => {
-    // Check authentication before proceeding with deployment
-    const isAuthenticated = await (0,_auth__WEBPACK_IMPORTED_MODULE_3__.checkAuthenticationAndRedirect)();
-    if (!isAuthenticated) {
+    let jwtToken = await (0,_auth__WEBPACK_IMPORTED_MODULE_3__.getJWTToken)();
+    if (!jwtToken) {
+        // No token found, show authentication popup
         console.log('User not authenticated, redirected to signup');
-        return;
+        try {
+            const user = await (0,_authPopupUtils__WEBPACK_IMPORTED_MODULE_4__.showAuthenticationPopup)();
+            console.log('User authenticated successfully:', user);
+            // Try to get the JWT token again after successful authentication
+            jwtToken = await (0,_auth__WEBPACK_IMPORTED_MODULE_3__.getJWTToken)();
+            if (!jwtToken) {
+                console.error('JWT token still not available after authentication');
+                _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit('Authentication failed - JWT token not found', 'error', {
+                    autoClose: false
+                });
+                return;
+            }
+        }
+        catch (error) {
+            console.log('Authentication cancelled or failed:', error);
+            return; // Exit early if authentication was cancelled
+        }
     }
     const notebookPanel = notebookTracker.currentWidget;
     if (!notebookPanel) {
@@ -3578,20 +3724,19 @@ const convertNotebookToStreamlit = async (notebookTracker, appBuilderService) =>
     console.log('Current working directory info:', notebookPanel.context);
     // Build the requirements.txt file
     console.debug("Building requirements.txt file");
-    const requirementsContent = await (0,_requirementsUtils__WEBPACK_IMPORTED_MODULE_4__.generateRequirementsTxt)(notebookTracker);
+    const requirementsContent = await (0,_requirementsUtils__WEBPACK_IMPORTED_MODULE_5__.generateRequirementsTxt)(notebookTracker);
     // Save the files to the current directory
-    await (0,_fileUtils__WEBPACK_IMPORTED_MODULE_5__.saveFileWithKernel)(notebookTracker, './requirements.txt', requirementsContent);
+    await (0,_fileUtils__WEBPACK_IMPORTED_MODULE_6__.saveFileWithKernel)(notebookTracker, './requirements.txt', requirementsContent);
     // After building the files, we need to send a request to the backend to deploy the app
     if (appBuilderService) {
         try {
             console.log("Sending request to deploy the app");
-            // Get JWT token for authentication
-            const jwtToken = (0,_auth__WEBPACK_IMPORTED_MODULE_3__.getJWTToken)();
+            // Use the JWT token that was already obtained or refreshed above
             const response = await appBuilderService.client.sendMessage({
                 type: 'build-app',
                 message_id: _lumino_coreutils__WEBPACK_IMPORTED_MODULE_2__.UUID.uuid4(),
                 notebook_path: notebookPath,
-                jwt_token: jwtToken || appBuilderService.client.serverSettings.token
+                jwt_token: jwtToken
             });
             if (response.error) {
                 _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(response.error.title, 'error', {
@@ -3601,7 +3746,7 @@ const convertNotebookToStreamlit = async (notebookTracker, appBuilderService) =>
             else {
                 console.log("App deployment response:", response);
                 const url = response.url;
-                (0,_DeployAppNotification__WEBPACK_IMPORTED_MODULE_6__.deployAppNotification)(url);
+                (0,_DeployAppNotification__WEBPACK_IMPORTED_MODULE_7__.deployAppNotification)(url);
             }
         }
         catch (error) {
@@ -3615,6 +3760,116 @@ const convertNotebookToStreamlit = async (notebookTracker, appBuilderService) =>
 };
 
 
+/***/ }),
+
+/***/ "./lib/Extensions/AppBuilder/auth-popup-deploy.js":
+/*!********************************************************!*\
+  !*** ./lib/Extensions/AppBuilder/auth-popup-deploy.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AuthPopup: () => (/* binding */ AuthPopup)
+/* 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 _aws_amplify_ui_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @aws-amplify/ui-react */ "webpack/sharing/consume/default/@aws-amplify/ui-react/@aws-amplify/ui-react");
+/* harmony import */ var _aws_amplify_ui_react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_ui_react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _aws_amplify_ui_react_styles_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @aws-amplify/ui-react/styles.css */ "./node_modules/@aws-amplify/ui-react/dist/styles.css");
+/* harmony import */ var _style_ConnectionForm_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../style/ConnectionForm.css */ "./style/ConnectionForm.css");
+/* harmony import */ var _style_button_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../style/button.css */ "./style/button.css");
+/* harmony import */ var _style_AuthPopup_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../style/AuthPopup.css */ "./style/AuthPopup.css");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+// auth-popup.tsx - Simple authentication popup with CSS-based requirements
+
+
+
+
+
+
+const AuthPopup = ({ isOpen, onClose, onSuccess }) => {
+    // Track if we've already called onSuccess to prevent infinite loops
+    const hasCalledOnSuccess = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(false);
+    // Track if we should show progress bar
+    const [showProgress, setShowProgress] = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false);
+    // Cleanup on unmount
+    react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(() => {
+        return () => {
+            setShowProgress(false);
+        };
+    }, []);
+    if (!isOpen)
+        return null;
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "modal-overlay" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "modal-content" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "modal-header" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", null, "Sign In / Sign Up"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { onClick: onClose, className: "modal-close-button", title: "Close" }, "\u00D7")),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_aws_amplify_ui_react__WEBPACK_IMPORTED_MODULE_1__.Authenticator, { loginMechanisms: ['email'], signUpAttributes: ['name', 'email'], formFields: {
+                    signUp: {
+                        name: {
+                            order: 1,
+                            placeholder: 'Enter your full name',
+                            label: 'Full Name *',
+                            required: true
+                        },
+                        email: {
+                            order: 2,
+                            placeholder: 'Enter your email address',
+                            label: 'Email *'
+                        },
+                        password: {
+                            order: 3,
+                            placeholder: 'Enter your password',
+                            label: 'Password *',
+                            required: true
+                        },
+                        confirm_password: {
+                            order: 4,
+                            placeholder: 'Confirm your password',
+                            label: 'Confirm Password *'
+                        }
+                    }
+                } }, ({ user }) => {
+                // Call onSuccess when user is authenticated, but only once and with delay
+                if (user && !hasCalledOnSuccess.current) {
+                    // Show the progress bar
+                    setShowProgress(true);
+                    // Give users time to see the success message before calling onSuccess
+                    setTimeout(() => {
+                        if (!hasCalledOnSuccess.current) {
+                            hasCalledOnSuccess.current = true;
+                            onSuccess(user);
+                        }
+                    }, 3000); // 3 second delay
+                }
+                // If user is signed in, show the welcome message
+                if (user) {
+                    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "welcome-message-container" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "welcome-message-title" }, "Welcome to mito!"),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "welcome-message-description" }, "You're all set to deploy your app."),
+                        showProgress && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "progress-bar-container" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "progress-bar-fill" }))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "progress-bar-timer" }, "Closing automatically in a few seconds...")));
+                }
+                // If user is not signed in, don't render anything here
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { display: 'none' } });
+            }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "password-requirements" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Password Requirements:"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", null,
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "At least 8 characters long"),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "Contains at least one uppercase letter"),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "Contains at least one lowercase letter"),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "Contains at least one number"),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, "Contains at least one special character"))))));
+};
+
+
 /***/ }),
 
 /***/ "./lib/Extensions/AppBuilder/auth.js":
@@ -3625,176 +3880,172 @@ const convertNotebookToStreamlit = async (notebookTracker, appBuilderService) =>
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   checkAuthenticationAndRedirect: () => (/* binding */ checkAuthenticationAndRedirect),
-/* harmony export */   exchangeCodeForTokens: () => (/* binding */ exchangeCodeForTokens),
 /* harmony export */   getAuthHeaders: () => (/* binding */ getAuthHeaders),
 /* harmony export */   getJWTToken: () => (/* binding */ getJWTToken),
-/* harmony export */   isUserAuthenticated: () => (/* binding */ isUserAuthenticated),
-/* harmony export */   redirectToSignin: () => (/* binding */ redirectToSignin),
-/* harmony export */   redirectToSignup: () => (/* binding */ redirectToSignup),
-/* harmony export */   removeJWTToken: () => (/* binding */ removeJWTToken),
-/* harmony export */   setJWTToken: () => (/* binding */ setJWTToken)
+/* harmony export */   logoutAndClearJWTTokens: () => (/* binding */ logoutAndClearJWTTokens)
 /* harmony export */ });
-/* harmony import */ var _restAPI_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../restAPI/utils */ "./lib/restAPI/utils.js");
+/* harmony import */ var aws_amplify_auth__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! aws-amplify/auth */ "./node_modules/@aws-amplify/core/dist/esm/singleton/apis/fetchAuthSession.mjs");
+/* harmony import */ var aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! aws-amplify/auth */ "./node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/signOut.mjs");
+/* harmony import */ var _aws_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./aws-config */ "./lib/Extensions/AppBuilder/aws-config.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
 
-const domain_dev = 'https://mito-app-auth.auth.us-east-1.amazoncognito.com';
-const client_id = '6ara3u3l8sss738hrhbq1qtiqf';
-// Change this to domain_dev for dev deployments
-const active_domain = domain_dev;
-const currentUrl = window.location.href;
-let redirectUrl;
-// As of now we only support localhost:8888 because we have only allowed this redirect url on AWS conito
-// We can modify the redirect to include other ports in the future
-if (currentUrl.includes('localhost')) {
-    redirectUrl = 'http://localhost:8888/lab';
-}
-else if (currentUrl.includes('trymito')) {
-    redirectUrl = 'https://launch.trymito.io';
-}
-else {
-    redirectUrl = currentUrl;
-}
-console.log("currentUrl: ", currentUrl);
-// AWS Cognito configuration
-const COGNITO_CONFIG = {
-    SIGNUP_URL: `${active_domain}/signup?client_id=${client_id}&response_type=code&scope=email+openid+profile&redirect_uri=${redirectUrl}`,
-    SIGNIN_URL: `${active_domain}/login?client_id=${client_id}&response_type=code&scope=email+openid+profile&redirect_uri=${redirectUrl}`,
-    JWT_COOKIE_NAME: 'mito-auth-token',
-    JWT_COOKIE_EXPIRY_HOURS: 1
-};
-/**
- * Check if user is authenticated by looking for JWT token in cookies
- */
-const isUserAuthenticated = () => {
-    const token = getJWTToken();
-    return token !== null && token !== undefined && token !== '';
-};
+
+// Ensure Amplify is configured before any auth operations
+(0,_aws_config__WEBPACK_IMPORTED_MODULE_0__.configureAmplify)();
 /**
  * Get JWT token from cookies
  */
-const getJWTToken = () => {
-    const cookies = document.cookie.split(';');
-    const jwtCookie = cookies.find(cookie => cookie.trim().startsWith(`${COGNITO_CONFIG.JWT_COOKIE_NAME}=`));
-    if (jwtCookie) {
-        const token = jwtCookie.split('=')[1];
-        return token || null;
+const getJWTToken = async () => {
+    var _a, _b;
+    try {
+        const session = await (0,aws_amplify_auth__WEBPACK_IMPORTED_MODULE_1__.fetchAuthSession)();
+        const accessToken = (_b = (_a = session.tokens) === null || _a === void 0 ? void 0 : _a.accessToken) === null || _b === void 0 ? void 0 : _b.toString();
+        return accessToken || '';
     }
-    return null;
-};
-/**
- * Set JWT token as a cookie
- */
-const setJWTToken = (token) => {
-    const date = new Date();
-    date.setTime(date.getTime() + (COGNITO_CONFIG.JWT_COOKIE_EXPIRY_HOURS * 60 * 60 * 1000));
-    const expires = "expires=" + date.toUTCString();
-    // Set cookie for all subdomains of trymito.io (production)
-    document.cookie = `${COGNITO_CONFIG.JWT_COOKIE_NAME}=${token}; ${expires}; path=/; domain=.trymito.io; SameSite=Lax; Secure`;
-    // For localhost development
-    if (window.location.hostname === 'localhost') {
-        document.cookie = `${COGNITO_CONFIG.JWT_COOKIE_NAME}=${token}; ${expires}; path=/`;
+    catch (error) {
+        console.error('Error getting JWT token:', error);
+        return '';
     }
 };
 /**
- * Remove JWT token from cookies
+ * Get authentication headers for API requests
  */
-const removeJWTToken = () => {
-    // Delete for current domain
-    document.cookie = `${COGNITO_CONFIG.JWT_COOKIE_NAME}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
-    // Delete for all subdomains
-    document.cookie = `${COGNITO_CONFIG.JWT_COOKIE_NAME}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=.trymito.io;`;
+const getAuthHeaders = async () => {
+    const token = await getJWTToken();
+    if (token) {
+        return {
+            'Authorization': `Bearer ${token}`
+        };
+    }
+    return {};
 };
 /**
- * Exchange authorization code for JWT tokens
+ * Logout user and clear all AWS Amplify/Cognito localStorage items
  */
-const exchangeCodeForTokens = async (code) => {
+const logoutAndClearJWTTokens = async () => {
     try {
-        const response = await (0,_restAPI_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)('auth/token', {
-            method: 'POST',
-            body: JSON.stringify({ code })
-        });
-        if (response.error) {
-            console.error('Failed to exchange code for tokens:', response.error);
-            return false;
-        }
-        if (response.data) {
-            const data = response.data;
-            const { access_token } = data;
-            // Store the access token as the JWT token
-            if (access_token) {
-                setJWTToken(access_token);
-                return true;
-            }
-        }
-        return false;
+        // Sign out from AWS Cognito using Amplify
+        await (0,aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2__.signOut)();
+        console.log('User logged out successfully');
     }
     catch (error) {
-        console.error('Error exchanging code for tokens:', error);
-        return false;
+        console.error('Error during logout:', error);
+        throw error;
     }
-};
-/**
- * Redirect user to AWS Cognito signup page
- */
-const redirectToSignup = () => {
-    window.location.href = COGNITO_CONFIG.SIGNUP_URL;
-};
-/**
- * Redirect user to AWS Cognito signin page
- */
-const redirectToSignin = () => {
-    window.location.href = COGNITO_CONFIG.SIGNIN_URL;
-};
-/**
- * Handle authentication check and redirect if needed
- * Returns true if user is authenticated, false if redirected
- */
-const checkAuthenticationAndRedirect = async () => {
-    if (!isUserAuthenticated()) {
-        // Check if there's a code parameter in the URL (indicating return from Cognito)
-        const urlParams = new URLSearchParams(window.location.search);
-        const code = urlParams.get('code');
-        if (code) {
-            // User has returned from Cognito with authorization code
-            console.log('Received authorization code from Cognito:', code);
-            // Exchange the code for JWT tokens
-            const success = await exchangeCodeForTokens(code);
-            if (success) {
-                // Clean up URL
-                const newUrl = window.location.pathname;
-                window.history.replaceState({}, document.title, newUrl);
-                return true;
-            }
-            else {
-                // Failed to exchange code, redirect to signup
-                redirectToSignup();
-                return false;
+    finally {
+        // Remove all keys that start with common Amplify prefixes
+        const keysToRemove = [];
+        for (let i = 0; i < localStorage.length; i++) {
+            const key = localStorage.key(i);
+            if (key && (key.startsWith('CognitoIdentityServiceProvider.'))) {
+                keysToRemove.push(key);
             }
         }
-        else {
-            // No token and no code, redirect to signup
-            redirectToSignup();
-            return false;
-        }
+        // Remove all identified keys
+        keysToRemove.forEach(key => {
+            localStorage.removeItem(key);
+        });
+        console.log('Auth tokens cleared successfully');
     }
-    return true;
 };
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/AppBuilder/authPopupUtils.js":
+/*!*****************************************************!*\
+  !*** ./lib/Extensions/AppBuilder/authPopupUtils.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   showAuthenticationPopup: () => (/* binding */ showAuthenticationPopup)
+/* 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 react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ "./node_modules/react-dom/client.js");
+/* harmony import */ var _auth_popup_deploy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./auth-popup-deploy */ "./lib/Extensions/AppBuilder/auth-popup-deploy.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
 /**
- * Get authentication headers for API requests
+ * Shows an authentication popup and returns a promise that resolves when authentication is successful
  */
-const getAuthHeaders = () => {
-    const token = getJWTToken();
-    if (token) {
-        return {
-            'Authorization': `Bearer ${token}`
+const showAuthenticationPopup = () => {
+    return new Promise((resolve, reject) => {
+        // Create a container for the popup
+        const popupContainer = document.createElement('div');
+        popupContainer.id = 'auth-popup-container';
+        document.body.appendChild(popupContainer);
+        // Create root for React 18
+        const root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(popupContainer);
+        const handleSuccess = (user) => {
+            // Clean up the popup
+            root.unmount();
+            document.body.removeChild(popupContainer);
+            resolve(user);
         };
-    }
-    return {};
+        const handleClose = () => {
+            // Clean up the popup
+            root.unmount();
+            document.body.removeChild(popupContainer);
+            reject(new Error('Authentication cancelled'));
+        };
+        // Render the AuthPopup
+        root.render(react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_auth_popup_deploy__WEBPACK_IMPORTED_MODULE_2__.AuthPopup, { isOpen: true, onSuccess: handleSuccess, onClose: handleClose }));
+    });
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/AppBuilder/aws-config.js":
+/*!*************************************************!*\
+  !*** ./lib/Extensions/AppBuilder/aws-config.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   configureAmplify: () => (/* binding */ configureAmplify)
+/* harmony export */ });
+/* harmony import */ var aws_amplify__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! aws-amplify */ "webpack/sharing/consume/default/aws-amplify/aws-amplify?b926");
+/* harmony import */ var aws_amplify__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(aws_amplify__WEBPACK_IMPORTED_MODULE_0__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const userPoolIdDev = 'us-east-1_Kk0f9mOfx';
+const userPoolClientIdDev = '6ara3u3l8sss738hrhbq1qtiqf';
+// TODO: modify to prod user ID and client ID on after creating teh cognito resources in prod
+const userPoolId = userPoolIdDev;
+const userPoolClientId = userPoolClientIdDev;
+const configureAmplify = () => {
+    aws_amplify__WEBPACK_IMPORTED_MODULE_0__.Amplify.configure({
+        Auth: {
+            Cognito: {
+                userPoolId: userPoolId,
+                userPoolClientId: userPoolClientId,
+                loginWith: {
+                    email: true,
+                    username: false,
+                }
+            },
+        }
+    });
+    console.log('Amplify configuration loaded successfully');
 };
+// Configure immediately when this module is imported
+configureAmplify();
 
 
 /***/ }),
@@ -4009,73 +4260,379 @@ with tempfile.TemporaryDirectory() as temp_dir:
 
 /***/ }),
 
-/***/ "./lib/Extensions/ContextManager/ContextManagerPlugin.js":
-/*!***************************************************************!*\
-  !*** ./lib/Extensions/ContextManager/ContextManagerPlugin.js ***!
-  \***************************************************************/
+/***/ "./lib/Extensions/AppManager/AppsList.js":
+/*!***********************************************!*\
+  !*** ./lib/Extensions/AppManager/AppsList.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 */   AppsList: () => (/* binding */ AppsList)
 /* 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_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @jupyterlab/ui-components */ "webpack/sharing/consume/default/@jupyterlab/ui-components");
+/* harmony import */ var _jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _AppBuilder_auth__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../AppBuilder/auth */ "./lib/Extensions/AppBuilder/auth.js");
+/* harmony import */ var _ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ListAppsAPI */ "./lib/Extensions/AppManager/ListAppsAPI.js");
+/* harmony import */ var _style_AppsList_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/AppsList.css */ "./style/AppsList.css");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
+//app-list.tsx
 
 
 
 
-// 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._variables = [];
-        this._files = [];
-        // Setup the kernel listener to update context as kernel messages are received
-        this.setupKernelListener(app, notebookTracker);
-    }
-    get variables() {
-        return this._variables;
-    }
-    setVariables(newVars) {
-        this._variables = newVars;
-    }
-    get files() {
-        return this._files;
-    }
-    setFiles(newFiles) {
-        this._files = newFiles;
-    }
-    // Setup kernel execution listener
-    setupKernelListener(app, notebookTracker) {
-        notebookTracker.currentChanged.connect(async (tracker, notebookPanel) => {
-            if (!notebookPanel) {
-                return;
-            }
-            // Listen for kernel refresh events
-            notebookPanel.context.sessionContext.statusChanged.connect((sender, status) => {
-                if (status === 'restarting') {
-                    this.setVariables([]); // Clear variables on kernel refresh
+
+const AppsList = ({ appManagerService }) => {
+    const [apps, setApps] = react__WEBPACK_IMPORTED_MODULE_0__.useState([]);
+    const [loading, setLoading] = react__WEBPACK_IMPORTED_MODULE_0__.useState(true);
+    const [error, setError] = react__WEBPACK_IMPORTED_MODULE_0__.useState(null);
+    // Fetch apps on component mount
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+        const loadApps = async () => {
+            try {
+                console.log('[AppsList] Starting to load apps...');
+                setLoading(true);
+                setError(null);
+                console.log('[AppsList] Calling fetchUserApps...');
+                const response = await (0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__.fetchUserApps)(appManagerService);
+                console.log('[AppsList] fetchUserApps response:', response);
+                if ((0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__.isGetAppsSuccess)(response)) {
+                    setApps(response.apps);
                 }
-            });
-            // As soon as the notebook is opened, fetch the files so we don't have to wait for the first message.
-            await (0,_FileInspector__WEBPACK_IMPORTED_MODULE_2__.fetchFilesAndUpdateState)(app, notebookTracker, this.setFiles.bind(this));
-            // 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. 
+                else {
+                    setError(response.errorMessage || 'Failed to load apps');
+                    setApps([]);
+                }
+            }
+            catch (err) {
+                console.error('[AppsList] Error loading apps:', err);
+                setError(err instanceof Error ? err.message : 'An unexpected error occurred');
+                setApps([]);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        console.log('[AppsList] Component mounted, calling loadApps...');
+        void loadApps();
+    }, [appManagerService]);
+    const refreshApps = async () => {
+        const response = await (0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__.fetchUserApps)(appManagerService);
+        if ((0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__.isGetAppsSuccess)(response)) {
+            setApps(response.apps);
+            setError(null);
+        }
+        else {
+            setError(response.errorMessage || 'Failed to refresh apps');
+        }
+    };
+    const copyToClipboard = async (url, appName) => {
+        try {
+            await navigator.clipboard.writeText(url);
+            console.log(`Copied URL for ${appName}: ${url}`);
+        }
+        catch (err) {
+            console.error('Failed to copy URL:', err);
+            // Fallback for older browsers
+            const textArea = document.createElement('textarea');
+            textArea.value = url;
+            document.body.appendChild(textArea);
+            textArea.select();
+            document.execCommand('copy');
+            document.body.removeChild(textArea);
+        }
+    };
+    const getStatusColor = (status) => {
+        switch (status) {
+            case 'active':
+                return '#4caf50';
+            case 'error':
+                return '#f44336';
+            case 'deploying':
+                return '#2196f3';
+            case 'shut down':
+                return '#9e9e9e';
+            default:
+                return '#9e9e9e';
+        }
+    };
+    const getStatusText = (status) => {
+        return status.charAt(0).toUpperCase() + status.slice(1);
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-container" },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-header" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3", { className: "apps-list-title" }, "Your Apps"),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-actions" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: refreshApps, disabled: loading, className: "apps-list-button", title: "Refresh apps" }, loading ? 'Loading...' : 'Refresh'),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: () => {
+                        console.log('Logout clicked');
+                        void (0,_AppBuilder_auth__WEBPACK_IMPORTED_MODULE_4__.logoutAndClearJWTTokens)();
+                    }, className: "apps-list-button", title: "Logout" }, "Logout"))),
+        loading ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-loading" }, "Loading apps...")) : error ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-error" },
+            "Error: ",
+            error,
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-error-actions" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: refreshApps, className: "apps-list-button primary" }, "Try Again")))) : apps.length === 0 ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-empty" }, "No apps deployed yet")) : (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, apps.map((app) => (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: app.name, className: "app-item" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-header" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-content" },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-name" }, app.name),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-status-container" },
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "app-item-status-indicator", style: { backgroundColor: getStatusColor(app.status) } }),
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "app-item-status-text" }, getStatusText(app.status))),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-created" },
+                        "Created: ",
+                        app.createdAt))),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-url-container" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-url" }, app.url),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: () => copyToClipboard(app.url, app.name), className: "app-item-copy-button", title: `Copy URL for ${app.name}` },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1__.copyIcon.react, { width: "14px", height: "14px", fill: "var(--jp-ui-font-color2)" }))))))))));
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/AppManager/ListAppsAPI.js":
+/*!**************************************************!*\
+  !*** ./lib/Extensions/AppManager/ListAppsAPI.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   fetchUserApps: () => (/* binding */ fetchUserApps),
+/* harmony export */   isGetAppsFailure: () => (/* binding */ isGetAppsFailure),
+/* harmony export */   isGetAppsSuccess: () => (/* binding */ isGetAppsSuccess)
+/* harmony export */ });
+/* harmony import */ var _AppBuilder_auth__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../AppBuilder/auth */ "./lib/Extensions/AppBuilder/auth.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+// Type guards for working with the discriminated union
+const isGetAppsSuccess = (response) => {
+    return response.success === true;
+};
+const isGetAppsFailure = (response) => {
+    return response.success === false;
+};
+const fetchUserApps = async (appManagerService) => {
+    try {
+        const jwtToken = await (0,_AppBuilder_auth__WEBPACK_IMPORTED_MODULE_0__.getJWTToken)();
+        if (!jwtToken) {
+            return {
+                success: false,
+                errorMessage: 'User not authenticated'
+            };
+        }
+        // Create the request message with proper typing
+        const request = {
+            type: 'manage-app',
+            jwt_token: jwtToken
+        };
+        // Using websocket service with correct message structure and proper typing
+        const response = await appManagerService.client.sendMessage(request);
+        // Check if the response indicates an error
+        if (response.error) {
+            return {
+                success: false,
+                errorMessage: response.error.title || 'Failed to fetch apps'
+            };
+        }
+        // Transform the response to match expected format
+        const apps = (response.apps || []).map(app => {
+            var _a;
+            return ({
+                name: app.app_name,
+                url: app.url,
+                status: (_a = app.status) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
+                createdAt: app.created_at
+            });
+        });
+        return {
+            success: true,
+            apps
+        };
+    }
+    catch (error) {
+        console.error('Error fetching apps:', error);
+        return {
+            success: false,
+            errorMessage: error instanceof Error ? error.message : 'Failed to fetch apps'
+        };
+    }
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/AppManager/ManageAppsPlugin.js":
+/*!*******************************************************!*\
+  !*** ./lib/Extensions/AppManager/ManageAppsPlugin.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   IAppManagerService: () => (/* binding */ IAppManagerService),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/apputils */ "webpack/sharing/consume/default/@jupyterlab/apputils");
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_apputils__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 react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _AppsList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AppsList */ "./lib/Extensions/AppManager/AppsList.js");
+/* harmony import */ var _websockets_appManager_appManagerWebsocketClient__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../websockets/appManager/appManagerWebsocketClient */ "./lib/websockets/appManager/appManagerWebsocketClient.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+
+
+
+/**
+ * The token for the AppManager service.
+ */
+const IAppManagerService = new _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__.Token('mito-ai:IAppManagerService', 'Token for the AppManager service that provides access to the websocket client');
+/**
+ * Implementation of the AppManager service.
+ */
+class AppManagerService {
+    /**
+     * Create a new AppManager service.
+     */
+    constructor(app) {
+        // Create the websocket client with the app's server settings
+        this.client = new _websockets_appManager_appManagerWebsocketClient__WEBPACK_IMPORTED_MODULE_3__.AppManagerWebsocketClient({
+            serverSettings: app.serviceManager.serverSettings
+        });
+        // Initialize the websocket connection in the background
+        void this.client.initialize().catch(error => {
+            console.error('Failed to initialize AppManager websocket client:', error);
+            // We don't need to throw the error since the client will attempt to reconnect when used
+        });
+    }
+}
+class ManageAppsWidget extends _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__.ReactWidget {
+    constructor(appManagerService) {
+        super();
+        this._appManagerService = appManagerService;
+    }
+    render() {
+        // Pass the appManagerService as a prop to the AppsList component
+        return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_AppsList__WEBPACK_IMPORTED_MODULE_4__.AppsList, {
+            appManagerService: this._appManagerService
+        });
+    }
+}
+const ManageAppsPlugin = {
+    id: 'manage-apps:manage-app-plugin',
+    autoStart: true,
+    provides: IAppManagerService,
+    activate: (app) => {
+        console.log('ManageApps plugin activated');
+        // Create the AppManager service
+        const appManagerService = new AppManagerService(app);
+        // Create and add the ManageApps widget
+        const widget = new ManageAppsWidget(appManagerService);
+        widget.title.label = 'Manage apps';
+        widget.id = 'manage-apps-widget';
+        // For now, only show the manage apps widget if beta mode is enabled
+        (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_5__.getSetting)('beta_mode').then(value => {
+            if (value === 'true') {
+                // Add to right sidebar
+                app.shell.add(widget, 'right');
+            }
+        }).catch(error => {
+            console.error('Error checking beta mode:', error);
+        });
+        // Return the service so other plugins can use it
+        return appManagerService;
+    }
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ManageAppsPlugin);
+
+
+/***/ }),
+
+/***/ "./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._variables = [];
+        this._files = [];
+        // Setup the kernel listener to update context as kernel messages are received
+        this.setupKernelListener(app, notebookTracker);
+    }
+    get variables() {
+        return this._variables;
+    }
+    setVariables(newVars) {
+        this._variables = newVars;
+    }
+    get files() {
+        return this._files;
+    }
+    setFiles(newFiles) {
+        this._files = newFiles;
+    }
+    // Setup kernel execution listener
+    setupKernelListener(app, notebookTracker) {
+        notebookTracker.currentChanged.connect(async (tracker, notebookPanel) => {
+            if (!notebookPanel) {
+                return;
+            }
+            // Listen for kernel refresh events
+            notebookPanel.context.sessionContext.statusChanged.connect((sender, status) => {
+                if (status === 'restarting') {
+                    this.setVariables([]); // Clear variables on kernel refresh
+                }
+            });
+            // As soon as the notebook is opened, fetch the files so we don't have to wait for the first message.
+            await (0,_FileInspector__WEBPACK_IMPORTED_MODULE_2__.fetchFilesAndUpdateState)(app, notebookTracker, this.setFiles.bind(this));
+            // 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 
@@ -4269,10 +4826,17 @@ def structured_globals():
 
             else:
 
+                max_value_length = 4000 # This is roughly 1000 tokens in the LLM
+                truncated_value = str(repr(v))  # Force to string
+
+                if len(truncated_value) > max_value_length:
+                    split_length = max_value_length // 2
+                    truncated_value = truncated_value[:split_length] + '... <middle of value truncated> ...' + truncated_value[-split_length:]
+
                 new_variable = {
                     "variable_name": k,
                     "type": str(type(v)),
-                    "value": repr(v)
+                    "value": truncated_value
                 }
 
                 try:
@@ -6648,11 +7212,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/classNames */ "./lib/utils/classNames.js");
 /* harmony import */ var _utils_strings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/strings */ "./lib/utils/strings.js");
 /* harmony import */ var _Extensions_AiChat_ChatMessage_PythonCode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Extensions/AiChat/ChatMessage/PythonCode */ "./lib/Extensions/AiChat/ChatMessage/PythonCode.js");
-/* harmony import */ var _Extensions_AiChat_ChatMessage_AssistantCodeBlock__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../Extensions/AiChat/ChatMessage/AssistantCodeBlock */ "./lib/Extensions/AiChat/ChatMessage/AssistantCodeBlock.js");
+/* harmony import */ var _Extensions_AiChat_ChatMessage_AssistantCodeBlock__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../Extensions/AiChat/ChatMessage/AssistantCodeBlock */ "./lib/Extensions/AiChat/ChatMessage/AssistantCodeBlock.js");
 /* harmony import */ var _icons_AlertIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../icons/AlertIcon */ "./lib/icons/AlertIcon.js");
 /* harmony import */ var _AgentComponentHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./AgentComponentHeader */ "./lib/components/AgentComponents/AgentComponentHeader.js");
 /* harmony import */ var _style_ErrorFixupToolUI_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../style/ErrorFixupToolUI.css */ "./style/ErrorFixupToolUI.css");
 /* harmony import */ var _style_AgentComponentHeader_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/AgentComponentHeader.css */ "./style/AgentComponentHeader.css");
+/* harmony import */ var _RunAllCellsToolUI__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./RunAllCellsToolUI */ "./lib/components/AgentComponents/RunAllCellsToolUI.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -6666,6 +7231,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 const parsePythonErrorType = (content) => {
     if (!content)
         return 'Error';
@@ -6698,12 +7264,15 @@ const GroupedErrorsAndFixes = ({ messages, renderMimeRegistry, }) => {
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "error-fixup-header" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Fixing an error")),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "error-fixup-messages-container" }, messages.map((messageItem, index) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const isUserMessage = messageItem.message.role === 'user';
             if (isUserMessage) {
                 return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ErrorDetectedBlock, { key: `error-${index}`, errorMessage: messageItem.message, renderMimeRegistry: renderMimeRegistry }));
             }
-            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Extensions_AiChat_ChatMessage_AssistantCodeBlock__WEBPACK_IMPORTED_MODULE_8__["default"], { key: `assistant-${index}`, code: messageItem.message.content, codeSummary: (_c = (_b = (_a = messageItem.agentResponse) === null || _a === void 0 ? void 0 : _a.cell_update) === null || _b === void 0 ? void 0 : _b.code_summary) !== null && _c !== void 0 ? _c : undefined, isCodeComplete: true, renderMimeRegistry: renderMimeRegistry, previewAICode: () => { }, acceptAICode: () => { }, rejectAICode: () => { }, isLastAiMessage: false, codeReviewStatus: "chatPreview", agentModeEnabled: true, isErrorFixup: true }));
+            if (((_a = messageItem.agentResponse) === null || _a === void 0 ? void 0 : _a.type) === 'run_all_cells') {
+                return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_RunAllCellsToolUI__WEBPACK_IMPORTED_MODULE_8__["default"], { key: `run-all-cells-${index}`, inErrorFixup: true }));
+            }
+            return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Extensions_AiChat_ChatMessage_AssistantCodeBlock__WEBPACK_IMPORTED_MODULE_9__["default"], { key: `assistant-${index}`, code: messageItem.message.content, codeSummary: (_d = (_c = (_b = messageItem.agentResponse) === null || _b === void 0 ? void 0 : _b.cell_update) === null || _c === void 0 ? void 0 : _c.code_summary) !== null && _d !== void 0 ? _d : 'Fixing error', isCodeComplete: true, renderMimeRegistry: renderMimeRegistry, previewAICode: () => { }, acceptAICode: () => { }, rejectAICode: () => { }, isLastAiMessage: false, codeReviewStatus: "chatPreview", agentModeEnabled: true, isErrorFixup: true }));
         }))));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GroupedErrorsAndFixes);
@@ -6724,7 +7293,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _icons_MagnifyingGlassIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../icons/MagnifyingGlassIcon */ "./lib/icons/MagnifyingGlassIcon.js");
-/* harmony import */ var _style_GetCellOutputToolUI_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../style/GetCellOutputToolUI.css */ "./style/GetCellOutputToolUI.css");
+/* harmony import */ var _style_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../style/AgentToolUIComponent.css */ "./style/AgentToolUIComponent.css");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -6733,8 +7302,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const GetCellOutputToolUI = () => {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "get-cell-output-container" },
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "get-cell-output-content" },
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-tool-ui-container" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-tool-ui-content" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_MagnifyingGlassIcon__WEBPACK_IMPORTED_MODULE_2__["default"], null),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Taking a look at the cell output"))));
 };
@@ -6743,10 +7312,10 @@ const GetCellOutputToolUI = () => {
 
 /***/ }),
 
-/***/ "./lib/components/DatabaseButton.js":
-/*!******************************************!*\
-  !*** ./lib/components/DatabaseButton.js ***!
-  \******************************************/
+/***/ "./lib/components/AgentComponents/RunAllCellsToolUI.js":
+/*!*************************************************************!*\
+  !*** ./lib/components/AgentComponents/RunAllCellsToolUI.js ***!
+  \*************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -6755,10 +7324,9 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _IconButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./IconButton */ "./lib/components/IconButton.js");
-/* harmony import */ var _icons_DatabaseOutlineIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/DatabaseOutlineIcon */ "./lib/icons/DatabaseOutlineIcon.js");
-/* harmony import */ var _Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Extensions/SettingsManager/SettingsManagerPlugin */ "./lib/Extensions/SettingsManager/SettingsManagerPlugin.js");
-/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _icons_PlayButtonIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../icons/PlayButtonIcon */ "./lib/icons/PlayButtonIcon.js");
+/* harmony import */ var _style_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../style/AgentToolUIComponent.css */ "./style/AgentToolUIComponent.css");
+/* harmony import */ var _utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/classNames */ "./lib/utils/classNames.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -6767,42 +7335,23 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
-const DatabaseButton = ({ app }) => {
-    const [databaseConnections, setDatabaseConnections] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
-    const [isIconVisible, setIsIconVisible] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
-    // Fetch database connections
-    const fetchDatabaseConnections = async () => {
-        const databaseConnections = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__.getDatabaseConnections)();
-        setDatabaseConnections(databaseConnections);
-    };
-    // Fetch database connections
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        void fetchDatabaseConnections();
-    }, []);
-    // Determine notification dot type based on connections
-    const getNotificationDotType = () => {
-        if (!isIconVisible) {
-            return null;
-        }
-        return Object.keys(databaseConnections).length > 0 ? 'success' : 'warning';
-    };
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_IconButton__WEBPACK_IMPORTED_MODULE_2__["default"], { icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_DatabaseOutlineIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null), title: 'Add Database', onClick: () => {
-            void app.commands.execute(_Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_4__.COMMAND_MITO_AI_SETTINGS);
-            setIsIconVisible(false);
-        }, notificationDotType: getNotificationDotType(), className: 'icon-button-hover', style: {
-            height: 'var(--chat-context-button-height)'
-        } }));
+const RunAllCellsToolUI = ({ inErrorFixup }) => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_2__.classNames)('agent-tool-ui-container', {
+            'agent-tool-ui-error-fixup': inErrorFixup,
+        }) },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-tool-ui-content" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_PlayButtonIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Running all cells"))));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DatabaseButton);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RunAllCellsToolUI);
 
 
 /***/ }),
 
-/***/ "./lib/components/DropdownMenu.js":
-/*!****************************************!*\
-  !*** ./lib/components/DropdownMenu.js ***!
-  \****************************************/
+/***/ "./lib/components/AttachFileButton.js":
+/*!********************************************!*\
+  !*** ./lib/components/AttachFileButton.js ***!
+  \********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -6811,28 +7360,289 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _style_DropdownMenu_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style/DropdownMenu.css */ "./style/DropdownMenu.css");
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./IconButton */ "./lib/components/IconButton.js");
+/* harmony import */ var _icons_PaperClipIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icons/PaperClipIcon */ "./lib/icons/PaperClipIcon.js");
+/* harmony import */ var _restAPI_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../restAPI/utils */ "./lib/restAPI/utils.js");
+/* 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__);
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
 
 
-const DropdownMenu = ({ trigger, items, className = '', alignment = 'left', }) => {
-    const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    const dropdownRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-    // Close dropdown when clicking outside
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        const handleClickOutside = (event) => {
-            if (dropdownRef.current &&
-                !dropdownRef.current.contains(event.target)) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, []);
-    // Handle the main click (primary action)
+
+
+
+// Constants for file handling
+const CHUNKED_UPLOAD_SIZE_CUTOFF = 25 * 1024 * 1024; // 25MB cutoff for chunked uploads
+const CHUNK_SIZE = 10 * 1024 * 1024; // 10MB chunks
+const AttachFileButton = ({ onFileUploaded, notebookTracker }) => {
+    const fileInputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const [isUploading, setIsUploading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    // Helper function to get notebook directory from notebook path
+    const getNotebookDirectory = (notebookPath) => {
+        const lastSlashIndex = notebookPath.lastIndexOf('/');
+        if (lastSlashIndex === -1) {
+            // No directory, just filename (root directory)
+            return '.';
+        }
+        return notebookPath.substring(0, lastSlashIndex);
+    };
+    const handleClick = () => {
+        var _a;
+        // Don't allow clicks if uploading
+        if (isUploading)
+            return;
+        // Trigger the hidden file input
+        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    const handleFileSelect = async (event) => {
+        const files = event.target.files;
+        if (!files || files.length === 0)
+            return;
+        const file = files[0];
+        if (!file)
+            return;
+        // Don't allow new uploads if already uploading
+        if (isUploading)
+            return;
+        setIsUploading(true);
+        try {
+            // Check file size and handle accordingly
+            if (file.size > CHUNKED_UPLOAD_SIZE_CUTOFF) {
+                console.log(`File ${file.name} is larger than 25MB (${(file.size / (1024 * 1024)).toFixed(2)}MB). Splitting into chunks...`);
+                await handleLargeFile(file);
+            }
+            else {
+                // Upload file directly for files <= 25MB
+                await uploadFile(file);
+            }
+        }
+        catch (error) {
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(`Upload failed: ${error}`, "error", {
+                autoClose: 5 * 1000 // 5 seconds
+            });
+            console.error('Error during file upload:', error);
+        }
+        finally {
+            setIsUploading(false);
+            // Clear the file input
+            if (fileInputRef.current) {
+                fileInputRef.current.value = '';
+            }
+        }
+    };
+    const handleLargeFile = async (file) => {
+        const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
+        console.log(`Splitting file into ${totalChunks} chunks of ${(CHUNK_SIZE / (1024 * 1024)).toFixed(2)}MB each`);
+        // Get notebook directory path
+        const notebookPanel = notebookTracker.currentWidget;
+        if (!notebookPanel) {
+            console.error('No notebook is currently active');
+            throw new Error('No notebook is currently active');
+        }
+        const notebookPath = notebookPanel.context.path;
+        const notebookDir = getNotebookDirectory(notebookPath);
+        for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) {
+            const start = chunkIndex * CHUNK_SIZE;
+            const end = Math.min(start + CHUNK_SIZE, file.size);
+            const chunk = file.slice(start, end);
+            console.log(`Uploading chunk ${chunkIndex + 1}/${totalChunks}:`, {
+                chunkNumber: chunkIndex + 1,
+                totalChunks: totalChunks,
+                chunkSize: chunk.size,
+                chunkSizeMB: (chunk.size / (1024 * 1024)).toFixed(2),
+                startByte: start,
+                endByte: end,
+                fileName: file.name,
+                originalFileSize: file.size,
+                originalFileSizeMB: (file.size / (1024 * 1024)).toFixed(2)
+            });
+            // Upload chunk to backend
+            const success = await uploadChunk(chunk, file.name, chunkIndex + 1, totalChunks, notebookDir);
+            if (!success) {
+                console.error(`Failed to upload chunk ${chunkIndex + 1}`);
+                throw new Error(`Failed to upload chunk ${chunkIndex + 1}`);
+            }
+        }
+        console.log(`Successfully uploaded all ${totalChunks} chunks for file: ${file.name}`);
+        // Notify the parent component that the file was uploaded
+        onFileUploaded(file);
+    };
+    const uploadChunk = async (chunk, filename, chunkNumber, totalChunks, notebookDir) => {
+        try {
+            // Create FormData for chunk upload
+            const formData = new FormData();
+            formData.append('file', chunk, filename);
+            formData.append('chunk_number', chunkNumber.toString());
+            formData.append('total_chunks', totalChunks.toString());
+            formData.append('notebook_dir', notebookDir);
+            // Upload chunk to backend
+            const resp = await (0,_restAPI_utils__WEBPACK_IMPORTED_MODULE_2__.requestAPI)('upload', {
+                method: 'POST',
+                body: formData
+            });
+            if (resp.error) {
+                _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(`Upload failed: ${resp.error.message}`, "error", {
+                    autoClose: 5 * 1000 // 5 seconds
+                });
+                console.error(`Chunk ${chunkNumber} upload failed:`, resp.error.message);
+                return false;
+            }
+            else if (resp.data) {
+                if (resp.data.chunk_complete) {
+                    console.log(`All chunks uploaded successfully. File reconstructed: ${resp.data.filename}`);
+                }
+                else if (resp.data.chunk_received) {
+                    console.log(`Chunk ${resp.data.chunk_number}/${resp.data.total_chunks} uploaded successfully`);
+                }
+                return true;
+            }
+            return false;
+        }
+        catch (error) {
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(`Upload failed: ${error}`, "error", {
+                autoClose: 5 * 1000 // 5 seconds
+            });
+            console.error(`Error uploading chunk ${chunkNumber}:`, error);
+            return false;
+        }
+    };
+    const uploadFile = async (file) => {
+        // Get notebook directory path
+        const notebookPanel = notebookTracker.currentWidget;
+        if (!notebookPanel) {
+            console.error('No notebook is currently active');
+            throw new Error('No notebook is currently active');
+        }
+        const notebookPath = notebookPanel.context.path;
+        const notebookDir = getNotebookDirectory(notebookPath);
+        // Create FormData for file upload
+        const formData = new FormData();
+        formData.append('file', file);
+        formData.append('notebook_dir', notebookDir);
+        // Upload file to backend using FormData
+        const resp = await (0,_restAPI_utils__WEBPACK_IMPORTED_MODULE_2__.requestAPI)('upload', {
+            method: 'POST',
+            body: formData
+        });
+        if (resp.error) {
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(`Upload failed: ${resp.error.message}`, "error", {
+                autoClose: 5 * 1000 // 5 seconds
+            });
+            console.error('Upload failed:', resp.error.message);
+            throw new Error(resp.error.message);
+        }
+        else if (resp.data) {
+            console.log('File uploaded successfully:', resp.data);
+            // Notify the parent component that the file was uploaded, 
+            // which will update the context manager.
+            onFileUploaded(file);
+        }
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { position: 'relative' } },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { ref: fileInputRef, type: "file", style: { display: 'none' }, onChange: handleFileSelect, accept: "*" }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_IconButton__WEBPACK_IMPORTED_MODULE_3__["default"], { icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_PaperClipIcon__WEBPACK_IMPORTED_MODULE_4__["default"], null), title: isUploading ? 'Uploading...' : 'Attach File', onClick: handleClick, className: 'icon-button-hover', disabled: isUploading, style: {
+                opacity: isUploading ? 0.5 : 1,
+                cursor: isUploading ? 'not-allowed' : 'pointer'
+            } })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AttachFileButton);
+
+
+/***/ }),
+
+/***/ "./lib/components/DatabaseButton.js":
+/*!******************************************!*\
+  !*** ./lib/components/DatabaseButton.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 _IconButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./IconButton */ "./lib/components/IconButton.js");
+/* harmony import */ var _icons_DatabaseOutlineIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/DatabaseOutlineIcon */ "./lib/icons/DatabaseOutlineIcon.js");
+/* harmony import */ var _Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Extensions/SettingsManager/SettingsManagerPlugin */ "./lib/Extensions/SettingsManager/SettingsManagerPlugin.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+
+
+const DatabaseButton = ({ app }) => {
+    const [databaseConnections, setDatabaseConnections] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
+    const [isIconVisible, setIsIconVisible] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
+    // Fetch database connections
+    const fetchDatabaseConnections = async () => {
+        const databaseConnections = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__.getDatabaseConnections)();
+        setDatabaseConnections(databaseConnections);
+    };
+    // Fetch database connections
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        void fetchDatabaseConnections();
+    }, []);
+    // Determine notification dot type based on connections
+    const getNotificationDotType = () => {
+        if (!isIconVisible) {
+            return null;
+        }
+        return Object.keys(databaseConnections).length > 0 ? 'success' : 'warning';
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_IconButton__WEBPACK_IMPORTED_MODULE_2__["default"], { icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_DatabaseOutlineIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null), title: 'Add Database', onClick: () => {
+            void app.commands.execute(_Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_4__.COMMAND_MITO_AI_SETTINGS);
+            setIsIconVisible(false);
+        }, notificationDotType: getNotificationDotType(), className: 'icon-button-hover', style: {
+            height: 'var(--chat-context-button-height)'
+        } }));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DatabaseButton);
+
+
+/***/ }),
+
+/***/ "./lib/components/DropdownMenu.js":
+/*!****************************************!*\
+  !*** ./lib/components/DropdownMenu.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 _style_DropdownMenu_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style/DropdownMenu.css */ "./style/DropdownMenu.css");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+const DropdownMenu = ({ trigger, items, className = '', alignment = 'left', }) => {
+    const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const dropdownRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    // Close dropdown when clicking outside
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    // Handle the main click (primary action)
     const handlePrimaryClick = (onClick, disabled) => {
         if (disabled)
             return;
@@ -6888,8 +7698,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const IconButton = ({ icon, onClick, title, style, notificationDotType = null, className }) => {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_3__.classNames)("icon-button", className), onClick: onClick, title: title, style: style },
+const IconButton = ({ icon, onClick, title, style, notificationDotType = null, className, disabled = false }) => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_3__.classNames)("icon-button", className), onClick: onClick, title: title, style: style, disabled: disabled },
         icon,
         notificationDotType && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: `notification-dot notification-dot-${notificationDotType}` })));
 };
@@ -7155,9 +7965,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _style_SelectedContextContainer_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style/SelectedContextContainer.css */ "./style/SelectedContextContainer.css");
 /* harmony import */ var _icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icons/RuleIcon */ "./lib/icons/RuleIcon.js");
-/* harmony import */ var _icons_CodeIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/CodeIcon */ "./lib/icons/CodeIcon.js");
-/* harmony import */ var _icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icons/DatabaseIcon */ "./lib/icons/DatabaseIcon.js");
-/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/notebook */ "./lib/utils/notebook.js");
+/* harmony import */ var _icons_CodeIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icons/CodeIcon */ "./lib/icons/CodeIcon.js");
+/* harmony import */ var _icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icons/DatabaseIcon */ "./lib/icons/DatabaseIcon.js");
+/* harmony import */ var _icons_PhotoIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/PhotoIcon */ "./lib/icons/PhotoIcon.js");
+/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_6__ = __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.
@@ -7168,22 +7979,24 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 const SelectedContextContainer = ({ title, type, onRemove, onClick, notebookTracker, activeCellID }) => {
     const [isHovered, setIsHovered] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     let icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__["default"], null);
-    switch (type) {
-        case 'rule':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__["default"], null);
-            break;
-        case 'variable':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null);
-            break;
-        case 'db':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_4__["default"], null);
-            break;
-        case 'active_cell':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null);
-            break;
+    if (type.startsWith('image/')) {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_PhotoIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null);
+    }
+    else if (type === 'rule') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__["default"], null);
+    }
+    else if (type === 'variable') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_4__["default"], null);
+    }
+    else if (type === 'db') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_5__["default"], null);
+    }
+    else if (type === 'active_cell') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_4__["default"], null);
     }
     const handleClick = () => {
         var _a;
@@ -7191,13 +8004,13 @@ const SelectedContextContainer = ({ title, type, onRemove, onClick, notebookTrac
             // Handle active cell context click
             if (notebookTracker && activeCellID) {
                 // Find the cell 
-                const cell = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_5__.getCellByID)(notebookTracker, activeCellID);
+                const cell = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_6__.getCellByID)(notebookTracker, activeCellID);
                 if (cell) {
                     // Scroll to the cell
                     void ((_a = notebookTracker.currentWidget) === null || _a === void 0 ? void 0 : _a.content.scrollToCell(cell, 'center'));
                     // Highlight the cell
                     setTimeout(() => {
-                        (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_5__.highlightCodeCell)(notebookTracker, activeCellID);
+                        (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_6__.highlightCodeCell)(notebookTracker, activeCellID);
                     }, 500);
                 }
             }
@@ -7715,6 +8528,31 @@ const NucleausIcon = ({ height = 20, width = 20, }) => (react__WEBPACK_IMPORTED_
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NucleausIcon);
 
 
+/***/ }),
+
+/***/ "./lib/icons/PaperClipIcon.js":
+/*!************************************!*\
+  !*** ./lib/icons/PaperClipIcon.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 PaperClipIcon = () => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: "14", height: "14", viewBox: "0 0 72 86", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", { fill: "currentColor" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M70.363 44.59C68.6013 43.258 66.0935 43.6017 64.7575 45.3634L46.4995 69.4724C39.73 78.4099 27.0735 80.6284 17.6905 74.5154C12.71 71.2693 9.39359 66.2537 8.37409 60.3904C7.31939 54.3435 8.8819 48.0154 12.6632 43.0234L35.3312 13.0894C39.5773 7.48783 47.5812 6.37853 53.1902 10.6246C58.7879 14.8668 59.8894 22.8746 55.6472 28.4766L50.8425 34.8204L32.6475 58.8434C31.1709 60.7965 28.4366 61.3629 26.5577 60.109C25.5304 59.4215 24.8546 58.3863 24.6515 57.1832C24.4484 55.984 24.7413 54.7887 25.4757 53.8199L43.8707 29.5389C45.2027 27.7772 44.859 25.2694 43.0973 23.9334C41.3356 22.6014 38.8278 22.9452 37.4918 24.7069L19.0968 48.9879C17.0499 51.691 16.1984 55.1637 16.7648 58.5113C17.296 61.6597 18.964 64.4019 21.4914 66.316C21.6945 66.4722 21.9054 66.6207 22.1203 66.7652C27.3781 70.273 34.5073 69.0933 38.6323 64.1441C38.6948 64.0699 38.769 64.0113 38.8276 63.9332L39.0229 63.6714L62.0229 33.3044C68.9291 24.1833 67.1362 11.1484 58.0112 4.23843C48.8979 -2.66387 35.8632 -0.863167 28.9522 8.25793L6.2842 38.1919L5.88967 38.7115C5.8428 38.774 5.81545 38.8404 5.77248 38.9029C1.03418 45.5435 -0.895518 53.8209 0.491282 61.7619C1.77648 69.1252 5.68268 75.5239 11.5693 79.9849C12.1357 80.4146 12.7216 80.8247 13.3232 81.2154C26.2102 89.606 43.5812 86.567 52.8782 74.2974L71.1362 50.1924C72.4721 48.4307 72.1247 45.9221 70.363 44.59Z" }))));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaperClipIcon);
+
+
 /***/ }),
 
 /***/ "./lib/icons/Pencil.js":
@@ -7740,6 +8578,33 @@ const PencilIcon = () => (react__WEBPACK_IMPORTED_MODULE_0___default().createEle
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PencilIcon);
 
 
+/***/ }),
+
+/***/ "./lib/icons/PhotoIcon.js":
+/*!********************************!*\
+  !*** ./lib/icons/PhotoIcon.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 PhotoIcon = () => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: "14", height: "14", viewBox: "0 0 98 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", { fill: "currentColor" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.85 0.129997H83.15C91.32 0.129997 98 6.82 98 14.98V61.02C98 69.18 91.32 75.87 83.15 75.87H14.85C6.68 75.87 0 69.18 0 61.02V14.98C0 6.82 6.68 0.129997 14.85 0.129997ZM70.01 11.03C74.21 11.03 77.61 14.43 77.61 18.63C77.61 22.83 74.21 26.24 70.01 26.24C65.81 26.24 62.4 22.83 62.4 18.63C62.4 14.43 65.81 11.03 70.01 11.03ZM21.03 52.61L38.48 24.28C39.94 22.6 43.25 22.6 44.71 24.28L56.04 42.66L60.53 35.37C61.57 34.17 63.92 34.17 64.96 35.37L77.35 55.49C79.69 59.29 77.22 63.95 73.08 63.95C57.73 63.95 42.38 63.95 27.03 63.95C21.14 63.95 17.73 57.96 21.03 52.61Z" }))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhotoIcon);
+
+
 /***/ }),
 
 /***/ "./lib/icons/PlayButtonIcon.js":
@@ -7920,6 +8785,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Extensions/SettingsManager/SettingsManagerPlugin */ "./lib/Extensions/SettingsManager/SettingsManagerPlugin.js");
 /* harmony import */ var _Extensions_VersionCheck__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Extensions/VersionCheck */ "./lib/Extensions/VersionCheck/index.js");
 /* harmony import */ var _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Extensions/NotebookFooter */ "./lib/Extensions/NotebookFooter/index.js");
+/* harmony import */ var _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Extensions/AppManager/ManageAppsPlugin */ "./lib/Extensions/AppManager/ManageAppsPlugin.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -7935,6 +8801,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__ = ([
@@ -7948,7 +8815,8 @@ __webpack_require__.r(__webpack_exports__);
     _Extensions_status__WEBPACK_IMPORTED_MODULE_7__.statusItem,
     _Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_8__["default"],
     _Extensions_VersionCheck__WEBPACK_IMPORTED_MODULE_9__.versionCheckPlugin,
-    _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__["default"]
+    _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__["default"],
+    _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__["default"]
 ]);
 
 
@@ -8193,7 +9061,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   acceptAndRunCellUpdate: () => (/* binding */ acceptAndRunCellUpdate),
 /* harmony export */   acceptAndRunCode: () => (/* binding */ acceptAndRunCode),
-/* harmony export */   retryIfExecutionError: () => (/* binding */ retryIfExecutionError)
+/* harmony export */   retryIfExecutionError: () => (/* binding */ retryIfExecutionError),
+/* harmony export */   runAllCells: () => (/* binding */ runAllCells)
 /* harmony export */ });
 /* harmony import */ var _Extensions_ErrorMimeRenderer_errorUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Extensions/ErrorMimeRenderer/errorUtils */ "./lib/Extensions/ErrorMimeRenderer/errorUtils.js");
 /* harmony import */ var _sleep__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sleep */ "./lib/utils/sleep.js");
@@ -8249,12 +9118,14 @@ const acceptAndRunCode = async (app, notebookTracker, previewAICodeToActiveCell,
     await (0,_sleep__WEBPACK_IMPORTED_MODULE_1__.sleep)(1000);
 };
 const retryIfExecutionError = async (notebookTracker, app, getDuplicateChatHistoryManager, addAIMessageFromResponseAndUpdateState, sendAgentSmartDebugMessage, previewAICodeToActiveCell, acceptAICode, shouldContinueAgentExecution, finalizeAgentStop, chatHistoryManagerRef) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     const cell = (_b = (_a = notebookTracker.currentWidget) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.activeCell;
     // Note: If you update the max retries, update the message we display on each failure
     // attempt to ensure we don't say "third attempt" over and over again.
     const MAX_RETRIES = 3;
     let attempts = 0;
+    let runAllCellsAttempts = 0;
+    const MAX_RUN_ALL_CELLS_ATTEMPTS = 2; // Only allow two run_all_cells attempt per error cycle
     while ((0,_notebook__WEBPACK_IMPORTED_MODULE_0__.didCellExecutionError)(cell) && attempts < MAX_RETRIES) {
         if (!shouldContinueAgentExecution.current) {
             finalizeAgentStop();
@@ -8269,16 +9140,35 @@ const retryIfExecutionError = async (notebookTracker, app, getDuplicateChatHisto
         const errorMessage = (0,_Extensions_ErrorMimeRenderer_errorUtils__WEBPACK_IMPORTED_MODULE_2__.getFullErrorMessageFromTraceback)(errorOutput.traceback);
         await sendAgentSmartDebugMessage(errorMessage);
         const aiDisplayOptimizedChatItem = chatHistoryManagerRef.current.getLastAIDisplayOptimizedChatItem();
-        // TODO: We expect that the agent responds with a cell_update if they are prompted to fix an error. 
-        // But we are not enforcing that right now. We can fix this by setting the response_format for agent:smartDebug
-        // to only allow cell_updates and then we can return the agentResponse from sendAgentSmartDebugMessage so 
-        // typescript knows what type it is. 
-        if (((_d = aiDisplayOptimizedChatItem === null || aiDisplayOptimizedChatItem === void 0 ? void 0 : aiDisplayOptimizedChatItem.agentResponse) === null || _d === void 0 ? void 0 : _d.type) !== 'cell_update' || ((_e = aiDisplayOptimizedChatItem === null || aiDisplayOptimizedChatItem === void 0 ? void 0 : aiDisplayOptimizedChatItem.agentResponse) === null || _e === void 0 ? void 0 : _e.cell_update) === undefined) {
+        // Handle different response types from the agent when fixing errors
+        const agentResponse = aiDisplayOptimizedChatItem === null || aiDisplayOptimizedChatItem === void 0 ? void 0 : aiDisplayOptimizedChatItem.agentResponse;
+        if (!agentResponse) {
             return 'failure';
         }
-        const cellUpdate = aiDisplayOptimizedChatItem.agentResponse.cell_update;
-        if (cellUpdate !== undefined && cellUpdate !== null) {
-            await acceptAndRunCellUpdate(cellUpdate, notebookTracker, app, previewAICodeToActiveCell, acceptAICode);
+        if (agentResponse.type === 'cell_update') {
+            const cellUpdate = agentResponse.cell_update;
+            if (cellUpdate !== undefined && cellUpdate !== null) {
+                await acceptAndRunCellUpdate(cellUpdate, notebookTracker, app, previewAICodeToActiveCell, acceptAICode);
+            }
+        }
+        else if (agentResponse.type === 'run_all_cells') {
+            // Prevent infinite loops by limiting run_all_cells attempts
+            if (runAllCellsAttempts >= MAX_RUN_ALL_CELLS_ATTEMPTS) {
+                console.log('Maximum run_all_cells attempts reached, treating as failure');
+                return 'failure';
+            }
+            runAllCellsAttempts++;
+            // Execute runAllCells to fix NameError issues
+            const result = await runAllCells(app, notebookTracker);
+            if (!result.success) {
+                // If run_all_cells resulted in an error, we should continue with error handling
+                // The error will be caught in the main loop
+                console.log('Error after running all cells:', result.errorMessage);
+            }
+        }
+        else {
+            // Agent responded with an unexpected type for error fixing
+            return 'failure';
         }
         attempts++;
         // If this was the last attempt and it still failed
@@ -8288,6 +9178,37 @@ const retryIfExecutionError = async (notebookTracker, app, getDuplicateChatHisto
     }
     return 'success';
 };
+const runAllCells = async (app, notebookTracker) => {
+    var _a, _b;
+    await app.commands.execute("notebook:run-all-cells");
+    // Give the execution some time to complete and update variables
+    // This ensures that the variable manager has time to update the state
+    await (0,_sleep__WEBPACK_IMPORTED_MODULE_1__.sleep)(2000);
+    // Check all cells for errors after execution
+    const notebook = (_a = notebookTracker.currentWidget) === null || _a === void 0 ? void 0 : _a.content;
+    if (!notebook) {
+        return { success: false, errorMessage: "No active notebook found" };
+    }
+    // Iterate through all cells to find any with errors
+    for (let i = 0; i < notebook.widgets.length; i++) {
+        const cell = notebook.widgets[i];
+        if (cell && cell.model.type === 'code') {
+            const codeCell = cell;
+            if ((0,_notebook__WEBPACK_IMPORTED_MODULE_0__.didCellExecutionError)(codeCell)) {
+                const errorOutput = (_b = codeCell.model.outputs) === null || _b === void 0 ? void 0 : _b.toJSON().find(output => output.output_type === "error");
+                if (errorOutput) {
+                    const errorMessage = (0,_Extensions_ErrorMimeRenderer_errorUtils__WEBPACK_IMPORTED_MODULE_2__.getFullErrorMessageFromTraceback)(errorOutput.traceback);
+                    return {
+                        success: false,
+                        errorMessage: errorMessage,
+                        errorCellId: codeCell.model.id
+                    };
+                }
+            }
+        }
+    }
+    return { success: true };
+};
 
 
 /***/ }),
@@ -10252,15 +11173,15 @@ class AppBuilderWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_M
 
 /***/ }),
 
-/***/ "./lib/websockets/completions/CompletionsWebsocketClient.js":
-/*!******************************************************************!*\
-  !*** ./lib/websockets/completions/CompletionsWebsocketClient.js ***!
-  \******************************************************************/
+/***/ "./lib/websockets/appManager/appManagerWebsocketClient.js":
+/*!****************************************************************!*\
+  !*** ./lib/websockets/appManager/appManagerWebsocketClient.js ***!
+  \****************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CompletionWebsocketClient: () => (/* binding */ CompletionWebsocketClient)
+/* harmony export */   AppManagerWebsocketClient: () => (/* binding */ AppManagerWebsocketClient)
 /* harmony export */ });
 /* harmony import */ var _BaseWebsocketClient__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../BaseWebsocketClient */ "./lib/websockets/BaseWebsocketClient.js");
 /*
@@ -10269,33 +11190,27 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 /**
- * Mito AI completion client
+ * Mito AI app manager client
  *
- * It communicates with the backend over a WebSocket to allow streaming answer.
+ * It communicates with the backend over a WebSocket for app managing functionality.
  */
-class CompletionWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_MODULE_0__.BaseWebsocketClient {
+class AppManagerWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_MODULE_0__.BaseWebsocketClient {
     /**
-     * Create a new completion client.
+     * Create a new app manager client.
      */
     constructor(options = {}) {
         super(options);
         /**
          * The service URL for the websocket endpoint.
          */
-        this.SERVICE_URL = 'mito-ai/completions';
+        this.SERVICE_URL = 'mito-ai/app-manager';
     }
     /**
-     * Completion chunk stream.
+     * App manager messages stream.
      */
     get messages() {
         return this._messages;
     }
-    /**
-     * Completion chunk stream.
-     */
-    get stream() {
-        return this._stream;
-    }
     /**
      * Stream of connection status events
      */
@@ -10303,37 +11218,138 @@ class CompletionWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_M
         return this._connectionStatus;
     }
     /**
-     * Extract the message ID from a request message.
+     * Get message ID from request (required by BaseWebsocketClient)
      */
-    getMessageId(message) {
-        return message.message_id;
+    getMessageId(request) {
+        return `${request.type}_${Date.now()}_${Math.random().toString(36).substring(7)}`;
     }
     /**
      * Process a message received from the websocket.
+     * Routes responses to the appropriate pending requests.
      */
     _onMessage(message) {
-        /**
-         * Emit unconditionally the message to interested parties.
-         */
+        // Emit the message to stream listeners
         this._messages.emit(message);
-        /**
-         * Dispatch completion messages
-         */
-        switch (message.type) {
-            case 'chunk': {
-                // To see the stream in action, uncomment the following line
-                // console.log(`[Mito AI Stream] ${message.done ? 'FINAL' : ''} Chunk:`, message.chunk.content);
-                this._stream.emit(message);
-                break;
-            }
-            case 'reply': {
-                const resolver = this._pendingRepliesMap.get(message.parent_id);
-                if (resolver) {
-                    resolver.resolve(message);
-                    this._pendingRepliesMap.delete(message.parent_id);
+        // Determine which pending request this message belongs to
+        let pendingId = null;
+        let pendingReply = null;
+        const messageId = message.message_id;
+        // First, try to match by message_id
+        if (messageId && this._pendingRepliesMap.has(messageId)) {
+            pendingId = messageId;
+            pendingReply = this._pendingRepliesMap.get(messageId);
+        }
+        // If no message_id, check if this is a response to a single pending request
+        else if (this._pendingRepliesMap.size === 1 && !messageId) {
+            const entries = Array.from(this._pendingRepliesMap.entries());
+            if (entries.length > 0) {
+                const entry = entries[0];
+                if (entry) {
+                    pendingId = entry[0];
+                    pendingReply = entry[1];
                 }
-                else {
-                    // For streaming responses, emit the error through the stream
+            }
+        }
+        // Guard clause - exit if we couldn't find a matching pending request
+        if (!pendingId || !pendingReply) {
+            return;
+        }
+        // Common cleanup and resolution logic
+        this._pendingRepliesMap.delete(pendingId);
+        if (message.error) {
+            pendingReply.reject(new Error(message.error.title || 'Server error'));
+        }
+        else {
+            pendingReply.resolve(message);
+        }
+    }
+}
+
+
+/***/ }),
+
+/***/ "./lib/websockets/completions/CompletionsWebsocketClient.js":
+/*!******************************************************************!*\
+  !*** ./lib/websockets/completions/CompletionsWebsocketClient.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CompletionWebsocketClient: () => (/* binding */ CompletionWebsocketClient)
+/* harmony export */ });
+/* harmony import */ var _BaseWebsocketClient__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../BaseWebsocketClient */ "./lib/websockets/BaseWebsocketClient.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/**
+ * Mito AI completion client
+ *
+ * It communicates with the backend over a WebSocket to allow streaming answer.
+ */
+class CompletionWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_MODULE_0__.BaseWebsocketClient {
+    /**
+     * Create a new completion client.
+     */
+    constructor(options = {}) {
+        super(options);
+        /**
+         * The service URL for the websocket endpoint.
+         */
+        this.SERVICE_URL = 'mito-ai/completions';
+    }
+    /**
+     * Completion chunk stream.
+     */
+    get messages() {
+        return this._messages;
+    }
+    /**
+     * Completion chunk stream.
+     */
+    get stream() {
+        return this._stream;
+    }
+    /**
+     * Stream of connection status events
+     */
+    get connectionStatus() {
+        return this._connectionStatus;
+    }
+    /**
+     * Extract the message ID from a request message.
+     */
+    getMessageId(message) {
+        return message.message_id;
+    }
+    /**
+     * Process a message received from the websocket.
+     */
+    _onMessage(message) {
+        /**
+         * Emit unconditionally the message to interested parties.
+         */
+        this._messages.emit(message);
+        /**
+         * Dispatch completion messages
+         */
+        switch (message.type) {
+            case 'chunk': {
+                // To see the stream in action, uncomment the following line
+                // console.log(`[Mito AI Stream] ${message.done ? 'FINAL' : ''} Chunk:`, message.chunk.content);
+                this._stream.emit(message);
+                break;
+            }
+            case 'reply': {
+                const resolver = this._pendingRepliesMap.get(message.parent_id);
+                if (resolver) {
+                    resolver.resolve(message);
+                    this._pendingRepliesMap.delete(message.parent_id);
+                }
+                else {
+                    // For streaming responses, emit the error through the stream
                     // We need to do this here because errors do not come in as "chunk" messages
                     // they come in as "reply" messages.
                     if (message.error) {
@@ -10395,119 +11411,1031 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     transition: background-color 0.2s ease, border-color 0.2s ease;
 }
 
-.agent-component-header:hover {
-    background-color: var(--jp-layout-color3);
+.agent-component-header:hover {
+    background-color: var(--jp-layout-color3);
+}
+
+.agent-component-header.no-border {
+    border: none;
+}
+
+.agent-component-header.expanded {
+    border: none;
+    border-radius: 5px 5px 0 0;
+    background-color: var(--jp-layout-color2);
+}
+
+.agent-component-header.error-fixup {
+    border: none;
+}
+
+.agent-component-header.error-fixup.expanded {
+    background-color: var(--jp-layout-color2);
+}
+
+.agent-component-header-content {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex: 1;
+    min-width: 0;
+}
+
+.agent-component-header-content svg {
+    flex-shrink: 0;
+}
+
+.agent-component-header-expand-icon {
+    flex-shrink: 0;
+    transition: transform 0.2s ease;
+}
+
+.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,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-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___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AgentToolUIComponent.css":
+/*!******************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AgentToolUIComponent.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.
+ */
+
+.agent-tool-ui-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: start;
+    background-color: transparent;
+    padding: 10px;
+    color: var(--jp-ui-font-color2);
+}
+
+.agent-tool-ui-container:not(.agent-tool-ui-error-fixup) {
+    margin: 10px 0;
+    border-radius: 5px;
+    border: 1px solid var(--jp-cell-editor-border-color);
+}
+
+.agent-tool-ui-container:not(.agent-tool-ui-error-fixup) .agent-tool-ui-content {
+    margin-left: 5px;
+}
+
+.agent-tool-ui-content {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+} 
+`, "",{"version":3,"sources":["webpack://./style/AgentToolUIComponent.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,6BAA6B;IAC7B,aAAa;IACb,+BAA+B;AACnC;;AAEA;IACI,cAAc;IACd,kBAAkB;IAClB,oDAAoD;AACxD;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,SAAS;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.agent-tool-ui-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: start;\n    background-color: transparent;\n    padding: 10px;\n    color: var(--jp-ui-font-color2);\n}\n\n.agent-tool-ui-container:not(.agent-tool-ui-error-fixup) {\n    margin: 10px 0;\n    border-radius: 5px;\n    border: 1px solid var(--jp-cell-editor-border-color);\n}\n\n.agent-tool-ui-container:not(.agent-tool-ui-error-fixup) .agent-tool-ui-content {\n    margin-left: 5px;\n}\n\n.agent-tool-ui-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n} \n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AlertBlock.css":
+/*!********************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AlertBlock.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.
+ */
+
+/* Base alert container styles */
+.chat-message-alert-container {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border-radius: 5px;
+  padding: 10px;
+  border: 1px solid;
+}
+
+/* Red variant for errors */
+.chat-message-alert-container.error {
+  background-color: var(--red-300);
+  border-color: var(--red-900);
+  color: var(--red-900);
+}
+
+/* Purple variant for upgrades/CTAs */
+.chat-message-alert-container.upgrade {
+  background-color: var(--purple-300);
+  color: var(--grey-900);
+}
+
+.chat-message-alert a {
+  color: var(--purple-700) !important;
+  text-decoration: underline;
+}
+
+/* Error message styles - red variant */
+.alert-error-message {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.4;
+  margin-bottom: 8px;
+}
+
+.chat-message-alert-container.error .alert-error-message {
+  color: var(--red-900);
+}
+
+.alert-actions-header {
+  margin-bottom: 12px;
+}
+
+.alert-actions-title {
+  font-weight: 500;
+  margin: 0 0 8px 0;
+  font-size: 13px;
+}
+
+.chat-message-alert-container.error .alert-actions-title {
+  color: var(--red-900);
+}
+
+.alert-actions-list {
+  margin: 0;
+  padding-left: 16px;
+}
+
+.chat-message-alert-container.error .alert-actions-list {
+  color: var(--red-800);
+}
+
+.chat-message-alert-container.upgrade .alert-actions-list {
+  color: var(--purple-800);
+}
+
+.alert-actions-list li {
+  margin-bottom: 4px;
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.alert-action-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 8px 0;
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.chat-message-alert-container.error .alert-action-item {
+  color: var(--red-800);
+}
+
+.chat-message-alert-container.upgrade .alert-action-item {
+  color: var(--purple-800);
+}
+
+.action-icon {
+  font-size: 16px;
+  flex-shrink: 0;
+  margin-top: 1px;
+}
+
+.details-toggle {
+  display: inline-flex;
+  align-items: center;
+}
+
+.toggle-button {
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  font-family: inherit;
+  text-decoration: underline;
+}
+
+.chat-message-alert-container.error .toggle-button {
+  color: var(--red-900);
+}
+
+.toggle-button:hover {
+  text-decoration: none;
+}
+
+.chat-message-alert-container.error .toggle-button:hover {
+  color: var(--red-800);
+}
+
+.chat-message-alert-container.upgrade .toggle-button:hover {
+  color: var(--purple-800);
+}
+
+.toggle-caret {
+  font-size: 10px;
+  transition: transform 0.2s ease;
+  display: inline-block;
+  text-decoration: none !important;
+}
+
+.toggle-caret.open {
+  transform: rotate(180deg);
+}
+
+.details-content {
+  margin-top: 8px;
+  margin-left: 16px;
+  padding: 8px;
+  background-color: var(--grey-100);
+  border-radius: 4px;
+  animation: slideDown 0.2s ease-out;
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.secondary-option-link {
+    color: var(--purple-700) !important;
+    text-decoration: underline !important;
+}
+
+.secondary-option-link:hover {
+    color: var(--purple-600) !important;
+}
+`, "",{"version":3,"sources":["webpack://./style/AlertBlock.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,gCAAgC;AAChC;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;EAClB,aAAa;EACb,iBAAiB;AACnB;;AAEA,2BAA2B;AAC3B;EACE,gCAAgC;EAChC,4BAA4B;EAC5B,qBAAqB;AACvB;;AAEA,qCAAqC;AACrC;EACE,mCAAmC;EACnC,sBAAsB;AACxB;;AAEA;EACE,mCAAmC;EACnC,0BAA0B;AAC5B;;AAEA,uCAAuC;AACvC;EACE,eAAe;EACf,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,SAAS;EACT,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,cAAc;EACd,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,YAAY;EACZ,UAAU;EACV,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,eAAe;EACf,oBAAoB;EACpB,0BAA0B;AAC5B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,+BAA+B;EAC/B,qBAAqB;EACrB,gCAAgC;AAClC;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,iCAAiC;EACjC,kBAAkB;EAClB,kCAAkC;AACpC;;AAEA;EACE;IACE,UAAU;IACV,2BAA2B;EAC7B;EACA;IACE,UAAU;IACV,wBAAwB;EAC1B;AACF;;AAEA;IACI,mCAAmC;IACnC,qCAAqC;AACzC;;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/* Base alert container styles */\n.chat-message-alert-container {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  border-radius: 5px;\n  padding: 10px;\n  border: 1px solid;\n}\n\n/* Red variant for errors */\n.chat-message-alert-container.error {\n  background-color: var(--red-300);\n  border-color: var(--red-900);\n  color: var(--red-900);\n}\n\n/* Purple variant for upgrades/CTAs */\n.chat-message-alert-container.upgrade {\n  background-color: var(--purple-300);\n  color: var(--grey-900);\n}\n\n.chat-message-alert a {\n  color: var(--purple-700) !important;\n  text-decoration: underline;\n}\n\n/* Error message styles - red variant */\n.alert-error-message {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.4;\n  margin-bottom: 8px;\n}\n\n.chat-message-alert-container.error .alert-error-message {\n  color: var(--red-900);\n}\n\n.alert-actions-header {\n  margin-bottom: 12px;\n}\n\n.alert-actions-title {\n  font-weight: 500;\n  margin: 0 0 8px 0;\n  font-size: 13px;\n}\n\n.chat-message-alert-container.error .alert-actions-title {\n  color: var(--red-900);\n}\n\n.alert-actions-list {\n  margin: 0;\n  padding-left: 16px;\n}\n\n.chat-message-alert-container.error .alert-actions-list {\n  color: var(--red-800);\n}\n\n.chat-message-alert-container.upgrade .alert-actions-list {\n  color: var(--purple-800);\n}\n\n.alert-actions-list li {\n  margin-bottom: 4px;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.alert-action-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 8px 0;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.chat-message-alert-container.error .alert-action-item {\n  color: var(--red-800);\n}\n\n.chat-message-alert-container.upgrade .alert-action-item {\n  color: var(--purple-800);\n}\n\n.action-icon {\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.details-toggle {\n  display: inline-flex;\n  align-items: center;\n}\n\n.toggle-button {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-family: inherit;\n  text-decoration: underline;\n}\n\n.chat-message-alert-container.error .toggle-button {\n  color: var(--red-900);\n}\n\n.toggle-button:hover {\n  text-decoration: none;\n}\n\n.chat-message-alert-container.error .toggle-button:hover {\n  color: var(--red-800);\n}\n\n.chat-message-alert-container.upgrade .toggle-button:hover {\n  color: var(--purple-800);\n}\n\n.toggle-caret {\n  font-size: 10px;\n  transition: transform 0.2s ease;\n  display: inline-block;\n  text-decoration: none !important;\n}\n\n.toggle-caret.open {\n  transform: rotate(180deg);\n}\n\n.details-content {\n  margin-top: 8px;\n  margin-left: 16px;\n  padding: 8px;\n  background-color: var(--grey-100);\n  border-radius: 4px;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.secondary-option-link {\n    color: var(--purple-700) !important;\n    text-decoration: underline !important;\n}\n\n.secondary-option-link:hover {\n    color: var(--purple-600) !important;\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AppsList.css":
+/*!******************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AppsList.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.
+ */
+
+/* apps-list.css */
+.apps-list-container {
+  padding: 16px;
+  font-size: 13px;
+  font-family: var(--jp-ui-font-family);
+}
+
+.apps-list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.apps-list-title {
+  margin: 0;
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--jp-ui-font-color1);
+}
+
+.apps-list-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.apps-list-button {
+  padding: 4px 8px;
+  font-size: 11px;
+  background-color: transparent;
+  color: var(--jp-ui-font-color2);
+  border: 1px solid var(--jp-border-color2);
+  border-radius: 3px;
+  cursor: pointer;
+  font-weight: normal;
+  transition: background-color 0.2s ease;
+}
+
+.apps-list-button:hover {
+  background-color: var(--jp-layout-color2);
+}
+
+.apps-list-button:disabled {
+  cursor: not-allowed;
+}
+
+.apps-list-button.primary {
+  background-color: var(--jp-brand-color1);
+  color: white;
+  border: none;
+}
+
+.apps-list-loading {
+  color: var(--jp-ui-font-color2);
+  text-align: center;
+  padding: 20px 0;
+}
+
+.apps-list-error {
+  color: #f44336;
+  text-align: center;
+  padding: 20px 0;
+  background-color: var(--jp-layout-color1);
+  border: 1px solid #f44336;
+  border-radius: 4px;
+}
+
+.apps-list-error-actions {
+  margin-top: 8px;
+}
+
+.apps-list-empty {
+  color: var(--jp-ui-font-color2);
+  text-align: center;
+  padding: 20px 0;
+}
+
+.app-item {
+  border: 1px solid var(--jp-border-color1);
+  border-radius: 4px;
+  padding: 12px;
+  margin-bottom: 8px;
+  background-color: var(--jp-layout-color0);
+}
+
+.app-item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 8px;
+}
+
+.app-item-content {
+  flex: 1;
+}
+
+.app-item-name {
+  font-weight: bold;
+  color: var(--jp-ui-font-color1);
+  margin-bottom: 4px;
+}
+
+.app-item-status-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 4px;
+}
+
+.app-item-status-indicator {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 6px;
+}
+
+.app-item-status-text {
+  color: var(--jp-ui-font-color2);
+  font-size: 12px;
+}
+
+.app-item-created {
+  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,eAAe;EACf,qCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,mBAAmB;AACrB;;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,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  padding: 16px;\n  font-size: 13px;\n  font-family: var(--jp-ui-font-family);\n}\n\n.apps-list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\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-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-created {\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/AssumptionTool.css":
+/*!************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AssumptionTool.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.
+ */
+
+.assumption-tool-container {
+    color: var(--jp-ui-font-color2);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    position: relative;
+    padding: 8px var(--chat-taskpane-tool-call-horizontal-padding);
+    border-radius: var(--chat-taskpane-item-border-radius);
+    border: 1px solid var(--jp-cell-editor-border-color);
+    cursor: default;
+}
+
+.assumption-header-label {
+    position: absolute;
+    top: -10px;
+    left: 12px;
+    background-color: var(--chat-background-color);
+    padding: 2px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    color: var(--jp-ui-font-color2);
+    font-style: italic;
+}
+
+.assumption-content {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    color: var(--jp-ui-font-color2);
+    font-size: 14px;
+    line-height: 1.4;
+    margin: 0;
+    padding: 10px 10px 5px 10px;
+}
+
+.assumption-content ul {
+    margin: 0;
+    padding-left: 10px;
+}`, "",{"version":3,"sources":["webpack://./style/AssumptionTool.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,+BAA+B;IAC/B,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,gBAAgB;IAChB,mBAAmB;IACnB,kBAAkB;IAClB,8DAA8D;IAC9D,sDAAsD;IACtD,oDAAoD;IACpD,eAAe;AACnB;;AAEA;IACI,kBAAkB;IAClB,UAAU;IACV,UAAU;IACV,8CAA8C;IAC9C,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,+BAA+B;IAC/B,kBAAkB;AACtB;;AAEA;IACI,aAAa;IACb,uBAAuB;IACvB,QAAQ;IACR,+BAA+B;IAC/B,eAAe;IACf,gBAAgB;IAChB,SAAS;IACT,2BAA2B;AAC/B;;AAEA;IACI,SAAS;IACT,kBAAkB;AACtB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.assumption-tool-container {\n    color: var(--jp-ui-font-color2);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 10px;\n    margin-bottom: 10px;\n    position: relative;\n    padding: 8px var(--chat-taskpane-tool-call-horizontal-padding);\n    border-radius: var(--chat-taskpane-item-border-radius);\n    border: 1px solid var(--jp-cell-editor-border-color);\n    cursor: default;\n}\n\n.assumption-header-label {\n    position: absolute;\n    top: -10px;\n    left: 12px;\n    background-color: var(--chat-background-color);\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--jp-ui-font-color2);\n    font-style: italic;\n}\n\n.assumption-content {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    color: var(--jp-ui-font-color2);\n    font-size: 14px;\n    line-height: 1.4;\n    margin: 0;\n    padding: 10px 10px 5px 10px;\n}\n\n.assumption-content ul {\n    margin: 0;\n    padding-left: 10px;\n}"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AuthPopup.css":
+/*!*******************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AuthPopup.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.
+ */
+
+/* Auth popup specific styling to integrate AWS Amplify with Mito theme */
+.modal-content .amplify-authenticator {
+  --amplify-colors-font-primary: var(--jp-ui-font-color1);
+  --amplify-colors-font-secondary: var(--jp-ui-font-color2);
+  --amplify-colors-background-primary: var(--jp-layout-color0);
+  --amplify-colors-background-secondary: var(--jp-layout-color1);
+  --amplify-colors-border-primary: var(--jp-border-color1);
+  --amplify-colors-brand-primary-10: var(--purple-700);
+  --amplify-colors-brand-primary-80: var(--purple-500);
+  --amplify-colors-brand-primary-90: var(--purple-400);
+  --amplify-colors-brand-primary-100: var(--purple-300);
+  --amplify-radii-small: 4px;
+  --amplify-radii-medium: 4px;
+  --amplify-space-small: 8px;
+  --amplify-space-medium: 12px;
+  --amplify-space-large: 16px;
+  --amplify-font-sizes-small: 14px;
+  --amplify-font-sizes-medium: 14px;
+  
+  /* Remove the blue top border on active tabs */
+  --amplify-components-tabs-item-active-border-width: 0;
+  --amplify-components-tabs-item-border-width: 0;
+  
+  /* Ensure active tab bottom border uses purple */
+  --amplify-components-tabs-item-active-border-color: var(--purple-500);
+  --amplify-components-tabs-item-active-color: var(--purple-700);
+}
+
+/* Ensure modal content has adequate width for auth form */
+.modal-content:has(.amplify-authenticator) {
+  width: 480px;
+  max-width: 90vw;
+  min-width: 400px;
+}
+
+/* Style the authenticator container */
+.modal-content .amplify-authenticator__modal {
+  background: transparent !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+
+/* Constrain authenticator content within modal bounds */
+.modal-content .amplify-authenticator {
+  width: 100% !important;
+  max-width: 100% !important;
+  overflow: hidden !important;
+}
+
+/* Specifically target the data-amplify-container to prevent overflow */
+.modal-content [data-amplify-container] {
+  width: 100% !important;
+  max-width: 100% !important;
+  overflow: hidden !important;
+  box-sizing: border-box !important;
+}
+
+
+
+/* Constrain the tabs container */
+.modal-content .amplify-tabs {
+  width: 100% !important;
+  max-width: 100% !important;
+  overflow: hidden !important;
+}
+
+/* Ensure form fields don't overflow */
+.modal-content .amplify-field,
+.modal-content .amplify-field__group {
+  width: 100% !important;
+  max-width: 100% !important;
+  box-sizing: border-box !important;
+}
+
+/* Align form elements with Mito styling */
+.modal-content .amplify-field__label {
+  color: var(--jp-ui-font-color1) !important;
+  font-weight: 500 !important;
+}
+
+.modal-content .amplify-input,
+.modal-content .amplify-select {
+  background: var(--jp-layout-color0) !important;
+  border: 1px solid var(--jp-border-color1) !important;
+  color: var(--jp-ui-font-color1) !important;
+  border-radius: 4px !important;
+}
+
+.modal-content .amplify-input:focus,
+.modal-content .amplify-select:focus {
+  border-color: var(--purple-500) !important;
+  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.1) !important;
+}
+
+
+
+/* Style Amplify buttons to match Mito theme */
+.modal-content .amplify-button--primary {
+  background-color: var(--purple-400) !important;
+  color: var(--purple-700) !important;
+  border: none !important;
+  border-radius: 4px !important;
+  font-weight: 500 !important;
+  padding: 8px 16px !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  box-sizing: border-box !important;
+}
+
+.modal-content .amplify-button--primary:hover {
+  background-color: var(--purple-500) !important;
+}
+
+.modal-content .amplify-button--link {
+  color: var(--purple-600) !important;
+  text-decoration: none !important;
+}
+
+.modal-content .amplify-button--link:hover {
+  color: var(--purple-700) !important;
+  text-decoration: underline !important;
+}
+
+/* Error and success message styling */
+.modal-content .amplify-alert--error {
+  background-color: var(--red-300) !important;
+  color: var(--red-900) !important;
+  border: 1px solid var(--red-400) !important;
+  border-radius: 4px !important;
+}
+
+.modal-content .amplify-alert--info {
+  background-color: var(--purple-300) !important;
+  color: var(--purple-700) !important;
+  border: 1px solid var(--purple-400) !important;
+  border-radius: 4px !important;
+}
+
+/* Tab styling for sign in/sign up tabs */
+.modal-content .amplify-tabs__item {
+  color: var(--jp-ui-font-color2) !important;
+  border-bottom: 2px solid transparent !important;
+}
+
+.modal-content .amplify-tabs__item[data-state="active"] {
+  color: var(--purple-700) !important;
+  border-bottom-color: var(--purple-500) !important;
+}
+
+/* Ensure inactive tabs don't have purple styling */
+.modal-content .amplify-tabs__item[data-state="inactive"] {
+  color: var(--jp-ui-font-color2) !important;
+  border-bottom: 2px solid transparent !important;
+}
+
+
+
+.modal-content .amplify-tabs__item:hover {
+  color: var(--jp-ui-font-color1) !important;
+}
+
+/* Override any default blue tab styling from Amplify */
+.modal-content .amplify-tabs__list {
+  border-bottom: 1px solid var(--jp-border-color1) !important;
+}
+
+.modal-content .amplify-tabs__item[data-state="active"]:after,
+.modal-content .amplify-tabs__item[aria-selected="true"]:after {
+  background-color: var(--purple-500) !important;
+  border-color: var(--purple-500) !important;
+}
+
+/* Override any Amplify default blue colors */
+.modal-content .amplify-tabs [data-amplify-color-mode] .amplify-tabs__item[data-state="active"] {
+  color: var(--purple-700) !important;
+  border-bottom-color: var(--purple-500) !important;
+}
+
+.modal-content .amplify-tabs [data-amplify-color-mode] .amplify-tabs__item[aria-selected="true"] {
+  color: var(--purple-700) !important;
+  border-bottom-color: var(--purple-500) !important;
+}
+
+/* Additional selectors to ensure default active state on initial load */
+.modal-content .amplify-tabs__item[aria-selected="true"] {
+  color: var(--purple-700) !important;
+  border-bottom: 2px solid var(--purple-500) !important;
+}
+
+
+
+/* Loading spinner colors */
+.modal-content .amplify-loader {
+  border-top-color: var(--purple-500) !important;
+}
+
+/* Additional purple color overrides for any remaining blue elements */
+.modal-content .amplify-tabs__item[data-state="active"] *,
+.modal-content .amplify-tabs__item[aria-selected="true"] * {
+  color: var(--purple-700) !important;
+}
+
+/* Override focus states to use purple */
+.modal-content .amplify-tabs__item:focus,
+.modal-content .amplify-tabs__item:focus-visible {
+  border-bottom-color: var(--purple-500) !important;
+  outline-color: var(--purple-500) !important;
+}
+
+/* Ensure any nested tab content uses purple theme */
+.modal-content [data-amplify-authenticator] [data-amplify-router] .amplify-tabs__item[data-state="active"] {
+  color: var(--purple-700) !important;
+  border-bottom-color: var(--purple-500) !important;
+}
+
+/* Remove any top borders, outlines, or blue styling from tabs */
+.modal-content .amplify-tabs__item {
+  border-top: none !important;
+  border-left: none !important;
+  border-right: none !important;
+  outline: none !important;
+}
+
+.modal-content .amplify-tabs__item[data-state="active"],
+.modal-content .amplify-tabs__item[aria-selected="true"] {
+  border-top: none !important;
+  border-left: none !important;
+  border-right: none !important;
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+/* Remove any pseudo-element borders that might create blue lines */
+.modal-content .amplify-tabs__item:before,
+.modal-content .amplify-tabs__item:after,
+.modal-content .amplify-tabs__item[data-state="active"]:before,
+.modal-content .amplify-tabs__item[aria-selected="true"]:before {
+  display: none !important;
+  border: none !important;
+  background: none !important;
+}
+
+
+
+/* Additional containment rules for better layout */
+.modal-content .amplify-authenticator * {
+  box-sizing: border-box !important;
+}
+
+/* Prevent any Amplify containers from overflowing */
+.modal-content [data-amplify-authenticator],
+.modal-content [data-amplify-router],
+.modal-content [data-amplify-authenticator-signin],
+.modal-content [data-amplify-authenticator-signup] {
+  width: 100% !important;
+  max-width: 100% !important;
+  overflow: hidden !important;
+  box-sizing: border-box !important;
+}
+
+/* Remove any default margins or padding that might cause overflow */
+.modal-content [data-amplify-container] * {
+  max-width: 100% !important;
+}
+
+/* Ensure modal content itself doesn't allow horizontal scroll */
+.modal-content:has(.amplify-authenticator) {
+  overflow-x: hidden !important;
 }
 
-.agent-component-header.no-border {
-    border: none;
+/* Target main Amplify containers but not inputs */
+.modal-content div[data-amplify-container] {
+  width: 100% !important;
+  max-width: 100% !important;
+  box-sizing: border-box !important;
 }
 
-.agent-component-header.expanded {
-    border: none;
-    border-radius: 5px 5px 0 0;
-    background-color: var(--jp-layout-color2);
+/* Ensure tab panels fit within bounds */
+.modal-content .amplify-tabs__panel {
+  width: 100% !important;
+  max-width: 100% !important;
+  overflow: hidden !important;
+  padding: 16px !important;
 }
 
-.agent-component-header.error-fixup {
-    border: none;
+/* Ensure tab list doesn't overflow */
+.modal-content .amplify-tabs__list {
+  width: 100% !important;
+  max-width: 100% !important;
+  display: flex !important;
+  justify-content: space-around !important;
 }
 
-.agent-component-header.error-fixup.expanded {
-    background-color: var(--jp-layout-color2);
+.modal-content .amplify-tabs__item {
+  flex: 1 !important;
+  text-align: center !important;
+  max-width: 50% !important;
 }
 
-.agent-component-header-content {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    flex: 1;
-    min-width: 0;
+/* Add this to your AuthPopup.css file */
+
+/* Hide password requirements by default */
+.password-requirements {
+  display: none;
+  padding: 16px 20px;
+  background-color: var(--jp-layout-color2);
+  border-top: 1px solid var(--jp-border-color1);
+  font-size: 13px;
 }
 
-.agent-component-header-content svg {
-    flex-shrink: 0;
+/* Show password requirements when sign-up form is present */
+.modal-content:has([data-amplify-authenticator-signup]) .password-requirements {
+  display: block;
 }
 
-.agent-component-header-expand-icon {
-    flex-shrink: 0;
-    transition: transform 0.2s ease;
+/* Style the requirements content */
+.password-requirements p {
+  margin: 0 0 8px 0;
+  font-weight: bold;
+  color: var(--jp-ui-font-color1);
 }
 
-.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,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-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___);
+.password-requirements ul {
+  margin: 0;
+  padding-left: 20px;
+  color: var(--jp-ui-font-color2);
+  font-size: 12px;
+}
 
+/* Success message styling */
+.auth-success-message {
+  padding: 32px 24px;
+  text-align: center;
+  background: var(--jp-layout-color0);
+  border-radius: 8px;
+}
 
-/***/ }),
+.success-icon {
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: center;
+}
 
-/***/ "./node_modules/css-loader/dist/cjs.js!./style/AssumptionTool.css":
-/*!************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./style/AssumptionTool.css ***!
-  \************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+.success-title {
+  color: var(--jp-ui-font-color1);
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0 0 12px 0;
+  font-family: var(--jp-ui-font-family);
+}
 
-__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
+.success-description {
+  color: var(--jp-ui-font-color1);
+  font-size: 16px;
+  margin: 0 0 16px 0;
+  font-family: var(--jp-ui-font-family);
+  line-height: 1.5;
+}
 
+.success-timer {
+  color: var(--jp-ui-font-color2);
+  font-size: 14px;
+  margin: 0 0 24px 0;
+  font-family: var(--jp-ui-font-family);
+  font-style: italic;
+}
 
-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.
- */
+.success-actions {
+  display: flex;
+  justify-content: center;
+  gap: 12px;
+}
 
-.assumption-tool-container {
-    color: var(--jp-ui-font-color2);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 10px;
-    margin-bottom: 10px;
-    position: relative;
-    padding: 8px var(--chat-taskpane-tool-call-horizontal-padding);
-    border-radius: var(--chat-taskpane-item-border-radius);
-    border: 1px solid var(--jp-cell-editor-border-color);
-    cursor: default;
+/* Progress bar animation */
+@keyframes progressFill {
+  from { width: 0%; }
+  to { width: 100%; }
 }
 
-.assumption-header-label {
-    position: absolute;
-    top: -10px;
-    left: 12px;
-    background-color: var(--chat-background-color);
-    padding: 2px 8px;
-    border-radius: 4px;
-    font-size: 12px;
-    color: var(--jp-ui-font-color2);
-    font-style: italic;
+/* Welcome message container styling */
+.welcome-message-container {
+  border: 1px solid var(--jp-border-color1);
+  border-radius: 8px;
+  padding: 32px 24px;
+  margin: 16px 0;
+  background-color: var(--jp-layout-color0);
+  text-align: center;
 }
 
-.assumption-content {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
-    color: var(--jp-ui-font-color2);
-    font-size: 14px;
-    line-height: 1.4;
-    margin: 0;
-    padding: 10px 10px 5px 10px;
+/* Welcome message title */
+.welcome-message-title {
+  color: var(--jp-ui-font-color1);
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0 0 12px 0;
+  font-family: var(--jp-ui-font-family);
 }
 
-.assumption-content ul {
-    margin: 0;
-    padding-left: 10px;
-}`, "",{"version":3,"sources":["webpack://./style/AssumptionTool.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,+BAA+B;IAC/B,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,gBAAgB;IAChB,mBAAmB;IACnB,kBAAkB;IAClB,8DAA8D;IAC9D,sDAAsD;IACtD,oDAAoD;IACpD,eAAe;AACnB;;AAEA;IACI,kBAAkB;IAClB,UAAU;IACV,UAAU;IACV,8CAA8C;IAC9C,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,+BAA+B;IAC/B,kBAAkB;AACtB;;AAEA;IACI,aAAa;IACb,uBAAuB;IACvB,QAAQ;IACR,+BAA+B;IAC/B,eAAe;IACf,gBAAgB;IAChB,SAAS;IACT,2BAA2B;AAC/B;;AAEA;IACI,SAAS;IACT,kBAAkB;AACtB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.assumption-tool-container {\n    color: var(--jp-ui-font-color2);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 10px;\n    margin-bottom: 10px;\n    position: relative;\n    padding: 8px var(--chat-taskpane-tool-call-horizontal-padding);\n    border-radius: var(--chat-taskpane-item-border-radius);\n    border: 1px solid var(--jp-cell-editor-border-color);\n    cursor: default;\n}\n\n.assumption-header-label {\n    position: absolute;\n    top: -10px;\n    left: 12px;\n    background-color: var(--chat-background-color);\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--jp-ui-font-color2);\n    font-style: italic;\n}\n\n.assumption-content {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    color: var(--jp-ui-font-color2);\n    font-size: 14px;\n    line-height: 1.4;\n    margin: 0;\n    padding: 10px 10px 5px 10px;\n}\n\n.assumption-content ul {\n    margin: 0;\n    padding-left: 10px;\n}"],"sourceRoot":""}]);
+/* Welcome message description */
+.welcome-message-description {
+  color: var(--jp-ui-font-color1);
+  font-size: 16px;
+  margin: 0 0 16px 0;
+  font-family: var(--jp-ui-font-family);
+  line-height: 1.5;
+}
+
+/* Progress bar container */
+.progress-bar-container {
+  width: 100%;
+  height: 4px;
+  background-color: var(--jp-border-color1);
+  border-radius: 2px;
+  overflow: hidden;
+  margin-top: 20px;
+  margin-bottom: 12px;
+}
+
+/* Progress bar fill with CSS animation */
+.progress-bar-fill {
+  width: 0%;
+  height: 100%;
+  background-color: var(--purple-500);
+  border-radius: 2px;
+  animation: progressFill 3s linear forwards;
+}
+
+/* Progress bar timer text */
+.progress-bar-timer {
+  color: var(--jp-ui-font-color2);
+  font-size: 14px;
+  margin: 0;
+  font-family: var(--jp-ui-font-family);
+  font-style: italic;
+}`, "",{"version":3,"sources":["webpack://./style/AuthPopup.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,yEAAyE;AACzE;EACE,uDAAuD;EACvD,yDAAyD;EACzD,4DAA4D;EAC5D,8DAA8D;EAC9D,wDAAwD;EACxD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,qDAAqD;EACrD,0BAA0B;EAC1B,2BAA2B;EAC3B,0BAA0B;EAC1B,4BAA4B;EAC5B,2BAA2B;EAC3B,gCAAgC;EAChC,iCAAiC;;EAEjC,8CAA8C;EAC9C,qDAAqD;EACrD,8CAA8C;;EAE9C,gDAAgD;EAChD,qEAAqE;EACrE,8DAA8D;AAChE;;AAEA,0DAA0D;AAC1D;EACE,YAAY;EACZ,eAAe;EACf,gBAAgB;AAClB;;AAEA,sCAAsC;AACtC;EACE,kCAAkC;EAClC,2BAA2B;EAC3B,uBAAuB;AACzB;;AAEA,wDAAwD;AACxD;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,2BAA2B;AAC7B;;AAEA,uEAAuE;AACvE;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,2BAA2B;EAC3B,iCAAiC;AACnC;;;;AAIA,iCAAiC;AACjC;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,2BAA2B;AAC7B;;AAEA,sCAAsC;AACtC;;EAEE,sBAAsB;EACtB,0BAA0B;EAC1B,iCAAiC;AACnC;;AAEA,0CAA0C;AAC1C;EACE,0CAA0C;EAC1C,2BAA2B;AAC7B;;AAEA;;EAEE,8CAA8C;EAC9C,oDAAoD;EACpD,0CAA0C;EAC1C,6BAA6B;AAC/B;;AAEA;;EAEE,0CAA0C;EAC1C,wDAAwD;AAC1D;;;;AAIA,8CAA8C;AAC9C;EACE,8CAA8C;EAC9C,mCAAmC;EACnC,uBAAuB;EACvB,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B;EAC5B,sBAAsB;EACtB,0BAA0B;EAC1B,iCAAiC;AACnC;;AAEA;EACE,8CAA8C;AAChD;;AAEA;EACE,mCAAmC;EACnC,gCAAgC;AAClC;;AAEA;EACE,mCAAmC;EACnC,qCAAqC;AACvC;;AAEA,sCAAsC;AACtC;EACE,2CAA2C;EAC3C,gCAAgC;EAChC,2CAA2C;EAC3C,6BAA6B;AAC/B;;AAEA;EACE,8CAA8C;EAC9C,mCAAmC;EACnC,8CAA8C;EAC9C,6BAA6B;AAC/B;;AAEA,yCAAyC;AACzC;EACE,0CAA0C;EAC1C,+CAA+C;AACjD;;AAEA;EACE,mCAAmC;EACnC,iDAAiD;AACnD;;AAEA,mDAAmD;AACnD;EACE,0CAA0C;EAC1C,+CAA+C;AACjD;;;;AAIA;EACE,0CAA0C;AAC5C;;AAEA,uDAAuD;AACvD;EACE,2DAA2D;AAC7D;;AAEA;;EAEE,8CAA8C;EAC9C,0CAA0C;AAC5C;;AAEA,6CAA6C;AAC7C;EACE,mCAAmC;EACnC,iDAAiD;AACnD;;AAEA;EACE,mCAAmC;EACnC,iDAAiD;AACnD;;AAEA,wEAAwE;AACxE;EACE,mCAAmC;EACnC,qDAAqD;AACvD;;;;AAIA,2BAA2B;AAC3B;EACE,8CAA8C;AAChD;;AAEA,sEAAsE;AACtE;;EAEE,mCAAmC;AACrC;;AAEA,wCAAwC;AACxC;;EAEE,iDAAiD;EACjD,2CAA2C;AAC7C;;AAEA,oDAAoD;AACpD;EACE,mCAAmC;EACnC,iDAAiD;AACnD;;AAEA,gEAAgE;AAChE;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,6BAA6B;EAC7B,wBAAwB;AAC1B;;AAEA;;EAEE,2BAA2B;EAC3B,4BAA4B;EAC5B,6BAA6B;EAC7B,wBAAwB;EACxB,2BAA2B;AAC7B;;AAEA,mEAAmE;AACnE;;;;EAIE,wBAAwB;EACxB,uBAAuB;EACvB,2BAA2B;AAC7B;;;;AAIA,mDAAmD;AACnD;EACE,iCAAiC;AACnC;;AAEA,oDAAoD;AACpD;;;;EAIE,sBAAsB;EACtB,0BAA0B;EAC1B,2BAA2B;EAC3B,iCAAiC;AACnC;;AAEA,oEAAoE;AACpE;EACE,0BAA0B;AAC5B;;AAEA,gEAAgE;AAChE;EACE,6BAA6B;AAC/B;;AAEA,kDAAkD;AAClD;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,iCAAiC;AACnC;;AAEA,wCAAwC;AACxC;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,2BAA2B;EAC3B,wBAAwB;AAC1B;;AAEA,qCAAqC;AACrC;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,wBAAwB;EACxB,wCAAwC;AAC1C;;AAEA;EACE,kBAAkB;EAClB,6BAA6B;EAC7B,yBAAyB;AAC3B;;AAEA,wCAAwC;;AAExC,0CAA0C;AAC1C;EACE,aAAa;EACb,kBAAkB;EAClB,yCAAyC;EACzC,6CAA6C;EAC7C,eAAe;AACjB;;AAEA,4DAA4D;AAC5D;EACE,cAAc;AAChB;;AAEA,mCAAmC;AACnC;EACE,iBAAiB;EACjB,iBAAiB;EACjB,+BAA+B;AACjC;;AAEA;EACE,SAAS;EACT,kBAAkB;EAClB,+BAA+B;EAC/B,eAAe;AACjB;;AAEA,4BAA4B;AAC5B;EACE,kBAAkB;EAClB,kBAAkB;EAClB,mCAAmC;EACnC,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,+BAA+B;EAC/B,eAAe;EACf,kBAAkB;EAClB,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;EACf,kBAAkB;EAClB,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,SAAS;AACX;;AAEA,2BAA2B;AAC3B;EACE,OAAO,SAAS,EAAE;EAClB,KAAK,WAAW,EAAE;AACpB;;AAEA,sCAAsC;AACtC;EACE,yCAAyC;EACzC,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;EACd,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA,0BAA0B;AAC1B;EACE,+BAA+B;EAC/B,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA,gCAAgC;AAChC;EACE,+BAA+B;EAC/B,eAAe;EACf,kBAAkB;EAClB,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA,2BAA2B;AAC3B;EACE,WAAW;EACX,WAAW;EACX,yCAAyC;EACzC,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA,yCAAyC;AACzC;EACE,SAAS;EACT,YAAY;EACZ,mCAAmC;EACnC,kBAAkB;EAClB,0CAA0C;AAC5C;;AAEA,4BAA4B;AAC5B;EACE,+BAA+B;EAC/B,eAAe;EACf,SAAS;EACT,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/* Auth popup specific styling to integrate AWS Amplify with Mito theme */\n.modal-content .amplify-authenticator {\n  --amplify-colors-font-primary: var(--jp-ui-font-color1);\n  --amplify-colors-font-secondary: var(--jp-ui-font-color2);\n  --amplify-colors-background-primary: var(--jp-layout-color0);\n  --amplify-colors-background-secondary: var(--jp-layout-color1);\n  --amplify-colors-border-primary: var(--jp-border-color1);\n  --amplify-colors-brand-primary-10: var(--purple-700);\n  --amplify-colors-brand-primary-80: var(--purple-500);\n  --amplify-colors-brand-primary-90: var(--purple-400);\n  --amplify-colors-brand-primary-100: var(--purple-300);\n  --amplify-radii-small: 4px;\n  --amplify-radii-medium: 4px;\n  --amplify-space-small: 8px;\n  --amplify-space-medium: 12px;\n  --amplify-space-large: 16px;\n  --amplify-font-sizes-small: 14px;\n  --amplify-font-sizes-medium: 14px;\n  \n  /* Remove the blue top border on active tabs */\n  --amplify-components-tabs-item-active-border-width: 0;\n  --amplify-components-tabs-item-border-width: 0;\n  \n  /* Ensure active tab bottom border uses purple */\n  --amplify-components-tabs-item-active-border-color: var(--purple-500);\n  --amplify-components-tabs-item-active-color: var(--purple-700);\n}\n\n/* Ensure modal content has adequate width for auth form */\n.modal-content:has(.amplify-authenticator) {\n  width: 480px;\n  max-width: 90vw;\n  min-width: 400px;\n}\n\n/* Style the authenticator container */\n.modal-content .amplify-authenticator__modal {\n  background: transparent !important;\n  box-shadow: none !important;\n  border: none !important;\n}\n\n/* Constrain authenticator content within modal bounds */\n.modal-content .amplify-authenticator {\n  width: 100% !important;\n  max-width: 100% !important;\n  overflow: hidden !important;\n}\n\n/* Specifically target the data-amplify-container to prevent overflow */\n.modal-content [data-amplify-container] {\n  width: 100% !important;\n  max-width: 100% !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n}\n\n\n\n/* Constrain the tabs container */\n.modal-content .amplify-tabs {\n  width: 100% !important;\n  max-width: 100% !important;\n  overflow: hidden !important;\n}\n\n/* Ensure form fields don't overflow */\n.modal-content .amplify-field,\n.modal-content .amplify-field__group {\n  width: 100% !important;\n  max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n/* Align form elements with Mito styling */\n.modal-content .amplify-field__label {\n  color: var(--jp-ui-font-color1) !important;\n  font-weight: 500 !important;\n}\n\n.modal-content .amplify-input,\n.modal-content .amplify-select {\n  background: var(--jp-layout-color0) !important;\n  border: 1px solid var(--jp-border-color1) !important;\n  color: var(--jp-ui-font-color1) !important;\n  border-radius: 4px !important;\n}\n\n.modal-content .amplify-input:focus,\n.modal-content .amplify-select:focus {\n  border-color: var(--purple-500) !important;\n  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.1) !important;\n}\n\n\n\n/* Style Amplify buttons to match Mito theme */\n.modal-content .amplify-button--primary {\n  background-color: var(--purple-400) !important;\n  color: var(--purple-700) !important;\n  border: none !important;\n  border-radius: 4px !important;\n  font-weight: 500 !important;\n  padding: 8px 16px !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n.modal-content .amplify-button--primary:hover {\n  background-color: var(--purple-500) !important;\n}\n\n.modal-content .amplify-button--link {\n  color: var(--purple-600) !important;\n  text-decoration: none !important;\n}\n\n.modal-content .amplify-button--link:hover {\n  color: var(--purple-700) !important;\n  text-decoration: underline !important;\n}\n\n/* Error and success message styling */\n.modal-content .amplify-alert--error {\n  background-color: var(--red-300) !important;\n  color: var(--red-900) !important;\n  border: 1px solid var(--red-400) !important;\n  border-radius: 4px !important;\n}\n\n.modal-content .amplify-alert--info {\n  background-color: var(--purple-300) !important;\n  color: var(--purple-700) !important;\n  border: 1px solid var(--purple-400) !important;\n  border-radius: 4px !important;\n}\n\n/* Tab styling for sign in/sign up tabs */\n.modal-content .amplify-tabs__item {\n  color: var(--jp-ui-font-color2) !important;\n  border-bottom: 2px solid transparent !important;\n}\n\n.modal-content .amplify-tabs__item[data-state=\"active\"] {\n  color: var(--purple-700) !important;\n  border-bottom-color: var(--purple-500) !important;\n}\n\n/* Ensure inactive tabs don't have purple styling */\n.modal-content .amplify-tabs__item[data-state=\"inactive\"] {\n  color: var(--jp-ui-font-color2) !important;\n  border-bottom: 2px solid transparent !important;\n}\n\n\n\n.modal-content .amplify-tabs__item:hover {\n  color: var(--jp-ui-font-color1) !important;\n}\n\n/* Override any default blue tab styling from Amplify */\n.modal-content .amplify-tabs__list {\n  border-bottom: 1px solid var(--jp-border-color1) !important;\n}\n\n.modal-content .amplify-tabs__item[data-state=\"active\"]:after,\n.modal-content .amplify-tabs__item[aria-selected=\"true\"]:after {\n  background-color: var(--purple-500) !important;\n  border-color: var(--purple-500) !important;\n}\n\n/* Override any Amplify default blue colors */\n.modal-content .amplify-tabs [data-amplify-color-mode] .amplify-tabs__item[data-state=\"active\"] {\n  color: var(--purple-700) !important;\n  border-bottom-color: var(--purple-500) !important;\n}\n\n.modal-content .amplify-tabs [data-amplify-color-mode] .amplify-tabs__item[aria-selected=\"true\"] {\n  color: var(--purple-700) !important;\n  border-bottom-color: var(--purple-500) !important;\n}\n\n/* Additional selectors to ensure default active state on initial load */\n.modal-content .amplify-tabs__item[aria-selected=\"true\"] {\n  color: var(--purple-700) !important;\n  border-bottom: 2px solid var(--purple-500) !important;\n}\n\n\n\n/* Loading spinner colors */\n.modal-content .amplify-loader {\n  border-top-color: var(--purple-500) !important;\n}\n\n/* Additional purple color overrides for any remaining blue elements */\n.modal-content .amplify-tabs__item[data-state=\"active\"] *,\n.modal-content .amplify-tabs__item[aria-selected=\"true\"] * {\n  color: var(--purple-700) !important;\n}\n\n/* Override focus states to use purple */\n.modal-content .amplify-tabs__item:focus,\n.modal-content .amplify-tabs__item:focus-visible {\n  border-bottom-color: var(--purple-500) !important;\n  outline-color: var(--purple-500) !important;\n}\n\n/* Ensure any nested tab content uses purple theme */\n.modal-content [data-amplify-authenticator] [data-amplify-router] .amplify-tabs__item[data-state=\"active\"] {\n  color: var(--purple-700) !important;\n  border-bottom-color: var(--purple-500) !important;\n}\n\n/* Remove any top borders, outlines, or blue styling from tabs */\n.modal-content .amplify-tabs__item {\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n  outline: none !important;\n}\n\n.modal-content .amplify-tabs__item[data-state=\"active\"],\n.modal-content .amplify-tabs__item[aria-selected=\"true\"] {\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n}\n\n/* Remove any pseudo-element borders that might create blue lines */\n.modal-content .amplify-tabs__item:before,\n.modal-content .amplify-tabs__item:after,\n.modal-content .amplify-tabs__item[data-state=\"active\"]:before,\n.modal-content .amplify-tabs__item[aria-selected=\"true\"]:before {\n  display: none !important;\n  border: none !important;\n  background: none !important;\n}\n\n\n\n/* Additional containment rules for better layout */\n.modal-content .amplify-authenticator * {\n  box-sizing: border-box !important;\n}\n\n/* Prevent any Amplify containers from overflowing */\n.modal-content [data-amplify-authenticator],\n.modal-content [data-amplify-router],\n.modal-content [data-amplify-authenticator-signin],\n.modal-content [data-amplify-authenticator-signup] {\n  width: 100% !important;\n  max-width: 100% !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n}\n\n/* Remove any default margins or padding that might cause overflow */\n.modal-content [data-amplify-container] * {\n  max-width: 100% !important;\n}\n\n/* Ensure modal content itself doesn't allow horizontal scroll */\n.modal-content:has(.amplify-authenticator) {\n  overflow-x: hidden !important;\n}\n\n/* Target main Amplify containers but not inputs */\n.modal-content div[data-amplify-container] {\n  width: 100% !important;\n  max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n/* Ensure tab panels fit within bounds */\n.modal-content .amplify-tabs__panel {\n  width: 100% !important;\n  max-width: 100% !important;\n  overflow: hidden !important;\n  padding: 16px !important;\n}\n\n/* Ensure tab list doesn't overflow */\n.modal-content .amplify-tabs__list {\n  width: 100% !important;\n  max-width: 100% !important;\n  display: flex !important;\n  justify-content: space-around !important;\n}\n\n.modal-content .amplify-tabs__item {\n  flex: 1 !important;\n  text-align: center !important;\n  max-width: 50% !important;\n}\n\n/* Add this to your AuthPopup.css file */\n\n/* Hide password requirements by default */\n.password-requirements {\n  display: none;\n  padding: 16px 20px;\n  background-color: var(--jp-layout-color2);\n  border-top: 1px solid var(--jp-border-color1);\n  font-size: 13px;\n}\n\n/* Show password requirements when sign-up form is present */\n.modal-content:has([data-amplify-authenticator-signup]) .password-requirements {\n  display: block;\n}\n\n/* Style the requirements content */\n.password-requirements p {\n  margin: 0 0 8px 0;\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n}\n\n.password-requirements ul {\n  margin: 0;\n  padding-left: 20px;\n  color: var(--jp-ui-font-color2);\n  font-size: 12px;\n}\n\n/* Success message styling */\n.auth-success-message {\n  padding: 32px 24px;\n  text-align: center;\n  background: var(--jp-layout-color0);\n  border-radius: 8px;\n}\n\n.success-icon {\n  margin-bottom: 20px;\n  display: flex;\n  justify-content: center;\n}\n\n.success-title {\n  color: var(--jp-ui-font-color1);\n  font-size: 24px;\n  font-weight: 600;\n  margin: 0 0 12px 0;\n  font-family: var(--jp-ui-font-family);\n}\n\n.success-description {\n  color: var(--jp-ui-font-color1);\n  font-size: 16px;\n  margin: 0 0 16px 0;\n  font-family: var(--jp-ui-font-family);\n  line-height: 1.5;\n}\n\n.success-timer {\n  color: var(--jp-ui-font-color2);\n  font-size: 14px;\n  margin: 0 0 24px 0;\n  font-family: var(--jp-ui-font-family);\n  font-style: italic;\n}\n\n.success-actions {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n}\n\n/* Progress bar animation */\n@keyframes progressFill {\n  from { width: 0%; }\n  to { width: 100%; }\n}\n\n/* Welcome message container styling */\n.welcome-message-container {\n  border: 1px solid var(--jp-border-color1);\n  border-radius: 8px;\n  padding: 32px 24px;\n  margin: 16px 0;\n  background-color: var(--jp-layout-color0);\n  text-align: center;\n}\n\n/* Welcome message title */\n.welcome-message-title {\n  color: var(--jp-ui-font-color1);\n  font-size: 24px;\n  font-weight: 600;\n  margin: 0 0 12px 0;\n  font-family: var(--jp-ui-font-family);\n}\n\n/* Welcome message description */\n.welcome-message-description {\n  color: var(--jp-ui-font-color1);\n  font-size: 16px;\n  margin: 0 0 16px 0;\n  font-family: var(--jp-ui-font-family);\n  line-height: 1.5;\n}\n\n/* Progress bar container */\n.progress-bar-container {\n  width: 100%;\n  height: 4px;\n  background-color: var(--jp-border-color1);\n  border-radius: 2px;\n  overflow: hidden;\n  margin-top: 20px;\n  margin-bottom: 12px;\n}\n\n/* Progress bar fill with CSS animation */\n.progress-bar-fill {\n  width: 0%;\n  height: 100%;\n  background-color: var(--purple-500);\n  border-radius: 2px;\n  animation: progressFill 3s linear forwards;\n}\n\n/* Progress bar timer text */\n.progress-bar-timer {\n  color: var(--jp-ui-font-color2);\n  font-size: 14px;\n  margin: 0;\n  font-family: var(--jp-ui-font-family);\n  font-style: italic;\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -10969,173 +12897,55 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 .message-action-buttons button:not(:last-child) {
   border-right: 1px solid var(--jp-border-color1);
 }
-
-/* Remove the individual button radius styles since we're handling it at the container level */
-.message-action-buttons button:first-child,
-.message-action-buttons button:last-child {
-  border-radius: 0;
-}
-
-/* Standalone edit button */
-.message-start-editing-button {
-  position: relative;
-  padding: 4px;
-  border-radius: 4px;
-}
-
-/* SVG icon color */
-.message-action-buttons button svg {
-  color: var(--jp-content-font-color1);
-}
-
-/* Hover states */
-.message-action-buttons button:hover,
-.message-start-editing-button:hover {
-  background-color: var(--jp-layout-color4);
-}
-
-/* Show buttons on message hover */
-.message:hover .message-action-buttons button,
-.message:hover .message-start-editing-button {
-  opacity: 1;
-}
-
-.message-edit-buttons {
-  display: flex;
-  gap: 8px;
-  padding: 5px;
-}
-
-.message-edit-buttons button {
-  padding: 4px 12px;
-  border-radius: 4px;
-  background-color: var(--jp-layout-color1);
-  color: var(--jp-content-font-color1);
-  border: 1px solid var(--jp-border-color1);
-  cursor: pointer;
-}
-
-.message-edit-buttons button:hover {
-  background-color: var(--jp-layout-color2);
-}
-
-.chat-message-alert-container {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  background-color: var(--red-300);
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid var(--red-900);
-  color: var(--red-900);
-}
-
-.chat-message-alert a {
-  color: var(--purple-700);
-  text-decoration: underline;
-}
-
-/* New style for the main error message */
-.alert-error-message {
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.4;
-  color: var(--red-900);
-  margin-bottom: 8px;
-}
-
-.alert-actions-header {
-  margin-bottom: 12px;
-}
-
-.alert-actions-title {
-  font-weight: 500;
-  margin: 0 0 8px 0;
-  color: var(--red-900);
-  font-size: 13px;
-}
-
-.alert-actions-list {
-  margin: 0;
-  padding-left: 16px;
-  color: var(--red-800);
-}
-
-.alert-actions-list li {
-  margin-bottom: 4px;
-  font-size: 13px;
-  line-height: 1.4;
-}
-
-.alert-action-item {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  padding: 8px 0;
-  color: var(--red-800);
-  font-size: 13px;
-  line-height: 1.4;
-}
-
-.action-icon {
-  font-size: 16px;
-  flex-shrink: 0;
-  margin-top: 1px;
+
+/* Remove the individual button radius styles since we're handling it at the container level */
+.message-action-buttons button:first-child,
+.message-action-buttons button:last-child {
+  border-radius: 0;
 }
 
-.details-toggle {
-  display: inline-flex;
-  align-items: center;
+/* Standalone edit button */
+.message-start-editing-button {
+  position: relative;
+  padding: 4px;
+  border-radius: 4px;
 }
 
-.toggle-button {
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  color: var(--red-900);
-  font-size: 12px;
-  font-family: inherit;
-  text-decoration: underline;
+/* SVG icon color */
+.message-action-buttons button svg {
+  color: var(--jp-content-font-color1);
 }
 
-.toggle-button:hover {
-  color: var(--red-800);
+/* Hover states */
+.message-action-buttons button:hover,
+.message-start-editing-button:hover {
+  background-color: var(--jp-layout-color4);
 }
 
-.toggle-caret {
-  font-size: 10px;
-  transition: transform 0.2s ease;
-  display: inline-block;
-  text-decoration: none !important;
+/* Show buttons on message hover */
+.message:hover .message-action-buttons button,
+.message:hover .message-start-editing-button {
+  opacity: 1;
 }
 
-.toggle-caret.open {
-  transform: rotate(180deg);
+.message-edit-buttons {
+  display: flex;
+  gap: 8px;
+  padding: 5px;
 }
 
-.details-content {
-  margin-top: 8px;
-  margin-left: 16px;
-  padding: 8px;
-  background-color: var(--grey-100);
+.message-edit-buttons button {
+  padding: 4px 12px;
   border-radius: 4px;
-  animation: slideDown 0.2s ease-out;
+  background-color: var(--jp-layout-color1);
+  color: var(--jp-content-font-color1);
+  border: 1px solid var(--jp-border-color1);
+  cursor: pointer;
 }
 
-@keyframes slideDown {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}`, "",{"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,mBAAmB;AACrB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,2DAA2D;EAC3D,0CAA0C;EAC1C,aAAa;AACf;;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;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,gCAAgC;EAChC,kBAAkB;EAClB,aAAa;EACb,gCAAgC;EAChC,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;EACxB,0BAA0B;AAC5B;;AAEA,yCAAyC;AACzC;EACE,eAAe;EACf,gBAAgB;EAChB,gBAAgB;EAChB,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,iBAAiB;EACjB,qBAAqB;EACrB,eAAe;AACjB;;AAEA;EACE,SAAS;EACT,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;EACE,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,cAAc;EACd,qBAAqB;EACrB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,YAAY;EACZ,UAAU;EACV,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,qBAAqB;EACrB,eAAe;EACf,oBAAoB;EACpB,0BAA0B;AAC5B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,eAAe;EACf,+BAA+B;EAC/B,qBAAqB;EACrB,gCAAgC;AAClC;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,iCAAiC;EACjC,kBAAkB;EAClB,kCAAkC;AACpC;;AAEA;EACE;IACE,UAAU;IACV,2BAA2B;EAC7B;EACA;IACE,UAAU;IACV,wBAAwB;EAC1B;AACF","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:not(.chat-input) {\n  margin-bottom: 20px;\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}\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}\n\n.chat-message-alert-container {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  background-color: var(--red-300);\n  border-radius: 5px;\n  padding: 10px;\n  border: 1px solid var(--red-900);\n  color: var(--red-900);\n}\n\n.chat-message-alert a {\n  color: var(--purple-700);\n  text-decoration: underline;\n}\n\n/* New style for the main error message */\n.alert-error-message {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--red-900);\n  margin-bottom: 8px;\n}\n\n.alert-actions-header {\n  margin-bottom: 12px;\n}\n\n.alert-actions-title {\n  font-weight: 500;\n  margin: 0 0 8px 0;\n  color: var(--red-900);\n  font-size: 13px;\n}\n\n.alert-actions-list {\n  margin: 0;\n  padding-left: 16px;\n  color: var(--red-800);\n}\n\n.alert-actions-list li {\n  margin-bottom: 4px;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.alert-action-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 8px 0;\n  color: var(--red-800);\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.action-icon {\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.details-toggle {\n  display: inline-flex;\n  align-items: center;\n}\n\n.toggle-button {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--red-900);\n  font-size: 12px;\n  font-family: inherit;\n  text-decoration: underline;\n}\n\n.toggle-button:hover {\n  color: var(--red-800);\n}\n\n.toggle-caret {\n  font-size: 10px;\n  transition: transform 0.2s ease;\n  display: inline-block;\n  text-decoration: none !important;\n}\n\n.toggle-caret.open {\n  transform: rotate(180deg);\n}\n\n.details-content {\n  margin-top: 8px;\n  margin-left: 16px;\n  padding: 8px;\n  background-color: var(--grey-100);\n  border-radius: 4px;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}"],"sourceRoot":""}]);
+.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,mBAAmB;AACrB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,2DAA2D;EAC3D,0CAA0C;EAC1C,aAAa;AACf;;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:not(.chat-input) {\n  margin-bottom: 20px;\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}\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___);
 
@@ -12243,55 +14053,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ "./node_modules/css-loader/dist/cjs.js!./style/GetCellOutputToolUI.css":
-/*!*****************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./style/GetCellOutputToolUI.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.
- */
-
-.get-cell-output-container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: start;
-    background-color: transparent;
-    padding: 10px;
-    border-radius: 5px;
-    border: 1px solid var(--jp-cell-editor-border-color);
-    margin: 10px 0;
-    color: var(--jp-ui-font-color2);
-}
-
-.get-cell-output-content {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    margin-left: 5px;
-} `, "",{"version":3,"sources":["webpack://./style/GetCellOutputToolUI.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,6BAA6B;IAC7B,aAAa;IACb,kBAAkB;IAClB,oDAAoD;IACpD,cAAc;IACd,+BAA+B;AACnC;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,SAAS;IACT,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.get-cell-output-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: start;\n    background-color: transparent;\n    padding: 10px;\n    border-radius: 5px;\n    border: 1px solid var(--jp-cell-editor-border-color);\n    margin: 10px 0;\n    color: var(--jp-ui-font-color2);\n}\n\n.get-cell-output-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: 5px;\n} "],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js!./style/IconButton.css":
@@ -13148,15 +14909,19 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   white-space: pre !important;
 }
 
-.code-block-python-code .jp-RenderedHTMLCommon > *:last-child {
+.code-block-python-code .jp-RenderedHTMLCommon {
+  /* Remove default Jupyter padding */
+  padding-right: 0px !important;
+}
+
+.code-block-python-code .jp-RenderedHTMLCommon>*:last-child {
   /* 
         Remove the default Jupyter ending margin 
         so that the rendered code is flush with the bottom
         of the CodeMessagePart
     */
   margin-bottom: 0px;
-}
-`, "",{"version":3,"sources":["webpack://./style/PythonCode.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,oBAAoB;EACpB,wBAAwB;EACxB,0BAA0B;EAC1B,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE;;;;KAIG;EACH,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-python-code pre {\n  flex-grow: 1;\n  height: 100%;\n  width: 100%;\n  margin: 0 !important;\n  padding: 10px !important;\n  font-size: 12px !important;\n  overflow-x: auto;\n}\n\n.code-block-python-code code {\n  white-space: pre !important;\n}\n\n.code-block-python-code .jp-RenderedHTMLCommon > *:last-child {\n  /* \n        Remove the default Jupyter ending margin \n        so that the rendered code is flush with the bottom\n        of the CodeMessagePart\n    */\n  margin-bottom: 0px;\n}\n"],"sourceRoot":""}]);
+}`, "",{"version":3,"sources":["webpack://./style/PythonCode.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,oBAAoB;EACpB,wBAAwB;EACxB,0BAA0B;EAC1B,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,mCAAmC;EACnC,6BAA6B;AAC/B;;AAEA;EACE;;;;KAIG;EACH,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-python-code pre {\n  flex-grow: 1;\n  height: 100%;\n  width: 100%;\n  margin: 0 !important;\n  padding: 10px !important;\n  font-size: 12px !important;\n  overflow-x: auto;\n}\n\n.code-block-python-code code {\n  white-space: pre !important;\n}\n\n.code-block-python-code .jp-RenderedHTMLCommon {\n  /* Remove default Jupyter padding */\n  padding-right: 0px !important;\n}\n\n.code-block-python-code .jp-RenderedHTMLCommon>*:last-child {\n  /* \n        Remove the default Jupyter ending margin \n        so that the rendered code is flush with the bottom\n        of the CodeMessagePart\n    */\n  margin-bottom: 0px;\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -13852,441 +15617,32 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   background-color: var(--purple-400);
 }
 
-.button-width-block {
-  width: 100%;
-}
-
-.button-width-fit-contents {
-  width: fit-content;
-}
-
-.button-small {
-  height: 20px;
-  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,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,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-width-block {\n  width: 100%;\n}\n\n.button-width-fit-contents {\n  width: fit-content;\n}\n\n.button-small {\n  height: 20px;\n  font-size: 12px;\n  padding: 2px 5px;\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/dist/runtime/api.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/css-loader/dist/runtime/api.js ***!
-  \*****************************************************/
-/***/ ((module) => {
-
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
-    }
-  };
-  return list;
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/dist/runtime/sourceMaps.js":
-/*!************************************************************!*\
-  !*** ./node_modules/css-loader/dist/runtime/sourceMaps.js ***!
-  \************************************************************/
-/***/ ((module) => {
-
-
-
-module.exports = function (item) {
-  var content = item[1];
-  var cssMapping = item[3];
-  if (!cssMapping) {
-    return content;
-  }
-  if (typeof btoa === "function") {
-    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
-    var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
-    var sourceMapping = "/*# ".concat(data, " */");
-    return [content].concat([sourceMapping]).join("\n");
-  }
-  return [content].join("\n");
-};
-
-/***/ }),
-
-/***/ "./node_modules/react-dom/client.js":
-/*!******************************************!*\
-  !*** ./node_modules/react-dom/client.js ***!
-  \******************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-
-
-var m = __webpack_require__(/*! react-dom */ "webpack/sharing/consume/default/react-dom");
-if (false) {} else {
-  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  exports.createRoot = function(c, o) {
-    i.usingClientEntryPoint = true;
-    try {
-      return m.createRoot(c, o);
-    } finally {
-      i.usingClientEntryPoint = false;
-    }
-  };
-  exports.hydrateRoot = function(c, h, o) {
-    i.usingClientEntryPoint = true;
-    try {
-      return m.hydrateRoot(c, h, o);
-    } finally {
-      i.usingClientEntryPoint = false;
-    }
-  };
-}
-
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
-  \****************************************************************************/
-/***/ ((module) => {
-
-
-
-var stylesInDOM = [];
-function getIndexByIdentifier(identifier) {
-  var result = -1;
-  for (var i = 0; i < stylesInDOM.length; i++) {
-    if (stylesInDOM[i].identifier === identifier) {
-      result = i;
-      break;
-    }
-  }
-  return result;
-}
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var indexByIdentifier = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3],
-      supports: item[4],
-      layer: item[5]
-    };
-    if (indexByIdentifier !== -1) {
-      stylesInDOM[indexByIdentifier].references++;
-      stylesInDOM[indexByIdentifier].updater(obj);
-    } else {
-      var updater = addElementStyle(obj, options);
-      options.byIndex = i;
-      stylesInDOM.splice(i, 0, {
-        identifier: identifier,
-        updater: updater,
-        references: 1
-      });
-    }
-    identifiers.push(identifier);
-  }
-  return identifiers;
-}
-function addElementStyle(obj, options) {
-  var api = options.domAPI(options);
-  api.update(obj);
-  var updater = function updater(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
-        return;
-      }
-      api.update(obj = newObj);
-    } else {
-      api.remove();
-    }
-  };
-  return updater;
-}
-module.exports = function (list, options) {
-  options = options || {};
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDOM[index].references--;
-    }
-    var newLastIdentifiers = modulesToDom(newList, options);
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
-      var _index = getIndexByIdentifier(_identifier);
-      if (stylesInDOM[_index].references === 0) {
-        stylesInDOM[_index].updater();
-        stylesInDOM.splice(_index, 1);
-      }
-    }
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js":
-/*!********************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***!
-  \********************************************************************/
-/***/ ((module) => {
-
-
-
-var memo = {};
-
-/* istanbul ignore next  */
-function getTarget(target) {
-  if (typeof memo[target] === "undefined") {
-    var styleTarget = document.querySelector(target);
-
-    // Special case to return head of iframe instead of iframe itself
-    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-      try {
-        // This will throw an exception if access to iframe is blocked
-        // due to cross-origin restrictions
-        styleTarget = styleTarget.contentDocument.head;
-      } catch (e) {
-        // istanbul ignore next
-        styleTarget = null;
-      }
-    }
-    memo[target] = styleTarget;
-  }
-  return memo[target];
-}
-
-/* istanbul ignore next  */
-function insertBySelector(insert, style) {
-  var target = getTarget(insert);
-  if (!target) {
-    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-  }
-  target.appendChild(style);
-}
-module.exports = insertBySelector;
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
-  \**********************************************************************/
-/***/ ((module) => {
-
-
-
-/* istanbul ignore next  */
-function insertStyleElement(options) {
-  var element = document.createElement("style");
-  options.setAttributes(element, options.attributes);
-  options.insert(element, options.options);
-  return element;
-}
-module.exports = insertStyleElement;
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
-  \**********************************************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-
-
-/* istanbul ignore next  */
-function setAttributesWithoutAttributes(styleElement) {
-  var nonce =  true ? __webpack_require__.nc : 0;
-  if (nonce) {
-    styleElement.setAttribute("nonce", nonce);
-  }
+.button-dark-purple {
+  background-color: var(--purple-500);
+  color: var(--white) !important;
 }
-module.exports = setAttributesWithoutAttributes;
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
-  \***************************************************************/
-/***/ ((module) => {
-
-
-
-/* istanbul ignore next  */
-function apply(styleElement, options, obj) {
-  var css = "";
-  if (obj.supports) {
-    css += "@supports (".concat(obj.supports, ") {");
-  }
-  if (obj.media) {
-    css += "@media ".concat(obj.media, " {");
-  }
-  var needLayer = typeof obj.layer !== "undefined";
-  if (needLayer) {
-    css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
-  }
-  css += obj.css;
-  if (needLayer) {
-    css += "}";
-  }
-  if (obj.media) {
-    css += "}";
-  }
-  if (obj.supports) {
-    css += "}";
-  }
-  var sourceMap = obj.sourceMap;
-  if (sourceMap && typeof btoa !== "undefined") {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  }
 
-  // For old IE
-  /* istanbul ignore if  */
-  options.styleTagTransform(css, styleElement, options.options);
-}
-function removeStyleElement(styleElement) {
-  // istanbul ignore if
-  if (styleElement.parentNode === null) {
-    return false;
-  }
-  styleElement.parentNode.removeChild(styleElement);
+.button-dark-purple:hover {
+  background-color: var(--purple-600);
 }
 
-/* istanbul ignore next  */
-function domAPI(options) {
-  if (typeof document === "undefined") {
-    return {
-      update: function update() {},
-      remove: function remove() {}
-    };
-  }
-  var styleElement = options.insertStyleElement(options);
-  return {
-    update: function update(obj) {
-      apply(styleElement, options, obj);
-    },
-    remove: function remove() {
-      removeStyleElement(styleElement);
-    }
-  };
+.button-width-block {
+  width: 100%;
 }
-module.exports = domAPI;
-
-/***/ }),
-
-/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
-  \*********************************************************************/
-/***/ ((module) => {
-
 
+.button-width-fit-contents {
+  width: fit-content;
+}
 
-/* istanbul ignore next  */
-function styleTagTransform(css, styleElement) {
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = css;
-  } else {
-    while (styleElement.firstChild) {
-      styleElement.removeChild(styleElement.firstChild);
-    }
-    styleElement.appendChild(document.createTextNode(css));
-  }
+.button-small {
+  height: 20px;
+  font-size: 12px;
+  padding: 2px 5px;
 }
-module.exports = styleTagTransform;
+`, "",{"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,mCAAmC;EACnC,8BAA8B;AAChC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,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-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: 20px;\n  font-size: 12px;\n  padding: 2px 5px;\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
 
 /***/ }),
 
@@ -14402,6 +15758,168 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AgentComponentHeader_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AgentComponentHeader_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AgentComponentHeader_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
+/***/ }),
+
+/***/ "./style/AgentToolUIComponent.css":
+/*!****************************************!*\
+  !*** ./style/AgentToolUIComponent.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_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AgentToolUIComponent.css */ "./node_modules/css-loader/dist/cjs.js!./style/AgentToolUIComponent.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_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AgentToolUIComponent_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
+/***/ }),
+
+/***/ "./style/AlertBlock.css":
+/*!******************************!*\
+  !*** ./style/AlertBlock.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_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AlertBlock.css */ "./node_modules/css-loader/dist/cjs.js!./style/AlertBlock.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_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
+/***/ }),
+
+/***/ "./style/AppsList.css":
+/*!****************************!*\
+  !*** ./style/AppsList.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_AppsList_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AppsList.css */ "./node_modules/css-loader/dist/cjs.js!./style/AppsList.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_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* 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/AssumptionTool.css":
@@ -14456,6 +15974,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_AssumptionTool_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AssumptionTool_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AssumptionTool_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
+/***/ }),
+
+/***/ "./style/AuthPopup.css":
+/*!*****************************!*\
+  !*** ./style/AuthPopup.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_AuthPopup_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AuthPopup.css */ "./node_modules/css-loader/dist/cjs.js!./style/AuthPopup.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_AuthPopup_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AuthPopup_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AuthPopup_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AuthPopup_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "./style/CTACarousel.css":
@@ -15104,60 +16676,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ErrorMimeRendererPlugin_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ErrorMimeRendererPlugin_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ErrorMimeRendererPlugin_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
-/***/ }),
-
-/***/ "./style/GetCellOutputToolUI.css":
-/*!***************************************!*\
-  !*** ./style/GetCellOutputToolUI.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_GetCellOutputToolUI_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./GetCellOutputToolUI.css */ "./node_modules/css-loader/dist/cjs.js!./style/GetCellOutputToolUI.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_GetCellOutputToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
-
-
-
-
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_GetCellOutputToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_GetCellOutputToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_GetCellOutputToolUI_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
-
-
 /***/ }),
 
 /***/ "./style/IconButton.css":
@@ -15917,4 +17435,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.55d9f8ca386d87856d2d.js.map
+//# sourceMappingURL=lib_index_js.a9a35b6fcc54a7bcb32c.js.map